@charset "utf-8";
/* CSS Document */
#wrap{font-weight: 500;font-size: 17px;}
h2{font-size: 30px;font-weight: bold;text-align: center;}
h3{font-size: 28px;font-weight: bold;text-align: center;}
a:hover {
text-decoration: none;
	opacity: 0.7;
}
a:link,a:visited{color: #000!important;}
/*----------------------------------------------------------------------------
***                                                             btn共通
----------------------------------------------------------------------------*/

.btn{text-align: center;border-radius: 50vw;padding: 0.7em 0 0.4em;font-weight: bold;position: relative;background: #4AA8A8;}
.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%;}
.btn a:link,a:visited{color: #FFFFFF!important;}
.btn a{color: #fff;}
/*----------------------------------------------------------------------------
***                                                             headerArea
----------------------------------------------------------------------------*/
#headerArea{top:0;width:100%;border-bottom: solid 3px #4AA8A8;background:#fff;}
#headerArea #headerAreaInner{position:relative;padding: 6px 6px 6px;}
#headerArea .logoBox{width:40%;max-width: 306px;}
#headerArea .top_btn{width: 25%;}
/*----------------------------------------------------------------------------
***                                                              mainsection
----------------------------------------------------------------------------*/

/*--- mainView ---*/
#mainView{}
#mainView *{min-height: inherit;height: inherit;text-align: center;padding: 0em;}
#mainView p{margin:0; padding:0;text-align: center;}
#mainView {width: 100%;background: url("../../images/top_content_pc.jpg") no-repeat center bottom;} 
#mainView .bgBox{max-width: 1200px;margin: 0 auto;position:relative;padding: 3em 0 7em;}
#mainView .bgBox .imgBox{margin: 0 auto;}
#mainView .bgBox .imgBox .KC_logo{width: 70%;margin: 0 auto;}
#mainView .bgBox .imgBox .ttlimg{width: 65%;margin: 0 auto;}
#mainView .bgBox .main_txt{background-color: #fff;filter:drop-shadow(0.15em 0.15em 0.15em #989898);width: 30%;margin: 0em auto 0;}
#mainView .bgBox .main_txt p{line-height: 1.6em;text-align: center;font-size: 35px;font-weight:bold;color: #4AA8A8;}
#mainView .bgBox .main_txt p span{font-size: 30px;}
#mainView .bgBox .sub{position: absolute;}
#mainView .bgBox .sub.fuki01{top: 9%;left: 0%;}
#mainView .bgBox .sub.fuki02{top: 57%;left: 2%;}
#mainView .bgBox .sub.fuki03{top: 11%;right: 1%;}
#mainView .bgBox .sub.fuki04{top: 56%;right: 4%;}
/*----------------------------------------------------------------------------
***                                                              firstBox
----------------------------------------------------------------------------*/
#firstBox .firstInner{padding: 4em 3em 1em;}
#firstBox .bnrBox{margin:1.5em auto 0em;border: 5px solid #e61c24;border-radius:1vw;position: relative;width: 90%;padding: 1em 0 0;filter:drop-shadow(0.15em 0.15em 0.15em #989898);background: #fff;}
#firstBox .bnrBox:hover{opacity: 0.8;}
#firstBox .bnrBox p{text-align: center;}
#firstBox .bnrBox .bnrtxt{font-size: 20px; font-weight: bold;position: relative;}
#firstBox .bnrBox .bnrtxt span{position: absolute;transform: rotate(-66deg);margin: 0 -1em;}
#firstBox .bnrBox .bnrtxt span.after{transform: rotate(20deg);margin: 0 0.5em;}
#firstBox .bnrBox .eiken{font-size: 33px;font-weight: bold;margin: 0.3em auto;}
#firstBox .bnrBox .eiken .redbox{background: #e61c24;padding: 0.1em 0.4em;margin: 0 0.3em;color: #fff;}
#firstBox .bnrBox .eiken .redtxt{color:#e61c24; }
#firstBox .bnrBox .eikenbtn{background: #f0777c;text-align: center;color: #fff;margin-bottom: -0.01em;border-radius: 0 0 0.5em 0.5em;padding: 0.3em;font-size: 20px; font-weight: bold;}
#firstBox .bnrBox .img01{position: absolute;top:14%;left: 5%;}
#firstBox .bnrBox .img02{position: absolute;top: 10%;right: 2%;}
#firstBox .linkbox{width: 100%;}
#firstBox .linkbox a{width: 150px;height: 150px;text-align: center;font-weight: bold;display: flex;justify-content: center;align-items: center;}
#firstBox .linkbox .inlink{position: relative;border-radius: 50vw;font-size: 115%;line-height: 1.2;}
#firstBox .linkbox .inlink span{position: absolute;top: 70%; left: 45%;font-size: 16px;}

#firstBox .linkbox .pink{border: 6px solid #ef918d;}
#firstBox .linkbox .pink span{ color:#ef918d;}
#firstBox .linkbox .blue{border: 6px solid #31b7b6;}
#firstBox .linkbox .blue span{ color:#31b7b6;}
#firstBox .linkbox .purple{border: 6px solid #d498be;}
#firstBox .linkbox .purple span{ color:#d498be;}

#firstBox .new_lessonBox{position: relative;border-bottom: 7px dotted;border-top: 7px dotted;color: #e61c24;padding: 1.5em;margin-bottom: 4em;}
#firstBox .new_lessonBox .batch{position: absolute;top: -22%;left: -6%;}
#firstBox .new_lesson{font-size:40px;color: #e61c24;text-align: center;font-weight: bold;line-height: 1.2;margin-bottom: 0em;}
#firstBox .new_lesson .black{color: #231815;}
#firstBox .new_lessonBox .att{font-size:18px;color: #231815;text-align: center;font-weight: bold;}



/*----------------------------------------------------------------------------
***                                                             elementaryBox
----------------------------------------------------------------------------*/
#elementaryBox{background: url("../../images/back_content01.jpg") repeat center;}
#elementaryBox h2{position: relative;}
#elementaryBox h2::before{content:url("../../images/img_content13.png");position: absolute;top: 30%;left: 0;}
#elementaryBox h2::after{content:url("../../images/img_content13.png");position: absolute;top: 30%;right: 0;}
#elementaryBox h2 span{color:#f3235f; }


/*グッドモーニング*/
#elementaryBox .GoodBox{margin: 2em auto;border: 5px solid #ef918d;padding: 1.5em 2em;position: relative;width: 90%;filter:drop-shadow(0.15em 0.15em 0.15em #989898);background: #fff;}
#elementaryBox .GoodBox .maru{position: absolute;top: -10%;right:-11%;}
#elementaryBox .GoodBox h3{color:#ef918d;position: relative; }
#elementaryBox .GoodBox h3::before{content:url("../../images/icon01.png");position: absolute;top: 85%;left: 5%;z-index: -1;}
#elementaryBox .GoodBox h3::after{content:url("../../images/icon02.png");position: absolute;top: 85%;right: 7%;z-index: -1;}
#elementaryBox .GoodBox .titletxt{text-align: center;font-weight: bold;}
#elementaryBox .GoodBox ul{margin-top: 1em;}
#elementaryBox .GoodBox li{width: 47%;}

#elementaryBox .GoodBox .leftBox h4{background:#f29500;color: #fff;text-align: center;border-radius: 50vw;width: 100%;padding: 0.2em 0;font-weight: bold;margin-bottom: 0.7em;font-size: 25px;}
#elementaryBox .GoodBox .leftBox ul{margin-top: 0;}
#elementaryBox .GoodBox .leftBox li{width:49%;}
#elementaryBox .GoodBox .rightBox h4{background:#e84742;color: #fff;text-align: center;border-radius: 50vw;width: 100%;padding: 0.2em 0;font-weight: bold;margin-bottom: 0.7em;font-size: 25px;}
#elementaryBox .GoodBox .rightBox ul{margin-top: 0;}
#elementaryBox .GoodBox .rightBox li{width: 49%;}

/*アクション*/
#elementaryBox .actionBox{margin: 2em auto;border: 5px solid #ffa5cc;padding: 1.5em 2em;position: relative;width: 90%;filter:drop-shadow(0.15em 0.15em 0.15em #989898);background: #fff;}
#elementaryBox .actionBox .maru{position: absolute;top: -10%;right:-11%;}
#elementaryBox .actionBox h3{color:#ffa5cc;position: relative; }
#elementaryBox .actionBox h3::before{content:url("../../images/icon14.png");position: absolute;top: 55%;left: 5%;z-index: -1;}
#elementaryBox .actionBox h3::after{content:url("../../images/icon13.png");position: absolute;top: 55%;right: 7%;z-index: -1;}
#elementaryBox .actionBox .titletxt{text-align: center;font-weight: bold;}
#elementaryBox .actionBox .mainBox {margin-top: 0em;width: 100%;}
/*#elementaryBox .actionBox .mainBox li{width: 49%;text-align: center;}*/
#elementaryBox .actionBox .mainBox_txt{text-align:center;margin-top: 1em;}
#elementaryBox .actionBox .mainBox .leftBox{width: 35%;}
#elementaryBox .actionBox .mainBox .rightBox{width: 60%;position: relative;border: 2px solid #4AA8A8;background: #fff;padding: 1em 2em 0.5em;margin-top: 1em;}
#elementaryBox .actionBox .mainBox .rightBox .theme{position: absolute;background:#4AA8A8;padding: 0.3em 1em 0.1em;text-align: center;top: -15%;left: 10%;color: #fff; }
#elementaryBox .actionBox .mainBox .rightBox .themeBox p{border-bottom: 2px dashed #4AA8A8;font-size: 20px;padding-left: 0.8em;}
#elementaryBox .actionBox .mainBox .rightBox .themeBox p:last-child{border-bottom: none;}
#elementaryBox .actionBox .mainBox .rightBox .themeBox span{color:#4AA8A8;font-weight: bold;padding-right: 0.5em;}

#elementaryBox .actionBox .pointBox{margin: 1em 0;padding: 0.7em 2em 0.2em;background: #ffe2e6;}
#elementaryBox .actionBox .pointBox .point{color: #ffa5cc;font-size: 20px;font-weight: bold;width: 25%;}
#elementaryBox .actionBox .pointBox .point::before{content: url("../../images/check06.png");}
#elementaryBox .actionBox .pointBox .point_txt{padding-left: 0.5em;width: 75%;}

/*アートアンドミュージック*/
/*#elementaryBox .ArtBox{margin: 2em auto;border: 5px solid #fbcc3e;padding: 1.5em 2em;position: relative;width: 90%;filter:drop-shadow(0.15em 0.15em 0.15em #989898);background: #fff;}
#elementaryBox .ArtBox h3{color:#fbcc3e;position: relative; }
#elementaryBox .ArtBox h3::before{content:url("../../images/icon03.png");position: absolute;top: 40%;left: 5%;z-index: -1;}
#elementaryBox .ArtBox h3::after{content:url("../../images/icon04.png");position: absolute;top: 40%;right: 7%;z-index: -1;}
#elementaryBox .ArtBox .titletxt{text-align: center;font-weight: bold;}
#elementaryBox .ArtBox .mainBox{margin-top: 1em;}
#elementaryBox .ArtBox .mainBox ul{margin-top: 1em;}
#elementaryBox .ArtBox .mainBox li{width: 30%;position: relative;}
#elementaryBox .ArtBox .mainBox li span{font-size: 20px; font-weight: bold;padding-left: 40px;background: linear-gradient(transparent 60%,#ffff95 60%);}
#elementaryBox .ArtBox .mainBox li span::before{content: url("../../images/icon10.png");position: absolute;top: 0;left: 0;}
#elementaryBox .ArtBox .pointBox{margin: 1em 0;padding: 0.7em 2em 0.2em;background: #fffaca;}
#elementaryBox .ArtBox .pointBox .point{color: #4AA8A8;font-size: 20px;font-weight: bold;width: 25%;}
#elementaryBox .ArtBox .pointBox .point::before{content: url("../../images/check01.png");}
#elementaryBox .ArtBox .pointBox .point_txt{padding-left: 0.5em;width: 75%;}
*/
/*アートアンドミュージック*/
#elementaryBox .ArtBox{margin: 2em auto;border: 5px solid #fbcc3e;padding: 1.5em 2em;position: relative;width: 90%;filter:drop-shadow(0.15em 0.15em 0.15em #989898);background: #fff;}
#elementaryBox .ArtBox .maru{position: absolute;top: -10%;right:-11%;}
#elementaryBox .ArtBox h3{color:#fbcc3e;position: relative; }
#elementaryBox .ArtBox h3::before{content:url("../../images/icon03.png");position: absolute;top: 40%;left: 0%;z-index: -1;}
#elementaryBox .ArtBox h3::after{content:url("../../images/icon04.png");position: absolute;top: 40%;right: 0%;z-index: -1;}
#elementaryBox .ArtBox .titletxt{text-align: center;font-weight: bold;}
#elementaryBox .ArtBox .mainBox {margin-top: 0em;width: 100%;}
#elementaryBox .ArtBox .mainBox_txt{text-align:center;margin-top: 1em;}
#elementaryBox .ArtBox .mainBox .leftBox{width: 35%;}
#elementaryBox .ArtBox .mainBox .rightBox{width: 60%;position: relative;border: 2px solid #4AA8A8;background: #fff;padding: 1.5em 1.8em 0.5em;margin-top: 1em;}
#elementaryBox .ArtBox .mainBox .rightBox .theme{position: absolute;background:#4AA8A8;padding: 0.3em 1em 0.1em;text-align: center;top: -8%;left: 10%;color: #fff; }
#elementaryBox .ArtBox .mainBox .rightBox .themeBox p{border-bottom: 2px dashed #4AA8A8;font-size: 20px;padding-left: 0.8em;padding-bottom: 0.5em;line-height: 1.5;}
#elementaryBox .ArtBox .mainBox .rightBox .themeBox p:last-child{border-bottom: none;}
#elementaryBox .ArtBox .mainBox .rightBox .themeBox span{color:#4AA8A8;font-weight: bold;padding-right: 0.5em;}
#elementaryBox .ArtBox .mainBox .rightBox .themeBox .taisho{color: #000;font-weight: normal;}
#elementaryBox .ArtBox .mainBox .rightBox .themeBox span.spNone{padding: 0;}
#elementaryBox .ArtBox .pointBox{margin: 1em 0;padding: 0.7em 2em 0.2em;background: #fffaca;}
#elementaryBox .ArtBox .pointBox .point{color: #f6b046;font-size: 20px;font-weight: bold;width: 25%;}
#elementaryBox .ArtBox .pointBox .point::before{content: url("../../images/check01.png");}
#elementaryBox .ArtBox .pointBox .point_txt{padding-left: 0.5em;width: 75%;}

/*ライティング*/
#elementaryBox .LightingBox{margin: 2em auto;border: 5px solid #f29500;padding: 1.5em 2em;position: relative;width: 90%;filter:drop-shadow(0.15em 0.15em 0.15em #989898);background: #fff;}
#elementaryBox .LightingBox h3{color:#f29500;position: relative; }
#elementaryBox .LightingBox h3::before{content:url("../../images/icon05.png");position: absolute;top: 40%;left: 5%;z-index: -1;}
#elementaryBox .LightingBox h3::after{content:url("../../images/icon06.png");position: absolute;top: 40%;right: 7%;z-index: -1;}
#elementaryBox .LightingBox .titletxt{text-align: center;font-weight: bold;}
#elementaryBox .LightingBox .mainBox{margin-top: 1em;}
#elementaryBox .LightingBox .mainBox ul{margin-top: 1em;}
#elementaryBox .LightingBox .mainBox li{width: 30%;position: relative;}
#elementaryBox .LightingBox .mainBox li::after{position: absolute;content: "▶";color:#f29500;top: 37%;right: -13%;}
#elementaryBox .LightingBox .mainBox li:last-child::after{display: none;}
#elementaryBox .LightingBox .pointBox{margin: 1em 0;padding: 0.7em 2em 0.2em;background: #fdecc3;}
#elementaryBox .LightingBox .pointBox .point{color: #f6b046;font-size: 20px;font-weight: bold;width: 25%;}
#elementaryBox .LightingBox .pointBox .point::before{content: url("../../images/check02.png");}
#elementaryBox .LightingBox .pointBox .point_txt{padding-left: 0.5em;width: 75%;}

/*ストーリードラマ*/
#elementaryBox .storyBox{margin: 2em auto;border: 5px solid #f3a68c;padding: 1.5em 2em;position: relative;width: 90%;filter:drop-shadow(0.15em 0.15em 0.15em #989898);background: #fff;}
#elementaryBox .storyBox .maru{position: absolute;top: -10%;right:-11%;}
#elementaryBox .storyBox h3{color:#f3a68c;position: relative; }
#elementaryBox .storyBox h3::before{content:url("../../images/icon19.png");position: absolute;top: 55%;left: 2%;z-index: -1;}
#elementaryBox .storyBox h3::after{content:url("../../images/icon20.png");position: absolute;top: 30%;right: 3%;z-index: -1;}
#elementaryBox .storyBox .titletxt{text-align: center;font-weight: bold;}
#elementaryBox .storyBox .mainBox {margin-top: 0em;width: 100%;}
/*#elementaryBox .actionBox .mainBox li{width: 49%;text-align: center;}*/
#elementaryBox .storyBox .mainBox_txt{text-align:center;margin-top: 1em;}
#elementaryBox .storyBox .mainBox .leftBox{width: 35%;}
#elementaryBox .storyBox .mainBox .rightBox{width: 60%;position: relative;border: 2px solid #4AA8A8;background: #fff;padding: 1em 2em 0.5em;margin-top: 1em;}
#elementaryBox .storyBox .mainBox .rightBox .theme{position: absolute;background:#4AA8A8;padding: 0.3em 1em 0.1em;text-align: center;top: -15%;left: 10%;color: #fff; }
#elementaryBox .storyBox .mainBox .rightBox .themeBox p{border-bottom: 2px dashed #4AA8A8;font-size: 20px;padding-left: 0.8em;}
#elementaryBox .storyBox .mainBox .rightBox .themeBox p:last-child{border-bottom: none;}
#elementaryBox .storyBox .mainBox .rightBox .themeBox span{color:#4AA8A8;font-weight: bold;padding-right: 0.5em;}

#elementaryBox .storyBox .pointBox{margin: 1em 0;padding: 0.7em 2em 0.2em;background: #fadbd1;}
#elementaryBox .storyBox .pointBox .point{color: #f3a68c;font-size: 20px;font-weight: bold;width: 25%;}
#elementaryBox .storyBox .pointBox .point::before{content: url("../../images/check08.png");}
#elementaryBox .storyBox .pointBox .point_txt{padding-left: 0.5em;width: 75%;}









/*----------------------------------------------------------------------------
***                                                             middleBox
----------------------------------------------------------------------------*/
#middleBox{border-top: 6px solid #31b7b6;background: #eff9f9;}
#middleBox h2{position: relative;}
#middleBox h2::before{content:url("../../images/img_content14.png");position: absolute;top: 30%;left: 0;}
#middleBox h2::after{content:url("../../images/img_content14.png");position: absolute;top: 30%;right: 0;}
#middleBox h2 span{color:#31b7b6; }

/*ライティング*/
/*#middleBox .speechBox{margin: 2em auto;border: 5px solid #67bd91;padding: 1.5em 2em;position: relative;width: 90%;filter:drop-shadow(0.15em 0.15em 0.15em #989898);background: #fff;}
#middleBox .speechBox h3{color:#67bd91;position: relative; }
#middleBox .speechBox h3::before{content:url("../../images/icon07.png");position: absolute;top: 40%;left: 1%;z-index: -1;}
#middleBox .speechBox h3::after{content:url("../../images/icon08.png");position: absolute;top: 40%;right: 1%;z-index: -1;}
#middleBox .speechBox .titletxt{text-align: center;font-weight: bold;}
#middleBox .speechBox .mainBox{margin-top: 1em;width: 100%;}
#middleBox .speechBox .mainBox ul{margin-top: 1em;}
#middleBox .speechBox .mainBox .leftBox{width: 35%;}
#middleBox .speechBox .mainBox .rightBox{width: 60%;position: relative;border: 2px solid #f6b046;background: #fff;padding: 1em 2em 0.5em;margin-top: 1em;}
#middleBox .speechBox .mainBox .rightBox .theme{position: absolute;background:#f6b046;padding: 0.3em 1em 0.1em;text-align: center;top: -15%;left: 10%;color: #fff; }
#middleBox .speechBox .mainBox .rightBox .themeBox p{border-bottom: 2px dashed #f6b046;font-size: 20px;padding-left: 0.8em;}
#middleBox .speechBox .mainBox .rightBox .themeBox p:last-child{border-bottom: none;}
#middleBox .speechBox .mainBox .rightBox .themeBox span{color:#f6b046;font-weight: bold;padding-right: 0.5em;}

#middleBox .speechBox .pointBox{margin: 1em 0;padding: 0.7em 2em 0.2em;background: #e7f3eb;}
#middleBox .speechBox .pointBox .point{color: #67bd91;font-size: 20px;font-weight: bold;width: 25%;}
#middleBox .speechBox .pointBox .point::before{content: url("../../images/check03.png");}
#middleBox .speechBox .pointBox .point_txt{padding-left: 0.5em;width: 75%;}

*/
/*英作文講座*/
#middleBox .writingBox{margin: 2em auto;border: 5px solid #a7d28d;padding: 1.5em 2em;position: relative;width: 90%;filter:drop-shadow(0.15em 0.15em 0.15em #989898);background: #fff;}
#middleBox .writingBox h3{color:#a7d28d;position: relative; }
#middleBox .writingBox h3::before{content:url("../../images/icon15.png");position: absolute;top: 40%;left: 9%;z-index: -1;}
#middleBox .writingBox h3::after{content:url("../../images/icon16.png");position: absolute;top: 40%;right: 8%;z-index: -1;}
#middleBox .writingBox .maru2{position: absolute;top: -3em;left: -4em;}
#middleBox .writingBox .titletxt{text-align: center;font-weight: bold;}
#middleBox .writingBox .main_ttl{margin-top: 1em;}
#middleBox .writingBox .mainBox{margin-top: 0em;width: 100%;}
#middleBox .writingBox .mainBox ul{margin-top: 1em;}
#middleBox .writingBox .mainBox li{position: relative;}
#middleBox .writingBox .mainBox li::after{position: absolute;content: "▶";color:#f29500;top: 37%;right: -13%;}
#middleBox .writingBox .mainBox li:last-child::after{display: none;}
#middleBox .writingBox .pointBox{margin: 1em 0;padding: 0.7em 2em 0.2em;background: #edf6e8;}
#middleBox .writingBox .pointBox .point{color: #a7d28d;font-size: 20px;font-weight: bold;width: 25%;}
#middleBox .writingBox .pointBox .point::before{content: url("../../images/check07.png");}
#middleBox .writingBox .pointBox .point_txt{padding-left: 0.5em;width: 75%;}

/*スピーチ講座*/
#middleBox .speechBox{margin: 2em auto;border: 5px solid #67bd91;padding: 1.5em 2em;position: relative;width: 90%;filter:drop-shadow(0.15em 0.15em 0.15em #989898);background: #fff;}
#middleBox .speechBox h3{color:#67bd91;position: relative; }
#middleBox .speechBox h3::before{content:url("../../images/icon17.png");position: absolute;top: 40%;left: 10%;z-index: -1;}
#middleBox .speechBox h3::after{content:url("../../images/icon18.png");position: absolute;top: 40%;right: 10%;z-index: -1;}
#middleBox .speechBox .maru2{position: absolute;top: -3em;left: -4em;}
#middleBox .speechBox .titletxt{text-align: center;font-weight: bold;}
#middleBox .speechBox .main_ttl{margin-top: 1em;}
#middleBox .speechBox .mainBox{margin-top: 0em;width: 100%;}
#middleBox .speechBox .mainBox ul{margin-top: 1em;}
#middleBox .speechBox .mainBox li{width: 30%;position: relative;}
#middleBox .speechBox .pointBox{margin: 1em 0;padding: 0.7em 2em 0.2em;background: #e7f3eb;}
#middleBox .speechBox .pointBox .point{color: #67bd91;font-size: 20px;font-weight: bold;width: 25%;}
#middleBox .speechBox .pointBox .point::before{content: url("../../images/check03.png");}
#middleBox .speechBox .pointBox .point_txt{padding-left: 0.5em;width: 75%;}

/*英作文講座 スピーチ講座　共通ボックス*/
#middleBox .writspeeBox{margin: -1em auto 3em;padding: 1.5em 2em;position: relative;width: 90%;filter:drop-shadow(0.15em 0.15em 0.15em #989898);background: #fff;}
#middleBox .writspeeBox::before{ content: '';width: 0;height: 0;border-style: solid;border-width: 50px 0 50px 50px;border-color: transparent transparent transparent #fff;transform: rotate(-90deg);position: absolute;top: -70px;left: 0;right: 0;margin: 0 auto;}
#middleBox .writspeeBox .titletxt{text-align: center;font-weight: bold;}
#middleBox .writspeeBox .mainBox{margin-top: 1em;width: 100%;}
#middleBox .writspeeBox .mainBox ul{margin-top: 1em;}
#middleBox .writspeeBox .mainBox .leftBox{width: 35%;}
#middleBox .writspeeBox .mainBox .rightBox{width: 60%;position: relative;border: 2px solid #4AA8A8;background: #fff;padding: 1em 2em 0.5em;margin-top: 1em;}
#middleBox .writspeeBox .mainBox .rightBox .theme{position: absolute;background:#4AA8A8;padding: 0.3em 1em 0.1em;text-align: center;top: -15%;left: 10%;color: #fff; }
#middleBox .writspeeBox .mainBox .rightBox .themeBox p{border-bottom: 2px dashed #4AA8A8;font-size: 20px;padding-left: 0.8em;}
#middleBox .writspeeBox .mainBox .rightBox .themeBox p:last-child{border-bottom: none;}
#middleBox .writspeeBox .mainBox .rightBox .themeBox span{color:#4AA8A8;font-weight: bold;padding-right: 0.5em;}


/*インターナショナルクラブ*/
#middleBox .clubBox{margin: 2em auto;border: 5px solid #59bebb;padding: 1.5em 2em;position: relative;width: 90%;filter:drop-shadow(0.15em 0.15em 0.15em #989898);background: #fff;}
#middleBox .clubBox h3{color:#59bebb;position: relative; }
#middleBox .clubBox h3::before{content:url("../../images/icon09.png");position: absolute;top: 40%;left: 5%;z-index: -1;}
#middleBox .clubBox h3::after{content:url("../../images/icon09.png");position: absolute;top: 40%;right: 5%;z-index: -1;}
#middleBox .clubBox .titletxt{text-align: center;font-weight: bold;}
#middleBox .clubBox .mainBox{margin-top: 1em;width: 100%;}
#middleBox .clubBox .mainBox ul{margin-top: 1em;}
#middleBox .clubBox .mainBox .leftBox{width: 35%;}
#middleBox .clubBox .mainBox .rightBox{width: 60%;position: relative;border: 2px solid #4AA8A8;background: #fff;padding: 1em 2em 0.5em;margin-top: 1em;}
#middleBox .clubBox .mainBox .rightBox .theme{position: absolute;background:#4AA8A8;padding: 0.3em 1em 0.1em;text-align: center;top: -15%;left: 10%;color: #fff; }
#middleBox .clubBox .mainBox .rightBox .themeBox p{border-bottom: 2px dashed #4AA8A8;font-size: 20px;padding-left: 0.8em;}
#middleBox .clubBox .mainBox .rightBox .themeBox p:last-child{border-bottom: none;}
#middleBox .clubBox .mainBox .rightBox .themeBox span{color:#4AA8A8;font-weight: bold;padding-right: 0.5em;}

#middleBox .clubBox .pointBox{margin: 1em 0;padding: 0.7em 2em 0.2em;background: #e7f3eb;}
#middleBox .clubBox .pointBox ul{width: 100%;}
#middleBox .clubBox .pointBox .point{color: #59bebb;font-size: 20px;font-weight: bold;width: 25%;}
#middleBox .clubBox .pointBox .point::before{content: url("../../images/check04.png");}
#middleBox .clubBox .pointBox .point_txt{padding-left: 0.5em;width: 75%;}

/*----------------------------------------------------------------------------
***                                                             JuniorBox
----------------------------------------------------------------------------*/

#JuniorBox h2{position: relative;}
#JuniorBox h2::before{content:url("../../images/img_content15.png");position: absolute;top: 30%;left: 0;}
#JuniorBox h2::after{content:url("../../images/img_content15.png");position: absolute;top: 30%;right: 0;}
#JuniorBox h2 span{color:#b85492; }

/*スピーチ＆プレゼンテーション*/
#JuniorBox .presenBox{margin: 2em auto;border: 5px solid #b85492;padding: 1.5em 2em;position: relative;width: 90%;filter:drop-shadow(0.15em 0.15em 0.15em #989898);background: #fff;}
#JuniorBox .presenBox h3{color:#b85492;position: relative; }
#JuniorBox .presenBox h3::before{content:url("../../images/icon11.png");position: absolute;top: 40%;left: 1%;}
#JuniorBox .presenBox h3::after{content:url("../../images/icon12.png");position: absolute;top: 40%;right: 1%;}
#JuniorBox .presenBox .titletxt{text-align: center;font-weight: bold;}
#JuniorBox .presenBox .mainBox{margin-top: 1em;width: 100%;}
#JuniorBox .presenBox .mainBox ul{margin-top: 1em;}
#JuniorBox .presenBox .mainBox .leftBox{width: 35%;}
#JuniorBox .presenBox .mainBox .rightBox{width: 60%;position: relative;border: 2px solid #4AA8A8;background: #fff;padding: 1em 2em 0.5em;margin-top: 1em;}
#JuniorBox .presenBox .mainBox .rightBox .theme{position: absolute;background:#4AA8A8;padding: 0.3em 1em 0.1em;text-align: center;top: -15%;left: 10%;color: #fff; }
#JuniorBox .presenBox .mainBox .rightBox .themeBox p{border-bottom: 2px dashed #4AA8A8;font-size: 20px;padding-left: 0.8em;}
#JuniorBox .presenBox .mainBox .rightBox .themeBox p:last-child{border-bottom: none;}
#JuniorBox .presenBox .mainBox .rightBox .themeBox span{color:#4AA8A8;font-weight: bold;padding-right: 0.5em;}

#JuniorBox .presenBox .pointBox{margin: 1em 0;padding: 0.7em 2em 0.2em;background: #e7d7e9;}
#JuniorBox .presenBox .pointBox .point{color: #b85492;font-size: 20px;font-weight: bold;width: 25%;}
#JuniorBox .presenBox .pointBox .point::before{content: url("../../images/check05.png");}
#JuniorBox .presenBox .pointBox .point_txt{padding-left: 0.5em;width: 75%;}


/*--- footerSec ---*/
#footerSec .btn{width: 20%;margin: 0 auto;font-size: 120%;}
#footerSec .btn a::after{content: "";display: inline-block;width: 6%;height: 35%;border-bottom: 2px solid #fff;border-right: solid 2px #fff;transform: rotate(-45deg);position: absolute;top: 33%;right: 12%;}

#footerSec .usagi{background:#acacac;padding: 0.5em 1em 0.3em;margin: 1.5em auto 1em; width: 15%;color: #fff;}
#footerSec .usagi p{color: #fff!important;}
#footerSec{background: url("../../images/back_content02.jpg")no-repeat top;padding-top: 4em;}
#footerSec .footerInenr{padding:0.5em 2em;}
#footerSec .footerInenr .footerBox p{text-align: center;color: #000;}

@media (min-width:1024px) and (max-width:1300px){
	
}
@media (min-width:768px) and (max-width:1300px){
	#mainView .bgBox .main_txt{width: 45%;}
	#firstBox .new_lessonBox .batch{top:55%; }
	
	#elementaryBox .GoodBox h3::before{left: 0;top: 90%;}
	#elementaryBox .GoodBox h3::after{right: 0;top: 90%;}
	#elementaryBox .actionBox h3::before{top: 70%;left: 0;}
	#elementaryBox .actionBox h3::after{top: 70%;right: 0;}
	#elementaryBox .ArtBox h3::before{left: 0;top: 55%;}
	#elementaryBox .ArtBox h3::after{right: 0;top: 55%;}
	#elementaryBox .LightingBox h3::before{left: 0;top: 55%;}
	#elementaryBox .LightingBox h3::after{right: 0;top: 55%;}
	#elementaryBox .storyBox h3::before{left: 0;top: 90%;}
	#elementaryBox .storyBox h3::after{right: 0;top: 90%;}
	
	#middleBox .speechBox h3::before{left: 0;top: 40%;}
	#middleBox .speechBox h3::after{right: 0;top: 40%;}
	#middleBox .clubBox h3::before{left: 0;top: 10%;}
	#middleBox .clubBox h3::after{right: 0;top: 10%;}
	#JuniorBox .presenBox h3::before{left: 0;top: 00%;}
	#JuniorBox .presenBox h3::after{right: 0;top: 00%;}
	
	#footerSec .btn{width: 40%;margin: 0 auto;}
	#footerSec .btn a::after{content: "";display: inline-block;width: 4%;height: 33%;border-bottom: 2px solid #fff;border-right: solid 2px #fff;transform: rotate(-45deg);position: absolute;top: 32%;right: 16%;}
	#footerSec .usagi{ width: 20%;}
	
}