@charset "UTF-8";* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, object, iframe, pre, code, p, blockquote, form, fieldset, legend, table, th, td, caption, tbody, tfoot, thead, article, aside, figure, footer, header, hgroup, menu, nav, section, audio, video, canvas {margin:0;padding:0;font-family:'メイリオ', Meiryo, Verdana, Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック';}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, menu {display:block;}
audio:not([controls]) {display:none;height:0;}[hidden] {display:none;}table {border-collapse:collapse;border-spacing:0;}fieldset, img {border:none;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}ul, ol, menu {list-style:none;}caption, th {text-align:left;}h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}q:before, q:after {content:'';}
abbr, acronym {border:none;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input, textarea, select {font-family:inherit;font-size:inherit;font-weight:inherit;}legend {color:#000;}
a img, map a {border:none;}
a:hover, a:active, a:focus {outline:0;}embed {width:100%;}
audio, canvas, video {display:inline-block;}
audio:not([controls]) {display:none;height:0;}img, object, embed {max-width:100%;height:auto;}object, embed {height:100%;}img {vertical-align:middle;}form img, input, select {vertical-align:middle;}.leftBox {float:left;}.rightBox {float:right;}.clearfix {zoom:1;}.clearfix:after {display:block;clear:both;content:"";}.clear {clear:both !important;}.hover:hover {filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;}

.mauto{margin: auto !important;}.mt-10{margin-top:-10px !important;}.mt0{margin-top:0!important;}.mr0{margin-right:0!important;}.mb0{margin-bottom:0!important;}.ml0{margin-left:0!important;}.pt0{padding-top:0!important;}.pr0{padding-right:0!important;}.pb0{padding-bottom:0!important;}.pl0{padding-left:0!important;}.mt5{margin-top:5px!important;}.mr5{margin-right:5px!important;}.mb5{margin-bottom:5px!important;}.ml5{margin-left:5px!important;}.pt5{padding-top:5px!important;}.pr5{padding-right:5px!important;}.pb5{padding-bottom:5px!important;}.pl5{padding-left:5px!important;}.mt10{margin-top:10px!important;}.mr10{margin-right:10px!important;}.mb10{margin-bottom:10px!important;}.ml10{margin-left:10px!important;}.pt10{padding-top:10px!important;}.pr10{padding-right:10px!important;}.pb10{padding-bottom:10px!important;}.pl10{padding-left:10px!important;}.mt20{margin-top:20px!important;}.mr20{margin-right:20px!important;}.mb20{margin-bottom:20px!important;}.ml20{margin-left:20px!important;}.pt20{padding-top:20px!important;}.pr20{padding-right:20px!important;}.pb20{padding-bottom:20px!important;}.pl20{padding-left:20px!important;}.mt30{margin-top:30px!important;}.mr30{margin-right:30px!important;}.mb30{margin-bottom:30px!important;}.mb40{margin-bottom:40px!important;}.mb50{margin-bottom:50px!important;}.mt50{margin-top:50px!important;}.ml30{margin-left:30px!important;}.pt30{padding-top:30px!important;}.pt40{padding-top:40px!important;}.pt50{padding-top:50px!important;}.pr30{padding-right:30px!important;}.pb30{padding-bottom:30px!important;}.pl30{padding-left:30px!important;}
strong, .bold {font-weight:bold;}.center {text-align:center !important;margin:auto}
.db{display:block;}
.w90{width:90%;}
.left {text-align:left !important;}
.right {text-align:right !important;}
.white{ color:#FFFFFF !important;}
.gray{color:#999}
.bgwhite{background:#fff;}
.under{ text-decoration:underline;}
.disbl{display:block;}
.black{color:#000000;}
.blue{color:#0033CC;}
.marker_yellow_hoso {background:linear-gradient(transparent 60%, #ffff66 60%);}
.marker_yellow_futo {background:linear-gradient(transparent 0%, #ffff66 0%);}
.marker_water {background:linear-gradient(transparent 60%, #66ccff 60%);}
.red{color:#FF0000 !important;}
.tx_bold{font-weight:bold;display:block;}
.red2{color:#fff !important;background-color:#FF0000; display: block; padding: 5px 0 ; margin: 5px; }

.tx_bold2{font-weight:bold;}
.tx_big{font-size:180%;line-height:130%;font-weight:bold;display:block;text-align:center}
.tx_big2{font-size:160%;line-height:130%;font-weight:bold;display:block;text-align:left}
.tx_big3{font-size:160%;line-height:130%;font-weight:bold;display:inline;text-align:left}
.tx_big_l{font-size:180%;line-height:130%;font-weight:bold;display:block;text-align:left}
.tx_big span{color:#FF0000;}
.tx_chu{font-size:140%;line-height:150%;font-weight:bold;display:block;padding-bottom:30px;color:#003399}
.tx_chu2{font-size:130%;line-height:120%;font-weight:bold;display:block;padding-bottom:0px;color:#000}
/****************** end common ********************/
@media screen and (max-width:1024px) {
.tx_big2,.tx_big3{font-size:130%;line-height:130%;}
.tx_chu{font-size:120%;line-height:150%;font-weight:bold;display:block;padding-bottom:30px;color:#003399}
}
/*==================================================================
Style setting
===================================================================*/
html {overflow-x:hidden;}
body {overflow-x:hidden;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;word-wrap:break-word;line-height:1.8;font-size:19px;}
/*section{clear:both;}*/
.pc-none{display:none !important;}
.sp-none{display:inline !important;}
@media screen and (max-width:1024px) {
body {font-size:103%;line-height:160%;}
.pc-none{display:inline !important;}
.sp-none{display:none !important;}
}

@media screen and (min-width:621px) and ( max-width:1024px) {
    img{ margin: auto; text-align: center;}
}
/**********************************
            title
**********************************/
.title{padding:50px 0 20px 0;color:#111;font-size:36px; line-height:50px;text-align:center; font-weight:bold; border-bottom:double 4px #222; margin-bottom:50px}
.title span{ font-size:18px; color: #244A8C; display:block; padding-bottom:15px}
.title2{padding:20px 0px 0 0;font-size:36px;text-align:center}
.title3{padding:0px 0px 0 0; margin-top:-40px; text-align:center}
.title4{padding:50px 0 0px 0;color:#111;font-size:170%; line-height:50px;text-align:center; font-weight:bold;}
.title4 span{ color: #244A8C; }


.pad_tx {padding:20px 50px;}
.pad_tx3 {padding:20px 20px;}
@media screen and (max-width:1024px) {
.title{padding:30px 0 10px 0;font-size:125%; line-height:150%;margin-bottom:30px}
.title span{ font-size:70%;display:block;padding-bottom:5px}
    .pad_tx,.pad_tx3 {padding:10px 0px;}
    .title4{padding:30px 0 0px 0;font-size:125%; line-height:150%;}

}


.area1{ padding:20px; background-color: #fff;border-radius:10px; margin: 5px 0 20px 0; font-size: 95%; border: 3px solid #ff7598}
.area1 li{list-style: disc;padding-left: 1em;    text-indent: -1em;}
.tx_small{font-size: 70%;  display: block; margin: 0;padding: 0; line-height:140%;}






/**********************************
            CD
**********************************/
#cd_bg{width:100%;background:#005388 url(../img/camp_pc.png) no-repeat top center;height:50px;padding:0 0 0 20px;border-bottom:3px solid #000;z-index:10000}
#cd_bg_5days{width:100%;background:#005388 url(../img/camp_pc_5days.png) no-repeat top center;height:50px;padding:0 0 0 20px;border-bottom:3px solid #000;z-index:10000}
#cd_bg2{width:100%;background:#005388 url(../img/camp_pc2.png) no-repeat top center;height:50px;padding:0 0 0 20px;border-bottom:3px solid #000;z-index:10000}
#cd_bg .countdown,#cd_bg2 .countdown,#cd_bg_5days .countdown{ width:900px;text-align:right;margin:0 auto;font-size:150%;color:#111;padding:0px 60px 0 0}
.ato{width:10px;display:inline;font-size:12px;line-height:10px;margin:0 5px 0 0;}
.day,.min,.sec{color:#ff7598 !important;font-size:80% !important;margin:0 5px 0 0;letter-spacing:3px;}
.notext{display:none;}

@media screen and (min-width:621px) and ( max-width:1024px) {
#cd_bg{background:rgba(0,85,130,0.9) url(../img/camp_pc.png) no-repeat center;background-size:contain;height:45px;padding:0 0 0 0px;position:fixed}
#cd_bg_5days{background:rgba(0,85,130,0.9) url(../img/camp_pc_5days.png) no-repeat center;background-size:contain;height:45px;padding:0 0 0 0px;position:fixed}
#cd_bg2{background:rgba(0,85,130,0.9) url(../img/camp_pc2.png) no-repeat center;background-size:contain;height:45px;padding:0 0 0 0px;position:fixed}

#cd_bg .countdown,#cd_bg2 .countdown,#cd_bg_5days .countdown{width:100%;text-align:right;max-width:70vw;margin:0 auto !important;font-size:2.6vw !important;color:#111;padding:9px 0px 0 0}
.ato{font-size:1.2vw !important;margin:0 5px 0 0 !important;}
.day,.min,.sec{color:#ff7598 !important;font-size:2.0vw !important;margin:0 0px 0 0;letter-spacing:0px;}
}
@media screen and (min-width:720px) and ( max-width:970px) {#cd_bg .countdown,#cd_bg2 .countdown,#cd_bg_5days .countdown{max-width:75vw;}}
@media screen and (min-width:621px) and ( max-width:720px) {#cd_bg .countdown,#cd_bg2 .countdown,#cd_bg_5days .countdown{max-width:86vw;}}

@media screen and (max-width:620px) {
#cd_bg{background:rgba(0,85,130,0.9) url(../img/camp_sp.png) no-repeat center;background-size:contain;height:40px;padding:0 0 0 0px;position:fixed}
#cd_bg_5days{background:rgba(0,85,130,0.9) url(../img/camp_sp_5days.png) no-repeat center;background-size:contain;height:40px;padding:0 0 0 0px;position:fixed}
#cd_bg2{background:rgba(0,85,130,0.9) url(../img/camp_sp2.png) no-repeat center;background-size:contain;height:40px;padding:0 0 0 0px;position:fixed}
#cd_bg .countdown,#cd_bg2 .countdown,#cd_bg_5days .countdown{width:100%;text-align:right;max-width:80vw;margin:0 auto !important;font-size:4.5vw !important;color:#111;padding:5px 0px 0 0}
.ato{font-size:2.2vw !important;margin:0 5px 0 0 !important;}
.day,.min,.sec{color:#ff7598 !important;font-size:3.0vw !important;margin:0 0px 0 0;letter-spacing:0px;}
}
@media screen and (max-width:420px) {#cd_bg .countdown,#cd_bg2 .countdown,#cd_bg_5days .countdown{max-width:86vw;}}


/**********************************
            header
**********************************/
#header,#headerz,#header0{text-align:center;background:#f7f9fb url(../img/bg.png) no-repeat top center;background-size:cover }
#header3,#header3b{text-align:center;background:#f7f9fb url(../img/bg3.png) no-repeat top center;background-size:cover }
.pc-none0{display:none !important;}
.sp-none0{display:inline !important;}

.top_name{font-size:200%;background-color:#fff;color: #FF0000;padding:2px; font-weight:bold; text-align: center}
@media screen and (max-width:1024px) {
#header,#header3{margin-top:40px;}
#header3b{ margin-top:0;}
#header0{margin-top:0px;}
#header,#headerz{text-align:center;background:#f7f9fb url(../img/bg_tab.png) no-repeat ;background-size:cover}
    .top_name{font-size:120%;}
}
@media screen and (max-width:620px) {
#header,#header3,#header3b{background:#fff;background-size:cover}
.pc-none0{display:inline !important;}
.sp-none0{display:none !important;}
}
/**********************************
            header2 #cvsec
**********************************/
#header2{width:100%;background:#38a7cb url(../img/movie_bg.png) repeat top center;margin-top:0px;background-attachment:fixed;}
.header2_inner{max-width:1000px;height:auto;margin:0px auto;padding:220px 0 40px 0;background:url(../img/movie_bg2d.png) no-repeat top center;}
.header2_inner_kpe{max-width:1000px;height:auto;margin:0px auto;padding:220px 0 40px 0;background:url(../img/movie_bg2.png) no-repeat top center;}
.header2_inner2{max-width:1000px;height:auto;margin:50px auto;padding:120px 0 40px 0;background:url(../img/movie_bg2b.png) no-repeat top center;}
.header2_inner3{max-width:1000px;height:auto;margin:50px auto;padding:120px 0 40px 0;background:url(../img/movie_bg2c.png) no-repeat top center;}

.header2_in{width:820px;margin:0px auto;text-align:left;}
.header2_youtube {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden; margin-bottom:20px;}
.header2_youtube iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
.h2i{padding-top:30px;}

@media screen and (max-width:1024px) {
#header2{text-align:center;}
.header2_inner,.header2_inner2,.header2_inner3,.header2_inner_kpe {width:96%;margin:0px auto;padding:30px 2% 20px 2%;background:none}
.header2_in{width:100%;margin:0px auto;text-align:center;margin-bottom:20px;}
.header2_youtube {margin-bottom:0px;}
.header2_youtube iframe {border:#a2d0f2 solid 5px; background:#a2d0f2}
.h2i{padding-top:20px;}

}

/**********************************
            cvsec
**********************************/
#cvsec {width:100%;background:#38a7cb url(../img/movie_bg.png) repeat top center;margin-top:0px;background-attachment:fixed;}
.cvsec_inner{max-width:1000px;height:auto;margin:0px auto;padding:20px 0 20px 0; text-align:center}
.cvsec_inner_in{ background:#fff;padding:15px 0px 0px 0px; height:100px; margin:0px 120px 30px}

#cvsec .countdown{width:100%;max-width:70vw;margin:0 auto !important;font-size:3vw !important;color:#111;padding:0px 0px 0 0px}
#cvsec .countdown .ato{font-size:1.2vw !important;margin:0 5px 0 0 !important;}
#cvsec .countdown .day,#cvsec .countdown .min,.#cvsec .countdown sec{color:#ff7598 !important;font-size:2.0vw !important;margin:0 0px 0 0;letter-spacing:0px;}



@media screen and (max-width:1024px) {
#cvsec{text-align:center;}
.cvsec_inner {width:96%;margin:0px auto;padding:30px 2% 20px 2%;background:none}
.cvsec_inner_in{width:83vw;margin:0px auto;text-align:center;margin-bottom:20px;padding:5px 0 5px 0;height: auto;}
}

@media screen and (min-width:1400px) {
#cvsec .countdown{font-size:40px !important;color:#111;padding:0px 0px 0 0px}
}
@media screen and (min-width:1024px) and ( max-width:1400px) {
#cvsec .countdown{font-size:3vw !important;color:#111;padding:0px 0px 0 0px}
}
@media screen and (max-width:1024px) {
.tx_small2{font-size:60%; line-height:130% !important; text-align:left !important; padding:10px}
}

@media screen and (min-width:621px) and ( max-width:1024px) {
#cvsec .countdown{width:100%;text-align:center !important;max-width:70vw;margin:0 auto !important;font-size:3.6vw !important;color:#111;padding:15px 0px 0 0}
#cvsec .countdown .ato{font-size:1.2vw !important;margin:0 5px 0 0 !important;}
#cvsec .countdown .day,#cvsec .countdown .min,.#cvsec .countdown sec{color:#ff7598 !important;font-size:2.0vw !important;margin:0 0px 0 0;letter-spacing:0px;}
}

@media screen and (max-width:620px) {
#cvsec .countdown{max-width:80vw;text-align:center !important;margin:0 auto !important;font-size:4.7vw !important;padding:10px 0px 5px 0}
}
@media screen and (max-width:420px) {#cvsec .countdown{font-size:5.6vw !important; padding:10px 0px 0 0}}


/**********************************
            btn
**********************************/
@keyframes anime{
0%{transform:scale(.95); opacity:1}
90%{opacity:.1}to{transform:scale(1.2,1.5); opacity:0}
}


.btbt{position:relative;width:770px;margin:70px auto;transition:.2s; z-index:1000; font-weight:bold}
.btbt:before,.btbt:after{content:"";position:absolute;z-index:-10;width:100%;height:100%;top:3px;left:0;border-radius:10px;
background:#fff;transform:translate3d(0,0,0);}
.btbt:before{animation:anime 2s ease-out infinite;}
.btbt:after {animation:anime 2s ease-out 1s infinite;}
.btbt a{display:block;position:relative;top:3px;padding:20px 0;border-radius:10px;color:#fff;text-align:center;text-decoration:none;background:#ff7400;}
.btbt a:after{content:"";position:absolute;top:-7px;left:0;z-index:1;width:100%;height:100%;
background: #ff8a00;border-radius:10px;transition:.2s;transform:translate3d(0,0,0); }
.btbt span{display:block;position:relative;top:-3px;z-index:2;transition:.2s; font-size:180%}
.btbt span:after{content:"";position:absolute;top:50%;right:30px;width:8px;height:8px;margin:-4px 0 0 0;
border-right:4px solid #fff;border-top:4px solid #fff;transform:translateX(5px) rotate(45deg);transition:.3s .1s;}
.btbt a:hover{top:3px;}
.btbt a:hover:after{top:0;background:#e00e18;}
.btbt a:hover span{top:0;}
.btbt a:hover span:after{right:27px;}
.btbt0{position:relative;width:770px;margin:70px auto;transition:.2s; z-index:1000; font-weight:bold}
.btbt0{display:block;position:relative;top:3px;padding:20px 0;border-radius:10px;color:#fff;text-align:center;text-decoration:none;background:#ff7400;}


.kiyaku{ margin-bottom:30px; font-size:80%; margin-top:-30px; text-align:center}
.kiyaku a:link {color:#fff;text-decoration:underline;}
.kiyaku a:visited {color:#fff;text-decoration:underline;}
.kiyaku a:hover {color:#ccc;text-decoration:none;}

@media screen and (max-width:1024px) {
.btbt{width:95%;margin:20px auto;}
.btbt:before,.btbt:after{content:"";position:absolute;z-index:-10;width:100%;height:100%;top:3px;left:0;border-radius:10px;
background:#fff;transform:translate3d(0,0,0);}
.btbt a{top:3px;padding:15px 0;border-radius:10px;color:#fff;text-align:center;}
.btbt a:after{top:-7px;left:0;z-index:1;width:100%;height:100%;border-radius:10px;}
.btbt span{font-size:120% !important}
.btbt span:after{top:50%;right:30px;width:8px;height:8px;margin:-4px 0 0 0;border-right:4px solid #fff;border-top:4px solid #fff;}
.btbt a:hover{top:3px;}
.btbt a:hover:after{top:0;background:#e00e18;}
.btbt a:hover span{top:0;}
.btbt a:hover span:after{right:27px;}
.btbt0{width:95%;margin:20px auto;}
.btbt0 a{top:3px;padding:15px 0;border-radius:10px;color:#fff;text-align:center;}


.kiyaku{ margin-bottom:30px; font-size:80%; margin-top:10px; text-align:center}
}
@media screen and (max-width:620px) {
.btbt span{font-size:110% !important}
}

/**********************************
            recommend
**********************************/
#recommend {width:100%;background: url(../img/pt1.gif) repeat;padding:80px 0px;}
.recommend_inner {max-width:1000px;height:auto;margin:0px auto;}

.recommend_san{width:1000px;margin:0 0px; background:; overflow: hidden; margin:0}
.recommend_san_l{float:left;width:330px;margin:20px 5px 20px 0;}
.recommend_san_r{float:right;width:330px;margin:20px 0px 20px 0;}
.recommend_san .pad_tx,.recommend_san .pad_tx2{font-size:16px; line-height:28px;padding:20px ; background:#fff; margin:-2px 0 0 0; border:2px solid #ccc;border-radius:7px;}




@media screen and (max-width:1024px) {
#recommend {padding:20px 0}
.recommend_inner {width:96%;margin:0px auto;padding:0px 2%}

.recommend_san{width:100%;margin:0 0px; overflow: hidden;}
.recommend_san_l,.recommend_san_r{float:none;width:100%;margin:0px; margin-bottom:30px; padding-bottom:50px; text-align:center}
.recommend_san .pad_tx{ width:95%; text-align:left;font-size:90%; line-height:160%; margin:-2px auto;}
.recommend_san .pad_tx2{ width:95%; text-align:left;font-size:90%; line-height:160%; margin:-6px auto; margin-bottom:10px;
border-top:none;border-radius: 0px 0px 7px 7px;}

.recommend_san_l label {display:block;cursor :pointer;}
.recommend_san_l label:hover {}
.recommend_san_l input {display:none;}
.recommend_san_l .accshow {height:0;padding:0;overflow:hidden;opacity:0;}
.recommend_san_l .cssacc:checked + .accshow {height:auto;padding:20px;opacity:1;}
.recommend_san_r label {display:block;cursor :pointer;}
.recommend_san_r label:hover {}
.recommend_san_r input {display:none;}
.recommend_san_r .accshow {height:0;padding:0;overflow:hidden;opacity:0;}
.recommend_san_r .cssacc:checked + .accshow {height:auto;padding:20px;opacity:1;}

}

/**********************************
            intro
**********************************/
#gentei {width:100%;height:auto;padding:20px 0 ;background:#fefefe; position:relative}
.gentei_inner {max-width:900px;height:auto;padding:0 0px 0px;margin:0px auto;}
#gentei iframe {width:900px;height:510px; border:10px solid #fff;}
#gentei_youtube{ width: 900px; margin: auto; }
.gentei_youtube {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.gentei_youtube iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

#intro {width:100%;height:auto;padding:40px 0 80px 0;background:#f3f9f5; position:relative}
#intro::before{position:absolute;content:"";width:100%;height:9px;top:0;background-image:url(../img/bdtp.png);background-repeat:repeat-x;background-position:top}
.intro_inner {max-width:900px;height:auto;padding:0 0px 0px;margin:0px auto;}
#intro iframe {width:900px;height:510px; border:10px solid #fff;}


#experience{ background:#fff;padding:40px 0 40px 0; width:100%; margin:30px auto; margin-bottom:30px}
.ex_title{padding:10px 0px 10px 0;font-size:22px; text-align:center;border-bottom:3px dotted #ccc; margin-bottom:30px; }
.ex_tx{padding:10px 0px 0px 0;font-size:16px; line-height:26px;text-align: left; }
.ex_tx2{padding:10px 0px 20px 0;font-size:13px; line-height:20px;text-align: left; color:#666666}
.experience_in {display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));grid-auto-rows:1fr;grid-gap:1.8em;margin:0 auto;width:90%;}
.experience_in > div {overflow:auto;min-width:0;padding:0;}
.experience_in a:hover{top:3px;}

.modal2 {position:relative;display:none;width:90%;margin:30px 0 ;padding:0px;}
.modal2 p {margin:0;padding:0;}
.modal2 img {width:auto;max-height:75vh;}
.modal2 { width:1000px}
.modal2 strong{ display:block;padding:10px 0 0px 0;border-bottom:2px solid #999;margin-bottom:5px}

@media screen and (max-width:1024px) {
#experience{ margin:0px auto; margin-bottom:30px}
.experience_in {grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));width:94%; text-align:center}
#intro iframe {width:86%;height: auto; border:2px solid #56b7d7;border-radius:4px;}
#gentei iframe {width:100%;height:500px; border:2px solid #efefef;border-radius:0;}
#gentei_youtube{ width: 96%; max-width: 800px; padding: 0 2%}
.gentei_youtube {margin-bottom:0px;}
.gentei_youtube iframe {border:none; background:none}


.modal2{width:100%;line-height:150%; margin-top:50px}
}
@media screen and (max-width:768px) {
.experience_in {grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));width:96%;}
.ex_title{font-size:120%; }
.ex_tx{font-size:90%; line-height:130%; }
.ex_tx2{font-size:70%; line-height:150%;}
}
@media screen and (max-width:480px) {
.experience_in {grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));}
}
@media screen and (max-width:1024px) {
.intro_inner {width:100%;height:auto;margin:0px auto;padding:3% 3% 3% 3%;}
.intro_inner .pad_tx {padding:14px 2% ;}
    .gentei_inner {width:100%;height:auto;margin:0px auto;padding:3% 3% 3% 3%;}
    .gentei_inner .pad_tx {padding:14px 2% ;}

}

#bg2{background-color: #fefefe}




/**********************************
            feature
**********************************/
#feature {width:100%;padding-bottom:50px;padding-top:50px;}
#feature:before{position:absolute;content:"";width:100%;height:9px;top:0;background-image:url(../img/bdtp.png);background-repeat:repeat-x;background-position:top}
.feature_title {background-image:url(../img/bg2.png);background-repeat:repeat;}
#feature .feature_inner {width:1000px;margin:30px auto;padding:40px 0px;background-color:#FFFFFF;border-radius:7px;margin-bottom:30px !important;border:solid #0066CC 2px;}
#feature .feature_inner2 {width:1000px;margin:30px auto;padding:40px 80px;background-color:#FFFFFF;border-radius:7px;margin-bottom:30px !important;border:solid #FF0066 2px;}#feature .feature_inner_tx{padding:20px 40px ;}
#feature .main_title{color:#000;display:block;font-size:28px;font-weight:bold;margin:0 0 40px;padding:0px 30px;position:relative;border-bottom:3px solid #efefef;}.feature_inner2_in{max-width:1000px;margin:0 auto;padding:0}
#feature .main_title img{ padding:0 20px 20px 0}
#feature p {font-size:100%;line-height:180%;padding:10px 0}
.feature_ni{width:1250px;margin:0 80px;}
.feature_ni_l{float:left;width:540px;padding:20px 20px 20px 0}
.feature_ni_r{float:right;width:700px;}

@media screen and (max-width:1400px) {
#feature .feature_inner{width:96%;height:auto;margin:2% auto !important; margin-bottom:2%;padding:4%; max-width:1000px}
#feature .feature_inner2{width:96%;height:auto;margin:2% auto !important; margin-bottom:2%;padding:4%; max-width:1000px}
#feature .main_title{display:block;font-size:130%;font-weight:bold;margin:0px;padding:0px 0px 20px 0;text-align: left}
#feature .main_title img{ max-width:100px;width:13% !important;padding:5px 10px 20px 0}
.feature_ni{width:100%;margin:0}
.feature_ni_l{float:none;width:100%;padding-right:0px}
.feature_ni_r{float:none;width:100%;}
}
@media screen and (max-width:1024px) {
#feature .feature_inner{width:96%;height:auto;margin:2%;padding:4%;}
#feature .feature_inner2{width:96%;height:auto;margin:2%;padding:4%;}
#feature .main_title{display:block;font-size:130%;font-weight:bold;margin:0px;padding:0px 0 20px 0;text-align:center}
#feature .main_title img{ max-width:100px;width:13% !important;padding:5px 0 20px 0}
.feature_ni{width:100%;margin:0}
.feature_ni_l{float:none;width:100%;padding-right:0px}
.feature_ni_r{float:none;width:100%;}
}





.full-bg{position:fixed;z-index:-1;top:0;left:0;width:100%;height:100%;background-image:url(../img/full.gif);background-position:top center;background-repeat:repeat;background-color:#fff;}


@media screen and (max-width:768px) and (max-height:1024px){/*iPad Air (768 x 1024)*/
.full-bg{background-image:url(../img/full.gif);background-size:cover}
}
@media screen and (max-width:414px) and (max-height:736px){/*iPhone 7 Plus(414 x 736)*/
.full-bg{background-image:url(../img/full.gif)}
}.fade{overflow:hidden;}
.fade div{transition:.8s;}
.fade_label{opacity:0;transform:translate(0,60px);-webkit-transform:translate(0,60px);}
.mv07{opacity:1.0;transform:translate(0,0);-webkit-transform:translate(0,0);}
#feature {    position:relative;}
#feature::after {    position:absolute;content:'';bottom:-50px;display:block;width:100%;height:100px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon fill='white' points='100,50 0,50 0,0 50,50 100,0 '/%3E%3C/svg%3E");}

/**********************************
            teacher
**********************************/
#teacher {width:100%;background-color:#fff}
.teacher_inner {max-width:900px;padding:20px 0px 80px 0px;margin:0px auto;}
.profile {width:100%;height:auto;padding:50px;background:#FFFFFF;border:3px #ccc solid}
.profile_image {max-width:325px;float:right;margin-left:30px;margin-bottom:30px;}
.profile_ttl {font-size:2.5rem;font-weight:900;padding-top:10px;padding-bottom:20px}
.profile_ttl2 {font-size:1rem;font-weight:900;}
.youtube {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.youtube iframe {position:absolute;top:0;left:0;width:100%;height:100%;}




.modal-content {position:relative;display:none;width:90%;margin:30px 0 ;padding:20px 20px;border-radius:10px;background:rgba(255,255,255,0.9);}
.modal-content p {margin:0;padding:0;}
.modal-overlay {z-index:1;display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,0.75);}
.modal-wrap {z-index:2;display:none;position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;}
.modal-open {cursor:pointer !important; text-decoration:none; color:#000; padding-top:5px}
.modal-open span{ font-size:80%; padding-left:5px}
.modal-open:hover {cursor:pointer;color:#f00;}
.modal-open:hover img {  opacity: 0.7;  filter: alpha(opacity=70);  -ms-filter: "alpha(opacity=70)";}
.modal-close {position:absolute;top:10px;right:10px;color:#888;font-size:30px;line-height:1;font-weight:bold;text-decoration:none}
.modal-close:hover {cursor:pointer;color:#f00;}
.modal-content img {width:auto;max-height:75vh;}
.tx1{text-align:center}
.cssgrid {display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-auto-rows:1fr;grid-gap:0.8em;padding:0;margin:0;}
.cssgrid > div {overflow:auto;min-width:0;padding:0;}
.modal-content { width:1000px}
.modal-content strong{ display:block;padding:10px 0 0px 0;border-bottom:2px solid #999;margin-bottom:5px}

@media screen and (max-width:1024px) {
.teacher_inner {padding:20px 4% 80px ;}
.modal-content {width:94%;font-size:85%;line-height:150%; margin:50px 0 70px 0}
.modal-open{ font-size:90%;}
.modal-open span{ font-size:70%;}
}
@media screen and (max-width:768px) {
.cssgrid {grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));}
}
@media screen and (max-width:480px) {
.cssgrid {grid-template-columns:repeat(auto-fit, minmax(100px, 1fr));}
}* {box-sizing:border-box;}



/**********************************
            solution
**********************************/
#solution {width:100%;padding:9px 0 100px 0 !important;position:relative; background-color:#e5e9f4; margin-top:0}
#solution::after {position:absolute;content:'';pointer-events:none;left:50%;width:100px;height:100px;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);bottom:-50px;z-index:10;background:#e5e9f4}
#solution::before{position:absolute;content:"";width:100%;height:9px;top:0;background-image:url(../img/bdtp.png);background-repeat:repeat-x;background-position:top}
.solution_inner{margin:0px auto;margin-bottom:0px;padding:0px 0;background:url(../img/bg_nayami.gif) center no-repeat;background-size:cover;position:relative;}
.solution_inner_in{max-width:1000px;margin:0px auto;margin-bottom:0px;padding:50px 0 !important}


#solution2 {width:100%;padding:100px 0 80px 0 !important;background:#fdfdfd}
.solution_inner2 {max-width:1000px;padding:0 0px 0px;margin:0px auto;}
.false {height:auto;margin:0 auto;padding:0px ;border-radius:10px;border:1px dashed #000033;}
.false_in {width:100%;height:auto;padding:30px 30px;}
.false_mb {margin-bottom:10px;}
.false label {display:block;margin:0 auto;text-align:center;cursor :pointer;transition:all 0.5s;}
.false label:hover {background :#85baef;border-radius:10px;}
.false input {display:none;}
.false .accshow {height:0;padding:0;overflow:hidden;opacity:0;transition:0.8s;}
.false .cssacc:checked + .accshow {height:auto;padding:0px;opacity:1;}

@media screen and (max-width:1024px) {
#solution {padding:9px 0 40px 0 !important;}
#solution::after {width:80px;height:80px;bottom:-40px;z-index:10;background:#e5e9f4}
.solution_inner {width:100%;padding:0 0px 0px;margin:0px auto; background:none; text-align:center}
.solution_inner_in{padding:50px 0 0px 0 !important}
#solution .pad_tx{ margin:2%; padding:15px 2%}

#solution2 {width:100%;padding:100px 4% !important;background:#fff;}
.solution_inner2 {width:100%;padding:0 0px 0px;margin:0px auto;}
.false_in {padding:20px;}
}



/**********************************
            point
**********************************/
#point {width:100%;height:auto;padding:60px 0 0px 0;background:white;position:relative;}
#point:before{position:absolute;content:"";width:100%;height:9px;top:0;background-image:url(../img/bdtp.png);background-repeat:repeat-x;background-position:top}

.point_inner{max-width:1000px;margin:0px auto;text-align:left;margin-bottom:30px;padding:0px 0 }
.point_inner2{margin:0px auto;margin-bottom:0px;padding:0px 0;background:url(../img/bg_mirai.gif) center 0 no-repeat;background-size:cover;position:relative;}
.point_inner2_in{max-width:1000px;margin:0px auto;margin-bottom:0px;padding:50px 0 !important}

.point_123{padding:40px;margin:20px 0; border:#FF3366 1px solid; font-size:92%; line-height:155%}
.point_road{padding:0px;margin:0px 0;background:url(../img/road_pc.png) no-repeat left}
.point_1_ni_l{float:left ;width:400px;margin-right:20px;padding:20px 0 0 0;}
.point_1_ni_r{float:right;width:480px;margin:0px       ;padding:20px 0 0 0;}
.point_2_ni_l{float:left ;width:620px;margin-right:20px;padding:20px 0 0 0;}
.point_2_ni_r{float:right;width:260px;margin:0px       ;padding:20px 0 0 0;}
.point_3_ni_l{float:left ;width:480px;margin-right:20px;padding:20px 0 0 0;}
.point_3_ni_r{float:right;width:400px;margin:0px       ;padding:20px 0 0 0;}
.point_road_ni_r{float:right;width:600px;margin:0px    ;padding:20px 0 0 0;}

.point_title{padding:20px 0 10px 0px;color:#000;margin:60px 0 40px 0;text-align:left;font-weight:bold;font-size:150%;line-height:130%;border-bottom:5px solid #238ffa;position:relative;}
.point_title:before{content:"";display:block;width:30%;border-bottom:5px solid #FF3366;position:absolute;bottom:0;margin-bottom:-5px;}

.point_title2{padding:0px 0px 0px 10px;color:#000;position:relative;margin:0px 20px 10px 0px;text-align:left;font-size:120%;line-height:120%;border-left:10px solid #FF3366;font-weight:bold}

@media screen and (max-width:1024px) {
#point {padding:20px 0 0px 0;}
.point_inner{ padding:4%}
.point_inner2{ background:none; text-align:center;background-color:#e5e9f4}
.point_inner2_in{padding:0px 0 !important}

.point_123{padding:5%;}
.point_1 img { width:100%;}
.point_1_ni_l,.point_2_ni_l,.point_3_ni_l{ float:none;width:100%}
.point_1_ni_r,.point_2_ni_r,.point_3_ni_r{ float:none;width:100%}
.point_2_ni_r img { margin:0 auto !important; text-align:center !important;}

.point_title{font-size:120%;line-height:130%;border-bottom:2px solid #FF3366;margin:40px 0 20px 0;}
.point_title2{padding:0px 0px 0px 10px;margin:10px 0px 0px 0px;font-size:100%;line-height:140%;border-left:5px solid #FF3366;}
.point_road{padding:0px;margin:20px 0;background:none}
.point_road_ni_r{float:none;width:100%;margin:0px;padding:20px 0 0 0;}
}
/**********************************
            present
**********************************/
#present {width:100%;height:auto;padding:60px 0;position:relative}
#present::before{position:absolute;content:"";width:100%;height:9px;top:0;background-image:url(../img/bdtp.png);background-repeat:repeat-x;background-position:top}
.present_inner {max-width:1000px;height:auto;margin:0px auto;padding:0px ;}
.present_area{width:100%;height:auto;padding:20px 25px 25px 25px;border:6px double #b39d5b;margin-top:10px;z-index:9;background-color:#fff}
.present_image {display:block;margin-bottom:30px;}
@media screen and (max-width:1024px) {
#present{padding:60px 0 20px 0;}
.present_inner{width:98%;height:auto;margin:0px auto;padding:1%;}
.present_area {padding:20px 4% 25px 4%;border:4px double #b39d5b;margin-top:10px;font-size:85%; line-height:155%;}
}
/**********************************
            price
**********************************/
#price {width:100%;height:auto;background:#f3f9f5;position:relative; padding:9px 0 0 0}
#price::before{position:absolute;content:"";width:100%;height:9px;top:0;background-image:url(../img/bdtp.png);background-repeat:repeat-x;background-position:top}
.price_inner {max-width:1000px;height:auto;margin:0px auto;padding:50px 0px 50px 0px;}
.price_ni_l{float:left ;width:580px;margin-right:20px;padding:20px 0 0 0;}
.price_ni_r{float:right;width:400px;margin:0px;padding:20px 0 0 0;}
@media screen and (max-width:1024px) {
.price_inner{padding:4%;margin:0px 0;}
.price_ni_l,.price_ni_r{ float:none;width:100%; margin:0}
}





/**********************************
            question questionb info
**********************************/
#question {width:100%;background:#fff;position:relative;}
#finally {width:100%;height:auto;background:#f3f9f5;position:relative;}
#info {width:100%;height:auto;background:#efefef;position:relative; font-size:13px; color:#333}
.question_inner,.info_inner {max-width:1000px;height:auto;margin:0px auto;padding:50px 20px 50px 20px;}

.faq_ttl {font-size:20px;line-height:32px;font-weight:bold;margin-bottom:30px;position:relative;padding-left:50px;}

.faq_ttl:after {content:'Q';position:absolute;font-size:1.6rem;left:0;top:0;color:#a48a4e;}
.faq_cv {font-size:1rem;position:relative;padding-left:50px;}
.faq_cv:after {content:'A';position:absolute;font-size:1.6rem;font-weight:bold;left:0;top:0;color:#cf0000;}
.postscript {width:100%;height:auto;}
.question_inner input {display:none;}
.cp_actab {position:relative;overflow:hidden;width:100%;margin:0 auto;padding:40px 0 30px 0;color:#000;border-bottom:#999 solid 1px}


.finally_inner{margin:0px auto;margin-bottom:0px;padding:0px 0;background:#e5e9f4 url(../img/bg_finally.gif) bottom no-repeat;background-size:contain;position:relative; }
.finally_inner_in{max-width:1000px;margin:0px auto;margin-bottom:0px;padding:20px 0 50px 0 !important}



@media screen and (max-width:1024px) {
.finally_inner{margin:0px auto;margin-bottom:0px;padding:0px 0;background:#fff}
.finally_inner_in{max-width:1000px;margin:0px auto;margin-bottom:0px;padding:50px 20px !important}
}



@media screen and (max-width:1024px) {
#question {width:100%;background:#efefef;position:relative;}
#info {font-size:70%; line-height:140%;}
.faq_ttl {font-size:86%;line-height:150%;margin-bottom:0px;padding:0px 40px;}
.faq_ttl:after {left:5px;top:0;}
.faq_cv {padding:10px 10px 10px 40px;font-size:86%;line-height:150%;}
.faq_cv:after {left:5px;top:15px;}
.question_inner {width:94%;margin:0px auto;padding:50px 0px 50px 0px;}

.question_inner label {display:block;margin:0 auto;cursor :pointer;transition:all 0.5s;}
.question_inner label:hover { color:#999933}
.question_inner .accshow {height:0;padding:0;overflow:hidden;opacity:0;transition:0.8s;}
.question_inner .cssacc:checked + .accshow {height:auto;padding:0px;opacity:1;}

.cp_actab {position:relative;overflow:hidden;width:100%;margin:0 auto;padding:10px 0 10px 0;color:#000;border-bottom:#999 solid 1px}
.cp_actab input {position:absolute;z-index:-1;opacity:0;}
.cp_actab label {position:relative;display:block;padding:10px 0 10px 0;cursor:pointer;margin:0 0 0 0;background:#fff;}
.cp_actab .cp_actab-content{overflow:hidden;max-height:0;-webkit-transition:max-height 0.35s;transition:max-height 0.35s;background:#efefef;}
.cp_actab .cp_actab-content p {margin:0;}
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {max-height:20em;}
/* Icon */
.cp_actab label::after {line-height:3;position:absolute;top:0;right:1%;display:block;width:3em;height:3em;-webkit-transition:all 0.35s;transition:all 0.35s;text-align:right;}
.cp_actab input[type=checkbox] + label::after {content:'+';}
.cp_actab input[type=checkbox]:checked + label::after {transform:rotate(315deg);}

}

/**********************************
            table
**********************************/
table, th, td {padding:10px;font-size:14px;border-collapse:collapse;border:1px solid #ccc;line-height:1.5;}
tr:nth-child(even) {background:#efefef;}

/**********************************
            Footer
**********************************/
.footer {width:100%;background-color:#005388;bottom:0;padding:20px 0 10px 0;font-size:13px;}
.footer ul {text-align:center;margin:50px auto;margin-bottom:0;}
.footer ul li {display:inline-block;padding-bottom:0px;margin-bottom:0;}
.footer ul li a {padding-left:16px;padding-right:11px;text-decoration:none;color:#fff;}
.footer ul li .last {padding-right:0;border-left:5px solid #fff !important}
.footer ul li br {display:none;}
.footer .copy {padding:3px 0 10px 0;color:#fff;text-align:center;font-size:10px;}
#pagetopbtn {bottom:0px;z-index:1000000000000000000000000000050 !important;margin:-50px auto;text-align:center;position:relative;}
#pagetopbtn img{width:50px;}
#g_footer_out{display:none;}
@media screen and (max-width:1024px) {
.footer {font-size:3vw;}
.footer .copy {font-size:2.5vw;}
#pagetopbtn {margin:-50px auto;}
#pagetopbtn img{width:10vw;}
#g_footer_out{position:fixed;bottom:0px;z-index:15000000;width:100%;text-align:center;padding-bottom:0px;display:none;}
#g_footer_out form dl{margin-bottom:0px;}
.formarea_inner4{ z-index:111111111111111111111111111111;cursor:pointer;padding:0px 0 0px 0px;margin:0 auto;bottom:0;}
.formarea_inner4 img{ width:100% !important;}}



/**********************************
            Thanks
**********************************/


#t_header{text-align:center; margin-top: -35px}
.chuu{ background-color: #fff; border:4px double #FF0000; color: #FF0000; padding:20px; font-size:160%; line-height:150%; font-weight:bold; text-align:center;  width:50%; margin:auto; margin-bottom:40px}
.qrcode{ background-color: #fff; color: #000; padding:30px 0 40px 0; font-size:120%; line-height:180%; font-weight:bold; text-align:center; margin:20px 60px}
.chuu2{font-size:95%; line-height:160%; padding:40px;}
.green{color:#00bb00;}
.induction{margin:0;padding:15px 0 0 0;font-size:40px;font-weight:bold;line-height:140%;text-align:center;}



#thanks {width:100%;height:auto;background:#f7f9fb;position:relative; padding:9px 0 0 0}
#thanks::before{position:absolute;content:"";width:100%;height:9px;top:0;background-image:url(../img/bdtp.png);background-repeat:repeat-x;background-position:top}
.thanks_inner {max-width:900px;height:auto;margin:0px auto;padding:50px 0px 50px 0px;}



.qrcode {width: 840px;margin: 0 auto;background: #eeeeee;padding: 40px;text-align: center;font-size: 40px;font-weight:bold;}


@media screen and (max-width:1024px) {
#t_header{margin-top:-27px}
.thanks_inner{padding:4%;margin:0px 0;}
.chuu{  width:90%; margin:20px auto; margin-bottom:40px;font-size:140%; line-height:130%; }
.induction{margin:0;padding:15px 0 0 0;font-size:130%;font-weight:bold;line-height:130%;text-align:center;}
.qrcode {width: 100%;margin: 0 auto;background: #eeeeee;padding: 40px;text-align: center;font-size: 120%;font-weight:bold;}
.chuu2{font-size:95%; line-height:150%; padding:30px 10px;}
}







a:hover img.btn_animation,.syousai_b a:hover img,.syousai_b2 a:hover img {-webkit-animation-duration: 1s;-webkit-animation-timing-function: ease-in-out;-webkit-animation-iteration-count: infinite;-webkit-transform-origin: middle center;-webkit-animation-name: animation07;-webkit-transform: rotate(0deg);}
 @-webkit-keyframes animation07 {
 0% { -webkit-transform: rotate(0deg); bottom: 0;}
 20% { -webkit-transform: rotate(5deg); bottom: 5px;}
 40% { -webkit-transform: rotate(-5deg);}
 60% { -webkit-transform: rotate(4deg);}
 80% { -webkit-transform: rotate(-3deg);}
 100% { -webkit-transform: rotate(0deg);}
}




.praise_contents{width:900px;margin:50px auto 60px auto;padding:0;}
.praise {height:400px;background-color:#fee8e8;border:1px #fdcfcf solid;padding:30px 60px 40px 60px;overflow: scroll;margin:20px auto}
.praise p { border-bottom:dotted 1px #ccc;padding:15px; font-size: 90%; line-height: 140%}
.voice_title{margin:30px 0;padding:0;font-size:36px;font-weight:bold;line-height:150%;text-align:center;}


.voice_title {
    display: flex;
    align-items: center;
}
.voice_title:before,
.voice_title:after {
    border-top: 5px dotted;
    content: "";
    flex-grow: 1;
}
.voice_title:before {
    margin-right: 1rem;
}
.voice_title:after {
    margin-left: 1rem;
}






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


    .praise_contents{margin:0 0 45px 0;padding:0; width: 100%}
    .praise{margin:15px 0 0 0;padding:5px 10px 20px 10px;border:solid 1px #fdcfcf; height:300px;
        -webkit-overflow-scrolling: auto; background-color:#fee8e8;
        overflow-scrolling: auto;
        overflow-y: scroll;}
    .praise p { border-bottom:dotted 1px #ccc;padding-bottom:20px}
    .voice_title{margin:20px 0;padding:0;font-size:150%;font-weight:bold;line-height:150%;text-align:center;}
    .voice_title .red{ display: inherit}
}