@charset "utf-8";



section{}
section.secBox{}
.sectionInner{}

#contentsArea{}
#contentsArea .contentsInner{}

.sectionInner .titleBox{}
.titleBox h2{}
.titleBox h3{
    font-size: 2.4rem;
}
.titleBox h4,
h4.subTitle{
    font-size: 2rem;
}
.titleBox p{}




/* mainContents */
#mainContents{}


/* fvSec */
#fvSec{}
#fvSec #mainSlide{}
#fvSec #mainSlide .slideImgBox{}
#fvSec #mainSlide .slideImgBox img{}

#fvSec .sectionInner{}
#fvSec .sectionInner .titleBox{}
#fvSec .sectionInner .titleBox .lang_jpn{
    width: 100%;
}
#fvSec .sectionInner .titleBox .lang_eng{
    width: 100%;
}

#fvSec .sectionInner .description{}
#fvSec .sectionInner .description .location{}
#fvSec .sectionInner .description .postalCode{}
#fvSec .sectionInner .description .location:before,
#fvSec .sectionInner .description .postalCode:before{}
#fvSec .sectionInner .description .location:before{}
#fvSec .sectionInner .description .postalCode:before{}



#fvSec .sectionInner .tagLists{}
#fvSec .sectionInner .tagLists .listItems{}
#fvSec .sectionInner .tagLists .listItems:before{}


#contentsArea .contentsInner .schoolStatisticsBox{
    padding: 1.5em 0;
}
#contentsArea .contentsInner .schoolStatistics{
    max-width: 720px;
    width: 95%;
    display: flex;
    justify-content: space-around;
    gap: 3em;
}
#contentsArea .contentsInner .schoolStatistics div{
    display: flex;
    width: auto;
    gap: 1em;
}
#contentsArea .contentsInner .schoolStatistics div dt{}
#contentsArea .contentsInner .schoolStatistics div dt.students{}
#contentsArea .contentsInner .schoolStatistics div dt.staff{}
#contentsArea .contentsInner .schoolStatistics div dt.japanese{}
#contentsArea .contentsInner .schoolStatistics div dt.age{}
#contentsArea .contentsInner .schoolStatistics div dt.students:before,
#contentsArea .contentsInner .schoolStatistics div dt.staff:before,
#contentsArea .contentsInner .schoolStatistics div dt.japanese:before,
#contentsArea .contentsInner .schoolStatistics div dt.age:before{}
#contentsArea .contentsInner .schoolStatistics div dt.students:before{}
#contentsArea .contentsInner .schoolStatistics div dt.staff:before{}
#contentsArea .contentsInner .schoolStatistics div dt.japanese:before{}
#contentsArea .contentsInner .schoolStatistics div dt.age:before{}
#contentsArea .contentsInner .schoolStatistics div dd{
    display: inline-block;
}


/* navSec */
input.radioTabs{}
#navSec{
    margin-bottom: 3rem;
}
#navSec .navLists{
    max-width: 720px;
    margin: auto;
}
#navSec .navLists li{}
#navSec .navLists li label{}
#navSec .navLists li label.photos{}
#navSec .navLists li label.introduce{}
#navSec .navLists li label.fees{}
#navSec .navLists li label.others{}

input[name="school-info"]#tab-photos:checked ~ #navSec label.photos,
input[name="school-info"]#tab-introduce:checked ~ #navSec label.introduce,
input[name="school-info"]#tab-fees:checked ~ #navSec label.fees,
input[name="school-info"]#tab-others:checked ~ #navSec label.others{}

input[name="school-info"]#tab-photos:checked ~ #navSec label.photos{}
input[name="school-info"]#tab-introduce:checked ~ #navSec label.introduce{}
input[name="school-info"]#tab-fees:checked ~ #navSec label.fees{}
input[name="school-info"]#tab-others:checked ~ #navSec label.others{}

.panel{}
input[name="school-info"]#tab-photos:checked ~ #photoSec.panel,
input[name="school-info"]#tab-introduce:checked ~ #descriptionSec.panel,
input[name="school-info"]#tab-fees:checked ~ #feesSec.panel,
input[name="school-info"]#tab-others:checked ~ #otherSec.panel{}


/* photoSec */
#photoSec{}
#photoSec .sectionInner{}
#photoSec .photoBox{}
#photoSec .photoBox .schoolPhotos{}
#photoSec .photoBox .schoolPhotos a{}
#photoSec .photoBox .schoolPhotos img{}
#photoSec .photoBox .schoolPhotos img:hover{}

/* lity */
body .lity{}
body .lity .lity-container{}

/* descriptionSec */
#descriptionSec{}
#descriptionSec .sectionInner{}
#descriptionSec .sectionInner .titleBox{}
#descriptionSec .sectionInner .titleBox h3.lang_jpn{}

#descriptionSec .sectionInner .featuresLists{}
#descriptionSec .sectionInner .featuresLists .listInfo{
    font-size: 1.6rem;
}
#descriptionSec .sectionInner .featuresLists .listInfo::before{
    top: 4px;
}

#descriptionSec .sectionInner .iframeBox{}
#descriptionSec .sectionInner .iframeBox h4{}
#descriptionSec .sectionInner .iframeBox iframe{}
#descriptionSec .sectionInner .iframeBox p{
    font-size: 1.6rem;
}

#descriptionSec .sectionInner .dataBox{}
#descriptionSec .sectionInner .dataBox h4{}

#descriptionSec .sectionInner .dataBox .dataLists{}
#descriptionSec .sectionInner .dataBox .dataLists .dataInfo{}
#descriptionSec .sectionInner .dataBox .dataLists .dataInfo dt{
    font-size: 1.6rem;
}
#descriptionSec .sectionInner .dataBox .dataLists .dataInfo dt:before{
    top: 4px;
}
#descriptionSec .sectionInner .dataBox .dataLists .dataInfo dd{
    font-size: 1.6rem;
}


/* feesSec */
#feesSec{}
#feesSec .sectionInner{}
#feesSec .sectionInner .titleBox{}
#feesSec .sectionInner .titleBox h3{}

#feesSec .sectionInner .tableBox{}
#feesSec .sectionInner .tableBox table{}
#feesSec .sectionInner .tableBox table thead{}
#feesSec .sectionInner .tableBox table tr{}
#feesSec .sectionInner .tableBox table th{}
#feesSec .sectionInner .tableBox table td{}

#feesSec .sectionInner .tableBox table td span{}
#feesSec .sectionInner .tableBox table tr th:first-child,
#feesSec .sectionInner .tableBox table tr td:first-child{}
#feesSec .sectionInner .tableBox table tr td:last-child{}

#feesSec .sectionInner .campaignBox{}
#feesSec .sectionInner .campaignBox a{}
#feesSec .sectionInner .campaignBox a:hover{}
#feesSec .sectionInner .campaignBox .campaignInner{
    flex-wrap: nowrap;
    padding: 1em;
}
#feesSec .sectionInner .campaignBox .campaignInner .campaignTitle{
    width: 22rem;
}
#feesSec .sectionInner .campaignBox .campaignInner .campaignTitle:before{}
#feesSec .sectionInner .campaignBox .campaignInner .campaigninfo{
    margin: 0 auto;
}

/* otherSec */
#otherSec{}
#otherSec .sectionInner{}
#otherSec .sectionInner .titleBox{}
#otherSec .sectionInner .titleBox h3{}

#otherSec .sectionInner .iframeBox{}
#otherSec .sectionInner .iframeBox h4{}
#otherSec .sectionInner .iframeBox iframe{}

#otherSec .sectionInner .schoolInfoBox{}
#otherSec .sectionInner .schoolInfoBox h4{}
#otherSec .sectionInner .schoolInfoBox p{
    font-size: 1.6rem;
}
#otherSec .sectionInner .schoolInfoBox dl{}
#otherSec .sectionInner .schoolInfoBox dt{
    font-size: 1.6rem;
}
#otherSec .sectionInner .schoolInfoBox dd{
    font-size: 1.6rem;
}


/* ctaBox */
.ctaBox{
    margin: 4rem auto 0rem;
    padding: 2.5rem 2.5% 3.5rem;
}
.ctaBox .lang_jpn{
    text-align: center;
    line-height: 1;
}
.ctaBox .lang_eng{
    text-align: center;
    line-height: 1;
}
.ctaBox .ctaTxt{
    text-align: center;
}

.ctaBox .ctaBtnBox{}
.ctaBox .ctaBtnBox .lintTxts{}
.ctaBox .ctaBtnBox .lintTxts a{}
.ctaBox .ctaBtnBox .lintTxts a:hover{}
.ctaBox .ctaBtnBox .requestLink{}
.ctaBox .ctaBtnBox .requestLink a{}
.ctaBox .ctaBtnBox .counselingLink{}
.ctaBox .ctaBtnBox .counselingLink a{}