@charset "UTF-8";

:root {
  /* 各OS搭載の最新・美しいゴシック体を優先するシステムフォントスタック */
  --font-gothic: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, Meiryo, sans-serif;
}

@font-face {
	font-family: "JosefinSans-SemiBold";
	src:url('../../fonts/JosefinSans-SemiBold.ttf');
}
@font-face {
	font-family: "JosefinSans-Bold";
	src:url('../../fonts/JosefinSans-Bold.ttf');
}
@font-face {
	font-family: "Poppins-Black";
	src:url('../../fonts/Poppins-Black.ttf');
}






html {/* スムーススクロールのための指定 */
  scroll-behavior: smooth;

  @media (prefers-reduced-motion: reduce) {
    scroll-behavior: auto;
  }
}




body{
      overflow: auto; 
	  margin:0 auto;
	  max-width: 100%;
	  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	  font-weight: 300;
}
main .wrap{
	margin:0 auto;
	width:100%;
}
img{
    max-width: 100%;
    height: auto;
}
p{
	-webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}






/*********************************
**********************************
メインエリア
**********************************
*********************************/
main{
	margin:100px 0 0px 0;
	padding:0px 0 0px 0;
	width:100%;
	background: #fff;
}
.featureZone{	
	padding:0 0 100px;
}

.iconImg{
	text-align:center;
}
@media only screen and (min-width: 750px) {/* PC用 */
main {
	margin:0;
	
}

}






/*********************************
タイトル部分
*********************************/
.mainTitleArea {
	color:#464749;
	margin:0 auto;
    width:100%;
    background:url(../images/titleAreaBg_blue2.svg) center bottom no-repeat,
    			url(../images/titleAreaBg_blueTop.svg) center top 0 no-repeat,
				#9fd4f3;
	background-size: contain,contain,auto;
	padding:30px 0 50px; 
    
}
#greenPage .mainTitleArea {
    background:url(../images/titleAreaBg_blueGreen.svg) center bottom no-repeat,
    			url(../images/titleAreaBg_blueGreenTop.svg) center top 0 no-repeat,
				#a2d7d4;
	background-size: contain,contain,auto; 
    
}
#purplePage .mainTitleArea {
    background:url(../images/titleAreaBg_purple.svg) center bottom no-repeat,
    			url(../images/titleAreaBg_purpleTop.svg) center top 0 no-repeat,
				#a8bfdf;
	background-size: contain,contain,auto; 
    
}
#whitePage .mainTitleArea {
    background:url(../images/titleAreaBg_white.svg) center bottom no-repeat,
    			url(../images/titleAreaBg_whiteTop.svg) center top 0 no-repeat,
				#fff;
	background-size: contain,contain,auto;    
}
.mainTitleArea .wrap{
	margin:0 auto;
    max-width:750px;
	padding:12px 6% 0;
}

@media only screen and (min-width: 750px) {/* PC用 */
.mainTitleArea {
    background:url(../images/titleAreaBgL_blue_bottom.svg) center bottom no-repeat,
    			url(../images/titleAreaBgL_blue_top.svg) center top -33px no-repeat,
    			url(../images/titleAreaBgL_blue_center.svg) center center repeat-y;
	background-size: contain,contain,contain;
	padding:15px 0 110px;
}
#greenPage .mainTitleArea {
    background:url(../images/titleAreaBgL_blueGreen_bottom.svg) center bottom no-repeat,
    			url(../images/titleAreaBgL_blueGreen_top.svg) center top -33px no-repeat,
    			url(../images/titleAreaBgL_blueGreen_center.svg) center center repeat-y;
	background-size: contain,contain,contain;
}
#purplePage .mainTitleArea {
    background:url(../images/titleAreaBgL_purple_bottom.svg) center bottom no-repeat,
    			url(../images/titleAreaBgL_purple_top.svg) center top -33px no-repeat,
    			url(../images/titleAreaBgL_purple_center.svg) center center repeat-y;
	background-size: contain,contain,contain;
}
#whitePage .mainTitleArea {
    background:url(../images/titleAreaBgL_white_bottom.svg) center bottom no-repeat,
    			url(../images/titleAreaBgL_white_top.svg) center top -33px no-repeat,
    			url(../images/titleAreaBgL_white_center.svg) center center repeat-y;
	background-size: contain,contain,contain;
}
.mainTitleArea .wrap{
	padding-left:20px;
	
}
}
@media only screen and (min-width: 1100px) {/* PC用 */
.mainTitleArea {
    background:url(../images/titleAreaBgLL_blue.svg) right bottom no-repeat;
	background-size: auto;
	padding:15px 0 120px;
    
}
#greenPage .mainTitleArea {
    background:url(../images/titleAreaBgLL_blueGreen.svg) right bottom no-repeat;
	background-size: auto;
}
#purplePage .mainTitleArea {
    background:url(../images/titleAreaBgLL_purple.svg) right bottom no-repeat;
	background-size: auto;
}
#whitePage .mainTitleArea {
    background:url(../images/titleAreaBgLL_white.svg) right bottom no-repeat;
	background-size: auto;
}
}



/****** パンくずリスト *******/
.mainTitleArea .bread-list{
}
.mainTitleArea .bread-list ul{
	display: flex;
    flex-wrap: wrap;
}
.mainTitleArea .bread-list ul li{
	font-size:13.5px;
	line-height:1.5em;
    display: inline-block;
}
.mainTitleArea .bread-list ul li,
.mainTitleArea .bread-list ul li a{
	color:#212529;
}
.mainTitleArea .bread-list ul li:after {
	content: "　/　";
}
.mainTitleArea .bread-list ul li:last-child::after {
    content: none;
}
@media only screen and (min-width: 750px) {/* PC用 */
.mainTitleArea .bread-list ul li{
	font-size:14px;
}
}



/****** タイトル部分 *******/
.mainTitleArea .pageTitle{
    padding-top:40px;
    text-align:center;
}
.mainTitleArea .pageTop{/* タイトル用 */
    padding-bottom:70px;
}
.mainTitleArea .pageTop h1{/* タイトル用 */
    color:#464749 !important;
}
.mainTitleArea .pageTitle h2{
    font-size:22px;
    margin-bottom:10px;
    color:#212529;
    font-weight: 700;
}
.mainTitleArea .pageTitle h2:before,
.mainTitleArea .pageTitle h2:after {
    content: " - ";
    color:#fff;
}
.mainTitleArea .pageTitle h1{
    font-size:35px;
    display: inline-block;
    position: relative;
    z-index: 1;
    color:#212529;
    font-weight: 500;
}
.mainTitleArea .pageTitle h1 b{
    font-size:1.4em;
    font-weight: 700;
}
.mainTitleArea .pageTitle h1.english_jh{
    background: url(../images/titleEnglish_JH2.svg) center bottom 0px no-repeat;
    padding-bottom:50px;
}
.mainTitleArea .pageTitle h1.english_el{
    background: url(../images/titleEnglish_EL.svg) center bottom 0px no-repeat;
    padding-bottom:30px;
}
.mainTitleArea .pageTitle h1.english_h{
    background: url(../images/titleEnglish_H.svg) center bottom 0px no-repeat;
    padding-bottom:30px;
}
.mainTitleArea .pageTitle h1.english_title{
    background: url(../images/titleEnglish_title.svg) center bottom 0px no-repeat;
    padding-bottom:30px;
}
.mainTitleArea .pageTitle h1 b{
    font-size:1.4em;
    font-weight: 700;
}

.mainTitleArea .pictureArea{
    width: 90%;
    margin:30px auto 0;
}
.mainTitleArea .pictureArea img.picture {
    height: 120px;
    width: 100%;
    object-fit: cover;
    border-radius: 60px;
    box-shadow: 0 5px #b3d9f3;
    box-shadow: 0 5px #fff;
}
.mainTitleArea .pictureArea .vispoImg {
    position:relative;
}
.mainTitleArea .pictureArea .vispoImg img{
    width:140px;
    margin-top:0px;
    z-indx:2;
    position:absolute;
    right:-30px;
    bottom:-30px;
}

.mainTitleArea .explanationArea{
    padding:40px 0 40px;
    width:70%;
    max-width:350px;
    margin:0 auto;
   
}
.mainTitleArea .explanationArea p{
    color:#464749;
    font-size:13px;
    line-height:1.4em;
    font-weight: 500;
    text-align:justify;
}

.mainTitleArea .explanation{
    padding:20px 0 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-items:flex-end;
    margin-top:-75px
}

.mainTitleArea .explanation{
    padding:20px 0 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-items:flex-end;
    margin-top:-75px
}
.mainTitleArea .explanation .exL{
    width:50%;
}
.mainTitleArea .explanation .exR{
    width:50%;
    text-align:right
}
.mainTitleArea .explanation .exR img{
    width:90%;
    max-width:240px;
    margin-bottom: -20px;
    margin-right: -10%;
}
.mainTitleArea .explanation p{
    color:#464749;
    font-size:13px;
    line-height:1.8em;
    font-weight: 500;
}

@media only screen and (min-width: 750px) {/* PC用 */
.mainTitleArea .pageTitle h1{
    font-size:50px;
}
.mainTitleArea .pageTitle h1.english_jh{
    background: url(../images/titleEnglish_JH2.svg) center bottom 0px no-repeat;
    background-size:320px;
    padding-bottom:60px;
}
.mainTitleArea .explanation{
    padding:0px 0 25px;
    margin-top:-75px
}
.mainTitleArea .explanation p{
    font-size:16px;
    padding-bottom:20px;
}

.mainTitleArea .explanation .exL{
    width:70%;
}
.mainTitleArea .explanation .exR{
    width:30%;
    text-align:left;
}
.mainTitleArea .explanation .exR img{
    margin-top:-50px;
    width:200px;
}
}












/******************************************
*******************************************
トップページの設定
*******************************************
******************************************/

.topPageTextArea{
	color:#464749;
	background:	#f6f6f6;
	padding: 10px 0 40px;
	text-align:center;
}
.topPageTextArea .wrap{
	width:92%;
	margin:0 auto;
}
.topPageTextArea p{
	font-size:14px;
	font-weight: 500;
}


.mainButtonArea{
	color:#464749;
	background:	#f6f6f6;
	padding-bottom: 140px;
}
.mainButtonArea .wrap{
	width:92%;
	max-width:750px;
	margin:0 auto;
}
@media only screen and (min-width: 750px) {/* PC用 */

}


/*********************************
ボタン基本
*********************************/
.mainButtonArea .buttonZone a{
	color:#464749;
	background:url(../images/button_arrow_Wbg_Blue.svg) center right 12px  no-repeat,
				#fff;
	background-size:45px, auto;
	font-size:22px;
	font-weight: 500;
	display:block;
	width: 100%;
	padding: 24px 0 24px 30px;
	border-radius:40px;
	border:1px solid #eee;
	box-shadow: 0 3px #d6d6d6;
	text-align:left;
	letter-spacing: 0.00em;
	transition: all 0.2s 0s ease;
	margin-bottom: 25px;
}
.mainButtonArea .buttonZone a:hover{
	background:url(../images/button_arrow_Wbg_Blue.svg) center right 18px  no-repeat,
				#eee;
	background-size:45px, auto;
	letter-spacing: 0.15em;
}
.mainButtonArea .buttonZone a.green{
	background:url(../images/button_arrow_Wbg_green.svg) center right 12px  no-repeat,
				#fff;
	background-size:45px, auto;
}
.mainButtonArea .buttonZone a.green:hover{
	background:url(../images/button_arrow_Wbg_green.svg) center right 18px  no-repeat,
				#eee;
	background-size:45px, auto;
}
.mainButtonArea .buttonZone a.purple{
	background:url(../images/button_arrow_Wbg_purple.svg) center right 12px  no-repeat,
				#fff;
	background-size:45px, auto;
}
.mainButtonArea .buttonZone a.purple:hover{
	background:url(../images/button_arrow_Wbg_purple.svg) center right 18px  no-repeat,
				#eee;
	background-size:45px, auto;
}

.mainButtonArea .buttonZone{
	max-width:450px;
	margin:0 auto;
}
@media only screen and (min-width: 750px) {/* PC用 */
.topPageTextArea p{
	font-size:16px;
}
.mainButtonArea .flexWrap{
	display:flex;
	flex-wrap:wrap;/*横並び */
	text-align:center;
}
.mainButtonArea .buttonZone a{
	font-size:24px;
	padding: 26px 0 26px 34px;
}
.mainButtonArea .flexWrap .buttonZone{
	width:49%;
	margin:0;
	margin-right:2%;
}
.mainButtonArea .flexWrap .buttonZone:nth-of-type(2n){
	margin-right:0;
}

}













/******************************************
*******************************************
学年トップページの設定
*******************************************
******************************************/



/*********************************
キャッチコピー部分
*********************************/
.catchCopyTopArea{
	background:#f6f6f6;
	padding:50px 0 50px;
	color:#464749;
	position: relative;
    z-index: 2;
    margin-top:-1px;
    font-weight: 500;
}
.catchCopyTopArea .wrap{
	width:92%;
	max-width:750px;
	margin:0 auto;
	text-align:center;
}
.catchCopyTopArea h5{
	font-size:16px;
	color:#888;
	margin-bottom:30px;
}
.catchCopyTopArea .text{
	margin:15px 0;
}
.catchCopyTopArea h3{
	font-size:24px;
	margin: 0px;
	letter-spacing:0.1em;
	position: relative;
}
.catchCopyTopArea h3 .mark{
	padding:0 22px 0 10px;
    background: url(../images/iconImg_mark.svg) center right 5px no-repeat;
    background-size: 15px;
    display:inline-block;
}

.catchCopyTopArea p{
	font-size:13px;
	line-height: 1.35em;
	display:inline-block;
	margin-top:12px;
}
.catchCopyTopArea p span{
	display:block;
}
.catchCopyTopArea .plus{
	display:block;
}
.catchCopyTopArea .imgZone{
	width:50%;
	margin:40px auto 0px;
	position: relative;	
	max-width:240px;
}
.catchCopyTopArea .imgZone img{
	width:100%;
	
}


/************ アンダーライン ************/
.underline {
  position: relative;
  z-index:1;

}
.underline:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 0%;
  height: 15px;
  background:linear-gradient(transparent 0%, #9fd4f3 0%);
  transition: all 0.7s;
  z-index: -1;
  opacity:0.6;
  border-radius:10px;
}
#greenPage .underline:after {
  background:linear-gradient(transparent 0%, #a2d7d4 0%);
}
#purplePage .underline:after {
  background:linear-gradient(transparent 0%, #a8bfdf 0%);
}

.underline.isActive:after {
  width: 100%;
}




@media only screen and (max-width: 440px) {/* スマホ用 */
.catchCopyTopArea .sizeChangeWrap h3{
	font-size:22px;
}
}
@media only screen and (min-width: 750px) {/* PC用 */
.catchCopyTopArea{
	padding:0px 0 30px;
	margin-top:-20px;
}
.catchCopyTopArea h5{
	font-size:20px;
}
.catchCopyTopArea .imgZone{
	margin:-30px auto 0px;
}
}









/*********************************
本体部分
*********************************/
.mainContentsArea {
	background:	#f6f6f6;
	background-size:contain,contain,auto;
	position: relative;
	padding:0px 0 5px;
	color:#464749;
}

.mainContentsArea .wrap{
	width:92%;
	max-width:750px;
	margin:0 auto;
	padding:20px 0 0px;
}
.mainContentsArea .courseTypeWrap{
	margin-bottom:85px;
}
.mainContentsArea h2{
	background: #aaddf7;
	margin:0 auto;
	padding:18px 30px ;
	border-radius:40px;
	font-weight: 700;
	font-size:18px;
}
.mainContentsArea h2.blue{
	background: #aaddf7 !important;
}
.mainContentsArea h2.purple{
	background: #a8bfdf !important;
}
.mainContentsArea h2.green{
	background: #a2d7d4 !important;
}
#greenPage .mainContentsArea h2{
	background: #a2d7d4;
}
#purplePage .mainContentsArea h2{
	background: #a8bfdf;
}

.mainContentsArea h2 span{
	font-size:1.3em;
}
.mainContentsArea .guideText{
	width:90%;
	margin:0 auto;
	padding:0px 0 35px;
}
.mainContentsArea .guideText h4{
	font-size:20px;
	line-height:1.35em;
	font-weight: 500;
	margin:20px 0 20px;
}
.mainContentsArea .guideText p{
	font-size:13px;
	line-height:1.5em;
}

.mainContentsArea .courseTypeWrap ul{
	padding:0 4%;
}
.mainContentsArea .courseTypeWrap ul li{
	font-size:15px;
	line-height:1.5em;
	margin-bottom: 20px;
	background:url(../images/icon_dot_circle.svg) left top 1px  no-repeat;
	background-size:20px;
	padding-left:24px;
}
.mainContentsArea .courseTypeWrap ul li:last-child{
	margin-bottom: 0px;
}


.mainContentsArea .courseChoice{
	display:flex;
	flex-wrap:wrap;/*横並び */
	position: relative;
}

.mainContentsArea .courseChoice .courseWrap{
	width:49%;
	margin-right:2%;
	margin-bottom:30px;
	background-size:20px;
	transition: all 0.25s ease;
}
.mainContentsArea .courseChoice .courseWrap:nth-child(2n){
	margin-right:0;
}

.mainContentsArea .courseChoice a img{
	width:100%;
	box-shadow: 0 3px #777;
	border-radius:15px;
}

.mainContentsArea .only,
.mainContentsArea .set{
	border-top:5px solid #fff;
	padding-top:10px;
	margin-top:55px;
}
.mainContentsArea .only{
	margin-top:80px;
}
.mainContentsArea .only:before {
    content: "";
    position: absolute;
    background: url(../images/commentImg_tako_Only.svg) top left 10px no-repeat;
    background-size: 220px;
    width: 100%;
    height: 60px;
    top: -64px;
    z-index: 2;
}
.mainContentsArea .set:before {
    content: "";
    position: absolute;
    background: url(../images/commentImg_tako_Set.svg) top left 10px no-repeat;
    background-size: 220px;
    width: 100%;
    height: 60px;
    top: -64px;
    z-index: 2;
}

/****** 詳しくのボタン *******/
.mainContentsArea .courseChoice a.btn{
	color:#464749;
	background:url(../images/button_arrow_W.svg) center right 10px  no-repeat,
				#fff;
	background-size:24px, auto;
	font-size:13px;
	font-weight: 500;
	display:block;
	width: 100%;
	padding: 14px 20px;
	border-radius:40px;
	box-shadow: 0 3px #d6d6d6;
	transition: all 0.2s 0s ease;
}
.mainContentsArea .courseChoice a.btn:hover{
	background:url(../../img/topPageN/button_arrow_Wbg_W.svg) center right 18px  no-repeat,
				#eee;
	letter-spacing: 0.25em;
}

/****** 兄弟割引のアコーディオン *******/
.courseTypeWrap .courseChoice .headerAC {
	margin:8px auto;
	position: relative;
}
.courseTypeWrap .courseChoice .headerAC .level {
	background:#f6f6f6;
}
.courseTypeWrap .courseChoice .headerAC .acHeader {
    color:#464749;
    font-weight: 500;
    font-size:13px;
    margin-top:5px;
    border-top:none;
    padding:14px 20px;
	background:#fff;
	border-radius:30px;
	box-shadow: 0 3px #d6d6d6;
}
.courseTypeWrap .courseChoice .headerAC .acHeader small{
    font-size:0.7em;
}
.courseTypeWrap .courseChoice .headerAC .acHeader.open {
    background:#EBECEE;;
	border-bottom: none;
    border-radius:18px 18px 0 0;
    box-shadow: none;
}

.courseTypeWrap .courseChoice .headerAC .level .acInner .acHeader {
    font-size: 13px;
    line-height:1.4em;
    font-weight: 700;
    padding: 20px 5px;
    margin:20px 0 0;
    background: #fff;
    border-radius:20px;
    border: 1px solid #ddd;
}

.courseTypeWrap .courseChoice .headerAC .level .acInner .acHeader.open {
    background: #EBECEE;
    border-radius: 16px 16px 0 0;
    color:#464749;
    border-bottom: none;
}
.courseTypeWrap .courseChoice .headerAC .level .acInner {
    
}
.courseTypeWrap .courseChoice .headerAC .level .acInner .acInner p{
    font-size: 13px;
    line-height:1.8em;
    color: #464749;
    padding: 10px 20px 10px 36px;
    background: url(../images/icon_A.svg) left top no-repeat;
}

/****** ＋ *******/
.courseTypeWrap .courseChoice .headerAC .level .acHeader .i_box {/* 横からの位置 */
    right: 2px;
}
.courseTypeWrap .courseChoice .headerAC .level .acHeader .i_box .one_i {/* 円 */
  width: 24px;
  height: 24px;
  background:#ddd;
  border-radius:12px ;
}
.courseTypeWrap .courseChoice .headerAC .level .acHeader.open  .i_box .one_i {/* 円開いた時 */
  background:#fff;
}
.courseTypeWrap .courseChoice .headerAC .level .acHeader .i_box .one_i:before, 
.courseTypeWrap .courseChoice .headerAC .level .acHeader .i_box .one_i:after {/* 縦棒 */
  background-color: #333;
  border-radius: 10px;
  width: 16px;
  height: 2px;
  position: absolute;
  top: 11px;/* 右からの位置 */
  left: 4px;/* 上からの位置 */
}
.courseTypeWrap .courseChoice .headerAC .level .acHeader .i_box .one_i:before {/* 横棒 */
  width: 2px;
  height: 16px;
  top: 4px;/* 右からの位置 */
  left: 11px;/* 上からの位置 */
}
.courseTypeWrap .courseChoice .headerAC .level .acHeader .i_box .one_i:before, 
.courseTypeWrap .courseChoice .headerAC .level .acHeader .i_box .one_i:after {/* ＋の色 */
  background-color: #666;
}
.courseTypeWrap .courseChoice .headerAC .level .acHeader.open .i_box .one_i:after {/* 開いた－の色 */
  background-color: #009BE0;
}

.courseTypeWrap .courseChoice .priceZone {
	padding:13px 10px 13px;
	text-align:center;
	background:#fff;   
    border-radius:0 0 18px 18px ;
    box-shadow: 0 3px #d6d6d6;
}
.courseTypeWrap .courseChoice .priceZone h4:before {
    content: "ご兄弟で通うと";
    font-size:11px;
    color:#888;
    display:block;
    margin-bottom:8px;
}
.courseTypeWrap .courseChoice .priceZone h4{
	font-size:14px;
	font-weight: 500;
}
.courseTypeWrap .courseChoice .priceZone h4 span{
	font-size:1.9em;
	font-family: "JosefinSans-Bold";
	margin-right:3px;	
}
.courseTypeWrap .courseChoice .priceZone h5{
	font-size:11px;
	margin-top:0px;
}
.courseTypeWrap .courseChoice .priceZone h5.no{
	font-size:12px;
	text-align:left;
	color: #464749;
	padding: 10px 0;
}
.courseTypeWrap .courseChoice .priceZone h5 span{
	font-size:1.2em;
	font-family: "JosefinSans-Bold";	
}

@media only screen and (min-width: 750px) {/* PC用 */
.mainContentsArea h2{
	padding:18px 38px ;
	font-size:24px;
}
.mainContentsArea .guideText h4{
	font-size:24px;
}
.mainContentsArea .guideText p{
	font-size:15px;
}
.mainContentsArea .courseChoice .courseWrap{
	width:32%;
	margin-right:2%;
}
.mainContentsArea .only,
.mainContentsArea .set{
	border-top:3px solid #fff;
	padding-top:15px;
	margin-top:55px;
}
.mainContentsArea .only{
	margin-top:90px;
}
.mainContentsArea .only:before {
    background: url(../images/commentImg_tako_Only.svg) top left 35px no-repeat;
    background-size: 260px;
    height: 80px;
    top: -75px;
}
.mainContentsArea .set:before {
    background: url(../images/commentImg_tako_Set.svg) top left 35px no-repeat;
    background-size: 260px;
    height: 80px;
    top: -75px;
}

.mainContentsArea .courseChoice a img{
	border-radius:25px;
}
.mainContentsArea .courseChoice .courseWrap:nth-child(2n){
	margin-right:2%;
}
.mainContentsArea .courseChoice .courseWrap:nth-child(3n){
	margin-right:0;
}
.courseTypeWrap .courseChoice .headerAC {
	margin:10px auto;
}
.courseTypeWrap .courseChoice .headerAC .acHeader {
    font-size:18px;
    margin-top:8px;
    padding:18px 25px;
	border-radius:40px;
}
.mainContentsArea .courseChoice a.btn{
	background-size:24px, auto;
	padding: 18px 25px;
}

}




















/*********************************
文章部分
*********************************/



.courseTypeWrap .recommendWrap .headerAC {
	margin-bottom:30px;
	width: 90%;
	margin:0 auto 40px;
	position: relative;
}
.courseTypeWrap .recommendWrap .headerAC .level {
	background:#f6f6f6;
}

.courseTypeWrap .recommendWrap .headerAC:before {
    content: "";
    position: absolute;
    background: url(../images/commentImg_vispoMark.svg) top right 15px no-repeat;
    background-size: auto;
    width: 100%;
    height: 60px;
    top: -52px;
    z-index: 3;
}

.courseTypeWrap .recommendWrap .headerAC .acHeader {
    color:#464749;
    font-weight: 300;
    margin-top:10px;
    border-top:none;
    padding:30px 15px;
	background:#fff;
	background:url(../images/text_recommend.svg) center left 20px  no-repeat,
				#fff;
	border-radius:30px;
	border: 1px solid #eee;
	box-shadow: 0 3px #d6d6d6;
}
.courseTypeWrap .recommendWrap .headerAC .acHeader.open {
    background:url(../images/text_recommend.svg) center left 20px  no-repeat,
				#EBECEE;;
	border-bottom: none;
    border-radius:30px 30px 0 0;
        box-shadow:none;
}

.courseTypeWrap .recommendWrap .headerAC .level .acInner .acHeader {
    font-size: 13px;
    line-height:1.4em;
    font-weight: 700;
    padding: 20px 5px;
    margin:20px 0 0;
    background: #fff;
    border-radius:20px;
    
    border: 1px solid #ddd;
}
.courseTypeWrap .recommendWrap .headerAC .level .acInner .acHeader h3{
    font-size: 13px;
    font-weight: 700;
    padding: 10px 45px 10px 36px;
    background: url(../images/icon_Q.svg) left center no-repeat;
}
.courseTypeWrap .recommendWrap .headerAC .level .acInner .acHeader.open {
    background: #EBECEE;
    border-radius: 20px 20px 0 0;
    color:#464749;
    border-bottom: none;

}
.courseTypeWrap .recommendWrap .headerAC .level .acInner {
    padding: 30px 5px;
    margin:0px 0;
    background: #fff;
    border-radius:0 0 20px 20px ;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    box-shadow: 0 3px #d6d6d6;
}
.courseTypeWrap .recommendWrap .headerAC .level .acInner .acInner p{
    font-size: 13px;
    line-height:1.8em;
    color: #464749;
    padding: 10px 20px 10px 36px;
    background: url(../images/icon_A.svg) left top no-repeat;
}

/****** ＋ *******/
.courseTypeWrap .recommendWrap .headerAC .level .acHeader .i_box {/* 横からの位置 */
    right: 10px;
}
.courseTypeWrap .recommendWrap .headerAC .level .acHeader .i_box .one_i {/* 円 */
  width: 30px;
  height: 30px;
  background:#ddd;
  border-radius:15px ;
}
.courseTypeWrap .recommendWrap .headerAC .level .acHeader.open  .i_box .one_i {/* 円開いた時 */
  background:#fff;
}
.courseTypeWrap .recommendWrap .headerAC .level .acHeader .i_box .one_i:before, 
.courseTypeWrap .recommendWrap .headerAC .level .acHeader .i_box .one_i:after {/* 縦棒 */
  background-color: #333;
  border-radius: 10px;
  width: 16px;
  height: 2px;
  position: absolute;
  top: 14px;/* 右からの位置 */
  left: 7px;/* 上からの位置 */
}
.courseTypeWrap .recommendWrap .headerAC .level .acHeader .i_box .one_i:before {/* 横棒 */
  width: 2px;
  height: 16px;
  top: 7px;/* 右からの位置 */
  left: 14px;/* 上からの位置 */
}
.courseTypeWrap .recommendWrap .headerAC .level .acHeader .i_box .one_i:before, 
.courseTypeWrap .recommendWrap .headerAC .level .acHeader .i_box .one_i:after {/* ＋の色 */
  background-color: #666;
}
.courseTypeWrap .recommendWrap .headerAC .level .acHeader.open .i_box .one_i:after {/* 開いた－の色 */
  background-color: #009BE0;
}

@media only screen and (min-width: 750px) {/* PC用 */
.courseTypeWrap .recommendWrap .headerAC:before {
    background: url(../images/commentImg_vispo.svg) top right 40px no-repeat;
    background-size: auto;
}
.courseTypeWrap .recommendWrap .headerAC .acHeader {
	background:url(../images/text_recommend.svg) center left 40px  no-repeat,
				#fff;
	background-size:280px;
	border-radius:35px;
}
.courseTypeWrap .recommendWrap .headerAC .acHeader.open {
    background:url(../images/text_recommend.svg) center left 40px  no-repeat,
				#EBECEE;;
	background-size:280px;
    border-radius:35px 35px 0 0;
}
}




















.faqArea {
    background: url(../images/bg_wave.svg) top center no-repeat,
    			#f6f6f6;
    background-size:contain;
    width:100%;
    margin:0 auto;
    padding:30px 2% 120px;
}
.faqArea .wrap{
    max-width:800px;
    margin:0 auto 40px;

}

@media only screen and (min-width: 768px) {/* PC用 */
.faqArea .headerAC .acHeader {
    padding-left: 35px;
}
.faqArea .headerAC .level .acHeader .i_box {/* 横からの位置 */
    right: 25px;
}
.faqArea .headerAC .level .acInner .acHeader {
    border-radius:30px;
}
.faqArea .headerAC .level .acInner .acHeader.open {
    border-radius: 30px 30px 0 0;
}
.faqArea .headerAC .level .acInner .acInner {
    border-radius:0 0 30px 30px ;
}
.faqArea .headerAC .level .acInner .acHeader h3{
    font-size: 16px;
    padding: 15px 0px 15px 60px;
    background: url(../images/icon_Q.svg) left 20px center no-repeat;
}
.faqArea .headerAC .level .level .acHeader .i_box {/* 横からの位置 */
    right: 20px;
}
.faqArea .headerAC .level .acInner .acInner p{
    font-size: 15px;
    padding: 15px 55px 15px 60px;
    background: url(../images/icon_A.svg) left 20px top 9px no-repeat;
}

}



.headerAC .level .level .acInner a.linkButton {
	width:100%;
	background: url(../images/buttonArrow_bk.svg) right 10px center no-repeat,
				#eee;
	padding:10px 0;
	font-size:14px;
	border-radius:17px;
	display:block;
	font-weight: 300;
	color:#3b4043;
}
.headerAC .level .level .acInner .optionZone{
	text-align:center;
	margin:30px 36px 0;
}
.headerAC .level .level .acInner .optionZone img{
	width:100%;
	max-width:400px;
}


















/*********************************
コンタクトエリア
*********************************/

/*********************************
サブタイトル
*********************************/
.subTitleArea{
	position: relative;
}
.subTitleArea h3{
	text-align:center;
	font-family: "Poppins-Black";
	font-size:40px;
	margin:0 0 2px;
	color:#d3d6de;
}
.subTitleArea h5{
	text-align:center;
	font-size:14px;
	margin:0 0 30px;
	color:#464749;
	font-weight: 700;
}
@media only screen and (min-width: 750px) {/* PC用 */
.subTitleArea{
	margin:30px 0 30px;
}
.subTitleArea h3{
	font-size:40px;
	margin:0px 0 6px;
	opacity:0.65;
	color:#000;
}
.subTitleArea h5{
	font-size:20px;
	margin:0 0 30px;
	color: #464749;
}
}




#contactArea{
	background:#f6f6f6;
}
#contactArea .wrap{
	background:#78b0cc;
	padding:50px 0 170px 0;	
	border-radius:45px 45px 0 0;
	max-width:1200px;
	margin:0 auto;
}
#purplePage #contactArea .wrap{
	background:#789fcc;
}
#greenPage #contactArea .wrap{
	background:#78b3cc;
}
#contactArea .subTitleArea h3{
	color:#fff;	
}

#contactArea .explanationArea{
    width:82%;
    max-width:500px;
    margin:0 auto;
}
#contactArea .explanationArea p {
    font-size: 13px;
    color:#464749;
    line-height: 1.8em;
    color: #464749;
    font-weight: 500;
    text-align: justify;
}

#contactArea .linkZone{
	width:92%;
	max-width:750px;
	margin:80px auto 0;
	position: relative;
}
#contactArea .linkZone:before {
    content: "";
    position: absolute;
    background: url(../../img/topPageN/contactBalloon_takoComment.svg) top right 15% no-repeat;
    background-size:auto;
    width: 100%;
    height: 60px;
    top:-65px;
    z-index: 3;
}
#contactArea .linkZone a{
	width:100%;
	display:block;
	border-radius:18px;
	background:url(../images/button_arrow_W.svg) bottom 8px right 8px  no-repeat,
				#fff;
	background-size:20px, auto;
	box-shadow: 0 3px #d6d6d6;
	margin-bottom:10px;
	padding:20px 0 15px;
}
#contactArea .linkZone a .textWrap{
	padding-left:130px;
	padding-right:30px;
}
#contactArea .linkZone a .experience{
	background: url(../../img/topPageN/iconNew_blackboard.svg) left 25px center no-repeat;
	background-size:80px;
}
#contactArea .linkZone a .catalog{
	background: url(../../img/topPageN/iconNew_document.svg) left 25px center no-repeat;
	background-size:80px;
}
#contactArea .linkZone a .textWrap h4{
	font-size:15px;
	font-weight: 500;
}
#contactArea .linkZone a .textWrap h4 span{
	font-size:1.5em;
	font-weight: 700;
}
#contactArea .linkZone a .textWrap p{
	font-size:12.5px;
	line-height:1.4em;
	margin-top:10px;
	text-align:justify;
}



#contactArea ul{
	width:92%;
	max-width:750px;
	margin:0px auto 0;
	display:flex;
	flex-wrap:wrap;/*横並び */
	position: relative;
}


#contactArea ul li{
	width:23.75%;
	margin-right:1.666%;
	margin-bottom:10px;
	border-radius:18px;
	text-align: center;	
	background:url(../images/button_arrow_W.svg) bottom 6px right 6px  no-repeat,
				#fff;
	background-size:14px;
	transition: all 0.25s ease;
	box-shadow: 0 3px #d6d6d6;
}
#contactArea ul li:hover{	
	background:url(../../img/topPageN/button_arrow_Wbg_W.svg) bottom 4px right 7px  no-repeat,
				#ebeef7;
	background-size:20px;
}
#contactArea ul li:nth-child(1) a{
	background: url(../../img/topPageN/iconNew_line.svg) top 5px center no-repeat;
	background-size:60px;
}
#contactArea ul li:nth-child(2) a{
	background: url(../../img/topPageN/iconNew_map.svg) top 5px center no-repeat;
	background-size:60px;
}
#contactArea ul li:nth-child(3) a{
	background: url(../../img/topPageN/iconNew_mail.svg) top 5px center no-repeat;
	background-size:60px;
}
#contactArea ul li:nth-child(4) a{
	background: url(../../img/topPageN/iconNew_telephone.svg) top 5px center no-repeat;
	background-size:60px;
}
#contactArea ul li:nth-child(4n){
	margin-right:0;
}
#contactArea ul li a{
	display:block;
	padding:60px 5px 15px;
	font-size:10px;
	line-height:1.6em;
	color:#464749;
	font-weight: 500;
}
#contactArea ul li a span{
	font-size:1.5em;
	font-weight: 700;
	display:block;
}
#contactArea ul li:nth-child(2) a{	
	line-height:1em;
}
#contactArea ul li:nth-child(2) a span{
	line-height:1.5em;
}

@media only screen and (min-width: 750px) {/* PC用 */
#contactArea .explanationArea{
    margin:0 auto;
    margin-top:-15px;
}
#contactArea .explanationArea p {
    font-size: 14px;
    font-weight: 300;
}

#contactArea .linkZone:before {
    background: url(../../img/topPageN/contactBalloon_takoComment.svg) top right 35px no-repeat;
    background-size:230px;
    height: 80px;
    top:-85px;
}

#contactArea .linkZone{
	display:flex;
	flex-wrap:wrap;/*横並び */
}
#contactArea .linkZone a{
	width:49.5%;
	margin-right:1%;
}
#contactArea .linkZone a{
	border-radius:22px;
	margin-bottom:10px;
	padding:28px 0 23px;
}
#contactArea .linkZone a:nth-child(2n){
	margin-right:0;
}
#contactArea .linkZone a .textWrap h4{
	font-size:17.5px;
	margin-bottom:15px;
}
#contactArea .linkZone a .textWrap p{
	font-size:14px;
	line-height:1.5em;
}




#contactArea ul li{
	width:24.25%;
	margin-right:1%;
	border-radius:22px;
	text-align: center;	
	background:url(../images/button_arrow_W.svg) bottom 8px right 8px  no-repeat,
				#fff;
	background-size:20px;
}
#contactArea ul li a{
	padding:70px 5px 15px;
	font-size:14px;
	line-height:1.6em;
}

#contactArea .wrap{
	padding:10px 0 130px 0;	
	border-radius:70px 70px 0 0;
}
}

/***コンタクトページ用設定***/
#contactPage #contactArea{
	background:#fff;
	padding:170px 0 70px 0;	
}
@media only screen and (min-width: 750px) {/* PC用 */
#contactPage #contactArea{
	padding:140px 0 70px 0;	
}
}
/*********************************
*************** END *************/











/*********************************
**********************************
下のバナーエリア
**********************************
*********************************/
.banner{
  width: 100%;
  height:80px;
  background:#fff;
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
  position: fixed;
  left:0;
  bottom:0;
  transition: 0.75s;
  z-index:50;
}
.banner:before {
    content: "";
    position: absolute;
    background: url(../images/bottomBanner_VispoBookComment.svg) top right 10px no-repeat;
    width: 100%;
    height: 135px;
    top:-58px;
    z-index: 52;
}
.purplePage .banner:before {
    background: url(../images/bottomBanner_VispoBookComment_Purple.svg) top right 10px no-repeat;
}
.greenPage .banner:before {
    background: url(../images/bottomBanner_VispoBookComment_Green.svg) top right 10px no-repeat;
}

.banner.hide {
  transform:translateY(170px);
}


.linkButton{
	width: calc(100% - 140px);
	max-width:550px;
	margin:15px 0 0 15px;
	display: flex;
	flex-wrap:  wrap;
}
.linkButton a{
	display:block;	
	color:#fff;
	height:50px;
	padding:10px 0; 
	z-index:53;
	transition: all 0.2s 0s ease;
}

.linkButton a.student{
	background:url(../images/moveFooterLink_experience.svg) center center no-repeat,
				url(../../img/topPageN/button_arrow_Wbg_Bk.svg) center right 3px no-repeat,
				#b3d9f3;
	background-size:80px, 20px, auto;
	border-radius:35px 0 0 35px;
	margin-right:2px;
	box-shadow: 0 3px #bbb;
	width: calc(60% - 1px);
}
.greenPage .linkButton a.student{
	background:url(../images/moveFooterLink_experience.svg) center center no-repeat,
				url(../../img/topPageN/button_arrow_Wbg_Bk.svg) center right 3px no-repeat,
				#a2d7d4;
	background-size:80px, 20px, auto;
}
.purplePage .linkButton a.student{
	background:url(../images/moveFooterLink_experience.svg) center center no-repeat,
				url(../../img/topPageN/button_arrow_Wbg_Bk.svg) center right 3px no-repeat,
				#a8bfdf;
	background-size:80px, 20px, auto;
}
.linkButton a.visitor{
	background:url(../images/moveFooterLink_catalog.svg) center center no-repeat,
				url(../../img/topPageN/button_arrow_Wbg_Bk.svg) center right 3px no-repeat,
				#d9dbde;
	background-size:80px, 20px, auto;
	border-radius:0 35px 35px 0;
	box-shadow: 0 3px #bbb;
	width: calc(40% - 1px);
}


@media only screen and (max-width: 430px) {/* スマホ用 */
.linkButton a.student{
	background:url(../images/moveFooterLink_experience.svg) center center no-repeat,
				url(../../img/topPageN/button_arrow_Wbg_Bk.svg) center right 3px no-repeat,
				#b3d9f3;
	background-size:80px, 20px, auto;
	width: calc(100% - 107px);
}
.greenPage .linkButton a.student{
	background:url(../images/moveFooterLink_experience.svg) center center no-repeat,
				url(../../img/topPageN/button_arrow_Wbg_Bk.svg) center right 3px no-repeat,
				#a2d7d4;
	background-size:80px, 20px, auto;
}
.purplePage .linkButton a.student{
	background:url(../images/moveFooterLink_experience.svg) center center no-repeat,
				url(../../img/topPageN/button_arrow_Wbg_Bk.svg) center right 3px no-repeat,
				#a8bfdf;
	background-size:80px, 20px, auto;
}
.linkButton a.visitor{
	background:url(../images/moveFooterLink_catalog.svg) center left 5px no-repeat,
				url(../../img/topPageN/button_arrow_Wbg_Bk.svg) center right 3px no-repeat,
				#d9dbde;
	background-size:80px, 20px, auto;
	width: 105px;
}

}


.linkButton a.student:hover{
	background:url(../images/moveFooterLink_experience.svg) center center no-repeat,
				url(../../img/topPageN/button_arrow_Wbg_Bk.svg) center right 6px no-repeat,
				#9acbed;
	background-size:80px, 20px, auto;
}
.linkButton a.visitor:hover{
	background:url(../images/moveFooterLink_catalog.svg) center center no-repeat,
				url(../../img/topPageN/button_arrow_Wbg_Bk.svg) center right 6px no-repeat,
				#c3c5c7;
	background-size:80px, 20px, auto;
}

@media only screen and (min-width: 750px) {/* PC用 */
.banner{
  height:90px;
}
.banner:before {
    background: url(../../img/topPageN/bottomBanner_Vispo.svg) top right 15px no-repeat;
    background-size:140px;
    height: 150px;
    top:-65px;
}
.banner:before {
    content: "";
    position: absolute;
    background: url(../images/bottomBanner_VispoBookComment.svg) top right 15px no-repeat;
    background-size:330px;
    height: 170px;
    top:-80px;
}
.purplePage .banner:before {
    background: url(../images/bottomBanner_VispoBookComment_Purple.svg) top right 15px no-repeat;
    background-size:330px;
}
.greenPage .banner:before {
    background: url(../images/bottomBanner_VispoBookComment_Green.svg) top right 15px no-repeat;
    background-size:330px;
}
.linkButton{
	width:65%;
	max-width:550px;
	margin:15px 0 0px 5%;
}
.linkButton a{
	height:55px;
}
.linkButton a.student{
	background:url(../images/moveFooterLink_experience.svg) center center no-repeat,
				url(../../img/topPageN/button_arrow_Wbg_Bk.svg) center right 6px no-repeat,
				#b3d9f3;
	background-size:100px, 26px, auto;
}
.greenPage .linkButton a.student{
	background:url(../images/moveFooterLink_experience.svg) center center no-repeat,
				url(../../img/topPageN/button_arrow_Wbg_Bk.svg) center right 6px no-repeat,
				#a2d7d4;
	background-size:100px, 26px, auto;
}
.purplePage .linkButton a.student{
	background:url(../images/moveFooterLink_experience.svg) center center no-repeat,
				url(../../img/topPageN/button_arrow_Wbg_Bk.svg) center right 6px no-repeat,
				#a8bfdf;
	background-size:100px, 26px, auto;
}
.linkButton a.visitor{
	background:url(../images/moveFooterLink_catalog.svg) center center no-repeat,
				url(../../img/topPageN/button_arrow_Wbg_Bk.svg) center right 6px no-repeat,
				#d9dbde;
	background-size:100px, 26px, auto;
}
.linkButton a.student:hover{
	background:url(../images/moveFooterLink_experience.svg) center center no-repeat,
				url(../../img/topPageN/button_arrow_Wbg_Bk.svg) center right 9px no-repeat,
				#9acbed;
	background-size:100px, 26px, auto;
}
.linkButton a.visitor:hover{
	background:url(../images/moveFooterLink_catalog.svg) center center no-repeat,
				url(../../img/topPageN/button_arrow_Wbg_Bk.svg) center right 9px no-repeat,
				#c3c5c7;
	background-size:100px, 26px, auto;
}

}


@media only screen and (min-width: 900px) {/* PC用 */
.linkButton{
	margin:15px auto 0px auto;
	max-width:600px;
}

}































/******************************************
*******************************************
各コースページの設定
*******************************************
******************************************/

/*********************************
タイトル部分
*********************************/
.mainTitleArea .pageTitleSubject{
    padding-top:35px;
    text-align:center;
    color:#212529;
    font-weight: 500;
}
.mainTitleArea .groupLesson{
    background: url(../images/titleEnglish_Group.svg) center bottom 0px no-repeat;
    padding-bottom:28px;
}
.mainTitleArea .personalLesson{
    background: url(../images/titleEnglish_Personal.svg) center bottom 0px no-repeat;
    padding-bottom:28px;
}
.mainTitleArea .GandPLesson{
    background: url(../images/titleEnglish_GandP.svg) center bottom 0px no-repeat;
    padding-bottom:30px;
}
.mainTitleArea .basicStudy{
    background: url(../images/titleEnglish_basic.svg) center bottom 0px no-repeat;
    padding-bottom:28px;
}
.mainTitleArea .singleLesson{
    background: url(../images/titleEnglish_single.svg) center bottom 0px no-repeat;
    padding-bottom:28px;
}
.mainTitleArea .pageTitleSubject h3{
    font-size:17px;
    margin-bottom:7px;
}
.mainTitleArea .pageTitleSubject h1{
    font-size:36px;
    position: relative;
    z-index: 1;
}
.mainTitleArea .pageTitleSubject h1 b{
    font-size:1.4em;
    font-weight: 700;
}

.mainTitleArea .pageTitleSubject h2{
    font-size:24px;
	margin-top:10px;
    font-weight: 500;
}
.mainTitleArea .pageTitleSubject h2 span{
    font-size:0.6em;
}
.mainTitleArea .pageTitleSubject h2:before,
.mainTitleArea .pageTitleSubject h2:after {
    content: " - ";
    color:#fff;
}
.mainTitleArea .pageTitleSubject h4{
    font-size:19px;
	margin-top:10px;
    font-weight: 500;
}
.mainTitleArea .pageTitleSubject h4 span{
    font-size:0.7em;
}
.mainTitleArea .pageTitleSubject h2:before,
.mainTitleArea .pageTitleSubject h2:after,
.mainTitleArea .pageTitleSubject h4:before,
.mainTitleArea .pageTitleSubject h4:after {
    content: " - ";
    color:#fff;
}

/******** 値段部分 *********/
.mainTitleArea .priceZone{
    padding:10px 0 0;
    text-align:center;
    color:#212529;
    font-weight: 500;
    position: relative;
}

.mainTitleArea .priceZone h2{
    font-size:28px;
	margin-top:15px;
	position: relative;
}
.mainTitleArea .priceZone h2 span:before {
    content: "";
    position: absolute;
    width: 75px;
    height: 75px;
    top: -60px;
    left:-70px;
    z-index: 3;
    overflow: visible;/* これを指定しないと表示されない */
}
.mainTitleArea .priceZone h2.subject1 span:before {
    background: url(../images/iconBb_subject1.svg) top right no-repeat;
    background-size: 75px;
}
.mainTitleArea .priceZone h2.subject_3set span:before {
    background: url(../images/iconBb_subject_3set.svg) top right no-repeat;
    background-size: 75px;
}
.mainTitleArea .priceZone h2.subject_5set span:before {
    background: url(../images/iconBb_subject_5set.svg) top right no-repeat;
    background-size: 75px;
}
.mainTitleArea .priceZone h2.subject_P1 span:before {
    background: url(../images/iconBb_subject_P1.svg) top right no-repeat;
    background-size: 75px;
}
.mainTitleArea .priceZone h2.subject_P2 span:before {
    background: url(../images/iconBb_subject_P2.svg) top right no-repeat;
    background-size: 75px;
}
.mainTitleArea .priceZone h2.subject_P3 span:before {
    background: url(../images/iconBb_subject_P3.svg) top right no-repeat;
    background-size: 75px;
}
.mainTitleArea .priceZone h2.subject_3set,
.mainTitleArea .priceZone h2.subject_5set,
.mainTitleArea .priceZone h2.subject_P1,
.mainTitleArea .priceZone h2.subject_P2,
.mainTitleArea .priceZone h2.subject_P3 {
    padding-left:50px;
}

.mainTitleArea .priceZone h2.subjectGandP2,
.mainTitleArea .priceZone h2.subjectGandP3,
.mainTitleArea .priceZone h2.subjectGandP5{
    font-size:26px;
    padding-left:50px;
    margin-top:50px;
}
.mainTitleArea .priceZone h2.subjectGandP2 span:before,
.mainTitleArea .priceZone h2.subjectGandP3 span:before,
.mainTitleArea .priceZone h2.subjectGandP5 span:before{
    width: 90px;
    height: 90px;
    top: -70px;
    left:-85px;
}
.mainTitleArea .priceZone h2.subjectGandP2 span:before{
    background: url(../images/iconBb_subject_GandP2.svg) top right no-repeat;
    background-size: 90px;
}
.mainTitleArea .priceZone h2.subjectGandP3 span:before{
    background: url(../images/iconBb_subject_GandP3.svg) top right no-repeat;
    background-size: 90px;
}
.mainTitleArea .priceZone h2.subjectGandP5 span:before{
    background: url(../images/iconBb_subject_GandP5.svg) top right no-repeat;
    background-size: 90px;
}
.mainTitleArea .priceZone h2 span{
    font-size:2.3em;
	margin-top:15px;
    font-family: "JosefinSans-Bold";
    position: relative;
}
.mainTitleArea .priceZone h3{
    font-size:18px;
    font-weight: 500;
    margin-top:-5px
}
.mainTitleArea .priceZone h3 span{
    font-size:1.3em;
    font-family: "JosefinSans-Bold";
}

.mainTitleArea .priceZone h3::before {
    content: "（税込";
}
.mainTitleArea .priceZone h3:after {
    content: "円）";
}

.mainTitleArea .priceZone .brotherWrap{
	padding:15px 10px 11px;
	text-align:center;
	background:#fff;   
    border-radius:26px ;
    margin:20px auto 0;
    width:72%;
    max-width:480px;
    color:#464749;
}
.mainTitleArea .priceZone .brotherWrap h4:before {
    content: "ご兄弟で通うと";
    font-size:13px;
    color:#888;
    display:block;
    margin-bottom:8px;
}
.mainTitleArea .priceZone .brotherWrap h4{
	font-size:18px;
	font-weight: 500;
}
.mainTitleArea .priceZone .brotherWrap h4 span{
	font-size:2.3em;
	font-family: "JosefinSans-Bold";
	margin-right:3px;	
}
.mainTitleArea .priceZone .brotherWrap h5{
	font-size:13px;
	margin-top:0px;
}
.mainTitleArea .priceZone .brotherWrap h5 span{
	font-size:1.2em;
	font-family: "JosefinSans-Bold";	
}

/******** キャラ部分 *********/
.mainTitleArea .vispoImgArea{
	width:75%;
	max-width:350px;
	margin:0 auto;
	padding:25px 0 45px;	
}
.mainTitleArea .vispoImgArea img{
	width:100%;
}



@media only screen and (min-width: 750px) {/* PC用 */
.mainTitleArea .pageTitleSubject{
    padding-top:20px;
}
.mainTitleArea .titleWrap{
    display:flex;
    flex-wrap:wrap; /*はみ出しを規定*/
    flex-direction: row; /*順番を指定*/
}
.mainTitleArea .groupLesson{
    text-align:left;
}
.mainTitleArea .pageTitleSubject{
    order: 0;
    width: calc(100% - 300px);
}
.mainTitleArea .priceZone{
    order: 2;
    width:100%;
}
.mainTitleArea .groupLesson{
    background: url(../images/titleEnglish_Group.svg) bottom 22px left -20px no-repeat;
    background-size:280px;
    padding-bottom:55px;
}
.mainTitleArea .pageTitleSubject h3{
    font-size:26px;
    margin-bottom:7px;
    margin-top:20px;
}
.mainTitleArea .pageTitleSubject h1{
    font-size:48px;
}
.mainTitleArea .pageTitleSubject h1 b{
    font-size:1.4em;
}

.mainTitleArea .pageTitleSubject h2{
    font-size:24px;
	margin-top:10px;
}

/******** 値段部分 *********/
.mainTitleArea .priceZone{
    margin:10px auto 10px;
}
.mainTitleArea .priceZone h2{
    display:inline-block;
    margin-left:45px;
}
.mainTitleArea .priceZone h2 span:before {
    top: -10px;
    left:-85px;
}
.mainTitleArea .priceZone h2.subject1 span:before {
    background: url(../images/iconBb_subject1.svg) top right no-repeat;
    background-size: 75px;
}
.mainTitleArea .priceZone h3{
    display:inline-block;
}
.mainTitleArea .priceZone .brotherWrap{
	padding:12px 10px 8px;  
    border-radius:35px ;
    margin:5px auto 0;
}

.mainTitleArea .priceZone .brotherWrap h4:before {
    font-size:17px;
    display:inline-block;
    margin-bottom:0px;
    margin-right:8px;
}
.mainTitleArea .priceZone .brotherWrap h4{
	display:inline-block;
}
.mainTitleArea .priceZone .brotherWrap h5{
	font-size:13px;
	margin-top:0px;
	display:inline-block;
}

}

@media only screen and (min-width: 750px) {/* PC用 */
/******** キャラ部分 *********/
.mainTitleArea .vispoImgArea{
    order: 1;
    width:300px;
    padding:0;
}
.mainTitleArea .vispoImgArea img{
    width:100%;
    margin-left:15px;
    position: relative; 
    bottom:-45px;
}

}
@media only screen and (min-width: 900px) {/* PC用 */
/******** キャラ部分 *********/

.mainTitleArea .vispoImgArea img{
    margin-left:70px;
}

}





/*********************************
キャッチコピー部分
*********************************/
.catchCopyArea{
	background:#f6f6f6;
	padding:50px 0 50px;
	color:#464749;
	position: relative;
    z-index: 2;
    margin-top:-1px;
    font-weight: 500;
}
.catchCopyArea .wrap{
	width:92%;
	max-width:750px;
	margin:0 auto;
	text-align:center;
}
.catchCopyArea h5{
	font-size:16px;
	color:#888;
	
}
.catchCopyArea h3{
	font-size:26px;
	line-height: 1.35em;
	margin: 20px 0 30px;
	letter-spacing:0.1em;
}
.catchCopyArea p{
	font-size:15px;
	line-height: 1.8em;
}
.catchCopyArea .imgZone{
	width:60%;
	margin:10px auto 0px;
	position: relative;	
	max-width:240px;
}
.catchCopyArea .imgZone img{
	width:100%;
	
}

@media only screen and (max-width: 440px) {/* スマホ用 */
.catchCopyArea .sizeChangeWrap h3{
	font-size:22px;
}
}
@media only screen and (min-width: 750px) {/* PC用 */
.catchCopyArea{
	padding:0px 0 30px;
	margin-top:-20px;
}
.catchCopyArea h5{
	font-size:20px;
}
.catchCopyArea .imgZone{
	margin:-30px auto 0px;
}
}




/*********************************
授業の説明部分
*********************************/
.mainContentsArea .featureText {
    width: 90%;
    margin: 0 auto;
    padding: 25px 0 55px;
}
.mainContentsArea .featureText p{
	font-size:13.5px;
	line-height:1.7em;
	margin:0;
	text-align: justify;
}

.mainContentsArea .featureText h4{
	font-size:17px;
	font-weight: 700;
    margin-bottom: 12px;
}
.mainContentsArea .featureText .picture{
	padding:0 0 20px;
}
.mainContentsArea .featureText .picture img {
    height: 120px;
    width: 100%;
    object-fit: cover;
    border-radius:60px;
    box-shadow: 0 5px #b3d9f3;
    box-shadow: 0 5px #d6d6d6;    
}
@media only screen and (min-width: 750px) {/* PC用 */
.mainContentsArea .featureText {
    display:flex;
    flex-wrap:wrap; /*はみ出しを規定*/
}
.mainContentsArea .featureText p{
	width:55%;
	font-size:15px;
	line-height:1.8em;
}
.mainContentsArea .featureText .picture{
	width:38%;
	margin-right: 7%;
}
.mainContentsArea .featureText .picture img {
    height: 140px;
    border-radius:40px;   
}

}





/*********************************
曜日のアコーディオン
*********************************/
.weekArea{
	margin-top:-40px;
	margin-bottom:70px;
}
.weekWrap .headerAC {
	width: 100%;
	margin:0 auto 10px;
	position: relative;
}
.weekWrap .headerAC .level {
	background:#f6f6f6;
}


.weekWrap .headerAC .acHeader {
    color:#464749;
    font-weight: 500;
    font-size:18px;
    margin-top:10px;
    border-top:none;
    padding:20px 25px 17px;
	background:#fff;
	border-radius:35px;
	border: 1px solid #eee;
	box-shadow: 0 3px #d6d6d6;
}
.weekWrap .headerAC .acHeader span.number{
    color:#464749;
    font-size:1.7em;
    font-family: "JosefinSans-Bold";
    margin:0 0.2em;
}
.weekWrap .headerAC .acHeader.open {
    background:#c8c9cc;
	border-bottom: none;
    border-radius:30px 30px 0 0;
    box-shadow:none;
}

.weekWrap .headerAC .level .acInner .acHeader {
    font-size: 13px;
    line-height:1.4em;
    font-weight: 700;
    padding: 20px 5px;
    margin:20px 0 0;
    background: #fff;
    border-radius:20px;
    
    border: 1px solid #ddd;
}
.weekWrap .headerAC .level .acInner .acHeader h3{
    font-size: 13px;
    font-weight: 700;
    padding: 10px 45px 10px 36px;
    background: url(../images/icon_Q.svg) left center no-repeat;
}
.weekWrap .headerAC .level .acInner .acHeader.open {
    background: #EBECEE;
    border-radius: 20px 20px 0 0;
    color:#464749;
    border-bottom: none;

}


/* =======================================
   吹き出し本体（アコーディオンの中身）
======================================= */
.weekWrap .headerAC .level .acInner > div {
    position: relative; /* しっぽの基準点として必要 */
    margin: 0px 0 0; /* ★上に15pxの隙間をあけて、しっぽのスペースを作る */
    padding: 40px 4% 30px;
    background: #fff;
    border-radius: 0 0 20px 20px; /* 全ての角を丸くする */
    border: 1px solid #eee; /* ぐるっと1周枠線をつける */
    box-shadow: 0 3px #d6d6d6;
}



.weekWrap .headerAC .level .acInner .acInner p{
    font-size: 13px;
    line-height:1.8em;
    color: #464749;
    padding: 10px 20px 10px 36px;
    background: url(../images/icon_A.svg) left top no-repeat;
}

/****** ＋ *******/
.weekWrap .headerAC .level .acHeader .i_box {/* 横からの位置 */
    right: 10px;
}
.weekWrap .headerAC .level .acHeader .i_box .one_i {/* 円 */
  width: 30px;
  height: 30px;
  background:#ddd;
  border-radius:15px ;
}
.weekWrap .headerAC .level .acHeader.open  .i_box .one_i {/* 円開いた時 */
  background:#fff;
}
.weekWrap .headerAC .level .acHeader .i_box .one_i:before, 
.weekWrap .headerAC .level .acHeader .i_box .one_i:after {/* 縦棒 */
  background-color: #333;
  border-radius: 10px;
  width: 16px;
  height: 2px;
  position: absolute;
  top: 14px;/* 右からの位置 */
  left: 7px;/* 上からの位置 */
}
.weekWrap .headerAC .level .acHeader .i_box .one_i:before {/* 横棒 */
  width: 2px;
  height: 16px;
  top: 7px;/* 右からの位置 */
  left: 14px;/* 上からの位置 */
}
.weekWrap .headerAC .level .acHeader .i_box .one_i:before, 
.weekWrap .headerAC .level .acHeader .i_box .one_i:after {/* ＋の色 */
  background-color: #666;
}
.weekWrap .headerAC .level .acHeader.open .i_box .one_i:after {/* 開いた－の色 */
  background-color: #009BE0;
}

@media only screen and (min-width: 750px) {/* PC用 */
.weekArea{
	display:flex;
    flex-wrap:wrap; /*はみ出しを規定*/
	width:90%;
	margin:-40px auto 60px;
}
.weekWrap {
	width: 49.5%;
	margin:0 1% 0px 0;
}
.weekWrap:nth-of-type(2n) {
    margin-right: 0;
}
.weekWrap .headerAC {
	margin-bottom:0;
}



}




/*********************************
個別ページ用の変更
*********************************/
.mainContentsArea .wrapPersonal .featureText p{
	width:100%;
}
.priceLink .weekWrap {
	width: 100%;
	margin:0 ;
}
.wrapPersonal .weekWrap .headerAC .acHeader {
    font-size:20px;
    margin-top:10px;
    padding:20px 25px 20px;
}



/*********************************
曜日と時間ゾーン
*********************************/
.scheduleZone{
}
.scheduleZone .wrapS{
	max-width:500px;
	margin:0 auto;
}
.scheduleZone .weekS{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	margin-bottom:20px;
	position: relative;
}
.scheduleZone .weekS h3{
	width:25%;
	background:#626366;
	color:#fff;
	font-size:18px;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius:10px;
}

.scheduleZone .weekS .frame{
	width:75%;
	display:flex;
	flex-wrap:wrap;
}
.scheduleZone .weekS .frame .day{
	width: calc(32% - 12px);
	background:#f6f6f6;
	color:#464749;;
	font-size:18px;
	font-weight: 500;
	font-weight:bold;
	margin:0 6px;
	padding:15px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.scheduleZone .weekS .frame .time{
	width:68%;
	background:#f6f6f6;
	font-size:15px;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
}
.scheduleZone .weekS h3,
.scheduleZone .weekS .frame .day,
.scheduleZone .weekS .frame .time{
	border-radius:8px;
}

.scheduleZone .weekS .frame .time b{
	font-size:1.3em;
}
.scheduleZone .weekS .frameWrap{
	width:75%;
}
.scheduleZone .weekS .frameWrap .frame{
	width:100%;
}
.scheduleZone .weekS .frameWrap .frame:nth-of-type(2){
	margin-top:18px;
}
.scheduleZone .weekS .frameWrap .frame:nth-of-type(2) .time{
	position: relative;
}
.scheduleZone .weekS .frameWrap .frame:nth-of-type(2) .time:before {
    content: "";
    position: absolute;
    background: url(../images/iconDay_mataha.svg) left center no-repeat;
    background-size: 50px;
    width: 100%;
    height: 50px;
    top: -34px;
    left: -29px;
    z-index: 3;
}
.scheduleZone .supplement:after {
    content: "同じ内容の授業になりますので、ご都合に合わせてお選びください。ご都合が合わないときは、別曜日の授業に出席できます。";
    display: block;
    color: #666;
    font-size: 11px;
    line-height: 1.4em;
    margin: 5px 0 0 27%;
    text-align:justify;
}

/*********** 個別授業用 *************/
.scheduleZone .weekP{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	margin:0;
	position: relative;
}
#GandP .scheduleZone .weekP{
	margin:30px 0;
}
.scheduleZone .weekP h3{
	width:25%;
	background:#626366;
	color:#fff;
	font-size:18px;
	line-height:2em;
	padding:15px 0;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius:10px;
}
.scheduleZone .weekP .frame{
	width:75%;
	display:flex;
	flex-wrap:wrap;
}
.scheduleZone .weekP .frame .day{
	width: calc(32% - 14px);
	background:#f6f6f6;
	color:#626366;
	font-size:18px;
	line-height:1.7em;
	font-weight: 500;
	margin:0 7px;
	padding:10px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius:10px;
}
.scheduleZone .weekP .frame .timeZone{
	width:68%;
}
.scheduleZone .weekP .frame .time{
	width:100%;
	background:#f6f6f6;
	font-size:15px;
	padding:12px 0;
	margin-bottom:5px;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius:10px;
}
.scheduleZone .weekP .frame .etc{
	background:#854056;
	color:#fff;
	font-size:13px;
	line-height:1.5em;
	padding:12px 10px;
	font-weight: 500;
	position: relative;
	z-index:3;
}
.scheduleZone .weekP .frame .etc:before {
  content: "";
  position: absolute;
  top: -24px;
  left: 50%;
  margin-left: -12px;
  border: 12px solid transparent;
  border-bottom: 12px solid #854056;
}
.scheduleZone .weekP .frame .time:last-of-type{
	margin-bottom:0;
}
.scheduleZone .weekP .frame .time b{
	font-size:1.3em;
}


#GandP .scheduleZone .weekS h3,
#GandP .scheduleZone .weekP h3{
	background:#00918a;
}
#GandP .scheduleZone .weekS .frame .day,
#GandP .scheduleZone .weekP .frame .day,
#GandP .acPriceArea .accordionArea .level .acInner .acHeader h3 span{
	color:#00918a;
}
#elPage #GandP .scheduleZone{
	padding:10px 0 25px;
}
#elPage #GandP .scheduleZone .supplement:after {
    content: "ご希望に合わせてお選びください。ご都合に合わせて別曜日の授業での振替もできます。";
}









.scheduleZone .weekT{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	margin-bottom:10px;
	position: relative;
}
.scheduleZone .weekT h3{
	width:14%;
	background:#626366;
	color:#fff;
	font-size:13px;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
}

.scheduleZone .weekT .frame{
	width:86%;
	display:flex;
	flex-wrap:wrap;
}
.scheduleZone .weekT .frame .day{
	width: calc(64% - 14px);
	background:#f6f6f6;
	color:#000;
	font-size:15px;
	font-weight: 500;
	margin:0 7px;
	padding:15px 3%;
	display: flex;
	justify-content: left;
	align-items: center;
}
.scheduleZone .weekT .frame .time{
	width:36%;
	background:#f6f6f6;
	font-size:12px;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
}
.scheduleZone .weekT h3,
.scheduleZone .weekT .frame .day,
.scheduleZone .weekT .frame .time{
	border-radius: 8px;
}
.scheduleZone .weekT .frame .time:after {
    content: "70分授業×計4回";
}


@media only screen and (min-width: 750px) {/* PC用 */
.scheduleZone .weekS h3{
	font-size:20px;
}
.scheduleZone .weekS .frame .day{
	width: calc(32% - 18px);
	font-size:20px;
	margin:0 9x;
	padding:18px 0;
}
.scheduleZone .weekS .frame .time{
	font-size:15px;
}
.scheduleZone .supplement:after {
    font-size: 14px;
    line-height: 1.5em;
    margin: 7px 0 0 27%;
}
.scheduleZone .weekP h3{
	font-size:20px;
}
.scheduleZone .weekP .frame .day{
	width: calc(32% - 18px);
	font-size:20px;
	line-height:1.4em;
	margin:0 9px;
}
.scheduleZone .weekP .frame .time{
	font-size:15px;
	padding:14px 20px;
	margin-bottom:9px;
}
.scheduleZone .weekP .frame .time:last-of-type{
	margin-bottom:0;
	font-size:15px;
}

/***
.scheduleZone .weekT h3{
	font-size:18px;
}
.scheduleZone .weekT .frame .day{
	width: calc(100% - 170px);
	font-size:22px;
	margin:0 10x;
	padding:18px 20px;
}
.scheduleZone .weekT .frame .time{
	font-size:14px;
	width:150px;
}
***/

}





/*********************************
説明小見出しゾーン
*********************************/
.mainContentsArea .subFeatureText{
	background:url(../images/icon_dot_circle.svg) left top 0px  no-repeat;
	background-size:28px;
	padding-left:33px;
	width:90%;
	margin:25px auto 40px;
}
.mainContentsArea .courseTypeWrap ul li{
	font-size:15px;
	line-height:1.6em;
	margin-bottom: 20px;
	
}
.mainContentsArea .subFeatureText h4{
	font-size:20px;
	line-height:1.35em;
	font-weight: 500;
	margin:20px 0 20px;
	
}
.mainContentsArea .subFeatureText p{
	font-size:13.5px;
	line-height:1.8em;
	text-align: justify;
}
.mainContentsArea .paddingChange {
	padding-bottom:0;
}
@media only screen and (min-width: 750px) {/* PC用 */
.mainContentsArea .paddingChange {
	padding-bottom:0;
}
.mainContentsArea .paddingChange .picture{
	width:70%;
	margin: 10px auto -10px;
}
.mainContentsArea .paddingChange .picture img {
    height: 160px;
    border-radius:80px;   
}

.mainContentsArea .subFeatureText{
	background:url(../images/icon_dot_circle.svg) left top 0px  no-repeat;
	background-size:30px;
	padding-left:35px;
}
.mainContentsArea .subFeatureText h4{
	font-size:22px;	
	margin:25px 0 10px;
}
.mainContentsArea .subFeatureText p{
	font-size:15px;
	line-height:1.8em;
}

}



/*********************************
料金ゾーン
*********************************/
.mainContentsArea .courseTypeWrap .priceWrap{
	width:90%;
	margin:25px auto 0px;
}
.mainContentsArea .courseTypeWrap .priceWrap .priceTextZone h5{
	font-size:12.5px;
	font-weight: 500;
	background:#ddd;
	padding:8px 20px;
	border-radius:25px;
	margin-bottom:10px;
	position: relative;
	display:inline-block;
	position: relative;
}
.mainContentsArea .courseTypeWrap .priceWrap .priceTextZone h5 small{
	font-size:0.7em;
}
.mainContentsArea .courseTypeWrap .priceWrap .priceTextZone h5:before {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50px;
  margin-left: -15px;
  border: 8px solid transparent;
  border-top: 8px solid #ddd;
  z-index: 2;
}

.mainContentsArea .courseTypeWrap .priceWrap .priceTextZone h4{
	font-size:17px;
	line-height:1.35em;
	font-weight: 700;
	margin-bottom:12px;
}
.mainContentsArea .courseTypeWrap .priceWrap .priceTextZone h4 small{
	font-size:0.7em;
}
@media only screen and (max-width: 570px) {/* スマホ用 */
.mainContentsArea .courseTypeWrap .priceWrap .priceTextZone h4 span{
	display:block;
}
}

.mainContentsArea .courseTypeWrap .priceWrap .priceMain{

}
.mainContentsArea .courseTypeWrap .priceWrap .priceMain{
    padding:10px 0 0;
    font-weight: 500;
    position: relative;
    text-align:center
}

.mainContentsArea .courseTypeWrap .priceWrap .priceMain h3,
.mainContentsArea .courseTypeWrap .priceWrap .brotherWrap h3{
    font-size:20px;
	display:inline-block;
	
}
.mainContentsArea .courseTypeWrap .priceWrap .priceMain h3 span,
.mainContentsArea .courseTypeWrap .priceWrap .brotherWrap h3 span{
    font-size:2em;
	margin-top:15px;
    font-family: "JosefinSans-Bold";
    position: relative;
}
.mainContentsArea .courseTypeWrap .priceWrap .priceMain h5,
.mainContentsArea .courseTypeWrap .priceWrap .brotherWrap h5{
    font-size:13px;
    font-weight: 500;
    display:inline-block;
}
.mainContentsArea .courseTypeWrap .priceWrap .priceMain h5 span,
.mainContentsArea .courseTypeWrap .priceWrap .brotherWrap  h5 span{
    font-size:1.3em;
    font-family: "JosefinSans-Bold";
}

.mainContentsArea .courseTypeWrap .priceWrap .priceMain h5::before,
.mainContentsArea .courseTypeWrap .priceWrap .brotherWrap h5::before {
    content: "（税込";
}
.mainContentsArea .courseTypeWrap .priceWrap .priceMain h5:after,
.mainContentsArea .courseTypeWrap .priceWrap .brotherWrap  h5:after {
    content: "円）";
}
.mainContentsArea .courseTypeWrap .priceWrap .brotherWrap{
    padding:8px 0px 8px 50px;
    border-radius:15px;
    display:block;
    margin:5px 0 20px;
    border:3px solid #ddd;
    text-align:center;
    background:url(../images/iconBrother.svg) center left 12px no-repeat;
    background-size:40px;
    margin-top:10px;
}
.mainContentsArea .courseTypeWrap .priceWrap .brotherWrap h3{
    font-size:16px;
    margin-top:-10px;
}
.mainContentsArea .courseTypeWrap .priceWrap .brotherWrap h5{
    font-size:10px;
}
.mainContentsArea .courseTypeWrap .priceWrap .brotherWrap h7{
    font-size:12px;
    font-weight: 500;
    margin-left: 10px;
}
.mainContentsArea .courseTypeWrap .priceWrap .brotherWrap h6{
    font-size:12px;
    color:#888;
    display:block;
    margin-bottom:17px;
    font-weight: 500;
}
.mainContentsArea .courseTypeWrap .priceWrap .brotherWrap h6:before{
    content: "ご兄弟で通うともっとお得";
}

.mainContentsArea .courseTypeWrap .priceLink{
	width:90%;
	margin:50px auto 70px;
}
.mainContentsArea .courseTypeWrap .priceLink .priceBtnZone{
	margin-bottom:55px;
}

.mainContentsArea .courseTypeWrap .priceLink a{
	color:#464749;
	background:url(../images/button_arrow_W.svg) center right 13px  no-repeat,
				#fff;
	background-size:28px, auto;
	border-radius:40px;
	font-weight: 500;
	display:block;
	width: 100%;
	
	margin-bottom: 10px;
}
.mainContentsArea .courseTypeWrap .priceLink a h4{
	font-size:16px;
	padding: 18px 0 18px 68px;
	border-radius:40px;
	box-shadow: 0 3px #d6d6d6;
	letter-spacing: 0em;
	transition: all 0.2s 0s ease;
}
.mainContentsArea .courseTypeWrap .priceLink a h4.brother{
	background:url(../images/iconLink_Brother.svg) center left 18px  no-repeat;
	background-size:40px;
}
.mainContentsArea .courseTypeWrap .priceLink a h4.feature{
	background:url(../images/iconLink_Feature.svg) center left 18px  no-repeat;
	background-size:40px;
}
.mainContentsArea .courseTypeWrap .priceLink a h4.other{
	background:url(../images/iconLink_Other.svg) center left 18px  no-repeat;
	background-size:40px;
}
.mainContentsArea .courseTypeWrap .priceLink .weekWrap .headerAC .acHeader {
    font-size:16px;
    margin-top:10px;
    border-top:none;
    padding:20px 25px 20px;
	background:#fff;
	border-radius:35px;
	border: 1px solid #eee;
	box-shadow: 0 3px #d6d6d6;
}
.mainContentsArea .courseTypeWrap .priceLink .weekWrap .headerAC .acHeader.open {
    background:#EBECEE;
	border-bottom: none;
    border-radius:30px 30px 0 0;
    box-shadow:none;
}


.mainContentsArea .courseTypeWrap .priceLink .linkZone a{
	color:#464749;
	background:url(../images/button_arrow_W.svg) center right 13px  no-repeat,
				#f6f6f6;
	background-size:24px, auto;
	font-size:14px;
	font-weight: 500;
	display:block;
	width: 100%;
	padding: 18px 0 18px 20px;
	border-radius:40px;
	box-shadow: 0 2px #d6d6d6;
	letter-spacing: 0em;
	transition: all 0.2s 0s ease;
	margin-bottom: 12px;
}

@media only screen and (min-width: 750px) {/* PC用 */
.mainContentsArea .courseTypeWrap .priceWrap .priceTextZone h5{
	font-size:14px;
	padding:8px 22px;
}
.mainContentsArea .courseTypeWrap .priceWrap .priceTextZone h4{
	font-size:20px;
	margin-bottom:12px;
}
.mainContentsArea .courseTypeWrap .priceWrap .priceMain h3 {
    font-size: 24px;
}
.mainContentsArea .courseTypeWrap .priceWrap .priceMain h5{
    font-size:15px;
}

.mainContentsArea .courseTypeWrap .priceWrap .brotherWrap{
    border-radius:20px;
    background:url(../images/iconBrother.svg) center left 20px no-repeat;
    background-size:56px;
}
.mainContentsArea .courseTypeWrap .priceWrap .brotherWrap h6{
    font-size:15px;
}
.mainContentsArea .courseTypeWrap .priceWrap .brotherWrap h3 {
    font-size: 20px;
}
.mainContentsArea .courseTypeWrap .priceWrap .brotherWrap h5{
    font-size:14px;
}
.mainContentsArea .courseTypeWrap .priceLink .priceBtnZone{
	display:flex;
    flex-wrap:wrap; /*はみ出しを規定*/
}
.mainContentsArea .courseTypeWrap .priceLink .priceBtnZone a{	
	width: 49.5%;
	margin-right:1%;
}

.mainContentsArea .courseTypeWrap .priceLink .priceBtnZone a{	
	width: 49.5%;
	margin-right:1%;
}

.mainContentsArea .courseTypeWrap .priceLink a h4 {
    font-size: 18px;
    padding: 24px 0 24px 68px;
}
.mainContentsArea .courseTypeWrap .priceLink .priceBtnZone a:nth-of-type(2n) {
    margin-right: 0;
}
.mainContentsArea .courseTypeWrap .priceLink .linkZone a{
	font-size:16px;
	padding: 20px 0 20px 26px;
}
.weekWrap {
	width: 49.5%;
	margin:0 1% 0px 0;
}
.wrapPersonal .weekWrap{/*個別授業ページの幅を100にする*/
	width:100%;
}
.weekWrap:nth-of-type(2n) {
    margin-right: 0;
}
.weekWrap .headerAC {
	margin-bottom:0;
}
.priceLink .weekWrap {
	width: 100%;
	margin:0 ;
}
.mainContentsArea .courseTypeWrap .priceLink .weekWrap .headerAC .acHeader {
    font-size: 18px;
    padding: 24px 30px 24px;
}


}



/*********************************
特徴ベーシックゾーン
*********************************/

.plusFeatureZone{
	background:#464749;
	background:url(../images/contactBgL_top.svg) center top no-repeat,
				url(../images/contactBgL_bottom.svg) center bottom no-repeat,
				#464749;
	background-size: contain,contain,auto;
	width:100%;
	padding:90px 0 100px;
	position: relative;
	color: #464749;
}

.plusFeatureZone .vispoImgArea{
	width:55%;
	max-width:250px;
	margin:0px auto 10px;
	position: relative;	
	padding-bottom:10px;
}
.plusFeatureZone .vispoImgArea img{
	width:100%;
	top:-160px;
	position: absolute;
}

.plusFeatureZone .wrap{
	margin:0px auto;
	width:92%;
	max-width:750px;
	display:flex;
	flex-wrap:wrap;
}

.plusFeatureZone .frame{
	background:#fff;
	width:48.5%;
	margin:0 3% 3% 0;
	border-radius:18px;
	padding:10px 0 15px;
}
.plusFeatureZone .frame:nth-of-type(2n){
	margin-right:0;
}
.plusFeatureZone .frame .icon{
	display:block;
	height:80px;
	width:100%;
	border-radius:6px 6px 0 0;
}
.plusFeatureZone .frame .class{
	background: url(../images/featureIcon_class.svg) center center no-repeat,#fff;
	background-size: 75px;
}
.plusFeatureZone .frame .online{
	background: url(../images/featureIcon_online.svg) center center no-repeat,#fff;
	background-size: 75px;
}
.plusFeatureZone .frame .study{
	background: url(../images/featureIcon_study.svg) center center no-repeat,#fff;
	background-size: 75px;
}
.plusFeatureZone .frame .discount{
	background: url(../images/featureIcon_discount.svg) center center no-repeat,#fff;
	background-size: 75px;
}
.plusFeatureZone .frame .coach{
	background: url(../images/featureIcon_coach.svg) center center no-repeat,#fff;
	background-size: 75px;
}
.plusFeatureZone .frame .exam{
	background: url(../images/featureIcon_exam.svg) center center no-repeat,#fff;
	background-size: 75px;
}
.plusFeatureZone .frame .test{
	background: url(../images/featureIcon_test.svg) center center no-repeat,#fff;
	background-size: 75px;
}
.plusFeatureZone .frame .interview{
	background: url(../images/featureIcon_interview.svg) center center no-repeat,#fff;
	background-size: 75px;
}
.plusFeatureZone .frame .text{
	background: url(../images/featureIcon_text.svg) center center no-repeat,#fff;
	background-size: 75px;
}
.plusFeatureZone .frame .naishin{
	background: url(../images/featureIcon_naishin.svg) center center no-repeat,#fff;
	background-size: 75px;
}
.plusFeatureZone .frame h3{
	padding:8px 0 2px;
	font-size:20px;
	font-weight: 700;
	text-align:center;
}
.plusFeatureZone .frame p{
	padding:12px 9%;
	font-size:13px;
	line-height:1.7em;
	text-align:justify;
}
@media only screen and (min-width: 750px) {/* PC用 */
.plusFeatureZone{
	padding:100px 0 90px;
}
.otherFeatureZone article h3{
	padding:16px 0 18px;
	font-size:17px;
	border-radius: 8px 8px 0 0;
}
.otherFeatureZone article{
	border-radius: 8px;
}
.otherFeatureZone article p{
	padding:30px 10%;
	font-size:16px;
	line-height:1.7em;
	text-align:justify
}
.otherFeatureZone article .picture{
	padding:0 10% 40px;
}
.otherFeatureZone article.class:before,
.otherFeatureZone article.exam:before,
.otherFeatureZone article.feature:before,
.otherFeatureZone article.money:before {
    height: 95px;
    top: -83px;
}
.otherFeatureZone article.class:before {
    background: url(../img/hoozueVispo_H_class.svg) bottom left no-repeat;
    background-size: 320px;
}
.otherFeatureZone article.exam:before {
    background: url(../img/hoozueVispo_H_exam.svg) bottom left no-repeat;
    background-size: 320px;
}
.otherFeatureZone article.feature:before {
    background: url(../img/hoozueVispo_H_feature.svg) bottom left no-repeat;
    background-size: 320px;
}
.otherFeatureZone article.money:before {
    background: url(../img/hoozueVispo_H_money.svg) bottom left no-repeat;
    background-size: 320px;
}

.plusFeatureZone .frame{
	width:32%;
	margin-right:2%;
	border-radius:aa8px;
}
.plusFeatureZone .frame:nth-of-type(2n){
	margin-right:2%;
}
.plusFeatureZone .frame:nth-of-type(3n){
	margin-right:0;
}
.plusFeatureZone .frame .icon{
	height:90px;
	border-radius:8px 8px 0 0;
}
.plusFeatureZone .frame h3{
	padding:10px 0;
	font-size:24px;
}
.plusFeatureZone .frame p{
	padding:18px 25px 23px;
	font-size:15px;
}
}





/*********************************
ボトムキャッチコピー
*********************************/
.bottomCatchCopyArea{
	background:#f6f6f6;
	padding:50px 0 65px;
	color:#464749;
	position: relative;
    z-index: 2;
    margin-top:-1px;
    font-weight: 500;
}
.bottomCatchCopyArea .wrap{
	width:92%;
	max-width:800px;
	margin:0 auto;
	text-align:center;
}
.bottomCatchCopyArea h3{
	font-size:26px;
	line-height: 1.35em;
	margin: 20px 0 5px;
	letter-spacing:0.15em;
}
.bottomCatchCopyArea p{
	font-size:15px;
	line-height: 1.8em;
	letter-spacing:0.1em;
}
.bottomCatchCopyArea .imgZone{
	width:150px;
	margin:10px auto 0px;
	position: relative;	
}
.bottomCatchCopyArea .imgZone img{
	width:100%;
}

@media only screen and (min-width: 750px) {/* PC用 */
.bottomCatchCopyArea{
	padding:10px 0 30px;
    margin-top:-1px;
}
.bottomCatchCopyArea h3{
	font-size:30px;
	margin-top: 0;
}
.bottomCatchCopyArea p{
	font-size:17px;
}
}
















/*********************************
文章部分
*********************************/

.mainTextArea {
    background: #f6f6f6;
    width:100%;
    margin:0 auto;
    padding:50px 2% 150px;
}
.mainTextArea .chapter{
    background: #fff;
    width:100%;
    max-width:800px;
    margin:0 auto 40px;
    padding:30px 5% 15px 3%;
    border-radius: 25px;
    border:1px solid #f1f0ec;
}
.mainTextArea .chapter h3{
    color: #000;
    font-size:16px;
    font-weight: 500;
    margin:0;
    padding-bottom:25px;
    border-bottom: 3px solid #ccc;
    
}
.mainTextArea .chapter h3 span{
    color: #0887bf;
}
.mainTextArea .chapter p{
    color: #111;
    font-size:14px;
    margin:15px 0;
    line-height: 1.4em;
    text-indent:-3em;
    padding-left: 3em;
    text-align:justify;
}
.mainTextArea .chapter h5{
    color: #999;
    font-size:14px;
    margin:15px 0;
    line-height: 1.4em;
    text-indent:-4em;
    padding-left: 4em;
    text-align:justify;
    display:block;
}
.mainTextArea .chapter h5 span{
    font-size:0.9em;
}
@media only screen and (min-width: 768px) {/* PC用 */
.mainTextArea .chapter h3{
    font-size:20px;
}
.mainTextArea .chapter p,
.mainTextArea .chapter h5{
    font-size:16px;
    margin:18px 0;
}

}

/* =========================================
   1. アコーディオン初期設定 (main.jsのslideToggle用)
========================================= */
.acInner, .inner {
  display: none; /* main.jsのアニメーションは非表示状態から計算するため */
}
.acHeader, .title, .ac_Title {
  cursor: pointer;
}

/* =========================================
   2. スクロールアニメーション (AOS完全互換)
========================================= */
/* 基本設定（見えない状態） */
[data-aos] {
  opacity: 0;
  transition-property: opacity, transform;
  transition-duration: 0.8s; /* デフォルトの速度 */
  transition-timing-function: ease-out;
}

/* アニメーションの種類 */
[data-aos="fade-up"] { transform: translateY(30px); }
[data-aos="fade-down"] { transform: translateY(-30px); }
[data-aos="fade-right"] { transform: translateX(-30px); }
[data-aos="fade-left"] { transform: translateX(30px); }
[data-aos="zoom-in"] { transform: scale(0.85); }

/* 画面内に入って発火した状態（元の位置・不透明に戻る） */
[data-aos].aos-animate {
  opacity: 1 !important;
  transform: translate(0) scale(1) !important;
}