.content-title > span {
    font-weight: normal;
    display: block;
    padding-top: 3px;
    padding-left: 21px;
    padding-bottom: 2px;
    text-shadow: -1px -1px 1px white;
    position: relative;
  }
  .content-title > span:before {
    content: "";
    display: block;
    position: absolute;
    background: #ff3c00;
    width: 6px;
    height: 100%;
    border-radius: 3px;
    top: 0;
    left: 0;
  }
  #SMP_STYLE .body_tbl {
    width: 900px;
    margin: 0 auto;
    padding-bottom: 30px;
    background: #FFFFFF;
  }
  .title span{
    text-align: right;
  }
  .body_tbl{
    padding: 20px 0;
  }
  .ReceptionSetting-Title{
    padding: 20px 0px;
  }
  .flow-list-box{
    align-items: center;
    padding: 20px 15px 20px 15px;
    border-bottom: 2px dotted #000;
  }
  .flow-list-box .first{
    border-top: 2px dotted #000;
  }
  .flow-img {
    width: 130px;
    height: auto;
    display: inline-block;
  }
  .flow-img img{
    width: 100%;
  }
  .flow-title{
    padding: 20px 5px 20px 5px;
    display: inline-block;
  }
  p{
    margin: 0;
    padding: 0;
  }
  .MailBox{
    width: 100%;
    border-collapse: collapse;
    margin-top: 50px;
  }
  .MailBox div{
    border: 1px solid #000;
    width: 100%;
  }
  .must {
      color: #FFF;
      border-radius: 3px;
      font-size: 85%;
      padding: 5px 5px;
      letter-spacing: 0.2em;
      background: #ea0000;
      float: right;
      margin-right: 12px;
      font-weight: 400;
  }
  .MailBox input{
    width: 95%;
  }
  .title{
    width: 270px;
    /* border: 1px solid #000000; */
    background: #f2f2f2;
    padding: 5px;
    font-size: 13px;
  }
  .data{
    /* border: 1px solid #000000; */
    padding: 5px;
  }
  .btn-class{
    text-align: right;
  }
  .btn-class button{
    background-color: #f5cc0c;
    font-weight: bold;
    padding: 10px 32px 10px 32px;
    border: none;
  }
  #content-main{
    border-bottom: 1px solid #000000;
    padding-bottom: 5%;
    padding-top: 5%;
  }
  h2{
    /* width: 30%; */
    display: inline-block;
  }
  .flow-text p{
    padding: 10px 0;
  }
  .top-back{
    text-align: right;
    margin: 50px 0;
  }
  .top-back a{
    text-decoration: none;
  }
  footer{
    background-color: #666;
    text-align: left;
    width: 100%;
    color: #fff;
  }
  footer p{
    text-align: right;
  }
  #SMP_STYLE .body {
    margin: 0;
    padding: 0;
    font-size: 13px;
    *font-size: small;
    *font: x-small;
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  }

  #SMP_STYLE .body_tbl {
    width: 900px;
    margin: 0 auto;
    padding-bottom: 0;
    background: #FFFFFF;
  }

  #SMP_STYLE h1 {
    margin: 0;
    padding: 10px 10px 10px 0px;
    font-size: 2.5em;
    font-weight:bold;
  }

  #SMP_STYLE .header_img_smartphone {display: none;}
  #SMP_STYLE .header_img_tablet {display: none;}
  #SMP_STYLE .header_img_pc {display: block;}

  #SMP_STYLE .header_text {
    margin: 0;
    padding: 20px 70px 20px 70px;
    background: #F1F1F1;
    color: #111111;
    font-size: 100%;
    font-weight:normal;
    text-align:left;
  }

  #SMP_STYLE .header_rmesg {
    /* margin: 0;
    padding: 30px 70px 10px 70px;
    color: #111111;
    font-size: 100%;
    font-weight:normal;
    text-align:left; */
  }

  #SMP_STYLE .header_emesg {
    /* width: 720px;
    margin: 30px auto;
    padding: 20px 20px 20px 20px;
    border: 2px solid #FF0000; */
    color: #FF0000;
    /* font-size: 100%;
    font-weight:normal;
    text-align:left; */
  }

  #SMP_STYLE .smp_tmpl {
    padding: 0 20px;
    /* width: 900px;
    padding: 20px 0 0 0;
    margin: 0 70px; */
  }

  #SMP_STYLE dl {
    position: relative;
    margin: 0;
    padding: 13px 0 0 0;
    width: 100%;
    border-bottom: 1px solid #DDDDDD;
  }
  #SMP_STYLE dl.date {
    position: relative;
    margin: 0;
    padding: 8px 0 0 0;
    width: 100%;
    border-bottom: 1px solid #DDDDDD;
  }

  #SMP_STYLE dl:first-child {
    border-top: 1px solid #DDDDDD;
  }
  #SMP_STYLE dl.top {
    border-top: 1px solid #DDDDDD;
  }
  #SMP_STYLE dt.title {
    display: inline-block;
    /* width: 220px; */
    margin: 0;
    padding: 23px 15px 18px 5px;
    color: #333333;
    background-color: #FFFFFF;
    font-size: 108%;
    font-weight:bold;
    text-align:left;
    line-height: 1.2;
    vertical-align: top;
  }
  #SMP_STYLE dt.title2 {

    padding: 18px 15px 18px 5px;

  }

  #SMP_STYLE dt.title .caution {
    display: block;
    /* width: 220px; */
    color: #5F5F5F;
    font-size: 85%;
    font-weight:normal;
    padding: 10px 0 0 0;
    line-height: 1.2;
    text-align:left;
  }

  #SMP_STYLE dd.data {
    display: inline-block;
    /* width: 520px; */
    margin: 0;
    padding: 18px 0;
    color: #5F5F5F;
    font-size: 100%;
    /* font-weight: bold; */
    text-align: left;
  }

  #SMP_STYLE dd.data2 {

    padding: 18px 0;

  }

  #SMP_STYLE .input ,#SMP_STYLE select {
    width: 500px;
    margin-bottom: 8px;
    padding: 5px;
    color: #333333;
    border: 1px solid #999999;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) inset;
    font-size: 108%;
    text-align: left;
  }

  #SMP_STYLE .zipcode li.code01 input {
    width: 30px;
  }

  #SMP_STYLE .zipcode li.code02 input {
    width: 40px;
  }

  #SMP_STYLE .phone li.num01 input {
    width: 50px;
  }

  #SMP_STYLE .phone li.num02 input {
    width: 40px;
  }

  #SMP_STYLE .phone li.num03 input {
    width: 40px;
  }

  #SMP_STYLE .price input {
    width: 200px;
  }

  #SMP_STYLE .num input {
    width: 60px;
  }

  #SMP_STYLE .integer input {
    width: 90px;
  }

  #SMP_STYLE .real input {
    width: 170px;
  }

  #SMP_STYLE .pass input {
    width: 150px;
  }

  #SMP_STYLE .epass input {
    width: 160px;
  }

  #SMP_STYLE .time input {
    width: 20px;
  }

  #SMP_STYLE .time .year {
    width: 40px;
  }
  #SMP_STYLE #AppBirthDayDl .time input, #SMP_STYLE #ApptelDayDl .phone input{
      width: 70px;
  }
  #SMP_STYLE #AppBirthDayDl .time .year{
      width: 70px;
  }

  #SMP_STYLE ul,#smp_style li {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  #SMP_STYLE .zipcode ul li,
  #SMP_STYLE .phone ul li,
  #SMP_STYLE .time ul li {
    width: auto;
    float: left;
    margin: 0 3px 0 0;
    padding: 0;
    height: 35px;
    /* line-height: 35px; */
  }

  #SMP_STYLE .multi1 label {
    display: block;
    float: left;
    min-width: 135px;
    margin: 0 0 7px 0;
    padding: 0 10px;
    text-align: left;
  }

  #SMP_STYLE .multi1 label input {
    display: block;
    float: left;
    width: 1em;
    height: 1em;
    margin: 0.4em 0 0 0;
    padding: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset;
    border-radius: 0 0 0 0;
    overflow: hidden;
  }

  #SMP_STYLE .multi1 label span {
    display: block;
    margin: 0 0 0 30px;
    font-size: 100%;
    font-weight: normal;
  }

  #SMP_STYLE .multi1 .radio input {
    border-radius: 1em;
  }

  #SMP_STYLE .multi2 li {
    display: inline;
    float: left;
    min-width: 135px;
    margin: 0 0 0 0;
    padding: 0 5px 2px 10px;
    text-align: left;
    clear: both;
  }

  #SMP_STYLE .multi2 label input {
    display: block;
    float: left;
    width: 1em;
    height: 1em;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset;
    margin: 0.2em 0 0 0;
    padding: 0;
    border-radius: 0 0 0 0;
    overflow: hidden;
  }

  #SMP_STYLE .multi2 label span {
    display: block;
    margin: 0 0 0 30px;
    font-size: 100%;
    font-weight: normal;
  }

  #SMP_STYLE .multi2 .radio input {
    border-radius: 1em;
  }

  #SMP_STYLE select {
    margin-bottom: 8px;
    font-size: 100%;
    width: 180px;
    font-weight: 400;
    padding: 5px;
    font-size: 108%;
  }

  #SMP_STYLE textarea {
    width: 510px;
    padding: 5px;
    border: 1px solid #999999;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) inset;
    font-size: 108%;
    text-align: left;
  }

  #SMP_STYLE .image input {
    width: 100%;
  }

  #SMP_STYLE .file input {
    width: 100%;
  }

  #SMP_STYLE input.clear {
    width: 55px;
    text-align: center;
  }

  #SMP_STYLE input.submit {
    width: 30%;
    height: 42px;
    margin: 40px 0 40px 0;
    border: hidden;
    background: #f5cc0c;
    color: #122b40;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
    font-weight: 700;
    font-size: 15px;

  }

  #SMP_STYLE input.submit:hover {

  }

  #SMP_STYLE input.image {
    margin: 40px 0 40px 0;
    width: auto;
    border: none;
    padding: 0;
    vertical-align: middle;
  }

  #SMP_STYLE input[name=SMPFORM_BACK] {
    width: 30%;
    height: 42px;
    margin: 40px 0 40px 0;
    border: hidden;
    background: #cccccc;
    color: #122b40;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
    font-weight: 700;
    font-size: 15px;
  }

  #SMP_STYLE input.submit:hover {

  }

  #SMP_STYLE input.image {
    margin: 40px 0 40px 0;
    width: auto;
    border: none;
    padding: 0;
    vertical-align: middle;
  }

  #SMP_STYLE .sample {
    color: #555555;
    font-size: 93%;
    font-weight:normal;
    text-align:left;
    line-height: 1.2;
  }

  #SMP_STYLE .suffix {
    color: #111111;
    font-size: 100%;
    font-weight:normal;
    text-align:left;
    height: 35px;
    line-height: 35px;
  }

  #SMP_STYLE .need {
    color: #CC0000;
    font-size: 100%;
    font-weight:bold;
    text-align:left;
  }



  #SMP_STYLE .sub_text {
    width: 760px;
    font-size: 123.1%;
    font-weight:bold;
    padding: 150px 0;
    text-align:left;
    color: #111111;
  }

  #SMP_STYLE .error {
    background: #FFE4E4;
  }

  #SMP_STYLE .spiralSeal {
    width: 80%;
    overflow: hidden;
    margin: 0;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
  }

  #SMP_STYLE .spiralSeal tr td.description {
    display: table-cell;
    text-align: left;
    overflow: auto;
  }

  #SMP_STYLE .spiralSeal tr td.img {
    display: table-cell;
    margin-left: 0px;
    margin-right: 0px;
    overflow: auto;
    text-align: center;
  }

  #SMP_STYLE .footer_text {
    width: 760px;
    font-size: 100%;
    margin: 30px 0 0 0;
    font-weight:normal;
    text-align:left;
  }

  #SMP_STYLE .cf:before,#SMP_STYLE .cf:after {content:"";display:table;}
  #SMP_STYLE .cf:after {clear:both;}
  #SMP_STYLE .cf {*zoom:1;}

  .wrap{
    width: 100%;
    position: relative;
    min-height: 100%;
  }
/*
---------------------------------------
- footer
---------------------------------------
*/
.container {
  width: 970px;
}
.main-container {
  padding: 0px 10px 80px;
}
footer,
#footer {
  /*height: 180px;*/
  /*background-color: #666;*/
  /*color: #eee;*/
  /* border-top: 1px solid #bcd9bc; */
  background: #666666;
  color: #fff;
    /* bottom: 0;
    position: absolute;
    width: 100%; */
    position: absolute;
    bottom: 0;
    width: 100%;
  }

  footer .container,
  #footer .container {
    padding-top: 0.5em;
    padding-bottom: 3.1em;
    text-align: right;
    height: 80px;
    bottom: 0;
  }

  footer #copyright,
  #footer #copyright {
    font-size: 14px;
    /*color: #333;*/
  }

  .mb0{
    margin-bottom: 0px;
  }
  input{
    padding-left: 5px;
  }
  .ReceptionSetting{
    padding: 20px;
  }
  #SMP_STYLE ul.list_parentheses{
    padding: 0 0 0 0em;
    margin:0;
    list-style-position: inside;
    padding-left: 20px;
    text-indent: -20px;
  }

  #SMP_STYLE ul.list_parentheses li{
    list-style-type:none;
    list-style-position:inside;
    counter-increment: cnt;
    margin-bottom: 5px!important;
  }
  #SMP_STYLE ul.list_parentheses li:before{
    display: marker;
    content: "(" counter(cnt) ") ";
  }
  #SMP_STYLE h1.content-title2{
    padding: 30px 10px 50px 0px;
  }
  .parentDiv{
    position: relative;
    margin-bottom: 20px;
    height: auto;
    overflow: hidden;
  }
  .childrenBottom{
    padding: 0px;
    position: absolute;
    bottom: 3px;
    padding:  0px 10px 0px 10px;
  }
  #content-main.bb0{
    border-bottom: none;
  }
  label.f400w{
    font-weight: 400;
    margin-bottom: 0px;
  }
  div.btn-box.mb-50.boxdiv{
    height: auto;
    width: 100%;
    overflow: hidden;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }
  .mb-50 {
    margin-bottom: 50px!important;
  }
  .flotl{
    float: left;
  }
  .flotr{
    float: right;
  }
  .btn-class2{
    overflow: hidden;
    width: 100%;
  }
  .w270{
    width: 270px!important;
  }
  .centerp{
    text-align: center;
    margin-bottom: 40px;
  }
  .centerspan{
    margin-bottom: 40px;
    padding: 0px 20px;
  }
  .centerp p{
    margin-bottom: 10px;
  }
  .tl{
    text-align: left;
  }
  div.centerp.tl h2{
    font-size: 23px;
    font-weight: 700;
  }
  .content-title > span.h2 {
    font-weight: normal;
    display: block;
    padding-top: 5px;
    padding-left: 16px;
    padding-bottom: 2px;
    text-shadow: -1px -1px 1px white;
    position: relative;
    font-weight: 700;
  }
  h2.content-title span{
    font-size: 0.9em!important;
  }
  .CardBox {
    border: 1px solid #0095ff;
    border-radius: 30px;
    width: 50%;
    text-align: center;
    margin: auto;
  }
  .CardBox img {
    width: 50%;
  }
  .pdt5{
    padding-top: 5px;
  }
  #SMP_STYLE ul#kakunin{
    padding: 5px 10px 30px 10px;
    list-style: none;
  }
  #SMP_STYLE ul#kakunin li{
    margin-bottom:3px;
  }
  #kakunin input{
    float: left;
    margin: 2px 0 0;
    margin-right: 3px;

  }
  #kakunin p {
    text-indent: 0em;
    padding-left: 2em;
  }
  .bold{
    font-weight: 700;
  }
  #SMP_STYLE ul.tyuui{
    padding: 5px 10px 30px 10px;
    list-style-position: inside;
    list-style-type: disc;
  }
  #SMP_STYLE ul.tyuui li{
    list-style-type: disc;
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 3px;
  }
  #SMP_STYLE ul.tyuui.pdb5{
    padding-bottom: 5px;
  }
  #SMP_STYLE ul.tyuui li span{
    color: #333;
  }
  .opacity0{
    color: #fff;
  }
  .opacity1{
    opacity:1;
  }
  .pd5{
    padding: 5px;
  }
  #SMP_STYLE ul.tyuui li span.re{
    color: red;
  }
  .tyuui a{
    text-decoration: none;
    color: #333;
  }
  .pdb0{
    padding-bottom: 0px;
  }
  .w50{
    width: 50%;
    border: 1px solid #333;
  }
  .center70{
    text-align: center;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
  }
  .douiTable{
    height:200px;
    max-width:550px;
    border: solid 1px #000000;
    overflow: auto;
  }
  div.douiTable table{
   height:200px;
   max-width:530px;
 }
 ol.douiOl{
  font-size:12px;
  color:#000000;
  padding-inline-start: 0px;
  padding: 10px;
}
#content-main.pdb0{
  padding-bottom: 0px;
}
.pdb0{
  padding-bottom: 0px;
}
ol.douiOlalpha{
  list-style-type: upper-alpha;
  list-style-position: inside;
}
table.douiTable-border{
  border: 1px solid #000;
  border-collapse: collapse;
  font-size: 12px;
}
.douiTable-border th{
  border: 1px solid #000;
  text-align:center;
}
.douiTable-border td{
  border: 1px solid #000;
}
#SMP_STYLE ol.cnt li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
  margin-bottom: 5px!important;
  text-indent: -1.8em;
  padding-left: 1.1em;
}
#SMP_STYLE ol.cnt li:before{
  display: marker;
  content: "(" counter(cnt) ") ";

  margin-bottom: 5px;
}
#SMP_STYLE ol.cnt li{


}

#SMP_STYLE ol.douiOlalpha li{
  text-indent: -1.3em;
  padding-left: 1.1em;
  list-style-type: inherit;
  margin-bottom: 5px;
}
.mt5{
  margin-top: 5px;
}
.mbtom5{
  margin-bottom: 5px!important;
}
#SMP_STYLE hr.top{
  margin-bottom:0px;
  margin-top: 5px;
  border: 0;
  border: none;
}
#SMP_STYLE .msg {
    display: block;
    color: #fd3d3df7;
    font-size: 90%;
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 5px;
    margin-left: 0px;
    text-align: left;
}

.bold700{
    font-weight: 700;
}
@media all and (-ms-high-contrast: none){
    #SMP_STYLE dt.sent{
      width: 40%;
    }
    #SMP_STYLE dd.send{
      margin-left: 40%;
    }
}

@media screen and (min-width:726px) and (max-width:981px) {

  .title {
    width: 260px;
  }
  .container {
    width: 100%;
  }
  .main-container {
    padding:30px 30px 80px;
  }

  #SMP_STYLE .body {
    margin: 0;
    padding: 0;
    font-size: 13px;
    *font-size: small;
    *font: x-small;
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
    background: #FFFFFF;
  }

  #SMP_STYLE .body_tbl {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 30px 0;
    border: none;
    background: #FFFFFF;
  }

  #SMP_STYLE .header_img_smartphone {display: none;}
  #SMP_STYLE .header_img_tablet {display: block;}
  #SMP_STYLE .header_img_pc {display: none;}

  #SMP_STYLE .header_text {
    margin: 0;
    padding: 15px 70px 15px 70px;
    background: #F1F1F1;
    color: #111111;
    font-size: 93%;
    font-weight:normal;
    text-align:left;
  }

  #SMP_STYLE .header_rmesg {
    /* margin: 0;
    padding: 30px 70px 10px 70px;
    color: #111111;
    font-size: 100%;
    font-weight:normal;
    text-align:left; */
  }

  #SMP_STYLE .header_emesg {
    /* width: 80%;
    margin: 30px auto 10px;
    padding: 15px 15px 15px 15px;
    border: 2px solid #FF0000; */
    color: #FF0000;
    /* font-size: 100%;
    font-weight:normal;
    text-align:left; */
  }

  #SMP_STYLE .smp_tmpl {
    /* width: 80%;
    margin: 20px auto 0;
    padding: 20px 0 0 0; */
  }

  #SMP_STYLE dl {
    display: table;
    margin: 0;
    position: relative;
    width: 100%;
  }

  #SMP_STYLE dl:first-child {
    border-top: 1px solid #DDDDDD;
  }
  #SMP_STYLE dl.top {
    border-top: 1px solid #DDDDDD;
  }
  #SMP_STYLE dt.title {
    display: inline-block;
    width: 30%;
    margin: 0;
    padding: 23px 15px 18px 5px;
    color: #333333;
    background-color: #FFFFFF;
    font-size: 108%;
    font-weight:bold;
    text-align:left;
    line-height: 1.2;
    vertical-align: top;
  }


  #SMP_STYLE dt.title .caution {
    display: block;
    width: 100%;
    color: #5F5F5F;
    font-size: 85%;
    font-weight:normal;
    padding: 10px 0 0 0;
    line-height: 1.2;
    text-align:left;
  }

  #SMP_STYLE dd.data {
    display: inline-block;
    width: 70%;
    margin: 0;
    padding: 18px 0 18px 0;
    color: #5F5F5F;
    font-size: 100%;
    /* font-weight: bold; */
    text-align: left;
  }

  #SMP_STYLE .input,#SMP_STYLE select {
    width: 70%;
    margin-bottom: 8px;
    padding: 5px;
    color: #333333;
    border: 1px solid #999999;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) inset;
    font-size: 108%;
    text-align: left;
  }

  #SMP_STYLE .zipcode li.code01 input {
    width: 30px;
  }

  #SMP_STYLE .zipcode li.code02 input {
    width: 40px;
  }

  #SMP_STYLE .phone li.num01 input {
    width: 50px;
  }

  #SMP_STYLE .phone li.num02 input {
    width: 40px;
  }

  #SMP_STYLE .phone li.num03 input {
    width: 40px;
  }

  #SMP_STYLE .price input {
    width: 200px;
  }

  #SMP_STYLE .num input {
    width: 60px;
  }

  #SMP_STYLE .integer input {
    width: 90px;
  }

  #SMP_STYLE .real input {
    width: 170px;
  }

  #SMP_STYLE .pass input {
    width: 50%;
  }

  #SMP_STYLE .epass input {
    width: 50%;
  }

  #SMP_STYLE .time input {
    width: 20px;
  }

  #SMP_STYLE .time .year {
    width: 40px;
  }

  #SMP_STYLE .time .new_line {
    clear: both;
  }

  #SMP_STYLE ul,#smp_style li {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  #SMP_STYLE .zipcode ul li,
  #SMP_STYLE .phone ul li,
  #SMP_STYLE .time ul li {
    width: auto;
    float: left;
    margin: 0 3px 0 0;
    padding: 0;
    height: 35px;
    /* line-height: 35px; */
  }

  #SMP_STYLE .multi1 label {
    display: block;
    float: left;
    min-width: 126px;
    margin: 0 10px 7px 0;
    padding: 10px 10px 0 10px;
    border-radius: 4px 4px 4px 4px;
    background: #F1F1F1;
    text-align: left;
  }

  #SMP_STYLE .multi1 label input {
    display: block;
    float: left;
    width: 20px;
    margin: 0.2em 0 0 0;
    padding: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset;
    border-radius: 3px 3px 3px 3px;
    text-align: left;
    overflow: hidden;
  }

  #SMP_STYLE .multi1 label span {
    display: block;
    margin: 0 0 10px 30px;
    font-size: 100%;
  }

  #SMP_STYLE .multi1 .radio input {
    border-radius: 1em;
  }

  #SMP_STYLE .multi2 li {
    display: inline;
    float: left;
    width: 100%;
    margin: 0 0 7px 0;
    padding: 10px 10px 10px 10px;
    border-radius: 4px 4px 4px 4px;
    background: #EEEEEE;
    text-align: left;
    clear: both;
  }

  #SMP_STYLE .multi2 label input {
    display: block;
    float: left;
    width: 20px;
    margin: 0.2em 0 0 0;
    padding: 0;
    text-align: left;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset;
    border-radius: 3px 3px 3px 3px;
    overflow: hidden;
  }

  #SMP_STYLE .multi2 label span {
    display: block;
    margin: 0 0 0 30px;
    font-size: 100%;
  }

  #SMP_STYLE .multi2 .radio input {
    border-radius: 1em;
  }

  #SMP_STYLE select {
    margin-bottom: 8px;
    font-size: 100%;
    width: 180px;
  }

  #SMP_STYLE textarea {
    width: 100%;
    padding: 5px;
    border: 1px solid #999999;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) inset;
    font-size: 108%;
    text-align: left;
  }

  #SMP_STYLE .image input {
    width: 100%;
  }

  #SMP_STYLE .file input {
    width: 100%;
  }

  #SMP_STYLE input.clear {
    width: 55px;
    text-align: center;
  }

  #SMP_STYLE input.submit {
    width: 30%;
    height: 42px;
    margin: 40px 0 40px 0;
    border: hidden;
  }

  #SMP_STYLE input.submit:hover {


  }

  #SMP_STYLE input.image {
    margin: 40px 0 40px 0;
    width: auto;
    border: none;
    padding: 0;
    vertical-align: middle;
  }

  #SMP_STYLE .sample {
    color: #555555;
    font-size: 93%;
    font-weight:normal;
    text-align:left;
    line-height: 1.2;
  }

  #SMP_STYLE .suffix {
    color: #111111;
    font-size: 100%;
    font-weight:normal;
    text-align:left;
    height: 35px;
    line-height: 35px;
  }

  #SMP_STYLE .need {
    color: #CC0000;
    font-size: 100%;
    font-weight:bold;
    text-align:left;
  }



  #SMP_STYLE .sub_text {
    width: 80%;
    font-size: 123.1%;
    font-weight:bold;
    padding: 150px 0;
    text-align:left;
    color: #111111;
  }

  #SMP_STYLE .error {
    background: #FFE4E4;
  }

  #SMP_STYLE .spiralSeal {
    width: 80%;
    overflow: hidden;
    margin: 0;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
  }

  #SMP_STYLE .spiralSeal tr td.description {
    display: table-cell;
    text-align: left;
    overflow: auto;
  }

  #SMP_STYLE .spiralSeal tr td.img {
    display: table-cell;
    margin-left: 0px;
    margin-right: 0px;
    overflow: auto;
    text-align: center;
  }

  #SMP_STYLE .footer_text {
    width: 80%;
    font-size: 93%;
    margin: 30px 0 0 0;
    font-weight:normal;
    text-align:left;
  }

  #SMP_STYLE .cf:before,#SMP_STYLE .cf:after {content:"";display:table;}
  #SMP_STYLE .cf:after {clear:both;}
  #SMP_STYLE .cf {*zoom:1;}

  #SMP_STYLE ul.list_parentheses{
    padding: 0 0 0 0em;
    margin:0;
    list-style-position: inside;
    padding-left: 20px;
    text-indent: -20px;
  }

  #SMP_STYLE ul.list_parentheses li{
    list-style-type:none;
    list-style-position:inside;
    counter-increment: cnt;
    margin-bottom: 5px!important;
  }
  #SMP_STYLE ul.list_parentheses li:before{
    display: marker;
    content: "(" counter(cnt) ") ";
  }

}
@media screen and (max-width:725px) {
    #SMP_STYLE dl.date {

      padding: 20px 0 0 0;

    }

#SMP_STYLE .smp_tmpl{
    padding: 0px;
}
  #SMP_STYLE ol.douiOl.douiOlalpha{
    padding: 10px 5px;
  }

  .center70{
    text-align: center;
    /* width: 100%; */
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
  .douiTable{
    overflow-y: auto;
    overflow-x: hidden;
    /* width: 85%; */
    text-align: center;
    height: 200px;
  }
  div.douiTable table{
    /* width: 100%; */
    height: 200px;
  }

  ol.douiOl{
    width: 100%;
    padding: 20px;
  }
  #kakunin p {
    text-indent: 0em;
    padding-left: 2em;
  }
  .CardBox {
    border: 1px solid #0095ff;
    border-radius: 30px;
    width: 90%;
    text-align: center;
    margin: auto;
  }
  .w270{
    width: 200px!important;
  }

  .fr{
    float: right;
  }
  #SMP_STYLE h1 {
    font-size: 1.5em;
  }
  h2.content-title span{
    font-size: 0.6em!important;
  }
  #SMP_STYLE h1.content-title2{
    padding: 20px 10px 20px 0px;
  }
  .flow-img {
    height: auto;
    display: inline-block;
    width: 55%;
    float: left;
    width: 130px;
  }
  .flow-title{
    padding: 0px;
    display: inline-block;
    width: 45%;
    padding-left: 5px;
  }
  .parentDiv{
    position: relative;
    margin-bottom: 20px;
    height: auto;
    overflow: hidden;
  }
  .childrenBottom{
    padding: 0px;
    position: absolute;
    bottom: 3px;
    padding:  0px 10px 0px 10px;
    font-size: 85%;
  }

  .MailBox {
    margin-top: 20px;
  }
  .ReceptionSetting{
    padding: 20px 0px 20px 0px;
  }
  .title {
    width: 100%;
    /* border: 1px solid #000000; */
    background: #f2f2f2;
    padding: 7px;
    font-size: 13px;
    border-bottom: none;
    display: block;
  }
  .bt0{
    border-top: none;
  }
  .data {
    width: 100%;
    /* border: 1px solid #000000; */
    padding: 5px;
    display: block;
  }
  .container {
    width: 100%;
  }
  .must {
    float: inherit;
    margin-right: inherit;
    margin-left: 5px;
  }
  .main-container {
    padding:0px 30px 80px;
  }
  #SMP_STYLE .body {
    margin: 0;
    padding: 0;
    font-size: 13px;
    *font-size: small;
    *font: x-small;
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
    background: #FFFFFF;
  }

  #SMP_STYLE .body_tbl {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 30px;
    border: none;
    background: #FFFFFF;
  }

  #SMP_STYLE h2 {
    width: 100%;
  }
  #SMP_STYLE .header_img_smartphone {display: block;}
  #SMP_STYLE .header_img_tablet {display: none;}
  #SMP_STYLE .header_img_pc {display: none;}

  #SMP_STYLE .header_text {
    margin: 0;
    padding: 15px 15px 15px 15px;
    background: #F1F1F1;
    color: #111111;
    font-size: 85%;
    font-weight:normal;
    text-align:left;
  }

  #SMP_STYLE .header_rmesg {
    /* margin: 0 0 0 0;
    /* padding: 30px 15px 10px 15px; */
    color: #111111;
    font-size: 100%;
    font-weight:normal;
    text-align:left; */
  }

  #SMP_STYLE .header_emesg {
    /* width: 240px;
    margin: 10px auto 10px;
    padding: 15px 15px 15px 15px;
    border: 2px solid #FF0000; */
    color: #FF0000;
    /* font-size: 100%;
    font-weight:normal;
    text-align:left; */
  }

  #SMP_STYLE .smp_tmpl {
    /* width: 300px;
    margin: 0 auto;
    padding-top: 20px 0 0 0; */
  }

  #SMP_STYLE dl {
    display: block;
    margin: 0 0 10px 0;
    padding: 20px 0 0 0;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #DDDDDD;
  }

  #SMP_STYLE dl:first-child {
    border-top: 1px solid #DDDDDD;
  }
  #SMP_STYLE dl.top {
    border-top: 1px solid #DDDDDD;
  }
  #SMP_STYLE dt.title {
    display: block;
    /* width: 270px; */
    margin: 0;
    padding: 0 0 0 0;
    color: #333333;
    background-color: #FFFFFF;
    font-size: 108%;
    font-weight:bold;
    text-align:left;
    vertical-align: middle;
  }

  #SMP_STYLE dt.title .caution {
    display: block;
    width: 100%;
    /* width: 270px; */
    color: #5F5F5F;
    font-size: 85%;
    font-weight:normal;
    padding: 10px 0 0 0;
    line-height: 1.2;
    text-align:left;
  }

  #SMP_STYLE dd.data {
    position: relative;
    display: block;
    width: 100%;
    /* width: 270px; */
    margin: 0 0 10px 0;
    padding: 18px 0 10px 0;
    color: #5F5F5F;
    font-size: 100%;
    /* font-weight: bold; */
    text-align: left;
  }

  #SMP_STYLE .input,#SMP_STYLE select  {
    width: 90%;
    margin-bottom: 8px;
    padding: 5px;
    color: #333333;
    border: 1px solid #999999;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) inset;
    font-size: 108%;
    text-align: left;
  }

  #SMP_STYLE .zipcode li.code01 input {
    width: 30px;
  }

  #SMP_STYLE .zipcode li.code02 input {
    width: 40px;
  }

  #SMP_STYLE .phone li.num01 input {
    width: 50px;
  }

  #SMP_STYLE .phone li.num02 input {
    width: 40px;
  }

  #SMP_STYLE .phone li.num03 input {
    width: 40px;
  }

  #SMP_STYLE .price input {
    width: 150px;
  }

  #SMP_STYLE .num input {
    width: 60px;
  }

  #SMP_STYLE .integer input {
    width: 90px;
  }

  #SMP_STYLE .real input {
    width: 170px;
  }

  #SMP_STYLE .pass input {
    width: 150px;
  }

  #SMP_STYLE .epass input {
    width: 160px;
  }

  #SMP_STYLE .time input {
    width: 20px;
  }

  #SMP_STYLE .time .year {
    width: 40px;
  }

  #SMP_STYLE .time .new_line {
    clear: both;
  }

  #SMP_STYLE ul,#smp_style li {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  #SMP_STYLE .zipcode ul li,
  #SMP_STYLE .phone ul li,
  #SMP_STYLE .time ul li {
    width: auto;
    float: left;
    margin: 0 3px 0 0;
    padding: 0;
    height: 35px;
    /* line-height: 35px; */
  }

  #SMP_STYLE .multi1 label {
    display: block;
    min-width: 250px;
    margin: 0 10px 10px 0;
    padding: 10px;
    border-radius: 4px 4px 4px 4px;
    background: #F1F1F1;
    text-align: left;
  }

  #SMP_STYLE .multi1 label input {
    display: block;
    float: left;
    width: 20px;
    margin: 0.2em 0 0 0;
    padding: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset;
    border-radius: 3px 3px 3px 3px;
    text-align: left;
    overflow: hidden;
  }

  #SMP_STYLE .multi1 label span {
    display: block;
    margin: 0 0 0 25px;
    font-size: 100%;
  }

  #SMP_STYLE .multi1 .radio input {
    border-radius: 1em;
  }

  #SMP_STYLE .multi2 li {
    display: block;
    min-width: 250px;
    margin: 0 10px 10px 0;
    padding: 10px;
    border-radius: 4px 4px 4px 4px;
    background: #F1F1F1;
    text-align: left;
    width: auto;
  }

  #SMP_STYLE .multi2 label input {
    display: block;
    float: left;
    width: 20px;
    margin: 0.2em 0 0 0;
    padding: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset;
    border-radius: 3px 3px 3px 3px;
    text-align: left;
    overflow: hidden;
  }

  #SMP_STYLE .multi2 label span {
    display: block;
    margin: 0 0 0 25px;
    font-size: 100%;
  }

  #SMP_STYLE .multi2 .radio input {
    border-radius: 1em;
  }

  #SMP_STYLE select {
    margin-bottom: 8px;
    font-size: 100%;
    width: 180px;
  }

  #SMP_STYLE textarea {
    width: 260px;
    padding: 5px;
    border: 1px solid #999999;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2) inset;
    font-size: 108%;
    text-align: left;
  }

  #SMP_STYLE .image input {
    width: 100%;
  }

  #SMP_STYLE .file input {
    width: 100%;
  }

  #SMP_STYLE input.clear {
    width: 55px;
    text-align: center;
  }



  #SMP_STYLE input.image {
    margin: 40px 0 40px 0;
    width: auto;
    border: none;
    padding: 0;
    vertical-align: middle;
  }

  #SMP_STYLE .sample {
    color: #555555;
    font-size: 93%;
    font-weight:normal;
    text-align:left;
    line-height: 1.2;
  }

  #SMP_STYLE .suffix {
    color: #111111;
    font-size: 100%;
    font-weight:normal;
    text-align:left;
    height: 35px;
    line-height: 35px;
  }

  #SMP_STYLE .need {
    color: #CC0000;
    font-size: 100%;
    font-weight:bold;
    text-align:left;
  }



  #SMP_STYLE .sub_text {
    width: 270px;
    font-size: 123.1%;
    font-weight:bold;
    padding: 150px 0;
    text-align:left;
    color: #111111;
  }

  #SMP_STYLE .error {
    background: #FFE4E4;
  }

  #SMP_STYLE .spiralSeal {
    width: 270px;
    overflow: hidden;
    margin: 0;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
  }

  #SMP_STYLE .spiralSeal tr td.description {
    display: block;
    text-align: left;
    overflow: auto;
  }

  #SMP_STYLE .spiralSeal tr td.img {
    display: block;
    margin-left: 60px;
    margin-right: 60px;
    overflow: auto;
    text-align: center;
  }

  #SMP_STYLE .footer_text {
    width: 270px;
    font-size: 85%;
    margin: 30px 0 0 0;
    font-weight:normal;
    text-align:left;
  }

  #SMP_STYLE .cf:before,#SMP_STYLE .cf:after {content:"";display:table;}
  #SMP_STYLE .cf:after {clear:both;}
  #SMP_STYLE .cf {*zoom:1;}

  #SMP_STYLE ul.list_parentheses{
    padding: 0 0 0 0em;
    margin:0;
    list-style-position: inside;
    padding-left: 20px;
    text-indent: -20px;
  }

  #SMP_STYLE ul.list_parentheses li{
    list-style-type:none;
    list-style-position:inside;
    counter-increment: cnt;
    margin-bottom: 5px!important;
  }
  #SMP_STYLE ul.list_parentheses li:before{
    display: marker;
    content: "(" counter(cnt) ") ";
  }
  .must {

      font-size: 65%;
      padding: 3px 3px;

  }


}
@media screen and (max-width:700px) {

  table, tbody, tr, th, td {
    display: block;
  }
  .center{
    text-align: center;
    text-align: -webkit-center;
  }

  #SMP_STYLE input.submit {
    width: 200px;
    height: 42px;
    margin: 10px 0 10px 0;
    display: inline-block;

  }
  div.btn-box.mb-50.boxdiv{
    width: 100%;
    overflow: hidden;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    height: auto;
    margin: 0 auto;
  }

  .flotl,.flotr{
    float: initial;
    text-align: center;
    margin: 10px auto;
  }
}
@media screen and (max-width:400px) {
    #SMP_STYLE #AppBirthDayDl .time input, #SMP_STYLE #ApptelDayDl .phone input{
        width: 50px;
    }
    #SMP_STYLE #AppBirthDayDl .time .year{
        width: 50px;
    }
}