@charset "utf-8";

/* ==========================================================================
	preparation
========================================================================== */

#preparation .accArea .accBtn._cont1{
	background-image: url(/common_2024/img/icon/icon_math.svg);
    background-size: 40px;
}
#preparation .accArea .accBtn._cont2 {
	background-image: url(/common_2024/img/icon/icon_pencil.svg);
}
#preparation .accArea .accBtn._cont3{
	background-image: url(/common_2024/img/icon/icon_language.svg);
    background-size: 40px;
}
#preparation .kyozaiImgBlock .label span {
	margin-bottom: 8px;
}
#preparation .kyozaiImgBlock .label._english span {
  background: #FF5800;
}
#preparation .kyozaiImgBlock .label._language span {
  background: #69BE28;
}
#preparation .kyozaiImgBlock .item {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 2% 0 0;
}
#preparation .kyozaiImgBlock .item img{
    border: 1px solid #E2E2E2;
}
#preparation .kyozaiImgBlock .item:nth-child(3n){
	margin-right: 0;
}
#preparation .contents_wrap .layoutCol4 .item._cont1{
	background-image: url(/common_2024/img/icon/icon_leaf.svg);
}
#preparation .contents_wrap .layoutCol4 .item._cont2{
	background-image: url(/common_2024/img/icon/icon_language_math.svg);
}
#preparation .contents_wrap .layoutCol4 .item._cont3{
	background-image: url(/common_2024/img/icon/icon_pencil.svg);
}
#preparation .contents_wrap .layoutCol4 .item._cont4{
	background-image: url(/common_2024/img/icon/icon_schoolbag.svg);
}
#preparation .manga_wrap .accArea02 .accBtn02{
	padding: 24px 40px;
	background: #FFF;
	display: block;
    font-size: 18px;
    position: relative;
    font-weight: bold;
    line-height: 1.4;
}
#preparation .manga_wrap .accArea02 .accIn02{
	padding: 0;
}
@media not screen and (max-width: 767px){
	#preparation .kyozaiImgBlock .label span {
		font-size: 19px;
	}
	#preparation .accArea .layoutCol2.graph_wrap {
		margin-top: 60px;
	}
	#preparation .accArea .acc_contents_wrap {
		margin-top: 36px;
	}
}
@media screen and (max-width: 767px){
	#preparation .kyozaiImgBlock .label span {
		padding: 0 15px;
	}
	#preparation .acdBlock .kyozaiImgBlock .item {
		margin-top: 0;
	}
	#preparation .contents_wrap .layoutCol4 .item {
		padding: 70px 0 30px;
	}
	#preparation .manga_wrap .accArea02 .accBtn02:after {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		background-image: url(/common_2024/img/icon/icon_plus_bl.svg);
		background-repeat: no-repeat;
	    width: 24px;
		height: 24px;
		right: 10px;
		margin-top: -12px;
	}
	#preparation .manga_wrap .accArea02.open .accBtn02:after{
		background-image: url(/common_2024/img/icon/icon_minus_bl.svg);
	}
	#preparation .manga_wrap .accArea02 .accIn02{
		display: none;
	    padding: 15px 4%;
	}
}
@media screen and (max-width: 360px){
	#preparation .accArea .balloon01._large {
		font-size: 15px;
	}
	#preparation .kyozaiImgBlock .label span {
		font-size: 14px;
	}
}
@media screen and (max-width: 325px){
	#preparation .kyozaiImgBlock .label span {
		font-size: 13px;
	}
}

/* slider */
#preparation #kyozaiZunzun.slider_block .heading {
	font-size: 32px;
	color: #F0AB00;
}
#preparation #kyozaiZunzun.slider_block .text {
	margin-top: 0;
	padding-bottom: 10px;
	color: #1E1E1E;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 20.8px;
}
#preparation .slider_block_wrap {
	margin-top: 35px;
}
#preparation .slider_block {
	padding: 45px 0 40px;
	background: #FFF;
	border-radius: 16px;
	border: 1px solid #F0AB00;
}
#preparation .ribbonWrap .ribbon {
	padding: 7.5px 24px;
}
#preparation .ribbonWrap .ribbon::after {
	border-width: 19px;
	border-right-width: 10px;
}
#preparation .slider_block .heading {
	line-height: 24px;
	color: #00A9E0;
}
#preparation .slider_block .heading.fs_small {
	font-size: 20px;
	line-height: 20.8px;
}
#preparation .normalSliderWrap .normalSlider .inner {
	padding: 0 7px;
}
#preparation .normalSliderWrap .normalSlider .inner .text {
	font-size: 14px;
}
#preparation .slider_block .btn_wrap {
	padding: 30px 0 0;
	text-align: center;
}
#preparation .normalSliderWrap .normalSlider img {
    border: 1px solid #E2E2E2;
}
#preparation .normalSliderWrap .sImg{
    display: flex;
    align-items: center;
}
@media screen and (max-width: 767px) {
	#preparation .slider_block_wrap {
		margin-top: 25px;
	}
	#preparation .slider_block {
		padding: 45px 0 30px;
	}
	#preparation .slider_block .btn_wrap {
		padding: 18px 4.8% 0;
	}
	#preparation .normalSliderWrap{
		padding: 0 2px;
	}
	#preparation .ribbonWrap .ribbon {
		font-size: 16px;
	}
}
@media screen and (max-width: 348px) {
	#preparation .ribbonWrap .ribbon {
		font-size: 15px;
	}
}

/* ==========================================================================
	strength
========================================================================== */

@media screen and (max-width: 767px) {
	#strength .conBlock .text_box_wrap{
		border: none;
	}
}
@media screen and (max-width: 365px) {
	#strength .conBlock .item .title {
		font-size: 18px;
	}
}
@media screen and (max-width: 330px) {
	#strength .conBlock .item .title {
		font-size: 17px;
	}
}

/* ==========================================================================
	learn
========================================================================== */

@media not screen and (max-width: 767px) {
	#learn .normal_txt{
		text-align: center;
	}
}