@charset "UTF-8";

	.flex{
		display:flex;
	}
	@media (max-width: 700px) {
		#footop .contsBox{
			display:block;
		}
		#footop .contsBox .imgB{
			width:100%;
		}
		#footop .contsBox .imgB a{
			display:block;
		}
		#footop .contsBox .imgB a img{
			width:100%;
		}
	}


/*------------------------------------------------------------
/*  まんてん個別指導2026リニューアル版
/*  コース紹介共通制御CSS
/*------------------------------------------------------------*/
.ccu{

	/*------------------------------------------------------------
	  共通パーツ
	------------------------------------------------------------*/

	padding:0;

	.breadcrumbs{
		padding:10px 0;
	}

	p{
		font-size:1rem;
	}
	h1, h2, h3, h4, h5, h6, ul, li, img, table, tr, th, td, dl, dt, dd, p ,div ,a,blockquote,small,textarea{
	  font-family: 'Noto Sans JP',"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, Arial, "MS P Gothic", "MS Pゴシック", sans-serif;
	}
	.red{
		color:#de0039;
		font-weight:600;
	}
	img{
		max-width:100%;
	}

	/*------------ 見出し -------------*/
	.cmHd{
		position:relative;
        margin-bottom: 4rem;
	}
	.cmHd:after{
        content: "";
        width: 100px;
        height: 6px;
        background: #de0039;
        position: absolute;
        bottom: -20px;
        left: 0;
        right: 0;
        margin: auto;
	}
	.cmDeco{
        text-align: center;
        margin-bottom: 3rem;
	}


	/*----------- ボックス ------------*/


	/* アイコン画像付き左右ボックス */
	.pointImgFlex{
		gap:1rem 3%;
	}
	.pointImgFlex li{
		width:33%;
	}
	.pointImgFlex li .leftWrap{
        background: #eeeeee;
        padding: 20px;
        border-radius: 10px 0 0 10px;
        flex: 1;
	}
	.pointImgFlex li .leftWrap .num{
        width: 100%;
        margin: 0 auto 1rem auto;
        display: block;
	}
	.pointImgFlex li .leftWrap .deco{
        width: 100%;
        margin: 0 auto;
        display: block;
	}
	.pointImgFlex li .rightWrap{
        background: #FFF;
        padding: 20px;
        border-radius: 0 10px 10px 0;
        flex: 2;
	}
	.pointImgFlex li .rightWrap .titles{
		color: #df0039;
		font-weight: 700;
		font-size: 160%;
		line-height: 140%;
		margin-bottom: 1rem;
		min-height: 83px;
	}
	.pointImgFlex li .rightWrap .comment{
		font-size: 106%;
	}
	/* アイコン画像付き上下ボックス */

	/* 目的別連番ボックス */
	.renbanBox{
		gap:7px 2%;
		justify-content: center;
		flex-wrap: wrap;
	}
	.renbanBox li{
		box-shadow: 0 0 10px #ccc;
		width:45%;
        border-radius: 0 0 10px 10px;
        position:relative;
        margin-top: 4rem;
	}
	.renbanBox li::before{
        content: "";
        background: url(../img/content/course/common/num1.png) no-repeat;
        position: absolute;
        width: 100px;
        height: 100px;
        background-size: cover;
        left: 0;
        right: 0;
        margin: auto;
        top: -60px;
        opacity: 1;
        z-index: 0;
	}
	.renbanBox .underBox{
		padding: 1rem;
	}
	.renbanBox h3{
        background: #de0039;
        color: #FFF;
        text-align: center;
        font-size: 200%;
        padding: 40px 10px 20px 10px;
        border-radius: 5px 5px 0 0;
	}
	.renbanBox p{
		margin:0;
	}
	.renbanBox .title{
        text-align: center;
        font-weight: 600;
        font-size: 150%;
        line-height: 140%;
        padding-bottom: 1rem;
	}
	.renbanBox .chStyle{
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding: 10px 0;
        gap: 1%;
	}
	.renbanBox .chStyle .lftTitle{
        flex: 1;
        color: #de0039;
        font-weight: 700;
        font-size: 110%;
	}
	.renbanBox .chStyle .comment{
		flex:3;
        font-size: 110%;
	}
	.renbanBox .goalWrap{
		
	}
	.renbanBox .goalWrap .label{
        background: #de0039;
        color: #FFF;
        text-align: center;
        border-radius: 5px;
        margin: 20px auto 10px auto;
	}
	.renbanBox .goalWrap .title{
        color: #de0039;
        padding-bottom: 6px;
	}
	.renbanBox .goalWrap .comment{
		font-size: 110%;
		text-align: center;
	}
	.renbanBox .typeVoice{
		padding: 0 1rem 1rem 1rem;
	}
	.renbanBox .typeVoice h4{
        background: #e30038;
        color: #FFF;
        text-align: center;
        font-size: 140%;
        border-radius: 5px;
        font-weight: 500;
	}
	.renbanBox .typeVoice .innerFlex{
        gap: 0 3%;
        margin: 1rem 0;
	}
	.renbanBox .typeVoice .innerFlex .leftWrap{
		flex:1;
	}
	.renbanBox .typeVoice .innerFlex .rightWrap{
		flex:2;
	}
	.renbanBox .typeVoice .innerFlex .rightWrap .comment{
        font-size: 105%;
	}
	.renbanBox .typeVoice .innerFlex .rightWrap .status{
        font-size: 120%;
        font-weight: 500;
        text-align: right;
        margin-top: 6px;
	}
	/* col2 */
	.renbanBox li.col2 {
		h3,.goalWrap .label, .typeVoice h4{
	        background: #f09304;
		}
		.chStyle .lftTitle,.goalWrap .title{
	        color: #f09304;
		}
	}
	.renbanBox li.col2::before{
        content: "";
        background: url(../img/content/course/common/num2.png) no-repeat;
        background-size: cover;
    }
	/* col3 */
	.renbanBox li.col3 {
		h3,.goalWrap .label,.typeVoice h4{
	        background: #60cd7f;
		}
		.chStyle .lftTitle,.goalWrap .title{
	        color: #60cd7f;
		}
	}
	.renbanBox li.col3::before{
        content: "";
        background: url(../img/content/course/common/num3.png) no-repeat;
        background-size: cover;
    }
	/* col3 */
	.renbanBox li.col4 {
		h3,.goalWrap .label,.typeVoice h4{
	        background: #26bcef;
		}
		.chStyle .lftTitle,.goalWrap .title{
	        color: #26bcef;
		}
	}
	.renbanBox li.col4::before{
        content: "";
        background: url(../img/content/course/common/num4.png) no-repeat;
        background-size: cover;
    }
    /*　アイコンまたは画像ボックス */
    .iconImgBox{
        gap: 1rem 3%;
        justify-content: center;
    }
    .iconImgBox li{
        flex: 1;
        background: #FFF;
        padding: 1rem;
        border-radius: 10px;
        box-shadow: 0 0 10px #ccc;
    }
    .iconImgBox li .imgWrap{
    	min-height:120px;
    }
    .iconImgBox li img{
		width: 100px;
		display: block;
		margin: 10px auto;
    }
    .iconImgBox li h3{
        text-align: center;
        font-size: 170%;
        line-height: 130%;
        min-height: 60px;
    }
    .iconImgBox li p{
        font-size: 110%;
        margin: 10px 0;
    }

	/*　ステップ連番ボックス */
	.stepRenbanFlex{
		gap:1rem 2%;
		justify-content:center;
		flex-wrap: wrap;
	}
	.stepRenbanFlex li{
        padding: 1.5rem 2rem;
        background: #FFF;
        border-radius: 10px;
		width: 42%;
	}
	.stepRenbanFlex li .upperFlex{
		gap: 3%;
	}
	.stepRenbanFlex li .upperFlex .leftBox{
        flex: 1;
	}
	.stepRenbanFlex li .upperFlex .rightBox{
		flex: 6;
	}
	.stepRenbanFlex li .upperFlex .rightBox h3{
        font-size: 150%;
        color: #df0039;
	}
	.stepRenbanFlex li .upperFlex .rightBox p{

	}
	/*　ステップ連番サムネバージョンボックス */

	/*　連番リボンラベルボックス */
	.ribonFlex{
		flex-wrap:wrap;
		gap:2rem 4%;
		justify-content:center;
	}
	.ribonFlex li{
		width:40%;
		position:relative;
		background:#FFF;
        border-radius: 10px;
        padding:2rem;
	}
	.ribonFlex li::after{
        content: "";
        background: url(../img/content/course/j_high/new/ts1.png);
        background-size: cover;
        width: 50px;
        height: 78px;
        position: absolute;
        right: 10px;
        top: -11px;
	}
	.ribonFlex li h3{
		color: #de0039;
		font-size: 230%;
		line-height: 130%;
		margin-bottom: 1rem;
	}
	.ribonFlex li:nth-of-type(2)::after{
        content: "";
        background: url(../img/content/course/j_high/new/ts2.png);
        background-size: cover;
    }
	.ribonFlex li:nth-of-type(3)::after{
        content: "";
        background: url(../img/content/course/j_high/new/ts3.png);
        background-size: cover;
    }
	.ribonFlex li:nth-of-type(4)::after{
        content: "";
        background: url(../img/content/course/j_high/new/ts4.png);
        background-size: cover;
    }
	/*　連番リボンラベル画像付きボックス */
	.ribonThumbFlex{
		flex-wrap:wrap;
		gap:2rem 4%;
		justify-content:center;
	}
	.ribonThumbFlex li{
		width:40%;
		position:relative;
		background:#FFF;
        border-radius: 10px;
        padding:2rem;
	}
	.ribonThumbFlex li::after{
        content: "";
        background: url(../img/content/course/j_high/new/ts1.png);
        background-size: cover;
        width: 50px;
        height: 78px;
        position: absolute;
        right: 10px;
        top: -11px;
	}
	.ribonThumbFlex li h3{
		color: #de0039;
		font-size: 230%;
		line-height: 130%;
		margin-bottom: 1rem;
	}
	.ribonThumbFlex li:nth-of-type(2)::after{
        content: "";
        background: url(../img/content/course/j_high/new/ts2.png);
        background-size: cover;
    }
	.ribonThumbFlex li:nth-of-type(3)::after{
        content: "";
        background: url(../img/content/course/j_high/new/ts3.png);
        background-size: cover;
    }
	.ribonThumbFlex li:nth-of-type(4)::after{
        content: "";
        background: url(../img/content/course/j_high/new/ts4.png);
        background-size: cover;
    }


	/*------------ 金額 ---------------*/
	.numPrice{
        font-size: 1.9rem;
        font-weight: bold;
        letter-spacing: -2px;
	}
	.numPrice .bigNum{
		font-size: 230%;
	}
	.numPrice .label{
        background: #000;
        color: #FFF;
        font-size: 60%;
        padding: 6px 14px 6px 12px;
        border-radius: 7px;
        vertical-align: text-top;
	}
	.numCaution{
        font-size: 120%;
        text-align: right;
        width: 91%;
	}
	.numPrice .teigakuLabel{

	}

	/*--------- よくある質問 -----------*/
	#qa{
        background: #f9f9f9;
        padding: 1rem;
	}
	#qa h2{
		background:none;
	}
	#qa .qaContent{
        border: 1px solid #ccc;
        padding: 1.5rem;
        border-radius: 10px;
        background: #cc0038;
        margin-bottom: 1rem;
        color: #FFF;
    }
    #qa .qaContent dt{
    	padding-left:0;
        position: relative;
        font-weight: bold;
        font-size: 120%;
    }
    #qa .qaContent dt:after{
        content: "";
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 8px solid #FFF;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }
	#qa .qaContent dt:before{
		display:none;
	}
	#qa dd.close{
		display: none;
	}
	#qa .qaContent dd{
		background:none;
		border-top: 1px solid #ccc;
        padding: 1rem;
        margin: 20px 0 0 0;
	}



	/*----------- 教室紹介 ------------*/
	#df-room{

		h2{

		}
		.logoImg{
            width: 250px;
            display: block;
            margin: 1rem auto;
		}
		.bgWrap{
		    background: #de0039;
		    padding: 1rem 1rem 4rem 1rem;
		}
		h3{
			background: #FFF;
			padding: 10px;
			text-align: center;
			font-size: 160%;
			margin: 2rem 0 1rem 0;
			border-radius: 5px;
		}
		.roomFlex{

            flex-wrap: wrap;
            gap: 1rem 3%;

			li{
	            width: 44%;
	            margin: 1rem 1rem 0 1rem;
	            width: 45.5%;
			}
			.roomBox{

			    background: #FFF;
			    padding: 1rem;
			    border-radius: 5px;
			    margin: 0;

			    .logoFlex {

				    li:nth-of-type(1){
						flex: 1;
						margin: 0;
				    }
				    li:nth-of-type(2){
                        flex: 1.2;
                        font-weight: 700;
                        font-size: 270%;
                        margin: 0 0 0 20px;
				    }
				}
			    .tel{
			    	img{
					    width: 40px;
					    height: 40px;
					    vertical-align: baseline;
					    margin-right: 5px;
			    	}
			    	a{
					    color: #e10038;
					    font-weight: 800;
					    font-size: 230%;
					    line-height: 100%;
			    	}
			    }
			    .innerFlex{
					margin: 1rem 0 0 0;
					background: #ede6de;

			    	.imgWrap{
						flex: 1;
						overflow:hidden;
						position:relative;
						background: #a6a7b4;

						img{
							width: 117%;
							position:absolute;
							top:0;
							bottom:0;
							left:-40px;
							right:0;
							margin:auto;
						}
			    	}
			    	.txtWrap{
						flex: 1;

						.pr{
	                        background: #e20039;
	                        color: #FFF;
	                        padding: 1rem;
	                        position: relative;
						}
						.pr:before{
	                        content: "";
	                        position: absolute;
	                        background: #e20039;
	                        height: calc(tan(60deg)* 30px / 2);
	                        width: 15px;
	                        clip-path: polygon(0 50%, 100% 0, 100% 100%);
	                        left: -12px;
	                        top: 0;
	                        bottom: 0;
	                        margin: auto;
						}
						.adress{
							padding: 1rem;
							font-weight: 500;
						}
			    	}
			    }
			}
		}
	}
	@media (max-width: 1000px) {

		.contentWrapper{
			width:100%;
		}
		.ribonFlex li h3{
			font-size: 180%;
		}
		.iconImgBox li h3{
			font-size: 140%;
			min-height: 50px;
		}
		#df-room .roomFlex{
			justify-content:center;
		}
		#df-room .roomFlex li{
			width: 43%;
		}
		.stepRenbanFlex{
			justify-content:center;
		}
		.stepRenbanFlex li{
			width: 40%;
		}

	}
	@media (max-width: 850px) {
		#df-room .roomFlex .roomBox .logoFlex li:nth-of-type(2){
			font-size: 210%;
		}
		#df-room .roomFlex li{
			width: 44%;
		}
	}
	@media (max-width: 680px) {
		.renbanBox{
			display:block;
		}
		.renbanBox li{
			width:100%;
		}
		.ribonFlex li{
			width:90%;
		}
		.iconImgBox{
			display: block;
		}
		.iconImgBox li{
	        flex: auto;
	        width: 94%;
	        margin-bottom: 1rem;
		}
		#plan .coueseFlex{
			display:block;
		}
		#plan .coueseFlex .courseBox{
	        margin-bottom: 1rem;
		}
		.stepRenbanFlex li{
			width:90%;
		}
		#indArea ul{
			display:block;
		}
		#df-room .roomFlex li{
			width: 94%;
		}
	}
	@media (max-width: 550px) {
		.spBreak{
			display:block;
		}
		.numPrice{
			font-size: 1.8em;
		}
		.cmDeco{
	        text-align: left;
		}
		.iconImgBox li .imgWrap{
			min-height: auto;
		}
		.iconImgBox li h3{
			font-size: 170%;
		}
		.stepRenbanFlex li .upperFlex{
			margin-bottom: 1rem;
		}
		#df-room .roomFlex .roomBox .tel{
			margin-top:5px;
		}

	}
	@media (max-width: 400px) {
		.cmHd{
			font-size: 180%;
		}
		.renbanBox .chStyle .lftTitle{
			font-size: 100%;
		}
		.renbanBox .title{
			font-size: 140%;
		}
		.stepRenbanFlex li{
			padding: 1.5rem 1rem;
		}
	}

}

/*------------------------------------------------------------
/*  まんてん個別指導2026リニューアル版
/*  小学生コース(通常)
/*------------------------------------------------------------*/

#demo_elementary_school,#elementary_school{


	/*----------- mv ------------*/
	#mv{
		background:url(../img/content/course/elementary_school/2026/elMvPc.jpg) no-repeat;
		background-size:cover;
	}
	#mv .mvWrap{
        background: #ffffff;
        padding: 2rem;
        border-radius: 20px;
        box-shadow: 0 0 10px #ffffff70;
	}
	#mv .mvWrap .pr{
		background: #de0039;
		color: #FFF;
		text-align: center;
		font-size: 140%;
		border-radius: 80px;
		padding: 3px 0;
        font-weight: 600;
	}
	#mv .mvWrap .flex{
        align-items: center;
        gap: 1%;
        margin: 1rem 0;
	}
	#mv .mvWrap .flex .leftBox{
		flex:1.4;
	}
	#mv .mvWrap .flex .rightBox{
		flex:1;
	}
	#mv .mvWrap .flex .rightBox img{
		border-radius:10px;
	}
	#mv .mvWrap h2{
        line-height: 150%;
        margin: 1rem 0;
        font-size: 330%;
        position:relative;
	}
	#mv .mvWrap h2:after{
        content: "";
        background: url(../img/content/course/elementary_school/2026/fudeline.png) no-repeat;
        width: 550px;
        height: 100px;
        background-size: contain;
        left: 0;
        right: 0;
        margin: auto;
        bottom: -80px;
        opacity: 1;
        z-index:0;
	}
	#mv .mvWrap h2 .redBig{
		color:#de0039;
		display:block;
		font-size: 160%;
        position: relative;
        z-index: 1;
	}
	#mv .mvWrap .numPrice{
		color:#de0039;
		text-align:center;
		margin:1rem 0 0 0;
	}
	#mv .mvWrap .comment{
		text-align: center;
		font-weight: 500;
		font-size: 140%;
		margin: 1rem 0 0 0;
	}
	/*----------- osusume ------------*/
	#osusume{
        background: #de0039;
        padding: 3rem 1rem 4rem 1rem;
	}
	#osusume h2{
		color:#FFF;
	}
	#osusume h2.cmHd:after{
		background:#FFF;
	}
	#osusume .osusumeFlex{
        gap: 1rem 2%;
	}
	#osusume .osusumeFlex li{
        background: #FFF;
        text-align: center;
        border-radius: 10px;
        flex: 1;
        padding: 1rem;
	}
	#osusume .osusumeFlex li img{
		width: 150px;
	}
	#osusume .osusumeFlex li p{
        font-weight: 700;
        margin: 10px 0 0 0;
        font-size: 150%;
        line-height: 130%;
	}
	/*----------- type ------------*/
	#type{
		padding: 4rem 1rem;
	}
	/*----------- detail ------------*/
	#detail{
		background:#f6f7ff;
		padding:4rem 1rem;
	}
	#detail .pointWrap{
        background: #FFF;
        border-radius: 10px;
        padding: 2rem;
        gap: 1rem 3%;
	}
	#detail .pointWrap .leftWrap{
        flex: 2;
	}
	#detail .pointWrap .leftWrap h3{
		color: #de0039;
		font-size: 200%;
		margin-bottom: 10px;
	}
	#detail .pointWrap .leftWrap p{
		font-size: 130%;
		line-height: 160%;
	}
	#detail .pointWrap .rightWrap{
        flex: 1;
	}
	#detail .pointWrap .rightWrap img.mg{
		margin-bottom:8px;
	}
	/*----------- reason ------------*/
	#reason{
		background:#de0039;
		padding:4rem 1rem;
	}
	#reason h2{
		color:#FFF;
	}
	#reason .logo{
        width: 400px;
        margin: 0 auto 1rem auto;
        display: block;
	}
	/*----------- point ------------*/
	#point{
		background:#f6f7ff;
		padding:4rem 1rem;
	}
	#point .caution{
        text-align: center;
        margin: 3rem 0 0 0;
        font-size: 160%;
        font-weight: 700;
	}
	/*----------- plan ------------*/
	#plan{
		padding: 1rem;
	}
	#plan .coueseFlex{
		gap:1rem 3%;
		justify-content:center;
	}
	#plan .coueseFlex .courseBox{
		flex:1;
	}
	#plan .coueseFlex .courseBox .headWrap{
        background: #43c3bd;
        text-align: center;
        padding: 10px;
        border-radius: 10px 10px 0 0;
	}
	#plan .coueseFlex .courseBox .headWrap h3{
		color:#FFF;
        font-size: 220%;
	}
	#plan .coueseFlex .courseBox .headWrap p{
		color:#FFF;
        font-size: 140%;
	}
	#plan .coueseFlex .courseBox .txtWrap{
        border: 4px solid #43c3bd;
        padding: 1rem;
        border-radius: 0 0 10px 10px;
        min-height: 940px;
	}
	#plan .coueseFlex .courseBox .txtWrap .point{
        text-align: center;
        font-size: 160%;
        font-weight: 600;
	}
	#plan .coueseFlex .courseBox .txtWrap .priceWrap{
        background: #f2fff9;
        padding: 1rem;
        border-radius: 5px;
	}
	#plan .coueseFlex .courseBox .txtWrap .numPrice{
        font-size: 180%;
        text-align: center;
        letter-spacing: -1px;
        line-height: 140%;
        margin: 10px 0 0 0;
	}
	#plan .coueseFlex .courseBox .txtWrap .proceLabel{
	    background: #537ee2;
	    color: #FFF;
	    text-align: center;
	    border-radius: 5px;
	    font-weight: 600;
	    padding: 2px 0;
	    margin: 20px 0;
	}
	#plan .coueseFlex .courseBox .txtWrap .point{
        font-size: 180%;
        text-align: center;
	}
	#plan .coueseFlex .courseBox .cmTxt{
		margin: 10px 0;
	}
	#plan .coueseFlex .courseBox .pointUl{
		margin: 1rem 0;
	}
	#plan .coueseFlex .courseBox .pointUl li{
        position: relative;
        font-weight: bold;
        font-size: 120%;
        padding: 1px 5px 2px 25px;
	}
	#plan .coueseFlex .courseBox .pointUl li::before{
        content: "";
        background: url(../img/content/course/elementary_school/check.svg) no-repeat;
        background-size: cover;
        width: 20px;
        height: 20px;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
	}
	#plan .coueseFlex .courseBox .cautionWrap{
		background:#f6f7ff;
		padding:10px;
	}
	#plan .coueseFlex .courseBox .cautionWrap p{
		font-size: 110%;
	}
	#plan .coueseFlex .courseBox .osusumeLabel{
		background: #43c3bd;
		color: #FFF;
		text-align: center;
		padding: 6px;
		font-weight: 600;
		border-radius: 6px;
		margin: 1rem 0 6px 0;
	}
	#plan .coueseFlex .courseBox .type{
		gap: 3%;
	}
	#plan .coueseFlex .courseBox .type li{
		flex:1;
	}
	#plan .coueseFlex .courseBox:nth-of-type(2){

		.headWrap{
			background:#537ee2;
		}
		.txtWrap{
			border: 4px solid #537ee2;
		}
		.osusumeLabel{
			background:#537ee2;
		}

	}
	/*----------- flow ------------*/
	#flow{
        background: #f6f7ff;
        padding: 6rem 1rem;
	}
	/*----------- day ------------*/
	#day{
        padding: 6rem 1rem;
	}
	#day .dayFlex{
		gap:1rem 3%;
		justify-content:center;
        flex-wrap: wrap;
	}
	#day .dayFlex li{
		width:46%;
		background:#f6f7ff;
	}
	#day .dayFlex li  h3{
        background: #e30038;
        color: #FFF;
        padding: 10px;
        text-align: center;
        font-size: 150%;
        border-radius: 10px 10px 0 0;
	}
	#day .dayFlex li:nth-of-type(2)  h3{
		background: #f09304;
	}
	#day .dayFlex li:nth-of-type(3)  h3{
		background: #60cd7f;
	}
	#day .dayFlex li:nth-of-type(4)  h3{
		background: #26bcef;
	}
	#day .dayFlex li .innerFLex{
        padding: 20px;
        gap: 3%;
	}
	#day .dayFlex li .innerFLex .leftWrap{
        flex: 1;
	}
	#day .dayFlex li .innerFLex .rightWrap{
        flex: 3;
	}
	#day .dayFlex li .innerFLex .rightWrap .comment{
		
	}
	#day .dayFlex li .innerFLex .rightWrap .name{
		font-size: 170%;
		font-weight: 500;
		text-align: right;
		margin-top: 10px;
	}
	#day .dayFlex li .innerFLex .rightWrap .status{
        text-align: right;
	}


	/*----------- indArea ------------*/
	#indArea{
        background: url(../img/content/course/elementary_school/2026/indBg-red.jpg) no-repeat;
        background-size: cover;
        padding: 3rem 1rem;
	}
	#indArea h2{
        color: #FFF;
        font-size: 310%;
        border-bottom: 1px solid;
        padding-bottom: 1rem;
	}
	#indArea p{
        color: #FFF;
        text-align: center;
        font-size: 150%;
        margin-bottom: 2rem;
	}
	#indArea ul{
		gap:1rem 3%;
	}
	#indArea ul li{
		flex:1;
	}
	#indArea .caution{
		color:#FFF;
		font-size:100%;
		margin-top: 1rem;
	}
	@media (max-width: 1000px) {

		#mv .mvWrap{
			width: 87%;
			padding: 2rem 10px;
		}
		#mv .mvWrap .flex .leftBox{
			flex:2;
		}
		#mv .mvWrap h2{
			font-size: 250%;
		}
		#mv .mvWrap h2 .redBig{
			font-size: 180%;
		}

	}
	@media (max-width: 850px) {

		#mv .mvWrap .flex{
			display:block;
		}
		#osusume .osusumeFlex{
			flex-wrap:wrap;
		}
		#osusume .osusumeFlex li{
	        flex: auto;
	        width: 35%;
		}
		#detail .pointWrap{
			display:block;
		}


	}
	@media (max-width: 600px) {
		#mv .mvWrap h2:after{
			width: 359px;
			bottom: -100px;
		}
		#day .dayFlex{
			display:block;
		}
		#day .dayFlex li{
			width: 100%;
			margin-bottom: 1rem;
		}
		#reason .logo{
			width: 340px;
		}
	}
	@media (max-width: 550px) {
		#mv .mvWrap h2{
			font-size: 220%;
		}
		#indArea h2{
			font-size: 260%;
		}
		#indArea p{
			font-size: 120%;
		}
		#plan .coueseFlex .courseBox .txtWrap{
			min-height: auto;
		}
		#plan .coueseFlex .courseBox .pointUl li{
			font-size: 150%;
		}
		.ribonFlex li{
			width: 80%;
		}
	}
	@media (max-width: 400px) {
		#mv .mvWrap .pr{
			font-size: 100%;
		}
		#mv .mvWrap h2{
			font-size: 166%;
		}
		#mv .mvWrap .comment{
			font-size: 110%;
		}
		#point .caution{
			font-size: 128%;
		}
		#day{
			padding: 3rem 1rem;
		}
		#indArea h2{
			font-size: 220%;
		}
		#indArea .caution{
			font-size: 90%;
		}

	}
}




/*------------------------------------------------------------
/*  まんてん個別指導2026リニューアル版
/*  小学生コース(プラス)
/*------------------------------------------------------------*/

#demo_plus_elementary_school,#plus_elementary_school{


	.cmHd{
		font-size: 230%;
		text-align: center;
	}

	/*----------- mv ------------*/
	#mv{
		background:url(../img/content/course/elementary_school/2026/pluMvPc.jpg) no-repeat;
		background-size:cover;
		padding: 3rem 0;
	}
	#mv .mvWrap{
        background: #ffffff;
        padding: 2rem;
        border-radius: 20px;
        box-shadow: 0 0 10px #ffffff70;
	}
	#mv .mvWrap .logoImg{
        width: 400px;
        margin: 1rem auto;
        display: block;
	}
	#mv .mvWrap .pr{
		background: #370084;
		color: #FFF;
		text-align: center;
		font-size: 140%;
		border-radius: 80px;
		padding: 3px 0;
        font-weight: 600;
	}
	#mv .mvWrap .flex{
        align-items: center;
        gap: 1%;
        margin: 1rem 0;
	}
	#mv .mvWrap .flex .leftBox{
		flex:1.4;
	}
	#mv .mvWrap .flex .rightBox{
		flex:1;
	}
	#mv .mvWrap .flex .rightBox img{
		border-radius:10px;
	}
	#mv .mvWrap h2{
        line-height: 150%;
        margin: 1rem 0;
        font-size: 330%;
        position:relative;
	}
	#mv .mvWrap h2:after{
        content: "";
        background: url(../img/content/course/elementary_school/2026/fudeline.png) no-repeat;
        position:absolute;
        width: 550px;
        height: 100px;
        background-size: contain;
        left: 0;
        right: 0;
        margin: auto;
        bottom: -80px;
        opacity: 1;
        z-index:0;
	}
	#mv .mvWrap h2 .redBig{
		color:#de0039;
		display:block;
		font-size: 160%;
        position: relative;
        z-index: 1;
	}
	#mv .mvWrap .numPrice{
		color:#de0039;
		text-align:center;
		margin:1rem 0 0 0;
	}
	#mv .mvWrap .comment{
		text-align: center;
		font-weight: 500;
		font-size: 140%;
		margin: 1rem 0 0 0;
	}
	#mv .mvWrap .spType{
		display:none;
	}
	/*----------- mantenTime ------------*/
	#mantenTime{
		background: #dd0039;
		padding: 2rem 1rem;
	}
	#mantenTime img{
        max-width: 700px;
        margin: 0 auto;
        display: block;
	}
	/*----------- intro ------------*/
	#intro{
		background: #370084;
		padding:4rem 1rem;
	}
	#intro .cmHd{
		color:#FFF;
	}
	#intro .cmHd.cmHd:after{
		background:#FFF;
	}
	/*----------- type ------------*/
	#type{
		padding: 4rem 1rem;
	}
	#type .pcBreak{
		display:block;
	}
	/*----------- flow ------------*/
	#flow{
		background:#f6f7ff;
		padding:4rem 1rem;
	}
	#flow .stepRenbanFlex li.start{
		position:relative;
	}
	#flow .stepRenbanFlex li.start i{
		background: #df0039;
        color: #FFF;
        font-style: normal;
        font-size: 130%;
        font-weight: 700;
        width: 80%;
        display: block;
        text-align: center;
        border-radius: 3px;
        position: absolute;
        top: -10px;
        left: 0;
	}
	#flow .stepRenbanFlex li.start .leftBox,#flow .stepRenbanFlex li.goal .leftBox{
		flex:1;
	}
	#flow .stepRenbanFlex li.start .rightBox,#flow .stepRenbanFlex li.goal .rightBox{
		flex:2;	
	}
	#flow .mantemtime{
        background: #e30038;
        position: relative;
        padding: 1rem;
        border-radius: 10px;
        margin: 3rem 0;
	}
	#flow .mantemtime i{
        font-style: normal;
        color: #e30038;
        background: #ffe337;
        font-size: 200%;
        font-weight: 600;
        padding: 5px;
        border: 4px solid #e30038;
        border-radius: 15px;
        left: 0;
        right: 0;
        top: -2rem;
        margin: auto;
        position: absolute;
        text-align: center;
        width: 50%;
	}
	#flow .mantemtime .flex{
		align-items: center;
		gap:1rem 3%;
	}
	#flow .mantemtime .leftBox{
		margin:0 auto;
		flex:1;
	}
	#flow .mantemtime h3{
        background: #FFF;
        text-align: center;
        font-size: 200%;
        margin: 0;
        color: #e30039;
	}
	#flow .mantemtime img{
		margin:1rem auto 0 auto;
		display:block;
	}
	#flow .mantemtime .rightBox{
		flex:3;
	}
	#flow .mantemtime .comment{
		color: #FFF;
		font-size: 160%;
	}
	#flow .mantemtime .muryo{
		text-align: center;
        color: #e30038;
        background: #ffe337;
        font-size: 200%;
        font-weight: 600;
        padding: 5px;
        border: 4px solid #e30038;
        border-radius: 80px;
        margin: 18px 0;
	}
	/*----------- point ------------*/
	#point{
		background:#370084;
		padding:4rem 1rem;
	}
	#point .logo{
        width: 400px;
        margin: 0 auto 1rem auto;
        display: block;
        background: #FFF;
        padding: 10px;
	}
	#point .cmHd{
		color:#FFF;
	}
	#point .cmHd.cmHd:after{
		background:#FFF;
	}
	#point .ribonFlex li h3{
		font-size: 200%;
	}
	#point .hogosyasamahe{
        background: #e30038;
        padding: 2rem;
        margin: 3rem auto;
        width: 90%;
        border-radius: 10px;
        border: 4px solid #FFF;
        position:relative;
	}
	#point .hogosyasamahe p.label{
        background: #e30038;
        color: #FFF;
        text-align: center;
        border: 4px solid #FFF;
        border-radius: 80px;
        padding: 10px;
        font-size: 180%;
        font-weight: 500;
        position: absolute;
        left: 0;
        right: 0;
        top: -36px;
        width: 80%;
        margin: auto;
	}
	#point .hogosyasamahe h3{
		text-align: center;
		color: #FFF;
		font-size: 280%;
		line-height: 130%;
		border-bottom: 1px solid;
		padding-bottom: 10px;
		margin-top: 10px;
	}
	#point .hogosyasamahe .comment{
        color: #FFF;
        text-align: center;
        font-size: 140%;
        margin: 1rem 0;
	}
	#point .hogosyasamahe a{
        display: block;
        width: 50%;
        margin: 0 auto;
	}
	/*----------- plan ------------*/
	#plan{
		padding: 4rem 1rem;
	}
	#plan .planFlex{
		gap:1rem 3%;
	}
	#plan .planFlex li:nth-of-type(1){
		flex:1.5;
	}
	#plan .planFlex li:nth-of-type(2){
		flex:1;
	}

	/*----------- reason ------------*/
	#reason{
		background: #f6f7ff;
		padding: 4rem 1rem;
	}
	#reason h3{
		text-align:center;
		color:#333333;
        margin: 6px 0;
	}

	/*----------- indArea ------------*/
	#indArea{
        background: url(../img/content/course/elementary_school/2026/plus-indBg.jpg) no-repeat;
        background-size: cover;
        padding: 3rem 1rem;
	}
	#indArea h2{
        color: #FFF;
        font-size: 310%;
        border-bottom: 1px solid;
        padding-bottom: 1rem;
        text-align:center;
	}
	#indArea p{
        color: #FFF;
        text-align: center;
        font-size: 150%;
        margin-bottom: 2rem;
	}
	#indArea ul{
		gap:1rem 3%;
	}
	#indArea ul li{
		flex:1;
	}
	#indArea .caution{
		color:#FFF;
		font-size:100%;
		margin-top: 1rem;
	}
	@media (max-width: 1000px) {

		#mv .mvWrap{
			width: 87%;
			padding: 2rem 10px;
		}
		#mv .mvWrap .flex .leftBox{
			flex:2;
		}
		#mv .mvWrap h2{
			font-size: 250%;
            text-align: center;
		}
		#mv .mvWrap h2 .redBig{
			font-size: 180%;
		}

	}
	@media (max-width: 850px) {


		#mv .mvWrap .flex{
			display:block;
		}
		#mantenTime img{
			max-width:100%;
		}
		#detail .pointWrap{
			display:block;
		}
		#intro .pointImgFlex{
			display:block;
		}
		#intro .pointImgFlex li{
			width:100%;
			margin-bottom:1rem;
		}
		#flow .mantemtime{
	        padding: 2rem;
		}
		#flow .mantemtime .comment{
			margin:10px 0;
		}
		.ribonThumbFlex li{
			width:100%;
		}
		#plan .planFlex{
			display:block;
		}
		#plan .planFlex p{
			margin-bottom:1rem;
		}
		#flow .mantemtime .flex{
			display:block;
		}
		.pointImgFlex li .rightWrap{
			flex: 8;
		}
		.pointImgFlex li .rightWrap .titles{
			min-height: auto;
		}

	}
	@media (max-width: 600px) {
		#mv .mvWrap h2:after{
			width: 359px;
			bottom: -100px;
		}
		#reason .logo{
			width: 340px;
		}
	}
	@media (max-width: 550px) {
		#mv .mvWrap .pcType{
			display:none;
		}
		#mv .mvWrap .spType{
			display:block;
		}
		#mv .mvWrap h2{
			font-size: 220%;
		}
		#indArea h2{
			font-size: 260%;
		}
		#indArea p{
			font-size: 120%;
			margin: 1rem 0;
		}
		.ribonFlex li{
			width: 80%;
		}
		#point .logo{
	        width: 250px;
		}
		#point .ribonFlex li h3{
			font-size: 143%;
		}
		#point .ribonFlex li p{
		    font-size: 100%;
		    margin-bottom: 10px;
		}
		#point .hogosyasamahe{
			width: 80%;
		}
		#point .hogosyasamahe h3{
			font-size: 210%;
		}
		#point .hogosyasamahe .comment{
			font-size: 110%;
		}
		#point .hogosyasamahe a{
			width:100%;
		}
		#reason h3{
			font-size: 170%;
		}
		#indArea{
			padding:3rem 1rem;
		}
	}
	@media (max-width: 400px) {
		#mv .mvWrap .pr{
			font-size: 100%;
		}
		#mv .mvWrap h2{
			font-size: 166%;
		}
		#mv .mvWrap .comment{
			font-size: 110%;
		}
		#mv .mvWrap .numPrice{
			font-size: 140%;
		}
		#indArea h2{
			font-size: 220%;
		}
		#indArea .caution{
			font-size: 90%;
		}

	}
}