@charset "utf-8";
/* CSS Document */

* {
 margin: 0;
 padding: 0;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}

html {
 position: relative;
 min-height:100%;
}

img {
 vertical-align:top;
 border:0;
}

a, button, img {
 -webkit-transition-timing-function: ease;
 transition-timing-function: ease;
 -webkit-transition-duration: .3s;
 transition-duration: .3s;
 -webkit-transition-property: color,background-color,opacity;
 transition-property: color,background-color,opacity;
}

#SMP_STYLE .body,
input,select,button,textarea {
 font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",arial,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"CI",Meiryo,"メイリオ","lroSVbN","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#SMP_STYLE .body {
 background:#fff;
 font-size: 16px;
 line-height:1.5;
 -webkit-text-size-adjust:100%;
 color:#212121;
 text-align: left;
}

#SMP_STYLE .content {
 max-width:760px;
 margin: 0 auto;
padding-bottom:85px;
 padding-top:130px;
}

/* 色設定 */

#SMP_STYLE .msg,
#SMP_STYLE .header_emesg {
 color:#b71c1c;
}

#SMP_STYLE .header_emesg {
 background:#ffcdd2;
}

/* css */

#SMP_STYLE #header {
 position: fixed;
 z-index: 100;
 background:#ffffff;
 width:100%;
 border-bottom:1px solid #eeeeee;
}

#SMP_STYLE #header h1 {
 font-size:18px;
 font-weight:normal;
padding:25px 15px;
 text-align:center;
}

#SMP_STYLE #header h1 img {
 height: 35px;
}

#SMP_STYLE h2 {
 font-size:24px;
 text-align:center;
 margin-bottom:30px;
 letter-spacing: 0.25em;
}

#SMP_STYLE .title {
 margin-bottom:25px;
}

#SMP_STYLE .header .title {
 padding:0 15px 30px 15px;
 margin-bottom:0;
}

#SMP_STYLE h3 {
 background:#eeeeee;
 color:#292828;
 padding:13px 15px;
 font-size:18px;
}

#SMP_STYLE span.hissu.left {
margin-left:7px;
margin-top:0;
}

#SMP_STYLE .header_rmesg {
 padding:0 15px 30px 15px;
font-size:16px;
}

#SMP_STYLE .header_emesg {
 margin: 30px auto;
 padding: 20px 20px 20px 20px;
}

#SMP_STYLE .head_sub_text {
 font-size:12px;
 font-weight:normal;
 color:#666666;
 padding:15px;
 margin:0 0 30px 0;
 border-top:1px solid #cccccc;
}

#SMP_STYLE .head_sub_text ul {
margin-left:15px;
}

#SMP_STYLE .head_sub_text ul li {
list-style:disc;
}

#SMP_STYLE .head_sub_text ul li a {
color:#666666;
}

#SMP_STYLE dl {
 position: relative;
 margin: 0;
 padding: 13px 0 0 0;
 border-bottom: 1px solid #eeeeee;
}

#SMP_STYLE dl:first-child {
 border-top: 1px solid #eeeeee;
}

#SMP_STYLE dt.title {
 display: inline-block;
 width: 300px;
 margin: 0;
 padding: 18px 15px 28px 15px;
 font-weight: bold;
 vertical-align: top;
}

#SMP_STYLE dt.title span {
font-size:12px;
 font-weight:normal;
color:#999999;
}

#SMP_STYLE span.hissu ,
#SMP_STYLE dt.title span.hissu {
 font-size:10px;
display:inline-block;
 background:#b71c1c;
height:20px;
line-height:20px;
padding:0 7px;
margin-top:5px;
vertical-align:top;
color:#ffffff;
}

#SMP_STYLE dd.data {
 display: inline-block;
 width: 440px;
 margin: 0;
 padding: 18px 0;
}

#SMP_STYLE dd.data.one {
 padding: 18px 15px 38px 15px;
 width:auto;
}

#SMP_STYLE dd.data.one textarea {
 width:100%;
}

#SMP_STYLE dd.data .sub_text {
 font-size:12px;
 font-weight:normal;
 color:#999999;
 padding:5px 30px 10px 0;
}

#SMP_STYLE dd.data .sub_text.come {
 text-align:center;
}

#SMP_STYLE dd.data .sub_text.red {
 color:#212121;
 font-size:14px;
}

#SMP_STYLE dd.data .sub_text.red span {
 font-size:12px;
 color:#666666;
}

#SMP_STYLE dd.data .sub_text.yel {
 color:#212121;
 font-size:14px;
 display:none;
}

#SMP_STYLE dd.data .sub_text a {
 color:#1f286f;
}

#SMP_STYLE .input,
#SMP_STYLE textarea {
 width: 410px;
 margin-bottom: 8px;
 padding:12px 10px;
 color: #333333;
 border: 1px solid #dddddd;
}

#SMP_STYLE .time li.code02 input,
#SMP_STYLE .zipcode li.code01 input {
 width:70px;
}

#SMP_STYLE .time li.code01 input,
#SMP_STYLE .zipcode li.code02 input {
 width:100px;
}

#SMP_STYLE .time li.code01 input ,
#SMP_STYLE .time li.code02 input {
 margin-right:5px;
}

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

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

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

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

#SMP_STYLE ul,#SMP_STYLE li {
 list-style-type: none;
}

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

/* セレクト */

#SMP_STYLE .select_outer {
 line-height:45px;
 position:relative;
 display:inline-block;
 overflow:hidden;
 height: 45px;
 padding-right:30px;
 vertical-align:middle;
 border: 1px solid #dddddd;
 background-color:#fff;
 margin-bottom:10px;
}

#SMP_STYLE select {
 font-size: inherit;
 display: block;
 width: 200%;
 height: 45px;
 padding:0 15px 0 5px;
 vertical-align: middle;
 border: none;
 outline: none;
 background: 0 0;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 font-size:14px;
}

#SMP_STYLE .select_outer::after {
 position:absolute;
 top:50%;
 right:10px;
 display:block;
 width:10px;
 height:10px;
 margin-top:-7px;
 content:"";
 -webkit-transform: rotate(135deg);
 -ms-transform: rotate(135deg);
 transform: rotate(135deg);
 pointer-events: none;
 border-top: 2px solid #bdbdbd;
 border-right: 2px solid #bdbdbd;
}

/* 送信ボタン */

#SMP_STYLE .send {
 text-align:center;
 padding:0 100px;
 margin:50px 0;
}

#SMP_STYLE .submit ,
#SMP_STYLE button.submit {
 font-size: 20px;
 font-weight: 700;
 line-height: 60px;
 width: 100%;
 display: inline-block;
 text-align: center;
 border: 1px solid;
 cursor: pointer;
 border-color: transparent;
 color: #ffffff;
 background: #555555;
 margin: 0 auto 10px;
 padding:5px 0;
 letter-spacing: 0.05em;
 border-radius: 6px;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 -khtml-border-radius: 6px;
 -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 1);
 -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 1);
 box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 1);
}

#SMP_STYLE .submit:hover,
#SMP_STYLE button.submit:hover {
 color:#565656;
 text-decoration:none;
 background-color:#D5D5D5;
 -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
 -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
 box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
}


#SMP_STYLE a.back,
#SMP_STYLE button.back {
 font-size: 20px;
 font-weight: 700;
 line-height: 60px;
 width: 100%;
 display: inline-block;
 text-align: center;
 border: 1px solid;
 cursor: pointer;
 border-color: transparent;
color: #777;
background: #F0F0F0;
 margin: 15px auto 10px;
 padding:5px 0;
 letter-spacing: 0.05em;
 border-radius: 6px;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 -khtml-border-radius: 6px;
 -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
 -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
 box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
 text-decoration:none;
}

#SMP_STYLE a.back:hover,
#SMP_STYLE button.back:hover {
 color:#565656;
  text-decoration:none;
 background-color:#D5D5D5;
}

#SMP_STYLE .msg {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}

/* クリア */

#SMP_STYLE .cf {
 display:table;
 clear:both;
 overflow:hidden;
 width:100%;
}

/* 氏名 */

#SMP_STYLE .name_box {
 display:table;
}
#SMP_STYLE .name_box_in {
 display:table-cell;
}

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

#SMP_STYLE .name_box_in input.left {
 margin-right:10px;
}

/* ラジオ */

#SMP_STYLE .radio_outer input[type=checkbox],
#SMP_STYLE .radio_outer input[type=radio],
#SMP_STYLE .radio_outer label::before,
#SMP_STYLE .radio_outer label::after {
 display: none;
}

#SMP_STYLE .radio_outer input[type=checkbox] + label,
#SMP_STYLE .radio_outer input[type=radio] + label {
 position: relative;
 padding-left:30px;
}

#SMP_STYLE .radio_outer input[type=checkbox] + label::after,
#SMP_STYLE .radio_outer input[type=radio] + label::after {
  display: block;
  content: "";
  position: absolute;
top: 17px;
left: 12px;
  width: 8px;
  height: 3px;
  border-left: 2px solid #eeeeee;
  border-bottom: 2px solid #eeeeee;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#SMP_STYLE .radio_outer input[type=checkbox] + label:before,
#SMP_STYLE .radio_outer input[type=radio] + label:before {
 position: absolute;
 top: 50%;
 left: 0;
 width: 18px;
 height: 18px;
 margin-top: -9px;
 content: "";
 border-radius: 9px;
 background-color: #fff;
}

#SMP_STYLE .radio_outer input[type=checkbox]:checked + label::after,
#SMP_STYLE .radio_outer input[type=radio]:checked + label::after {
  display: block;
  content: "";
  position: absolute;
top: 17px;
left: 12px;
  width: 8px;
  height: 3px;
  border-left: 2px solid #b71c1c;
  border-bottom: 2px solid #b71c1c;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#SMP_STYLE .radio_outer .input.in {
    margin-top: 7px;
    width:100%;
}

#SMP_STYLE .radio_outer {
 overflow: hidden;
 border: 1px solid #dddddd;
 margin-bottom:10px;
 width:410px;
}

#SMP_STYLE .radio_outer.sex {
 width: 188px;
}


#SMP_STYLE .radio_outer label {
 font-size: 14px;
 display: block;
 padding: 10px 12px;
 text-align:left;
 background: #ffffff;
 color:#333333;
 border-top: 1px solid #dddddd;
}

#SMP_STYLE .radio_outer.sex label {
 border:0;
}

#SMP_STYLE .radio_outer label span {
 display: block;
 font-size: 10px;
 color:#999999;
}

#SMP_STYLE .radio_outer.sex label {
 text-align: center;
 float: left;
 width: 50%;
}

#SMP_STYLE .radio_outer label.left {
 border-right: 1px solid #dddddd;
}

#SMP_STYLE .radio_outer label.top {
 border-top:none;
}

#SMP_STYLE .radio_outer input[type=checkbox]:checked + label,
#SMP_STYLE .radio_outer input[type=radio]:checked + label {
 color:#ffffff;
 background:#282828;
}

#SMP_STYLE .radio_outer input[type=checkbox]:checked + label span,
#SMP_STYLE .radio_outer input[type=radio]:checked + label span {
 color:#ffffff;
}

/* ステップ */

#SMP_STYLE .step {
 font-size: 16px;
 overflow: hidden;
 margin: 0 0 30px;
 color: #cccccc;
 text-align:left;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}

#SMP_STYLE .step ul {
 height: 72px;
 display: table;
 width:100%;
 margin:0 auto;
 background:#eeeeee;
}

#SMP_STYLE .step ul li {
 position: relative;
 width: 33.3%;
 display: table-cell;
 vertical-align: middle;
 line-height:1;
}

#SMP_STYLE .step ul li:before,
#SMP_STYLE .step ul li:after {
 position: absolute;
 z-index: 1;
 top: -1px;
 right: -20px;
 bottom: -1px;
 width: 0;
 height: 0;
 content: "";
 border-width: 38px 0 38px 20px;
 border-style: solid;
}

#SMP_STYLE .step ul li:before {
 border-color: transparent transparent transparent #cccccc;
}

#SMP_STYLE .step ul li:after {
 right: -19px;
 border-color: transparent transparent transparent #eeeeee;
}

#SMP_STYLE .step ul li:last-child:before,
#SMP_STYLE .step ul li:last-child:after {
 border:none;
}

#SMP_STYLE .step ul li .step-inner {
 position: relative;
 box-sizing: border-box;
 padding-left: 40px;
}

#SMP_STYLE .step ul li .num {
 margin: 0 0 6px;
 text-align:left;
 font-size:12px;
}

#SMP_STYLE .step ul li:first-child .step-inner {
 padding-left: 17px;
}

#SMP_STYLE .step ul li.active {
 color: #ffffff;
 background:#292828;
}

#SMP_STYLE .step ul li.active:before,
#SMP_STYLE .step ul li.active:after {
 border-color: transparent transparent transparent #292828;
}

#SMP_STYLE .corp_link {
 text-align:center;
 margin-top:20px;
}

#SMP_STYLE .corp_link a {
 display:inline-block;
 font-size:12px;
 border-right:1px solid #cccccc;
 padding:0 10px;
 color:#666666;
}

#SMP_STYLE .corp_link a:last-child {
 border-right:0;
}

/* フッター */

#SMP_STYLE .footer {
 text-align:center;
 padding:15px;
 position:absolute;
 bottom:0;
 left:0;
 right:0;
color:#666666;
font-size:10px;
}

#SMP_STYLE .footer_text img {
 height:50px;
  vertical-align:bottom;
}

#SMP_STYLE .footer_sub_text {
color:#999999;
}

#SMP_STYLE .footer_sub_text br {
 display:none;
}

#SMP_STYLE .ssl {
 text-align:center;
 font-size:12px;
color:#666666;
margin-top:30px;
}

#SMP_STYLE .ssl_sub {
 text-align:center;
 font-size:10px;
color:#999999;
margin:15px 0;
}

#SMP_STYLE .ssl_sub a {
 font-size:10px;
color:#999999;
}

#slider {
width:730px;
margin:10px 0 50px 0;
 text-align:center;
}

#slider p {
margin-bottom:10px;
}

.postimg {
padding:10px 12px;
}
.postimg,
.postimg:hover,
.postimg img,
.postimg img:hover {
cursor: pointer;
-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-box-shadow: none;box-shadow: none; outline: none;
}

.postimg img.active {
border:5px solid #55acee;
height:101px;
}

#SMP_STYLE .gutai {
font-size:14px;
margin:15px 0 10px 0;
}

@media screen and (max-width:725px) {
#SMP_STYLE dd.data .sub_text.come {
 text-align:left;
}
 #SMP_STYLE .header {
  margin-top:25px;
  padding:0 15px;
 }
 #SMP_STYLE .step {
  font-size: 12px;
 }
 #SMP_STYLE .name_box_in input {
   width: calc(100% - 10px) ;
 }
 #SMP_STYLE .body_tbl {
  width: 100%;
  min-width:320px;
  margin: 0 auto;
 }
#SMP_STYLE #header {
}
#SMP_STYLE #header h1 {
 text-align:center;
padding:15px 15px;
}
#SMP_STYLE #header h1 img {
 height:20px;
 margin-top:3px;
}
#SMP_STYLE .content {
    padding-top:85px;
padding-bottom:140px;
}
#SMP_STYLE #header h2 {
 text-align:center;
 padding-top:0;
}
#SMP_STYLE h2 {
 font-size:18px;
}
#SMP_STYLE .head_sub_text {
border-top:0;
padding:0 15px 15px 15px;
}
 #SMP_STYLE .header_rmesg {
  font-size: 16px;
  margin: 0 15px;
  padding:0 5px 30px 5px;
 }
 #SMP_STYLE .header_emesg {
  font-size: 16px;
  margin: 10px 15px 30px 15px;
  padding: 15px 15px 15px 15px;
 }
#SMP_STYLE h3 span {
height:20px;
line-height:22px;
}
 #SMP_STYLE dl {
  display: block;
  padding: 20px 0 0 0;
  position: relative;
 }
 #SMP_STYLE dt.title {
  display: block;
  padding: 0 15px 0 15px;
  vertical-align: middle;
  width:auto;
  font-size:14px;
 }
 #SMP_STYLE dd.data {
  position: relative;
  display: block;
  margin: 0 0 10px 0;
  padding: 18px 15px 10px 15px;
  text-align: left;
  width:100%;
 }
#SMP_STYLE dd.data .sub_text {
 font-size:10px;
 padding:5px 10px 10px 0;
}
#SMP_STYLE dd.data .sub_text br {
 display:none;
}
#SMP_STYLE dd.data.one {
 padding:13px 15px 20px 15px;
}
 #SMP_STYLE .input,
 #SMP_STYLE textarea {
  width: calc(100% - 10px);
  margin-bottom: 8px;
  padding: 12px 10px;
  text-align: left;
 }
#SMP_STYLE dd.data.one textarea {
  width: calc(100% - 10px);
}
 #SMP_STYLE .zipcode ul li,
 #SMP_STYLE .phone ul li,
 #SMP_STYLE .time ul li {
  width: auto;
  float: left;
  margin: 0 3px 0 0;
  line-height: 35px;
 }
 #SMP_STYLE .msg {
  display: block;
  margin-bottom: 5px;
 }
 #SMP_STYLE .select_outer {
  display:block;
  width: calc(100% - 10px);
  padding-left:5px;
 }
 #SMP_STYLE .send {
  text-align:center;
  padding:0 30px;
  margin:30px 0 30px 0;
 }
 #SMP_STYLE .time li.code02 input,
 #SMP_STYLE .zipcode li.code01 input {
  width:70px;
 }
 #SMP_STYLE .time li.code01 input,
 #SMP_STYLE .zipcode li.code02 input {
  width:100px;
 }
#SMP_STYLE .footer_text {
  font-size: 10px;
}
 #SMP_STYLE .footer_sub_text br {
  display:block;
 }
#SMP_STYLE .ssl {
 text-align:left;
 font-size:10px;
color:#666666;
margin-top:30px;
padding:0 15px;
}

#SMP_STYLE .ssl_sub {
 text-align:left;
 font-size:10px;
color:#999999;
margin-top:15px;
}

#SMP_STYLE .ssl_sub a {
 font-size:10px;
color:#999999;
}

#slider {
width:290px;
overflow:hidden;
margin:10px auto 15px auto;
padding-right:10px;
}
.postimg img.active {
height:87px;
}
#SMP_STYLE .radio_outer {
  width: calc(100% - 10px);
}
#SMP_STYLE .corp_link a {
 font-size:10px;
}
#SMP_STYLE .step ul li .step-inner {
 padding-left:30px;
}

#SMP_STYLE .step ul li .num {
 font-size:10px;
}

#SMP_STYLE .step ul li:first-child .step-inner {
 padding-left: 15px;
}

}
#slider p {
  text-align:center;
}