@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { list-style:none; margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body { line-height:1;}
article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block;}
nav ul { list-style:none;}
li { margin:0; padding:0;}
a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;}
table { border-collapse:collapse; border-spacing:0;}
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}

body {
 position:relative;
 overflow-x:hidden !important;
 font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro','meiryo',  'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
 margin: 0;
 color:#2a2a2a;
 background:#ebebeb;
 box-sizing: border-box;
 padding: 0;
 border: none;
 line-height: 2;
 font-size: 18px;
 font-weight: 600;
 }
body:before {content:"";display:block;width:100vw;position:fixed;height:100vh;background:url(images/bg.jpg) no-repeat center;background-size:cover;z-index: -100;}
html { overflow-x: hidden;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}

a { color:#013e99;}
img{vertical-align : bottom; border:none;} 

.mem1 { margin-top:1em;}
strong {color: #ff730d;font-weight: 900;}
.b1 {font-size: 180%;font-weight: 900; line-height:1.6;}
.bs {font-size: 160%;font-weight: 900; line-height:1.6;}
.blue {color:#013e99;}
.orange {color:#ff730d;}
.bd_orange {color:#fff;background:#ff730d; display:inline-block;}
.fo200 { font-size:200%; font-weight:900; line-height:1.4;}
.fo180 { font-size:180%; font-weight:900; line-height:1.4;}
.fo160 { font-size:160%; font-weight:900; line-height:1.4;}
.fo140 { font-size:140%; font-weight:900;}

@keyframes rotation { 0% { transform: scale(0.9); } 100% { transform: scale(1.0); }}
img { max-width:100%; display:block; margin:0 auto;}

/*==========================================
contents
==========================================*/
.fv {}
.fv div {}
.fv div img { margin:0 auto;}
.fv div img.pcc {}
.fv div img.spp { display:none;}

.contact {padding:0 1%; position:relative; background:url(../img/contact_bg.jpg) no-repeat top center; background-size:cover;}
.contact:before,.contact:after {content:"";display:block;width:100%; position:absolute;top:0;left:0;right:0; height:5px;
background:url(../img/line.gif)  repeat-y center; background-size:cover;}
.contact:after {top:auto; bottom:0;}
.contact .inner {max-width:860px;margin:auto; padding-left:0; padding-right:0;}
.thx .contact .inner {max-width:960px;}
.contact .tacenter{margin: auto !important;}
.contact .input {margin-bottom:1em;}
.contact .tacenter>*{animation: rotation 0.4s ease 0s infinite alternate none running;display: block;}
.contact .box {max-width:764px;background:url(../img/contact_box_bg_s.png) no-repeat top,
url(../img/contact_box_bg.jpg) repeat-y center;background-size:100%,cover;margin:auto;border:4px solid #928150;padding: 2% 2% 4%;margin-top:2em;}
.thx .contact .box {margin-top:.5em;}
.contact .box>img {margin-bottom:15px;}
.contact .box .title { text-align:center; line-height:1.3; font-size:260%; color:#03234c; font-weight:900;
border-bottom:2px solid #03234c; padding-bottom:.5em; margin-bottom:.5em;}
.contact ul.check  { margin:0 1% 1.5em 3%;}
ul.check li {background:url(../img/check.gif) no-repeat top 0em left;background-size:1.48em;padding-left:2em;
font-size: 115%;line-height:1.4;min-height:1.48em;}
ul.check li + li {margin-top:.8em;}
ul.check li strong {color:#ff730d; }
input[type="text"] {padding:.5em .8em !important;font-size:180%;line-height: 2em;border: 3px solid #bfbfbf !important;margin:0 4% 0 !important;width: 92% !important;box-sizing:border-box;display:block !important;}
.contact .form {position:relative;}
.contact .form input[type="submit"] {background:url(../img/btm.png) no-repeat center;margin:auto;cursor: pointer;display: block;width: 100%;height: 9em;background-size: contain;border: none;text-indent: -9999px;}
footer {padding: 2% 4%;text-align: center;background: #070707;color: #FFF;font-size: 80%;font-weight: 500;}
.contentsarea {position:relative;max-width: 960px;margin:0 auto;background: #FFF;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);}
.inner {padding: 2em 5.5% 3em;}
.contentsarea>img {margin:0;}
.obb {}
.imgwide {margin:2em 0;}

.con1.inner {padding: 1em 5.5% 3em;}
.con2 .check li {border-bottom:1px dashed #627d9f;padding-bottom:.8em;}
.con2 .check {margin-bottom:2em;}

.myname.inner {padding-bottom:0;}
.myname .flex{display:flex;justify-content:space-between;align-items: center;flex-direction:row-reverse;}
.myname .flex img {width: 279px;}
.myname .flex div {width: calc(100% - 279px);padding-right: 6%;}

.con3 { background:url(../img/con4_bg.jpg) repeat;}
.con3_box li .box{background:#FFF; padding: 3% 3% 5%;}
.con3_box li .box img {margin:0 auto 1.5em;}
.con3_box li .name {font-size:220%; font-weight:900;line-height:1.4; text-align:center;padding:0 0 .6em;}
.con3_box li + li {margin-top:1.5em;}


.conthx_1.inner {}

.conthx_1 .check li {border-bottom:1px dashed #627d9f;padding-bottom:.8em;}
.conthx_1 .check {margin-bottom:2em; margin-top:2em;}
.conthx_1 .check div {position:relative;font-size: 85%;margin-top:.8em;}
.conthx_1 .check div:before {content:"";position:absolute;left:-1.8em;top:.2em;width:1.2em; height:1.2em;
background:url(../img/thx/next.gif) no-repeat top 0em left;background-size:1.2em;
font-size: 115%; } 
.txtc {text-align:center;}
.conthx_2.inner {padding: 0 5.5% 3em;}

@media screen and (min-width: 1200px){
.fv div img { width:100%; max-width:initial;}
}
@media screen and (max-width: 1200px){
.fv div img.pcc {width:130vw;margin-left:-15vw;max-width:initial;}
}
@media screen and (max-width: 970px){
body { font-size:16px;}
.fv div img.pcc { display:none;}
.fv div img.spp {display:block;max-width:initial;width:100%;}
}
@media screen and (max-width: 900px){
.fv {width:100vw;overflow-x:hidden;}    

.contact .tacenter{ padding:0 4%;}
.myname .flex{display:block; margin-bottom:1em;}
.myname .flex img {max-width:367px; width:60vw; }
.myname .flex div {width:100%;padding-right:0; margin-top:2em;}
}
br.pc {}
br.sp {display:none;}
@media screen and (max-width: 610px){
body { font-size:4vw;}
br.pc {display:none;}
br.sp {display:inline;}
.con1.inner {padding-top:0em;}
ul.con1_box1 li .box {width:calc(96% - 2.5em);font-size:140%; }
ul.con1_box1 li img {width:3.5em;height:auto;}
ul.con1_box2 {margin-top:2em;margin-bottom: -2em;}
ul.con1_box2 li {padding-left:2em;font-size: 100%;line-height:1.4;}
ul.con1_box2 li + li {margin-top:1em;}
.myname.inner {padding-bottom:0;}
.con3_box li .box img {margin:0 auto .5em;}
.con3_box li .name {font-size:160%; }


.contact {padding:0 2%; }
.contact .inner {max-width:860px;margin:auto;padding-left:0;padding-right:0;padding: 1em 0 2em;}
.contact .tacenter{margin: auto !important;padding: .5em 0% 0;}
.contact .input {margin-bottom:0em;}
.contact .tacenter>*{animation: rotation 0.4s ease 0s infinite alternate none running;display: block;}
.contact .box {margin:auto;border:.2em solid #928150;padding: 4% 2% 4%;margin-top: 1em;}
.contact .box .title { font-size:160%;padding-bottom:.8em; margin-bottom:.8em;}
.thx .contact .box .title { padding-bottom:.5em; margin-bottom:.5em;}
.thx .contact .box>img {margin-bottom:.2em;}
.contact ul.check  { margin:0 1% 1.5em 3%;}
ul.check li { font-size: 100%; }
ul.check li + li {margin-top:.8em;}
ul.check li strong {color:#ff730d; }
.contact .form input[type="submit"] {height: 16vw;}
input[type="text"] {padding:.5em .5em !important;font-size:100%; margin:0 auto 0 !important;width:96% !important;}
}

.fadein { opacity:0; transition: all 300ms;transform: translateY(-45px); }
.fadein.scrollin { opacity : 1; transform: translateY(0px);}