@charset "UTF-8";
/* CSS Document */
div:after, article:after, ul:after,dl:after, aside:after { content:""; display:block; clear:both;}
body { font-family: 'Noto Sans JP', sans-serif; font-weight: 400; line-height: 1.7; letter-spacing: 0.02em; color:#282322; }
.v_sp { display:none; visibility:hidden;}
.v_pc { display:block; visibility:visible;}
.v_480 { display:none; visibility:hidden;}
.v_481 { display:block; visibility:visible;}
#page-top { position: fixed; bottom: -10px; opacity: 0; pointer-events: none; right: 0px; z-index: 100; width: 80px; height:80px; background: url("../img/btn_pagetop.png") no-repeat; background-size:contain; display:block; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer}
#page-top._view { bottom: 0; opacity: 1; pointer-events: all;}
.hv-br { -webkit-transition:all 0.1s; -moz-transition:all 0.1s; -ms-transition:all 0.1s; transition:all 0.1s;}
.hv-br:hover {-webkit-filter: brightness(110%); filter: brightness(110%);}
.sdw {box-shadow:0px 2px 3px rgba(0,0,3,0.2); -moz-box-shadow:0px 2px 3px rgba(0,0,3,0.2); -webkit-box-shadow:0px 2px 3px rgba(0,0,3,0.2);  -ms-box-shadow:0px 2px 3px rgba(0,0,3,0.2); }
.sdw { -webkit-filter: drop-shadow(0px 1px 2px rgba(0,0,0,.04));  filter: drop-shadow(0px 1px 2px rgba(0,0,0,.04));}
.all { min-width: 1200px; }
.open .all { height:100vh; overflow: hidden;}
.fs05 { font-size:0.5em; letter-spacing: normal;}
.fs06 { font-size:0.6em; letter-spacing: normal;}
.fs07 { font-size:0.7em; letter-spacing: normal;}
.fs08 { font-size:0.8em; letter-spacing: normal;}
.fs09 { font-size:0.9em; letter-spacing: normal;}
.fs11 { font-size:1.1em; letter-spacing: normal;}
.fs12 { font-size:1.2em; letter-spacing: normal;}
.fs15 { font-size:1.5em; letter-spacing: normal;}
.fw5 { font-weight:500!important; }
.fw6 { font-weight:600!important; }
.bold { font-weight: 900!important;}
.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt24 { margin-top:24px;}
.mt36 { margin-top:36px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:48px;}
.mt60 { margin-top:60px;}
.mt70 { margin-top:70px;}
.mt80 { margin-top:80px;}
.mt100 { margin-top:100px;}
.mt120 { margin-top:120px;}
.mt150 { margin-top:150px;}
.ml-h { margin-left: -0.5em;}
.d_ib { display: inline-block;}
.d-i { display: inline;}
.dn {display:none;}
.tac { text-align:center}
.tal { text-align:left;}
.tar { text-align:right;}
.bold { font-weight:900!important;}
.c_green { color: #12B13A!important;}
.c_pink { color: #ed2188!important;}
.c_pur { color: #813aab!important;}
.c_red {color:#d12a51!important}
.c_blue { color:#126fe8!important;}
.c_green { color:#25A697!important;}
.c_org {color:#f2a41d!important;}
.c_yellow { color:#f7df23!important;}
.bg_green { background: #12B13A!important; color: white;}
.bg_pink { background: #ed2188!important; color: white;}
.bg_pur { background: #813aab!important; color: white;}
.bg_red {background:#d12a51!important; color: white;}
.bg_blue { background:#126fe8!important; color: white;}
.bg_green { background:#25A697!important; color: white;}
.bg_org {background:#f2a41d!important; color: white;}
.bg_yellow { background:#f7df23!important; color: white;}
.loader_bg { background: #fff; position: fixed; top: 0; left: 0; right: 0; height: 100vh!important; z-index: 9000; pointer-events: none; -webkit-transition:all 0.8s; transition:all .8s;}
.lsn { letter-spacing:normal;}
.loader_bg.start { opacity: 0;}
#loadingBg { position: fixed; top: 0; left:0; width: 100%; height: 100%; display: flex; align-items: center; background: #fff; z-index: 100; -webkit-transition: all .7s cubic-bezier(0.9, 0.1, 0.3, 0.9); transition: all .7s cubic-bezier(0.9, 0.1, 0.3, 0.9); transform-origin: right top;}
#loadingBar { position: relative; top: -50px; margin: auto;left: 0; right: auto; margin: 0 auto 0 0; width: 0; height: 2px; background: #7afa00; -webkit-transition: all .7s ease; transition: all .7s ease;}

@media screen and (max-width:768px){
	body { line-height: 1.7}
    .all { min-width: 650px;}
    #page-top { width: 60px; height:60px;}
	.v_pc { display:none; visibility:hidden;}
	.v_sp { display:block; visibility:visible;}
	.mt10 { margin-top:7px;}
	.mt20 { margin-top:12px;}
	.mt30 { margin-top:18px;}
	.mt24 { margin-top:15px;}
	.mt36 { margin-top:20px;}
    .mt40 { margin-top:28px;}
	.mt50 { margin-top:30px;}
	.mt60 { margin-top:36px;}
    .mt70 { margin-top:44px;}
	.mt80 { margin-top:50px;}
	.mt100 { margin-top:80px;}
	.mt120 { margin-top:100px;}
	.mt150 { margin-top:120px;}
}
@media screen and (max-width:480px){
	body { line-height: 1.6; letter-spacing: normal;}
    .all { min-width: auto;}
    #page-top { width: 55px; height:55px;}
	.v_481 { display:none; visibility:hidden;}
	.v_480 { display:block; visibility:visible;}
	.mt10 { margin-top:5px;}
	.mt20 { margin-top:10px;}
	.mt30 { margin-top:15px;}
	.mt24 { margin-top:12px;}
	.mt36 { margin-top:16px;}
    .mt40 { margin-top:20px;}
	.mt50 { margin-top:22px;}
	.mt60 { margin-top:28px;}
    .mt70 { margin-top:35px;}
	.mt80 { margin-top:40px;}
	.mt100 { margin-top:60px;}
	.mt120 { margin-top:70px;}
	.mt150 { margin-top:80px;}
}


/*■■■■■■■■■■■■■*/
.mainvisual,.index-lead,.indec-outline_ { display: none_!important;}


/* contents */
#loader {  background:#070c24}
#loader { width: 100%; height: 100%; position: fixed;  top:0; bottom: 0; left: 0; right:0; text-align:center; z-index: 8100; display: block; }
.loader-bg { width: 100%; height: 100%; background:#f8f8f6; position: fixed; top: 0px; left: 0px; z-index: 8000; display: block; -webkit-transition:all 0s; transition:all 0s; pointer-events: none;}
.loader-bg.start { transition:all 1.8s;}
._lower .loader-bg { background:white;}
.loader-logo { opacity: 0; width: 160px; pointer-events: none;} 
.loader_1 { height: 100%; display: table; vertical-align: middle; margin: 0 auto; }
.loader_2 { display:table-cell; vertical-align: middle; }
._w1000 {max-width:1000px;}
._w1100 {max-width:1100px;}
._w1200 {max-width:1200px;}
.contents { position: relative; z-index: 10; }
.inr { margin-left: auto; width: calc(100% - 100px); margin-right: auto;}
.moviewrap { position: relative; padding-bottom: 56.5%; height: 0; margin: 0px auto; width:100%;}
.moviewrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:20;}

@media screen and (max-width:768px){
	._w1000 { width: calc(100% - 50px);}
    .inr { width: calc(100% - 50px);}
}
@media screen and (max-width:480px){
	._w1000 { width: calc(100% - 40px);}
    .inr { width: calc(100% - 20px);}
}
	

/* index */
.all { overflow-x: hidden;}
.mainvisual {background: white;}
.mainvisual .inr { display: flex; align-items: center; position: relative; margin-left: auto; margin-right: auto; max-width: 1440px; width: 100%; padding: 12px 0;}
.mainvisual .image {width: 48.5%}
.mainvisual .textarea {flex: 2; padding:20px 60px 0; text-align: center;}
.mainvisual .textarea .title { width: 96%;}
body { background: url("../img/bg.jpg") center fixed; background-size: 100% auto; color: white;}
.bg_w { font-weight: 400; background: white;color: black;}
.index-lead .inr { width: calc(100% - 80px); margin: auto; padding: 140px 0 160px; max-width: 1000px; line-height: 1.65}
.index-lead .title { max-width: 815px; margin: auto; margin-bottom: 65px; position: relative; left: -10px;}
.index-lead .text { font-size: 17.5px; line-height: 1.6; text-align: justify; letter-spacing: normal;}
.index-lead .detail { display: flex; border: solid 0.5px rgba(255,255,255,0.80); padding: 18px; max-width: 740px; margin-left: auto; margin-right: auto; margin-top: 71px; }
.index-lead .detail figure { width: 65px; margin-right: 19px;}
.index-lead .detail-textarea  { flex: 2; font-size: 12.5px; line-height: 1.45;}
.index-outline { padding: 140px 0 160px; background: white}

@media screen and (max-width:1320px){
	.mainvisual .image {width: 46%}
	.mainvisual .inr { max-width: 1200px; padding: 10px 0;}
	.mainvisual .textarea {flex: 2; padding:21px 56px 0}
}
@media screen and (max-width:768px){
	.mainvisual .inr {flex-flow: column; padding: 0;}
	.mainvisual .image {width: 100%; padding: 12px; padding-bottom: 0!important}
	.mainvisual .textarea {padding:60px 0; width: calc(76%); }
	.index-lead .inr { width: calc(100% - 50px); padding: 65px 0 72px;}
	.index-lead .title { max-width: 82%; margin-bottom: 38px; left: -6px;}
	.index-lead .text { font-size: 14.5px; line-height: 1.55;}
	.index-lead .detail { padding: 13px; max-width: 90%; margin-top: 42px; }
	.index-lead .detail figure { width: 55px; margin-right: 12px;}
	.index-lead .detail-textarea  { font-size: 11px; line-height: 1.36;}
	.index-outline { padding: 65px 0 100px;}
	.index-outline .outline  { width: calc(100% - 50px); }
}
@media screen and (max-width:480px){
	.mainvisual .textarea {padding:34px 0; width: calc(87%); }
	.index-lead .inr { width: calc(100% - 24px); padding: 40px 0 48px;}
	.mainvisual .image { padding: 6px;}
	.index-lead .title { max-width: 94%; margin-bottom: 27px; left: -2px;}
	.index-lead .text { font-size: 12.5px; line-height: 1.4;}
	.index-lead .detail { padding: 8px; max-width: 100%; margin-top: 28px; }
	.index-lead .detail figure { width: 55px; margin-right: 8px;}
	.index-lead .detail-textarea  { font-size:9px; line-height: 1.24;}
	.index-outline { padding: 44px 0px 72px;}
	.index-outline .outline  { width: calc(100% - 24px); }
}


/* outline */
.outline-text { margin-top: 68px; font-size: 17px; line-height: 2; text-align: justify;}
.outline { width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto;}
.outline tr { border-bottom: solid 0.8px #282322; }
.outline tr:first-child { border-top: solid 0.8px #282322; }
.outline-th { font-size: 16.2px; padding-bottom: 1px; width: 230px; vertical-align: middle; font-weight: 600; letter-spacing: 0.05em;}
.outline-th._s { font-size: 15px; }
.outline-th small { font-size: 10px; display: block; line-height: 1.5; font-weight: 400;}
.outline-td { padding: 33px 0; font-weight: 400; font-size: 16px; letter-spacing: 0.04em}
.outline .tel { font-size: 21px; font-weight: 700; letter-spacing: 0.02em; line-height: 1; position: relative; top: 1px;}
.outline .url { font-size: 12px; }
.outline .map iframe { width: 100%; height: 380px; margin-top: 26px;}
.text_ll { font-size: 20px; font-weight: 700; line-height: 1.4;}
.text_l { font-size: 17.5px; font-weight: 700; line-height: 1.45;}
.text_m { font-size: 16px; font-weight: 700;}
.text_s { font-size: 12.5px; position: relative; line-height: 1.8;}
.text_ss { font-size: 10px; line-height: 1.5; }
.note { text-align: left;}
._red { color:rgba(243,59,52,1.00);}
a.textlink { text-decoration: underline; color: #6384E6}
a.textlink:hover { text-decoration: none; }
a.textlink._b { color: #282322}
.mt_sss { margin-top:3px;}
.mt_ss { margin-top:6px;}
.mt_s { margin-top:9px;}
.mt_m { margin-top:16px;}
.mt_l { margin-top:20px;}
.mt_ll { margin-top:26px;}
.ib { display:inline-block;}
.ic_arw { width: 11px; height: 11px; margin-left: 3px; display: inline-block; background-size: auto 100%; background-image: url("../img/ic_arw_red.png") ; background-repeat: no-repeat; position: relative; top: 0px;}
.outline-text dl { margin-top: 36px;}
.outline-text dl:first-child { margin-top: 0px;}
.outline-text dt { font-size: 19px; font-weight: 700; margin-bottom: 7px;}
.outline-text dd { font-size: 16px; line-height: 1.85;}
.outline-text ._last dd { font-size: 15px; line-height: 1.75;}
.outline-text ._last dd span { font-size: 12px; }
.index-article { padding:80px 60px; background: rgba(255,255,255,.96)}
.ic_sq { display: inline-block; font-size: 14px; margin-right: 5px; position: relative; font-style: normal; top: -1px;}
.outline-info {border: solid 0.8px #282322; margin: auto; margin-top: 90px; padding: 50px 10px 52px; text-align: center; width: 680px;}
.outline-info dt { font-weight: 800; font-size: 20.5px; line-height: 1.3; margin-bottom: 14px; letter-spacing: normal;}
.outline-info dd { font-size: 14px; font-weight: 400; line-height: 1.90;}
.outline-info dd strong { font-size: 15.5px; font-weight: 600; display: inline-block; padding-bottom: 2.5px;}
.outline-info dd small{ font-size: 80%;}

@media screen and (max-width:768px){
    .outline-text { margin-top: 48px; font-size: 15px; line-height: 1.86;}
    .outline { border-radius: 6px;}
    .outline-th { font-size: 13.5px; width: 138px; }
    .outline-th._s { font-size: 13px; }
    .outline-th small { font-size: 10px; }
    .outline-td { padding: 22px 0; font-size: 13px; line-height: 1.54}
    .outline .tel { font-size: 17px;}
	.outline .map iframe { height: 260px; margin-top: 18px;}
	.text_ll { font-size: 17px; line-height: 1.4;}
	.text_l { font-size: 14.3px; line-height: 1.4;}
	.text_m { font-size: 13px; }
	.text_s { font-size: 10.5px; line-height: 1.7}
	.text_ss { font-size: 9px; }
	.mt_sss { margin-top:2px;}
	.mt_ss { margin-top:4px;}
	.mt_s { margin-top:6px;}
	.mt_m { margin-top:12px;}
	.mt_l { margin-top:16px;}
	.mt_ll { margin-top:22px;}
	.ic_arw { width: 9px; height: 9px; margin-left: 3px; }
    .outline-text dl { margin-top: 32px;}
    .outline-text dt { font-size: 16px; margin-bottom: 7px;}
    .outline-text dd { font-size: 14px; line-height: 1.75;}
    .outline-text ._last dd { font-size: 13px; line-height: 1.7;}
    .outline-text ._last dd span { font-size:11px;}
    .index-article { padding:60px 40px;}
    .ic_sq { font-size: 12px; margin-right: 4px; top: -1px;}
	.outline-info { margin-top: 60px; padding: 33px 10px 34px; width: 450px;}
	.outline-info dt { font-size: 16.0px; margin-bottom: 12px;}
	.outline-info dd { font-size: 12.0px; line-height: 1.8;}
	.outline-info dd strong { font-size: 13.0px; padding-bottom: 2px;}
}
@media screen and (max-width:480px){
    .outline-text { margin-top: 40px; font-size: 13px; line-height: 1.75; font-weight: 500;}
    .outline { border-radius: 3px; /*border: solid 0.8px #282322;*/ border-top: none;}
	.outline tr:first-child { border-top: none;}
	.outline tr { border-bottom: none;} 
    .outline-th { font-size: 12.5px; width: 100%; display: block; line-height: 25px; padding: 3px; border-bottom: solid 0.8px #282322; border-top: solid 0.8px #282322; letter-spacing: 0.08em;}
    .outline-th._s { font-size: 13px; }
    .outline-th small { font-size: 10px; }
    .outline-td { padding: 15px 4px; display: block; width: 100%; font-size: 12px; line-height: 1.5; letter-spacing: normal;}
    .outline ._access { text-align:justify;}
    .outline ._address { display:block; margin-top: 2px;}
    .outline .tel { font-size: 16px;}
	.outline .map iframe {  height: 240px; margin-top: 15px;}
	.text_ll { font-size: 18px; line-height: 1.35;}
	.text_l { font-size: 13.6px; line-height: 1.40;}
	.text_m { font-size: 12px; }
	.text_s { font-size: 9.5px; line-height: 1.65 }
	.text_ss { font-size: 9px; }
	.mt_sss { margin-top:1.5px;}
	.mt_ss { margin-top:3px;}
	.mt_s { margin-top:5px;}
	.mt_m { margin-top:10px;}
	.mt_l { margin-top:14px;}
	.mt_ll { margin-top:18px;}
	.ic_arw { width: 8px; height: 8px; margin-left: 2px; }
    .outline-text dl { margin-top: 26px;}
    .outline-text dt { font-size: 15px; margin-bottom: 4px; }
    .outline-text dd { font-size: 12px; line-height: 1.75;}
    .outline-text ._last dd { font-size: 10px; line-height: 1.6; }
    .outline-text ._last dd span { font-size:9px;}
    .index-article { padding:44px 18px;}
    .ic_sq { font-size: 11px; margin-right: 4px; top: -1px;}
	.outline-info { margin-top: 36px; padding: 27px 0px 27px; width: 320px;}
	.outline-info dt { font-size: 14.2px; margin-bottom: 12px;}
	.outline-info dd { font-size: 10px; line-height: 1.7}
	.outline-info dd strong { font-size: 11.5px; padding-bottom: 2.5px;}
}


/* footer */
.footer { background: url("../img/bg.jpg") center fixed; background-size: 100% auto; color: white; }
.footer .copyright { font-size: 11px; text-align: center; padding: 42px 0; line-height: 1; font-weight: 300; letter-spacing: 0.06em; }

@media screen and (max-width:768px){
    .footer {  margin-top: 0px;}
    .footer .copyright { font-size: 10px; padding: 32px 0;}
}
@media screen and (max-width:480px){
    .footer { margin-top: 0;}
    .footer .copyright { font-size: 8px; padding: 24px 0;}
}


/* privacypolicy */
.privacypolicy { position:relative; z-index: 10;  font-size: 11px; color: white; width: 100%; display: flex; background: 
	rgba(0,0,0,.15);height: 80px; justify-content: flex-start; align-items: center; padding-left: 24px; font-weight: 200; letter-spacing: normal; }
.privacypolicy a { color:white; text-decoration: underline;}

@media screen and (max-width:1300px){
	.privacypolicy { font-size: 10px; padding-left: 20px; height: 70px; }
}
@media screen and (max-width:768px){
	.privacypolicy { font-size:9px; height: 70px; padding: 15px; line-height: 1.6; justify-content: left; text-align: left; }
}
@media screen and (max-width:480px){
	.privacypolicy { font-size:7px; height: 60px; padding: 5px; padding-left: 12px;  padding-right: 65px}
	.privacypolicy br { display:none!important;}
}

.fadein { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .9s; transition: all .9s; -webkit-transition-delay: .1s; transition-delay: .1s;}
.fadein._d { opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px);}
.fadein.scrollin { opacity: 1; -webkit-transform: translate(0); transform: translate(0); }
.fadein._p { transform-origin: bottom center; transform: scale(0.95,0.95); top: 0px; position: relative;}
.fadein._p.scrollin { transform: scale(1,1); top: 0;}
.action { opacity: 0}
.action.scrollin { opacity: 1}
.fadein._d1 {-webkit-transition-delay: .2s; transition-delay: .2s;}
.fadein._d2 {-webkit-transition-delay: .3s; transition-delay: .3s;}
@media screen and (max-width:480px){
    .fadein {  -webkit-transform: translateY(6px); transform: translateY(6px);}
	.fadein._d { -webkit-transform: translateY(-6px); transform: translateY(-6px);}
}