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

/*----------------------------------------------------------------------------
***                                                                    body
----------------------------------------------------------------------------*/
body{margin:0; padding:0; border-top:none;position: relative;min-width: 100%;}

body.boxSize{box-sizing:border-box;}
body.boxSize *{box-sizing:border-box;}

p,li{font-size: 16px; }
.secBox,.secBox2{width: 90%;margin: 8% auto;padding: 1em 0;}
.secBox h3,.secBox2 h3{font-size: 200%;margin-bottom: 0.5em;padding: 0;}

.pc{display: none!important;}
.sp{display: block!important;}

#wrap{min-width: 100%;}
/*----------------------------------------------------------------------------
***                                                                   header
----------------------------------------------------------------------------*/
#headerBox{width: 100%; margin:0 auto; padding: 0.5em;　position:fixed;}
#headerArea{border-top: 2em solid #FF7BAC; top: -2em;}
#headerAreaLogo .ttlTxt {font-size: 11px;color: #fff;font-weight: normal;position: absolute;top: -2.3em;width: 100%;text-align: center;left:0;line-height: 1;}
#headerAreaLogo .ttlSub {position: absolute;top: -1.2em;color: #fee5ee;font-size: 10px;text-align: center;width: 100%;font-weight: normal;left: 0;line-height: 1;margin: 0;}
.headerBoxInner{width:100%; margin:0 auto; padding: 0%;}
.headerBoxInner ul{justify-content:space-around;align-items: center;}
.headerBoxInner li{width: 30%;}
.headerBoxInner .ttl{width: 60%;}
.headerBoxInner .ttl img{width: 100%;height: auto;}
.headerBoxInner .sm_btn{width: 50%;}
.headerBoxInner li.sm_btn img{width: 100%;}

/*----------------------------------------------------------------------------
***                                                                  topBox
----------------------------------------------------------------------------*/
.topBox{}
.topBoxInner{width: 100%;margin:0 auto;}
#breadcrumbArea li{font-size: 70%;}

/*----------------------------------------------------------------------------
***                                                                  titleBox
----------------------------------------------------------------------------*/
#nativeBox{/*padding-top: 4.3em;*/}
.titleBox{background: url("../../images/2310/img_back01_sp.jpg") no-repeat bottom 0 center/cover;height: 0%;padding: 1em 0 21em;margin:50px 0 0; }
.titleBoxInner{}
.titleBox h1{padding:2em 3%;}
.titleBox h1 img{width:100%;height: 100%;margin-top: 0em; }

h2 span,h3 span{display: none;}
/*----------------------------------------------------------------------------
***                                                                  firstBox
----------------------------------------------------------------------------*/
#firstsec{margin: 2em 0;}
#firstsec h2{font-size: 170%;margin: 0em auto 0.5em;text-align: center;}
#firstsec .firstBoxInner{text-align: center;width: 100%;}
#firstsec .firstBox .input{width: 95%;margin: 1em auto 2em;padding: 0em 0;}
#firstsec .firstBox .input p{font-size: 11px; font-weight: bold;text-align: center;line-height: 1.7em;width: 100%;margin: auto;padding: 0;}
#firstsec .firstBox .f_comment{margin-bottom: 0;}
#firstsec .firstBox .f_comment p{text-align:center;font-weight: 600;line-height: 1.6em;font-size: 95%;}

#firstsec .firstBoxInner .point{width: 100%;display: block;}
#firstsec .firstBoxInner li{width: 90%;margin: 0.5em auto;display: flex;border-radius:16px;padding: 1em;border: 4px solid #fff;}
#firstsec .firstBoxInner li img{width: 75%;}
#firstsec .firstBoxInner li .img_box{width: 64%;padding: 0;}
#firstsec .firstBoxInner li p{padding: 0 3em 0 0;}
#firstsec .firstBoxInner li strong{margin-bottom: 0;}
/*スライダー*/


/*----------------------------------------------------------------------------
***                                                            iframe-content
----------------------------------------------------------------------------*/
#firstsec #iframe-content{ width: 100%; padding-bottom: 56.25%;}

/*----------------------------------------------------------------------------
***                                                            priceSec
----------------------------------------------------------------------------*/
.btnFormLinkBox{width: 90%;margin-top: 0;}

#priceSec  .priceBox{width: 95%;padding: 0em 0.5em 1em;}
#priceSec  .priceBox .under_y{width: 100%;font-size: 80%;display: inline;}
#priceSec .priceBox .fee{font-size:350%; }
#priceSec .priceBox .fee .tate{display: inline-block;margin-bottom: -0.2em;}
/*----------------------------------------------------------------------------
***                                                           aboutBox
----------------------------------------------------------------------------*/
.img_logo{width: 40%;margin: 0 auto 0.5em!important;}
#aboutSec .aboutBoxInner .allbox{width: 100%;margin: 2em auto 3em;}
#aboutSec .aboutBoxInner .allbox h4{font-size:150%;}
#aboutSec .aboutBoxInner .allbox p{font-size:95%; margin-bottom: 1em;line-height: 1.3;}

#aboutSec .aboutBoxInner .txtbox{width:100%;}
#aboutSec .aboutBoxInner .mookbox{width: 100%;margin-top: 1.5em;}
#aboutSec .aboutBoxInner .mookbox video{width: 100%;}
#aboutSec .aboutBoxInner .fieldbox .mookbox,
#aboutSec .aboutBoxInner .usebox .mookbox{order: 2;}
#aboutSec .aboutBoxInner .fieldbox .mookbox{width: 100%;}
#aboutSec .aboutBoxInner .fieldbox .mook{margin: 0;}

.open_btn{font-size: 100%;padding: 10px 57px 10px 37px}
#aboutSec .aboutBoxInner .open_btn::before{content: "";width: 31px!important;height: 31px!important;}
#aboutSec .aboutBoxInner .slider{width:75%;height: auto;}
#aboutSec .aboutBoxInner .slider .slick-list{width: 100%;margin: 0.6em auto 0;}
#aboutSec .aboutBoxInner .slick-slide{width: 100%;}

/*POPUP共通*/
.popup_content {width:95%; padding:0;height: 90%;}
.englishbox .popup_content {height: 90%;}
.fieldbox .popup_content {height: 90%;}
.close_btn {font-size:20px; padding: 0.2em 0.4em;margin: 0;top: 7%;right: 8%;}
.englishbox .close_btn {margin: 0; top: 7%;}
.fieldbox .close_btn {margin: 0;top: 7%;}
.popup_content::-webkit-scrollbar {width: 10px;}


/*----------------------------------------------------------------------------
***                                                                 tripBox
----------------------------------------------------------------------------*/
#tripSec{background-repeat:repeat;background-size: 120%;background-position: center;}
#tripSec .secBox2{margin: 8% auto 0;}
#tripSec .tripBox .tripBoxInner .line{width: 100%;font-size: 125%;margin: 1em auto 1em;}
#tripSec .tripBox .tripBoxInner .position{display: none;}

#tripSec .tripBox .tripBoxInner p{text-align: left;}
#tripSec .tripBox .tripBoxInner .next{display: none;}
#tripSec .tripBox .tripBoxInner .slider{display: block;}
#tripSec .tripBox .tripBoxInner .slider img{width: 100%;}
#tripSec .tripBox .tripBoxInner .scroll{margin: 0 0em 1em;}
#tripSec .tripBox .tripBoxInner .flex{margin: 1.5em 0;}
#tripSec .tripBox .tripBoxInner .tag{position: absolute;top: -16%;left: 36%;width: 25%;}
#tripSec .tripBox .tripBoxInner .nextbtn{width: 20%;}


.wrap_my{}
#tripSec .tripBox .tripBoxInner .my_popbox{width: 90%;}
#tripSec .tripBox .tripBoxInner .my_popbox .my_title{width: 80%;}
#tripSec .tripBox .tripBoxInner .my_popbox.fairy .my_title,
#tripSec .tripBox .tripBoxInner .my_popbox.greatest .my_title,
#tripSec .tripBox .tripBoxInner .my_popbox.dictionary .my_title{margin-bottom: 1.5em;}

#tripSec .tripBox .tripBoxInner .my_popbox .my_title .voice{left: 0;right: 0;margin: auto;text-align: center;top: 30px;}

#tripSec .tripBox .tripBoxInner .my_popbox ul{display: block;}
#tripSec .tripBox .tripBoxInner .my_popbox .my_leftbox{width: 90%;margin: auto;}
#tripSec .tripBox .tripBoxInner .my_popbox .my_leftbox img{width: 100%;}
#tripSec .tripBox .tripBoxInner .my_popbox .my_rightbox{width: 100%;margin: 0.5em 0;}
#tripSec .tripBox .tripBoxInner .my_popbox .my_rightbox .my_txt{font-size: 100%;}
#tripSec .tripBox .tripBoxInner .my_popbox .Acquire{font-size: 90%;margin: 0.5em 0.5em 0.5em;}
#tripSec .tripBox .tripBoxInner .my_popbox .Acquire span{padding: 0.3em 0.8em 0.1em;margin:0 0.3em 0.3em;font-size: 85%;}
#tripSec .tripBox .tripBoxInner .my_popbox .Acquire span:first-of-type{margin-left: 0;}

#tripSec .tripBox .tripBoxInner .close_btn2 { font-size:90%;; width: 25%;margin: 0 auto!important;color: #fff;padding: 0.5em 0;text-align: center!important;}




/*スライダー*/
#tripSec .tripBox .tripBoxInner .slider{width:73%;}
#tripSec .tripBox .tripBoxInner .slider img{height: auto;margin: 0 auto;width: 100%;border-radius:0px;}
#tripSec .tripBox .tripBoxInner .slider .slick-list{width:100%;margin: 0.4em auto 0;}
#tripSec .tripBox .tripBoxInner .slick-slide{width:auto;}
#tripSec .tripBox .tripBoxInner .slick-track{}
#tripSec .tripBox .tripBoxInner .slick-next{right: -50px;top:116px;background: url("../../images/2204/btn_next.png")no-repeat;width: 55px;height: 103px;background-size: 100%;}
#tripSec .tripBox .tripBoxInner .slick-prev{left: -50px;top:116px;background: url("../../images/2204/btn_back.png")no-repeat;width: 55px;height: 103px;background-size: 100%;}
#tripSec .tripBox .tripBoxInner .bk_white{width: 100%;padding: 0 0 1em;}
#tripSec .tripBox .tripBoxInner .mook{z-index: 0;margin: -3% 0.5% 0 1.5%;position: absolute;}
#tripSec .tripBox .tripBoxInner .sdr_txt{text-align: center;font-size: 90%;margin: 2em 0 0;}

.slick-dots .slick-active button{width: 8px;height: 11px;}
.slick-dots button{width: 8px;height: 11px;}

#tripSec .tripBox .tripBoxInner .stage ul{width: 100%;}
#tripSec .tripBox .tripBoxInner .stage li{width: 75%; margin: 0 auto 2em;}
#tripSec .tripBox .tripBoxInner .center{margin-left: -10px;margin-right: 0px;}
#tripSec .tripBox .tripBoxInner .stage p{font-size: 120%;text-align: center; }

/*----------------------------------------------------------------------------
***                                                               parentsSec
----------------------------------------------------------------------------*/
#parentsSec{padding-bottom: 1em;}
#parentsSec h3{font-size: 200%;}
#parentsSec .parentsBox .parentsBoxInner{padding: 2em 0 0;}
#parentsSec .parentsBox .parentsBoxInner .title p{text-align: left;margin: 0em 0 1em;}
#parentsSec .parentsBox .parentsBoxInner .bk_green{width: 100%;padding: 0em;}
#parentsSec .parentsBox .parentsBoxInner .bk_green li{margin-bottom: 1em;}
#parentsSec .parentsBox .parentsBoxInner .fuki{background-image:none;height: 8em;width: 100%;}
#parentsSec .parentsBox .parentsBoxInner .fuki p{padding-top: 0em;font-size: 22px;line-height: 1.2;}
#parentsSec .parentsBox .parentsBoxInner .priceBox{width: 100%; padding: 0.1em 1em 2em;}
#parentsSec .parentsBox .parentsBoxInner .bk_green p{margin: 0.5em;margin-left: 0;font-size: 100%;width: 46%;height: auto;padding: 1em 0.5em;}
#parentsSec .parentsBox .parentsBoxInner .bk_green p:nth-child(2){padding:2em 0em; }
#parentsSec .parentsBox .parentsBoxInner .bk_green p span{width:40%;}
#parentsSec .parentsBox .parentsBoxInner .bk_green p:nth-child(1) span{top: -27px;}
#parentsSec .parentsBox .parentsBoxInner .bk_green p:nth-child(3) span{top: -20px;}
#parentsSec .parentsBox .parentsBoxInner .fuki p.girl{width: 50%;bottom: -67%;padding: 0;}
#parentsSec .parentsBox .parentsBoxInner .fuki p.usagi{width: 28%;bottom: -63%;padding: 0;}

#parentsSec .userBox{margin-bottom: 3em;}
#parentsSec .userBox .slider{width: 95%;}
#parentsSec .userBox .slider .scroll{flex-wrap: wrap;padding: 1em;}
#parentsSec .userBox .slider .scroll .photoBox{width: 100%;}
#parentsSec .userBox .slider .scroll .photoBox{width: 80%;margin: auto;}
#parentsSec .userBox .slider .scroll .photoBox .name{position: relative;width: auto;height: auto;padding: 0;background: none;}
#parentsSec .userBox .slider img{width: 100%;}
#parentsSec .userBox .slider .scroll .txtBox{width: 100%;}
#parentsSec .userBox .slider .scroll .txtBox dt{font-size:90%; }
#parentsSec .userBox .slider .scroll .txtBox dd{font-size: 90%;}
#parentsSec .userBox .slick-arrow{top:80px;width: 40px;height: 40px;background-size: cover;}
#parentsSec .userBox .slick-next{right: -10px;}
#parentsSec .userBox .slick-prev {left: -10px;}

/*----------------------------------------------------------------------------
***                                                           entrySec
----------------------------------------------------------------------------*/
#entrySec{padding:  1em 0 2em;}
#entrySec .secBox{padding: 0;margin-bottom: 0;}
#entrySec .secBox h3{margin: auto;font-size: 200%;}
#entrySec .entryBox .entryBoxInner .title_en{margin-top: 0em;width: 60%;font-size: 90%;}
#entrySec .entryBox .entryBoxInner p{font-size: 100%;}
#entrySec .entryBox .entryBoxInner .form1{width: 100%;margin-bottom: 3em;padding: 1em 0;}
#entrySec .entryBox .entryBoxInner .form1::before{left: 46.5%;top: 101%; margin: 0 auto;}
#entrySec .entryBox .entryBoxInner .form1::after{top: 120%;left:43%;}
#entrySec .entryBox .entryBoxInner .form1 img{width: 60%;margin-top: 0.5em;}

#entrySec .entryBox .entryBoxInner .form2{width: 100%;margin-bottom: 3em;padding: 1em 0;}
#entrySec .entryBox .entryBoxInner .form2::before{left: 46.5%;top: 101%;margin: 0% auto;}
#entrySec .entryBox .entryBoxInner .form2::after{top:130%;left: 43%;}

#entrySec .entryBox .entryBoxInner .form3{width: 100%;margin-bottom: 3em;padding: 1em 0;}
#entrySec .entryBox .entryBoxInner .form3::before{left: 46.5%;top: 101%;margin: 0% auto;}
#entrySec .entryBox .entryBoxInner .form3::after{top:130%;left: 43%;}

#entrySec .entryBox .entryBoxInner .form5{width: 100%;padding: 1em 0;}

#entrySec .entryBox .lastbox{
	width: 100%;
	padding: 1em;
}

#formLinkSec.secBox{font-size: 80%;}
#formLinkSec.page_nbk .titleBox h2{font-size: 1.5em;}
.footerBoxInner{background-color: #444;}
body:not(.w775not) #footerLink.w775 #footerContentList .sitePageListBox .sitePageTitle {font-size:1em;}
body:not(.w775not) #footerLink.w775 #footerContentList a{font-size: 0.9em;}
#footerContentList .sitePageItemSchool .sitePageList .pageItem{margin:0;}


footer p{font-size: 80%;}