@charset "utf-8";
/* CSS Document */
.br1024{display:block}
.brnone1024{display:none}

/* マスターコースベースカラー  */
.redBox{background: #3f200b;text-align: center;-webkit-transform: skewX(-20deg);-ms-transform: skewX(-20deg);transform: skewX(-20deg);}
.redBox h2{-webkit-transform: skewX(20deg);-ms-transform: skewX(20deg);transform: skewX(20deg);min-height: 200px;position: relative;margin: auto;}
.redBox h2 img{position: absolute;right: 0;left: 0;margin:auto;top: 0;bottom: 0;}

/* youtube関連*/
.customInner .youtube_container960{
	margin: 14em auto 5em;
	position:relative;
}
#comparisonSec.customInner .youtube_container960:after{content:"";position:absolute;width: 524px;height: 211px;right: -50px;top: -190px;background-repeat: no-repeat;background-size: contain;}
#comparisonSec.customInner .youtube_container960:after{background-image: url(../images/img_master05.png);}

.commonBelt h2.pointImg{
	position: relative;
	margin: auto;
	display: inline-block;
}
.commonBelt h2.pointImg::before{
	content: "";
	position: absolute;
	background-image: url(../images/img_lp12.png);
	width: 168px;
	height: 196px;
	display: inline-block;
	left: -183px;
	top: 0;
	bottom: 0;
	margin: auto;
}

/* 見出し*/
#courceSec{
    background-image: url("../images/custom/img_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    margin-top: 90px;
    padding: 8em 0 4em;
}
#courceSec .custom_TtlBox{
    max-width: 1080px;
    margin: auto;
    text-align: center;
}
#courceSec .custom_TtlBox h2{font-weight:bold;position: relative;margin-bottom: 1.7em;}
#courceSec .custom_TtlBox h2 span{font-size: 50%;letter-spacing: 0.1em;}

#courceSec .custom_TtlBox h2:before,
#courceSec .custom_TtlBox h2:after{
	content:"";
	position:absolute;
	width:992px;
	height:46px;
	right:0;
	left:0;
	margin:auto;
	background-image:url("../images/custom/img_01.png");
}
#courceSec .custom_TtlBox h2:before{top:-0.8em}
#courceSec .custom_TtlBox h2:after{bottom: -1em;}

#courceSec #customSecBox{
    max-width: 1420px;
    margin: auto;
}
#courceSec #customSecBox .customInner{
    display: flex;
    max-width: 100%;
    justify-content: space-between;
    margin: 8em auto 2em;
}
#courceSec #customSecBox .customInner .customList{
    background: #fff;
    color: #000;
    width: 23%;
    padding-top: 6em;
    padding-bottom: 2em;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    flex: auto;
    margin: 0 1%;
}
#courceSec #customSecBox .customInner .customList h3{
    border-top: 1px solid;
    padding: 0.9em 0;
    width: 100%;
    font-size: 24px;
    position: relative;
}

#courceSec #customSecBox .customInner .customList p{
    width: 95%;
    margin: auto;
    font-size: 1.2em;
}

#courceSec #customSecBox .customInner .customList:before{
	content:"";
	position: absolute;
	width:230px;
	height:150px;
	top:-60px;
	right:0;left:0;
	margin:auto;
}
#courceSec #customSecBox .customInner .customList.list_one:before{background-image:url("../images/custom/img_icon01.png")}
#courceSec #customSecBox .customInner .customList.list_two:before{background-image:url("../images/custom/img_icon02.png")}
#courceSec #customSecBox .customInner .customList.list_three:before{background-image:url("../images/custom/img_icon03.png")}
#courceSec #customSecBox .customInner .customList.list_four:before{background-image:url("../images/custom/img_icon04.png");}


/* カスタムメイドコースとは*/
#introduceSec .introduceInner .introduceTxt{
    width: 90%;
    margin: auto;
    color: #000;
    font-size: 20px;
    padding-bottom: 3em;
}
#introduceSec .introduceInner .introduceTxt:after{content:none;}
#introduceSec .customSec{width:100%;padding: 0;}

#introduceSec .osusumeBox{color:#fff;padding: 2em;}
#introduceSec .osusumeBox ul{display: block;width: 60%;margin: auto;}
#introduceSec .osusumeBox li{
    padding: 0.2em 0;
    width: auto;
    margin: auto;
}
#introduceSec .osusumeBox li img{
    padding: 0 0.3em 0.4em 0;
    width: auto;
    height: 1.6em;
}
#introduceSec .customBox{border: 1px solid #3f200b;}
#introduceSec .customBox dt{margin: 2em auto;}
#introduceSec .customBox h3{color: #911D22;margin: 0.5em auto;}
#introduceSec .customBox img{width: auto;}
#introduceSec .customBox .osusumeBox{background: #3f200b;}
#introduceSec .consultationBtn{margin:4em auto 2em;}

#introduceSec .courceLink ul{width: 100%;}
#introduceSec .courceLink li{width: 100%;text-align: center;position: relative;}
#introduceSec .courceLink li a{width: 100%;display: inline-block;color: #fff;background: #183264;font-size: 23px;font-weight: bold;padding: 1.5em 0 2em;border-right: 1px solid;}

#introduceSec .courceLink li:last-child a{border-right: none;}
#introduceSec .courceLink li a:hover{background: #17336a;}
#introduceSec .courceLink li a:after{
    content: '';
    width: 12px;
    height: 12px;
    border: 0;
    border-bottom: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    bottom: 23%;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: -6px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
#introduceSec .customBox .courceLink li a{background: #3f200b;}

/* カスタマイズコース詳細・特徴*/
#detailsSec{}
#detailsSec .detailsInner .flowBox{
    max-width: 1320px;
    margin: auto;
    width: 100%;
}
#detailsSec .detailsInner .flowBox h2{
    padding: 2em 0;
    margin: 3em 0 5em;
    border-top: 5px solid;
    border-bottom: 5px solid;
}
#detailsSec .detailsInner .flowBox h3{
    background: #3f200b;
    color:#fff;
    padding: 0.5em 0;
    position:relative;
    margin-bottom: 2em;
}
#detailsSec .detailsInner .flowBox h3:before,
#detailsSec .detailsInner .flowBox h3:after{
	content:"";
	position:absolute;
}
#detailsSec .detailsInner .flowBox h3:before{
	width:186px;
	height:54px;
	left:5%;
	top:0;
	bottom:0;
	margin:auto;
}
#detailsSec .detailsInner .flowBox h3.step2:before{background-image:url("../images/custom/img_txt11.png")}
#detailsSec .detailsInner .flowBox h3.step3:before{background-image:url("../images/custom/img_txt13.png")}
#detailsSec .detailsInner .flowBox h3.step4:before{background-image:url("../images/custom/img_txt15.png")}

#detailsSec .detailsInner .flowBox h3:after{
	width:230px;
	height:150px;
	right:1%;
	top:0;
	bottom:3.2em;
	margin:auto;
}
#detailsSec .detailsInner .flowBox h3.step2:after{background-image:url("../images/custom/img_icon01.png")}
#detailsSec .detailsInner .flowBox h3.step3:after{background-image:url("../images/custom/img_icon02.png")}
#detailsSec .detailsInner .flowBox h3.step4:after{background-image:url("../images/custom/img_icon04.png")}


#detailsSec .detailsInner .flowBox h3 img{padding:10px 0;margin: auto;}
#detailsSec .detailsInner .flowBox p{margin: 1.3em auto 3em;max-width: 95%;font-size: 20px;font-weight: bold;}
#detailsSec .detailsInner .flowBox span{font-weight: bold;}


/* 他コースとの比較*/
#comparisonSec{}
#comparisonSec table tr{font-size: 22px;}
#comparisonSec table td{
    font-weight: bold;
    line-height: 1.4em;
    text-align: center;
    padding: 0.8em;
    border: 2px solid #f4f4f4;
}
#comparisonSec table td:last-child{width: 50%;text-align: left;}
#comparisonSec table tr.table_headline td{
    background: #f4f4f4;
    text-align: center;
    padding: 1em;
    font-size: 1.2em;
}
#comparisonSec table tr.table_customize td{background: #fdefec;}

/* カスタマイズコース 3つのポイント*/
#popularitySec .redBox h2 {position: relative;}
#popularitySec .redBox h2:before {content:""; position: absolute;margin:auto;top:0;bottom:0;left:10%;width:132px;height:132px;}
#popularitySec #point1.redBox h2:before {background-image:url("../images/img_cource06.png");}
#popularitySec #point2.redBox h2:before {background-image:url("../images/img_cource07.png")}
#popularitySec #point3.redBox h2:before {background-image:url("../images/img_cource08.png")}


#popularitySec .pointLinkBox{margin: 3em auto 5em;}
#popularitySec .pointLinkBox ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; width: 100%;}
#popularitySec .pointLinkBox ul.brnone1024{display:none}
#popularitySec .pointLinkBox li{ position: relative; border-left: 1px dashed; text-align: center;width: 100%;}
#popularitySec .pointLinkBox li:after{
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-bottom: solid 2px #333;
    border-right: solid 2px #333;
    position: absolute;
    bottom: 10%;
    left: 0;
    right:0;
    margin:auto;
    margin-top: -6px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


#popularitySec .pointLinkBox li:last-child{border-right: 1px dashed;}
#popularitySec .pointLinkBox li a{display: inline-block; background: #f3f3f3; padding: 1.5em 0 1.5em; margin: 0 2%; color:#000; width: 95%;font-size: 33px; font-weight: bold; line-height: 1.3em;}
#popularitySec .pointLinkBox .br1024 li:first-child a{ line-height: 2.6em;}
#popularitySec .pointLinkBox li a:hover{background: #f9f9f9; -webkit-filter:brightness(1); filter:brightness(1)}
#popularitySec .pointLinkBox li a img{display:block;margin: 0 auto 1em;}
#popularitySec .pointLinkBox li a .pointLinkTxt{height: 2.3em;display: block;}
#popularitySec .pointLinkBox li a .pointLinkTxt.br_line{display: inline-flex;}
#popularitySec ul.sec04_point_flex {margin: 2em auto 3em;}
#popularitySec.customInner .youtube_container960{margin: 2em auto 5em;}
#popularitySec .commonPointInner h3{text-align:center;margin-bottom: 1em;padding-bottom: 0.5em;border-bottom: 3px solid #012e73;position: relative;}
#popularitySec .commonPointInner h3.icon01:after,
#popularitySec .commonPointInner h3.icon02:after,
#popularitySec .commonPointInner h3.icon03:after{content: "";width: 76px;height: 56px;position: absolute;top: 0;bottom: 1em;margin: auto;right: calc(16% - 132px);background-size: contain;}
#popularitySec .commonPointInner h3.icon01:after{background-image: url(../images/custom/img_cource20.png);}
#popularitySec .commonPointInner h3.icon02:after{background-image: url(../images/img_cource14.png);}
#popularitySec .commonPointInner h3.icon03:after{background-image: url(../images/img_cource15.png);}
#popularitySec .commonPointInner .flex_box{margin: auto 5%;}
#popularitySec .commonPointInner .flex_box .flex_48 span{display: block;margin: 0.5em auto;text-align: center;}

#popularitySec .commonPoint .commonPointInner{margin: 1em auto 4em;}
#popularitySec .map_span{display: flex;}


/* 入学までの流れ*/
#flowSec{background:#fdf6ee;padding-bottom: 1em;}
#flowSec .flowInner h2{
    background: #3f200b;
    font-weight: bold;
    color: #fff;
    padding: 0.8em 0;
    position: relative;
}
#flowSec .flowInner h2:before{
    content:"";
	position: absolute;
	width:134px;
	height:134px;
	margin:auto;
	top:0;
	bottom:0;
	left:10%
}
#flowSec .flowInner h2.step1:before{background-image:url("../images/custom/img_icon05.png")}
#flowSec .flowInner h2.step2:before{background-image:url("../images/custom/img_icon06.png")}
#flowSec .flowInner h2.step3:before{background-image:url("../images/custom/img_icon07.png")}
#flowSec .flowInner h2.step4:before{background-image:url("../images/custom/img_icon08.png")}
#flowSec .flowBox p{
    font-weight: bold;
    line-height: 1.5em;
    margin: 2em auto 10em;
    position: relative;
    font-size: 20px;
}
#flowSec .flowBox p:after{
    content:"";
    position:absolute;
    width:0;
    height:0;
    border-style:solid;
    border-width: 50px 150px 0 150px;
    border-color: #3f200b transparent transparent transparent;
    left:0;
    right:0;
    bottom: -6em;
    margin:auto;
}


/* 受講された方の声*/
#voiceSec{}
#voiceSec .voiceSecInner .read {max-width: 500px; margin-right: auto;margin-left: auto;position: relative;}
#voiceSec .voiceSecInner .read label {text-align: center;width: 100%;height: 200px;bottom: 0;left: 0;position: absolute;z-index: 1;cursor: pointer;}
#voiceSec .voiceSecInner .read label:after {content: ' もっと見る+';z-index: 2;width: 100%;max-width: 300px;padding: 10px;color: #777;border-radius: 30px;position: absolute;bottom: -60px;left: 50%;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);}
#voiceSec .voiceSecInner .read input:checked + label {height: 0px;}
#voiceSec .voiceSecInner .read input:checked + label:after {content: ' 閉じる';}
#voiceSec .voiceSecInner .read input {display: none;}
#voiceSec .voiceSecInner .read__content {overflow: hidden;height: 160px;}
#voiceSec .voiceSecInner .read input:checked ~ .read__content {height: auto;}

#voiceSec .voiceSecInner .voiceBox p{max-width: 450px;margin: 0.5em auto 0.5em;font-size: 15px;text-align:left;line-height: 1.6em;}
#voiceSec .voiceSecInner .voiceBox img{max-width:190px;}
#voiceSec .voiceSecInner .voiceBox.voiceSec_left{width: 50%;padding: 0 2.5% 5%;text-align: center;border-right: 1px solid #2a2f35;}
#voiceSec .voiceSecInner .voiceBox.voiceSec_right{width:50%;text-align:center;padding: 0 2.5% 5%;}
#voiceSec .voiceSecInner .voiceBox.voiceSec_right p{font-size: 34px;}
#voiceSec .voiceSecInner .voiceBox.voiceSec_right p.voiceTtl{text-align:center}
#voiceSec .voiceSecInner .voiceBox.voiceSec_right p.text_13{font-size: 16px;margin-bottom: 15px;}
#voiceSec .voiceSecInner .voiceBox.voiceSec_right img{max-width: 450px;}
#voiceSec .voiceSecInner .voiceBox.voiceSec_left p.blue_1b2861{text-align:center;margin: 1em auto 1.2em;font-size: 22px;}


/*よくある質問*/
#faqBox{}
#faqBox .consultationBtn {margin: 4em auto 6em;}
#faqBox .blueListBox{
    display: flex;
    margin: auto;
    width: 960px;
    justify-content: space-around;
}
#faqBox .blueListBox .blueListTxt{width: 48%;text-align: center;}
#faqBox .blueListBox .blueListTxt a{
    background: #1c2960;
    color: #fff;
    padding: 5% 0;
    display: inline-block;
    width: 100%;
	font-weight:bold;
}



@media only screen and (max-width: 1340px) {
	/* カスタマイズコース詳細・特徴*/
	#detailsSec .detailsInner .flowBox h3:before{background-repeat: no-repeat;width: 11vw;background-size: contain;background-position: center;}
	#detailsSec .detailsInner .flowBox h3:after{width: 16vw;top: 1vw;background-position: center;background-size: contain;background-repeat: no-repeat;}
	#detailsSec .detailsInner .flowBox h3 img{width: 53vw;}
}


@media only screen and (max-width: 1280px) {
/* 見出し*/
#courceSec .custom_TtlBox h2{margin-bottom: 1.1em;}
#courceSec .custom_TtlBox h2:before,
#courceSec .custom_TtlBox h2:after{
    width: 90vw;
    height: 4.6vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
}
#courceSec .custom_TtlBox h2:before{top: -0.7em;}
#courceSec .custom_TtlBox h2:after{bottom: -0.9em;}

#courceSec #customSecBox{max-width: 1080px;width: 90%;}
#courceSec #customSecBox .customInner{margin-top: 6em;}
#courceSec #customSecBox .customInner .customList h3 img{max-width: 95%;height: auto;}

#courceSec #customSecBox .customInner .customList p{font-size: 1.1em;letter-spacing: 0em;}

#courceSec #customSecBox .customInner .customList:before{
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-y: bottom;
    width: 95%;
}

/* カスタマイズコース詳細・特徴*/
#detailsSec .detailsImage img{width: 100%;height: auto;}
#detailsSec .detailsInner .flowBox h2{text-align: center;}
	
/* 他コースとの比較*/
#comparisonSec .tableBoxInner{overflow: scroll;width: 90%;margin: 2em auto;}
#comparisonSec table{overflow-x: scroll;width: 1280px;}
	
/* カスタマイズコース 3つのポイント*/
#popularitySec .redBox h2:before {
    left: 5%;
    width: 95px;
    height: 95px;
    background-size: cover;
    background-repeat: no-repeat;
}
#popularitySec .commonPointInner h3{padding-top: 1em;}
#popularitySec .commonPointInner h3.icon01:after,
#popularitySec .commonPointInner h3.icon02:after,
#popularitySec .commonPointInner h3.icon03:after{
    right: 5%;
    margin: auto;
    top: 0;
    bottom: 0;
}

/* 受講された方の声*/
#voiceSec .voiceSecInner .voiceBox.voiceSec_right img{width: 100%;height: auto;}

/*よくある質問*/
#faqBox .blueListBox{width: 100%;}	
	
}


@media only screen and (max-width: 1024px) {
.br1024{display:none}
.brnone1024{display:block}

.commonBelt h2.pointImg{position: initial;}
/* マスターコースベースカラー  */
.redBox{margin-top: 140px;transform: skewX(0deg);}
.redBox h2{-webkit-transform: skewX(0deg);-ms-transform: skewX(20deg);transform: skewX(20deg);min-height: initial;padding: 2em;position: relative;}
.redBox h2 img{width: 80%;}

/* youtube関連*/
.customInner .youtube_container960{max-width: 80%;margin-top: 24vw;width: 80%;}
#comparisonSec.customInner .youtube_container960:after{width: 70%;top: -41%;right: -9%;}

	/* 見出し*/
#courceSec #customSecBox .customInner{flex-wrap: wrap;margin-top: 4em;}
#courceSec #customSecBox .customInner .customList{width: 48%;margin-bottom: 5%;}
#courceSec #customSecBox .customInner .customList:before{width: 50%;top: -18%;}


/* カスタムメイドコースとは*/
#introduceSec .osusumeBox ul{width: 80%;}
#introduceSec .customBox .courceLink li a{font-size: 100%;}

/* カスタマイズコース詳細・特徴*/
#detailsSec .detailsInner .flowBox h3{margin-top: 9em;padding: 1.4em 0;}
#detailsSec .detailsInner .flowBox h3:before{content: none;}

#detailsSec .detailsInner .flowBox h3:after{
	top: -125%;
	width: 230px;
	right: 0;
	left: 0;
	background-position-y: bottom;
}
#detailsSec .detailsInner .flowBox h3 img{width: 60%;}


/* 他コースとの比較*/
#comparisonSec table td{font-size: 16px;}

/* カスタマイズコース 3つのポイント*/
#popularitySec .commonBelt{padding: 1.5em 0;}
	
#popularitySec .redBox h2 {transform: skewX(0deg);}
#popularitySec .redBox h2 img{width: 60%;}
#popularitySec .redBox h2:before {width: 80px;height: 80px;}

#popularitySec .pointLinkBox li a{font-size: 100%;}
#popularitySec .commonPoint .commonPointInner h3 img{max-width: 60%;max-height: 44px;width: auto;}


/* 入学までの流れ*/
#flowSec .flowInner h2{text-align: center;font-size: 30px;}
#flowSec .flowInner h2:before{
    left: 2%;
    width: 110px;
    height: 110px;
    background-size: contain;
}

/* 受講された方の声*/

/*よくある質問*/
#faqBox .blueListBox{margin: 1.5em auto;}

}


@media only screen and (max-width: 740px) {
.br1024{display:none}
.brnone1024{display:block}


/* マスターコースベースカラー  */
.redBox{transform: skewX(0);margin-top: 40px;}
.redBox h2{max-width: 90%;min-height: initial;height: 100%;-webkit-transform: skewX(0);-ms-transform: skewX(0);transform: skewX(0);}
.redBox h2 img{width: 80%;bottom: 0;top: 0;/* max-height: max-content; *//* margin: 2em auto; */position: initial;/* max-width: 280px; */}

/* youtube関連*/
.customInner .youtube_container960{max-width: 80%;margin-top: 24vw;width: 80%;}
#comparisonSec.customInner .youtube_container960:after{width: 70%;top: -41%;right: -9%;}


/* 見出し*/
#courceSec .custom_TtlBox h2{margin-bottom: 1.7em;}
#courceSec .custom_TtlBox .imgTxt img{max-width: 60%;}

#courceSec .custom_TtlBox h2:before{top: -0.8em;}
#courceSec .custom_TtlBox h2:after{bottom: -1.1em;}

#courceSec #customSecBox .customInner{margin-top: 2em;}
#courceSec #customSecBox .customInner .customList{margin-top: 8%;}
#courceSec #customSecBox .customInner .customList h3 img{max-width: 80%;}

#courceSec #customSecBox .customInner .customList:before{top: -20%;width: 75%;}

/* カスタムメイドコースとは*/
#introduceSec .introduceInner .introduceTxt{font-size: 15px;}
#introduceSec .osusumeBox ul{width: 100%;}
#introduceSec .customBox img{width:90%}
#introduceSec .courceLink ul{flex-wrap: wrap;display: flex;}
#introduceSec .courceLink li{width: 50%;}
#introduceSec .customBox .courceLink li:nth-child(even) a{border-right: none;}
#introduceSec .customBox .courceLink li:nth-child(odd) a{border-right: 1px solid;}
#introduceSec .customBox .courceLink li:first-child a,
#introduceSec .customBox .courceLink li:nth-child(2) a{border-bottom: 1px solid;}
	
/* カスタマイズコース詳細・特徴*/
#detailsSec .detailsInner .detailsImage .img-fit{width:100%;}
#detailsSec .detailsInner .img-fit{width: 90%;}
#detailsSec .detailsInner .flowBox h2{
    text-align: center;
    border-top: 3px solid;
    border-bottom: 3px solid;
}
#detailsSec .detailsInner .flowBox h2 img{width: 50%;}
#detailsSec .detailsInner .flowBox h3{margin-top: 9em;padding-top: 3em;}
#detailsSec .detailsInner .flowBox h3:before{content: none;}

#detailsSec .detailsInner .flowBox h3:after{
    top: -110%;
    right: 0;
    left: 0;
    background-position-y: bottom;
}


#detailsSec .detailsInner .flowBox h3 img{width: 80%;}
#detailsSec .detailsInner .flowBox p{font-size: 16px;}


/* 他コースとの比較*/
#comparisonSec table td{font-size: 16px;}

/* カスタマイズコース 3つのポイント*/
#popularitySec .redBox h2 {padding: 2em 0;min-height: auto;}
#popularitySec .redBox h2:before {content: none;}
#popularitySec .redBox h2 img{width:80%}

#popularitySec .pointLinkBox li a{font-size: 81%;}
#popularitySec .pointLinkBox li a img{width: 70%;}
#popularitySec .pointLinkBox li a .pointLinkTxt{height: 3em;}
#popularitySec .commonPointInner h3.icon01:after,
#popularitySec .commonPointInner h3.icon02:after,
#popularitySec .commonPointInner h3.icon03:after{width: 8vw;height: 6vw;background-repeat: no-repeat;}
#popularitySec .commonPointInner .flex_box .flex_48 span{width: 60%;}



/* 入学までの流れ*/
#flowSec .commonBelt h2 img{width:60%}
#flowSec .flowInner h2{padding: 2em 5% 0.8em;}
#flowSec .flowInner h2:before{
    margin: auto;
    left: 0;
    right: 0;
    top: -100%;
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
}
#flowSec .flowBox p{width: 95%;margin: 1em auto 7em;}
#flowSec .flowBox p:after{bottom: -3.4em;}


/* 受講された方の声*/
#voiceSec .voiceSecInner .voiceBox.voiceSec_left{
    width: 100%;
    border: none;
    border-bottom: 1px solid #2a2f35;
    padding: 5% 2.5% 5%;
}
#voiceSec .voiceSecInner .voiceBox.voiceSec_right{
    width: 100%;
    padding: 5% 2.5% 5%;
}

/*よくある質問*/
#faqBox .blueListBox{margin-top: 2em;flex-wrap: wrap;}
#faqBox .blueListBox .blueListTxt{width: 100%;margin: 0.5em auto;}


}


@media only screen and (max-width: 480px) {
.redBox h2 img{width: 70%;}
/* 見出し*/
#courceSec{padding: 6em 0 2em;}
#courceSec #customSecBox .customInner{margin-top: 2em;}
#courceSec #customSecBox .customInner .customList{width: 100%;margin-top: 19%;padding: 4em 0 2em;}
#courceSec #customSecBox .customInner .customList h3 img{width: 50vw;}

#courceSec #customSecBox .customInner .customList p{font-size: 1.15em;}

#courceSec #customSecBox .customInner .customList:before{
    width: 50%;
    height: 42%;
    top: -22.5%;
}

/* カスタムメイドコースとは*/
#introduceSec .customBox .osusumeBox{padding: 5%;}


/* カスタマイズコース詳細・特徴*/
#detailsSec .detailsInner .flowBox h3{margin-top: 7em;}

#detailsSec .detailsInner .flowBox h3:after{background-size: 47vw;top: -115%;}

/* 他コースとの比較*/
#comparisonSec table{width: 201vw;}
#comparisonSec table td{font-size: 0.6em;}
#comparisonSec table tr.table_headline td{font-size: 0.9em;padding: 0.7em;}

/* カスタマイズコース 3つのポイント*/
#popularitySec .commonBelt  h2 img{width: 63%;}
#popularitySec .redBox h2 {
    padding: 1em 0;
    position: initial;
    display: block;
}
#popularitySec .redBox h2 img{width: 90%;}


#popularitySec .pointLinkBox{width: 93%;}
#popularitySec .pointLinkBox li a{font-size: 75%;}
#popularitySec .pointLinkBox li a .pointLinkTxt{letter-spacing: 0.75px;}
#popularitySec .commonPointInner h3{padding-top: 0;}
#popularitySec .commonPointInner .flex_box .flex_48 span{width: 80%;}

#popularitySec .commonPoint .commonPointInner{padding-top: 2em;margin: 1em auto 2em;}

/* 入学までの流れ*/
#flowSec .flowInner h2{padding-top: 2em;font-size: 25px;}
#flowSec .flowBox p{font-size: 16px;}
#flowSec .flowBox p:after{border-width: 33px 100px 0 100px;bottom: -2.8em;}


/* 受講された方の声*/

/*よくある質問*/


}



@media only screen and (max-width: 360px) {
/* 見出し*/

/* カスタムメイドコースとは*/

/* カスタマイズコース詳細・特徴*/

/* 他コースとの比較*/

/* カスタマイズコース 3つのポイント*/

/* 入学までの流れ*/

/* 受講された方の声*/

/*よくある質問*/

}