@charset "utf-8";
/* CSS Document */
#wrap{font-size: 95%;}
h2{font-size: 155%!important;text-align: center;}
h3{text-align: center;font-size: 215%!important;line-height: 1.3em;}
h4{font-size:150%!important;}
p,li{font-size: 110%;}

.secBox > .sectionInner{padding-top: 2em;}
.secBox > .sectionInner > .titleBox{margin: 0 0 1.5em;}

h3::before,h3::after{display: none;}

.btn{padding: 0.3em 0 0.15em; margin-top: 0.7em;}
.btn a{font-size: 80%;}
.btn a::after{content: "";display: inline-block;width: 5%;height: 25%;border-bottom: 2px solid #fff;border-right: solid 2px #fff;transform: rotate(-45deg);position: absolute;top: 35%;right: 11%;}
/*----------------------------------------------------------------------------
***                                                             headerArea
----------------------------------------------------------------------------*/
#headerArea{}
#headerArea #headerAreaInner{position:relative;padding: 0.2em 0.3em 0.2em 0.6em;width: 100%;}
#headerArea .logoBox{width:38%;max-width: 306px;}
#headerArea .top_btn{width: 35%;}


/*--- mainView ---*/
#mainView .bgBox{width: 100%;padding: 7% 0 9%;}
#mainView .bgBox .imgBox{margin: 0 auto 0.3em;}
#mainView .bgBox .imgBox img{width: 100%;}
#mainView .bgBox .imgBox .KC_logo{width: 30%;margin: 0 auto;}
#mainView .bgBox .imgBox .ttlimg{width: 95%;margin: 0 auto;}
#mainView .bgBox .main_txt{width: 65%;margin: 0em auto;padding: 0.5em 0 0.1em;}
#mainView .bgBox .main_txt p{font-size: 240%;}
#mainView .bgBox .main_txt p span{font-size: 90%;}
#mainView {width: 100%;background: url("../../images/top_content_pc.jpg") no-repeat top center;background-size: 300%;} 

#mainView .bgBox .sub.fuki01{display: block ;top: 2%;left: 0;width: 30%;}
#mainView .bgBox .sub{display: none;}

/*----------------------------------------------------------------------------
***                                                              firstBox
----------------------------------------------------------------------------*/
#firstBox .firstInner{padding: 3em 1em 1em;}
#firstBox h2{margin: 1em auto;}
#firstBox .bnrBox{border-radius:4vw;width: 100%;padding: 1em 0 0;}
#firstBox .bnrBox .bnrtxt{font-size: 16px;}
#firstBox .bnrBox .eiken{font-size:20px;}
#firstBox .bnrBox .eikenbtn{margin-bottom: -0.01em;border-radius: 0 0 0.6em 0.6em;padding: 0.4em 0 0.1em;font-size: 16px; }
#firstBox .bnrBox .img01{top:3%;left: 5%;width: 10%;}
#firstBox .bnrBox .img02{display: none;}
#firstBox .linkbox{font-size: 90%;}
#firstBox .linkbox .inlink span{top: 71%; left: 42%;font-size: 13px;}
#firstBox .linkbox a{width: 100%;height:  100%;}

#firstBox .linkbox .pink{width: 8em;height: 8em;border: 4px solid #ef918d;}
#firstBox .linkbox .blue{width: 8em;height: 8em;border: 4px solid #31b7b6;}
#firstBox .linkbox .purple{width: 8em;height: 8em;border: 4px solid #d498be;}
#firstBox .new_lesson{font-size: 195%;padding: 1em 0em 0em;}

#firstBox .new_lessonBox{padding: 1.5em 0;}
#firstBox .new_lessonBox .batch{width: 20%;top: -15%;left: 0;}
#firstBox .new_lessonBox .att{font-size: 110%;}
/*共通*/
.titletxt{font-size: 95%;}
/*----------------------------------------------------------------------------
***                                                             elementaryBox
----------------------------------------------------------------------------*/
#elementaryBox{background: url("../../images/back_content01.jpg")repeat center;background-size: 150%;}
#elementaryBox h2::before{display: none;}
#elementaryBox h2::after{top: 100%;right: 23%;}

/*グッドモーニング*/
#elementaryBox .GoodBox{margin: 4em auto;padding: 1.5em 1em;width:95%;}
#elementaryBox .GoodBox .maru{display: none;}
#elementaryBox .GoodBox h3{text-align: center;font-size: 200%;}
#elementaryBox .GoodBox ul{margin-top: 1em;}
#elementaryBox .GoodBox li{width: 100%;}

#elementaryBox .GoodBox .leftBox h4{padding: 0.2em 0;margin-bottom: 0.7em;font-size:150%;}
#elementaryBox .GoodBox .leftBox ul{margin-top: 0;}
#elementaryBox .GoodBox .leftBox li{width:44%;}
#elementaryBox .GoodBox .rightBox ul{margin-top: 0;}
#elementaryBox .GoodBox .rightBox li{width: 44%;}

/*アクション*/
#elementaryBox .actionBox{margin: 4em auto;padding: 1.5em 1em;width:95%;}
#elementaryBox .actionBox .maru{display: none;}
#elementaryBox .actionBox h3{text-align: center;font-size: 200%;}
#elementaryBox .actionBox ul{margin-top: 1em;}
#elementaryBox .actionBox .mainBox .leftBox{width: 75%;margin: 0 auto 1.5em;}
#elementaryBox .actionBox .mainBox .rightBox{width: 100%;padding: 3em 1em 0.5em;}
#elementaryBox .actionBox .mainBox .rightBox .theme{padding: 0.3em 2em 0.1em;top: -15%;left: 40px;font-size: 155%; }
#elementaryBox .actionBox .mainBox .rightBox .themeBox p{font-size: 130%;}
#elementaryBox .actionBox .pointBox{padding: 1em 0em 0em;}
#elementaryBox .actionBox .pointBox .point{font-size:140%;width: 100%;text-align: center;margin-bottom: 0.5em;}
#elementaryBox .actionBox .pointBox .point::before{content: url("../../images/check06.png");padding-right: 0.3em;}
#elementaryBox .actionBox .pointBox .point_txt{padding-left: 0.5em;width: 100%;}


/*アートアンドミュージック*/
/*#elementaryBox .ArtBox{margin: 2em auto;padding: 1.5em 1em;width: 95%;}
#elementaryBox .ArtBox .titletxt{z-index: 1;}
#elementaryBox .ArtBox .mainBox li{width: 100%;}
#elementaryBox .ArtBox .mainBox .main_img{text-align: center;}
#elementaryBox .ArtBox .mainBox li span{line-height: 1.9em;}
#elementaryBox .ArtBox .pointBox{padding: 1em 0em 0em;}
#elementaryBox .ArtBox .pointBox .point{font-size:140%;width: 100%;text-align: center;margin-bottom: 0.5em;}
#elementaryBox .ArtBox .pointBox .point::before{content: url("../../images/check01.png");padding-right: 0.3em;}
#elementaryBox .ArtBox .pointBox .point_txt{padding-left: 0.5em;width: 100%;}
*/

/*アートアンドミュージック*/
#elementaryBox .ArtBox{margin: 4em auto;padding: 1.5em 1em;width:95%;}
#elementaryBox .ArtBox .maru{display: none;}
#elementaryBox .ArtBox h3{text-align: center;font-size: 200%;}
#elementaryBox .ArtBox ul{margin-top: 1em;}
#elementaryBox .ArtBox .mainBox .leftBox{width: 75%;margin: 0 auto 1.5em;}
#elementaryBox .ArtBox .mainBox .rightBox{width: 100%;padding: 3em 1em 0.5em;}
#elementaryBox .ArtBox .mainBox .rightBox .theme{padding: 0.3em 2em 0.1em;top: -10%;left: 0;font-size: 155%;right: 0;margin: auto;width: 80%;}
#elementaryBox .ArtBox .mainBox .rightBox .themeBox p{font-size: 130%;}
#elementaryBox .ArtBox .pointBox{padding: 1em 0em 0em;}
#elementaryBox .ArtBox .mainBox .rightBox .themeBox .taisho{font-size: 65%;}

#elementaryBox .ArtBox .pointBox .point{font-size:140%;width: 100%;text-align: center;margin-bottom: 0.5em;}
#elementaryBox .ArtBox .pointBox .point::before{content: url("../../images/check01.png");padding-right: 0.3em;}
#elementaryBox .ArtBox .pointBox .point_txt{padding-left: 0.5em;width: 100%;}


/*ライティング*/
#elementaryBox .LightingBox{margin: 2em auto;padding: 1.5em 1em;width: 95%;}
#elementaryBox .LightingBox .mainBox li{width: 100%;text-align: center;margin-bottom: 2.5em;line-height: 2.5em;}
#elementaryBox .LightingBox .mainBox li::after{content: "▼";right: 46%;bottom: 0; top: 95%; font-size: 150%;}
#elementaryBox .LightingBox .mainBox li:last-child::after{display: none;}
#elementaryBox .LightingBox .mainBox li:last-child{margin-bottom: 1em;}
#elementaryBox .LightingBox .pointBox{padding: 1em 0em 0em;}
#elementaryBox .LightingBox .pointBox .point{font-size:140%;width: 100%;text-align: center;margin-bottom: 0.5em;}
#elementaryBox .LightingBox .pointBox .point::before{content: url("../../images/check02.png");padding-right: 0.3em;}
#elementaryBox .LightingBox .pointBox .point_txt{padding-left: 0.5em;width: 100%;}

/*storyBox*/
#elementaryBox .storyBox{margin: 4em auto;padding: 1.5em 1em;width:95%;}
#elementaryBox .storyBox .maru{display: none;}
#elementaryBox .storyBox h3{text-align: center;font-size: 200%;}
#elementaryBox .storyBox ul{margin-top: 1em;}
#elementaryBox .storyBox .mainBox .leftBox{width: 75%;margin: 0 auto 1.5em;}
#elementaryBox .storyBox .mainBox .rightBox{width: 100%;padding: 3em 1em 0.5em;}
#elementaryBox .storyBox .mainBox .rightBox .theme{padding: 0.3em 2em 0.1em;top: -10%;left: 0;font-size: 155%;right: 0;margin: auto;width: 80%; }
#elementaryBox .storyBox .mainBox .rightBox .themeBox p{font-size: 124%;}
#elementaryBox .storyBox .pointBox{padding: 1em 0em 0em;}
#elementaryBox .storyBox .pointBox .point{font-size:140%;width: 100%;text-align: center;margin-bottom: 0.5em;}
#elementaryBox .storyBox .pointBox .point::before{content: url("../../images/check08.png");padding-right: 0.3em;}
#elementaryBox .storyBox .pointBox .point_txt{padding-left: 0.5em;width: 100%;}


/*----------------------------------------------------------------------------
***                                                             middleBox
----------------------------------------------------------------------------*/
#middleBox h2::before{display: none;}
#middleBox h2::after{top: 100%;right: 23%;}

/*ライティング*/
#middleBox .speechBox{margin: 4em auto;padding: 1.5em 1em;width: 95%;}
#middleBox .speechBox .mainBox .leftBox{width: 75%;margin: 0 auto 1.5em;}
#middleBox .speechBox .mainBox .rightBox{width: 100%;padding: 3em 1em 0.5em;}
#middleBox .speechBox .mainBox .rightBox .theme{padding: 0.3em 2em 0.1em;top: -15%;left: 40px;font-size: 155%; }
#middleBox .speechBox .mainBox .rightBox .themeBox p{font-size: 140%;}
#middleBox .speechBox .pointBox{padding: 1em 0em 0em;}
#middleBox .speechBox .pointBox .point{font-size:140%;width: 100%;text-align: center;margin-bottom: 0.5em;}
#middleBox .speechBox .pointBox .point::before{content: url("../../images/check03.png");padding-right: 0.3em;}
#middleBox .speechBox .pointBox .point_txt{padding-left: 0.5em;width: 100%;}

#middleBox .speechBox .mainBox li{width: 75%;}
#middleBox .speechBox .maru2{width: 24%;left: -2em;}
/*英作文講座*/
#middleBox .writingBox{margin: 4em auto;padding: 1.5em 1em;width: 95%;}
#middleBox .writingBox .mainBox li{width: 100%;text-align: center;margin-bottom: 2.5em;line-height: 2.5em;}
#middleBox .writingBox .mainBox li::after{content: "▼";right: 46%;bottom: 0; top: 95%; font-size: 150%;}
#middleBox .writingBox .mainBox li:last-child::after{display: none;}
#middleBox .writingBox .mainBox li:last-child{margin-bottom: 1em;}
#middleBox .writingBox .pointBox{padding: 1em 0em 0em;}
#middleBox .writingBox .pointBox .point{font-size:140%;width: 100%;text-align: center;margin-bottom: 0.5em;}
#middleBox .writingBox .pointBox .point::before{content: url("../../images/check07.png");padding-right: 0.3em;}
#middleBox .writingBox .pointBox .point_txt{padding-left: 0.5em;width: 100%;}
#middleBox .writingBox .maru2{width: 24%;left: -2em;}

/*英作文講座 スピーチ講座　共通ボックス*/
#middleBox .writspeeBox{margin: -3em auto 3em;padding: 1.5em 1em;width: 95%;}
#middleBox .writspeeBox::before{top: -11%;}
#middleBox .writspeeBox .titletxt{font-size: 115%;}
#middleBox .writspeeBox .mainBox .leftBox{width: 75%;margin: 0 auto 1.5em;}
#middleBox .writspeeBox .mainBox .rightBox{width: 100%;padding: 3em 1em 0.5em;}
#middleBox .writspeeBox .mainBox .rightBox .theme{padding: 0.3em 2em 0.1em;top: -10%;left: 0;font-size: 155%;right: 0;margin: auto;width: 80%;}
#middleBox .writspeeBox .mainBox .rightBox .themeBox p{font-size: 130%;}


/*インターナショナルクラブ*/
#middleBox .clubBox{margin: 2em auto;padding: 1.5em 1em;width: 95%;}

#middleBox .clubBox .mainBox .leftBox{width: 75%;margin: 0 auto 1.5em;}
#middleBox .clubBox .mainBox .rightBox{width: 100%;padding: 3em 1em 0.5em;}
#middleBox .clubBox .mainBox .rightBox .theme{padding: 0.3em 2em 0.1em;top: -10%;left: 0;font-size: 155%;right: 0;margin: auto;width: 80%;}
#middleBox .clubBox .mainBox .rightBox .themeBox p{font-size: 130%;}

#middleBox .clubBox .pointBox{padding: 1em 0em 0em;}
#middleBox .clubBox .pointBox .point{font-size:140%;width: 100%;text-align: center;margin-bottom: 0.5em;}
#middleBox .clubBox .pointBox .point::before{content: url("../../images/check04.png");padding-right: 0.3em;}
#middleBox .clubBox .pointBox .point_txt{padding-left: 0.5em;width: 100%;}

/*----------------------------------------------------------------------------
***                                                             JuniorBox
----------------------------------------------------------------------------*/
#JuniorBox h2::before{display: none;}
#JuniorBox h2::after{top: 100%;right: 23%;}

/*スピーチ＆プレゼンテーション*/
#JuniorBox .presenBox{margin: 4em auto;padding: 1.5em 1em;width: 95%;}
#JuniorBox .presenBox .mainBox .leftBox{width:75%;margin: 0 auto 1.5em;}
#JuniorBox .presenBox .mainBox .rightBox{width: 100%;padding: 2em 1em 0.5em;}
#JuniorBox .presenBox .mainBox .rightBox .theme{padding: 0.3em 2em 0.1em;top: -10%;left: 0;font-size: 155%;right: 0;margin: auto;width: 80%; }
#JuniorBox .presenBox .mainBox .rightBox .themeBox p{font-size: 130%;}
#JuniorBox .presenBox .pointBox{padding: 1em 0em 0em;}
#JuniorBox .presenBox .pointBox .point{font-size:140%;width: 100%;text-align: center;margin-bottom: 0.5em;}
#JuniorBox .presenBox .pointBox .point::before{content: url("../../images/check05.png");padding-right: 0.3em;}
#JuniorBox .presenBox .pointBox .point_txt{padding-left: 0.5em;width: 100%;}


/*----------------------------------------------------------------------------
***                                                             btnBox
----------------------------------------------------------------------------*/
#btnBox {background: url("../../images/back_content02.jpg")no-repeat center; background-size: 290%;}
#btnBox .btnBoxInner{width: 100%;}
#btnBox .btnBoxInner .usagi{background:#acacac;padding:0.5em 0em 0.2em;margin: 0.5em auto 2em;width: 40%;}
#btnBox .btnBoxInner .btn{width: 42%;padding: 0.6em 0 0.6em;}

/*--- footerSec ---*/
#footerSec .btn{width: 70%;font-size: 200%;}
#footerSec .btn a::after{content: "";display: inline-block;width: 6%;height: 27%;border-bottom: 2px solid #fff;border-right: solid 2px #fff;transform: rotate(-45deg);position: absolute;top: 39%;right: 11%;}
#footerSec .usagi{width: 45%;}
#footerSec .usagi p{color: #fff!important;}
#footerSec{background: url("../../images/back_content02.jpg")no-repeat top;padding-top: 4em;background-color: #fadedf;background-size: 150%;}
#footerSec .footerInenr{padding:0.5em 2em;}
#footerSec .footerInenr .footerBox p{text-align: center;color: #000;}


/*--- sidemenu ---*/
/*#sideBox #sidr_top{width: 100%;}
#sideBox #sidr_bottom{width: 100%;}
*/

/*----- IE11 にのみ適用 -----*/
@media all and (-ms-high-contrast: none) {
    /*--- mainView ---*/
    *::-ms-backdrop, #mainView .slick-initialized .slick-slide {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    *::-ms-backdrop, #mainView .slick-initialized .slick-slide img {
        opacity: 0;
    }
}