@charset "UTF-8";
@import "reset5.css";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);



body { color:#231815; line-height:1; background-color: #f7f6f3; padding: 0; position: relative; text-align: center; font-family: 'Noto Sans JP', "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; position: relative }
html { min-height: 100%; }

* html body { font-family: 'Noto Sans JP', "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif }
*:first-child+html body { font-family:"Century Gothic", "Helvetica Neue", Helvetica, Arial,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif }

* {word-wrap: break-word; }
img { -ms-interpolation-mode: bicubic; }
/* !font-size 12px default setting */
body { font-size:14px; line-height: 1 }
body p { line-height: 1.8em;; letter-spacing: 0.1em }
*:first-child+html body { font-size:77%;}
* html body { font-size:77%;}
li { list-style: none; }

iframe { overflow: hidden }

/* !clearfix */
hr { display: none; }

.cfix { /zoom : 1; }
.cfix:after { content : ''; display : block; clear : both; }

/* スクロールバーの有無によるズレ対策 */
html {
	overflow-x: hidden;
	overflow-y: scroll;
}

h1, h2, h3 { line-height:1.4em; }


.mincho { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-style: normal; font-weight: 500 }


/* margin-bottom
=========================================*/
.mb0 { margin-bottom:0 !important; }
.mb3 { margin-bottom:3px !important; }
.mb4 { margin-bottom:4px !important; }
.mb5 { margin-bottom:5px !important; }
.mb7 { margin-bottom:7px !important; }
.mb10 { margin-bottom:10px !important; }
.mb12 { margin-bottom:12px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb70 { margin-bottom:70px !important; }
.mb80 { margin-bottom:80px !important; }

.tx9 { font-size: 9px !important; }
.tx10 { font-size: 10px !important; }
.tx11 { font-size: 11px !important; }
.tx12 { font-size: 12px !important; }
.tx13 { font-size: 13px !important; }
.tx14 { font-size: 14px !important; }
.tx15 { font-size: 15px !important; }
.tx16 { font-size: 16px !important; }
.tx18 { font-size: 18px !important; }
.tx20 { font-size: 20px !important; }
.tx24 { font-size: 24px !important; }

.fltR { float: right; }
.fltL { float: left; }

.txtR { text-align: right; }
.txtL { text-align: left; }
.txtC { text-align: center; }

/* !Links */
a:link { color: #231815; text-decoration: underline; }
a:visited { color: #231815; text-decoration: none }
a:hover { color: #999; text-decoration: underline; }
a:active { color: #231815; text-decoration: none }
html { margin: 0; padding: 0}
body { margin: 0; padding: 0 }

.btn-contact-form { text-align: center }
.btn-contact-form a { padding: 1.5em 0; width: 400px; display: block; margin: 2em auto; background: #d4d8df; border-radius: 5px  }
.btn-contact-form a:hover { color: #fff; background: #25426b }

@media screen and (max-width: 780px) {
	.contact p { padding: 0 20px }
	.btn-contact-form a { width: 80%; }
}

.noscroll {
  position: fixed !important;
  overflow-y: scroll;
}

#wrapper { width: 900px; margin: 60px auto; padding:50px 60px; background:#fff; }

header { position:relative; display:inline-block; padding:0 0 0 7px; margin:0 0 50px; }
header span { background:#dee3e7; height:18px; display:inline-block; width:100%; position:absolute; bottom:0; left:0; z-index:10; }

h1 { font-size:36px; letter-spacing:0.2em; position:relative; z-index:20; }
h2 { font-size:28px; letter-spacing:0.2em; margin:0 0 30px; }
h3 { font-size:20px; font-weight:600; line-height:1.2; letter-spacing:0.2em; margin:50px 0 30px; padding:0 0 0 5px; border-bottom:3px solid #000;  display:inline-block }
h4 { font-size:16px; letter-spacing:0.1em; margin:0 0 10px; text-align:left; }

.u-line { padding:0 0 50px; margin:0 0 50px; background:url(../img/dots.jpg) repeat-x; background-position:bottom; }

p { text-align:left; }

.read { margin:0 0 80px; }

.sec01 table { border-top:1px solid #999; border-left:1px solid #999; }
.sec01 td { border-bottom:1px solid #999; border-right:1px solid #999; text-align:center; padding:20px 0; }
.sec01 .td01 { width:16%; }
.sec01 .td02 { width:21%; }
.sec01 .td03 { width:21%; }
.sec01 .td04 { width:21%; }
.sec01 .td05 { width:21%; }
.sec01 td span { display:block; margin:10px 0 0; }
.sec01 p { display:none; }
.sec02 p { font-size:16px; font-weight:600; text-align:center; }
.sec03 ul li { text-align:left; line-height: 1.8em;; letter-spacing: 0.1em; }
.sec04 ul { margin:30px 0 0 -40px; }
.sec04 ul li { float:left; width:50%; }
.sec04 ul li .inner { margin:0 0 0 40px; }
.sec04 ul li img { margin:0 0 10px; }
.sec05 { margin:0 0 80px; }
.sec05 ul { margin:0 0 50px -10px; }
.sec05 ul li { float: none; width:100%; }
.sec05 ul li .inner { margin:0 0 0 10px; }
.sec05 .btn { color:#ffcc00; font-size:18px; font-weight:600; text-decoration:none; letter-spacing:0.2em; border-radius:8px; background:#1e415d; padding:50px 0; display:block; box-shadow: 0 0 8px #666; position:relative; }
.sec05 .btn .arw { position:absolute; top:50%; right:25px; margin:-9px 0 0; }
.sec05 .btn:hover { }

.notes { color:#FF0000; font-size:16px; font-weight:600; }
.close { color:#FF0000; font-size:22px; font-weight:600; text-align: center; text-decoration: underline; }


.tit-faq h1 { font-size:26px; font-weight:600; line-height:1.6; letter-spacing:0.2em; }
.tit-faq { border-bottom:8px solid #dee3e7; width:100%; padding:0 0 10px; }
.faq { margin:0 0 60px; }
.faq li { margin:0 0 40px; padding:0 0 40px; border-bottom:1px solid #ddd; }
.faq li .q { font-size:15px; letter-spacing:0.2em; font-weight:600; position:relative; padding:0 0 20px 50px; }
.faq li .a { position:relative; padding:0 0 0 50px; }
.faq li .q .img-q { position:absolute; top:0; left:0; }
.faq li .a .img-a { position:absolute; top:0; left:0; }
.btn-faq { color:#000 !important; font-size:16px; font-weight:600; text-decoration:none !important; letter-spacing:0.2em; border-radius:8px; background:#dee3e7; padding:30px 0; margin:30px 0; box-shadow: 0 0 4px #999; display:block; }


.privacy { margin-bottom: 80px }

#mail_form { }
#mail_form dl { text-align: left; line-height: 2em }
#mail_form dl dt { width: 25%; float: left; padding: 2em 1em; font-weight: 500; }
#mail_form dl dd { padding: 1em 0; border-bottom:1px solid #ddd; }
#mail_form dl dd:after { content : ''; display : block; clear : both; }
#mail_form dl p { font-size: 16px; padding-top: 1em }
#mail_form dl dd span.note { font-size: 12px; padding: 0 1em; display: block }
.nrw { width: 20% !important }
.no-bdr { border-bottom: none !important }

.pc_none { display:none; }
.sp_none { display:block; }



@media screen and (max-width: 780px){
#wrapper { width: auto; margin:0; padding:30px 20px; }

header { padding:0 0 0 3px; margin:0 0 20px; }
header span { height:14px; }

h1 { font-size:23px; letter-spacing:0.1em; }
h2 { font-size:20px; letter-spacing:0.1em; margin:0 0 20px; }
h3 { font-size:16px; letter-spacing:0.1em; margin:40px 0 20px; }
h4 { font-size:14px; letter-spacing:0.1em; }

.u-line { padding:0 0 40px; margin:0 0 40px; }

p { padding:0; font-size:13px; }

.read { margin:20px 0 40px; }

.sec01 .figure { white-space:nowrap; overflow:scroll;}
.sec01 table { border-top:1px solid #999; border-left:1px solid #999; width:600px; }
.sec01 td { border-bottom:1px solid #999; border-right:1px solid #999; text-align:center; padding:20px 0; }
.sec01 .td01 { width:16%; }
.sec01 .td02 { width:21%; }
.sec01 .td03 { width:21%; }
.sec01 .td04 { width:21%; }
.sec01 .td05 { width:21%; }
.sec01 td span { display:block; margin:10px 0 0; }
.sec01 p { font-size:12px; margin:10px 0 0; display:block; }
.sec02 p { font-size:15px; }
.sec03 ul { margin:0 0 0 13px; }
.sec03 ul li { text-align:left; line-height: 1.8em;; letter-spacing: 0.1em; text-indent:-15px; }
.sec04 ul { margin:15px 0 0 -10px; }
.sec04 ul li .inner { margin:0 0 0 10px; }
.sec04 ul li img { margin:0 0 5px; }
.sec04 ul li span { font-size:11px; }
.sec05 { margin:0 0 60px; }
.sec05 ul { margin:0 0 30px 0; }
.sec05 ul li { width:100%; margin:0 0 10px; }
.sec05 ul li .inner { margin:0; }
.sec05 .btn { font-size:16px; line-height:1.6; padding:30px 0; display:block; box-shadow: 0 0 5px #666; }
.sec05 .btn .arw { position:absolute; top:50%; right:15px; margin:-9px 0 0; }
.notes { font-size:14px; }
.close { font-size:18px; }	


.tit-faq h1 { font-size:20px; letter-spacing:0.1em; }
.tit-faq { border-bottom:6px solid #dee3e7; padding:0 0 8px; margin:0 0 40px; }
.faq { margin:0 0 40px; }
.faq li { margin:0 0 30px; padding:0 0 30px; }
.faq li .q { padding:0 0 15px 45px; }
.faq li .a { padding:0 0 0 45px; }
.faq li .q .img-q { position:absolute; top:3px; left:0; width:32px; }
.faq li .a .img-a { position:absolute; top:0; left:0; width:32px; }
.btn-faq { font-size:15px; line-height:1.6; padding:20px 0; margin:20px 0; }
	
.privacy { margin-bottom: 40px }
	
#mail_form dl dt { width: auto; float: none; padding: 2em 1em; font-weight: 500; }
#mail_form dl dd { width: 100%; padding: 1em 0; border-bottom:1px solid #ddd; }
#mail_form dl dd:after { content : ''; display : block; clear : both; }
#mail_form dl p { font-size: 15px; padding-top: 1em }
#mail_form dl dd span.note { padding: 1em 0 0; }
.nrw { width: 40% !important }

.sp_none { display:none; }
.pc_none { display:block; }
}



@media screen and (max-width: 360px){
h1 { font-size:20px; }
h2 { font-size:16px; }
h3 { font-size:15px; }
.tit-faq h1 { font-size:18px; letter-spacing:0.1em; }
.sec05 .btn { font-size:15px; letter-spacing:0.1em; }
}