@charset "utf-8";
#baby .imgCol2 .clmIn{
  width: 288px;
}
#baby .btnOval._baby{
  background-color: #fa978d;
  color: #ffffff;
}
#baby .linkBlank:after {
  background-image: url(/common_2019/img/icon/icon_blank_wh.svg);
}

@media screen and (max-width: 767px) {
  #baby .imgCol2{
    width: 100%;
  }
  #baby .imgCol2 .clmIn{
    width: 45%;
  }
}

.exp{
  margin-bottom: 0;
}
.materialsLinks {
  margin-bottom: 20px;
}
.exp .materialsLinks{
  margin-bottom: 0;
}
@media screen and (min-width: 768px){
  .materialsLinks li {
    width: 100%;
    margin-right: 0;
    text-align: left;
    float: none;
  }
}
@media screen and (max-width: 767px) {
  .materialsLinks li {
    text-align: right;
  }
}

@charset "utf-8";

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

#preparation .accArea .accBtn._cont1{
	background-image: url(/common_2024/img/icon/icon_language_math.svg);
    background-size: 40px;
}
#preparation .accArea .accBtn._cont3{
	background-image: url(/gakunen/2sai/img/icn_02.png);
    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_language_math.svg);
}
#preparation .contents_wrap .layoutCol4 .item._cont2{
	background-image: url(/common_2024/img/icon/icon_pencil.svg);
}
#preparation .contents_wrap .layoutCol4 .item._cont3{
	background-image: url(/gakunen/2sai/img/icn_02.png);
	background-size: 50px;
}
#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 not screen and (max-width: 767px){
	#strength .accArea .accIn .acc_contents_wrap{
		margin-top: 36px;
	}
}
@media screen and (max-width: 767px) {
	#strength .conBlock .text_box_wrap{
		border: none;
	}
	#strength .point02 .accArea .accBtn {
		margin-top: 24px;
	}
	#strength .point02 .checkArea {
		border-top: 2px solid #F2F1E6;
	}
	#strength .checkArea {
		padding-top: 24px;
	}
}
@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;
	}
}

/* 改修 */
#preparation .acdBlock .item {
	margin-top: 40px;
}
#preparation .acdBlock .item.manga:nth-of-type(2) {
    margin-top: 0;
}
.w_pc_600 {
	width: 600px;
    margin: 0 auto;
}
.flex_box {
	display: flex;
    align-items: center;
    padding: 0 20px;
}
.flex_box.ver_txt {
	display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 20px;
}
.flex_box .flex_item {
	width: 100%;
	flex:1;
}
.flex_box .flex_item:last-of-type {
	margin: 0 0 0 20px;
}
.txt_uline {
	text-decoration: underline;
}
.txt_uline:hover {
	text-decoration: none;
}
.blankBtn.bgBlue.bk_btn {
	background-color: #FDEFEF;
}
#preparation .layoutCol4::before {
	background: url(/gakunen/2sai/img/img_04.png) no-repeat center;
	background-size: 120px;
}

@media screen and (max-width: 767px) {
    #preparation .acdBlock .item {
        margin-top: 8px;
    }
	#preparation .acdBlock .item.manga:nth-of-type(2) {
        margin-top: 8px;
	}
	.w_pc_600 {
		width: 100%;
	    margin: 0 auto;
	}
	.flex_box {
		flex-direction: column;
		padding: 0 4%;
	}
	.flex_box .flex_item:last-of-type {
		margin: 20px 0 0;
	}
	#preparation .label.manga_ttl span {
		width: 100%;
        margin: 0 auto 16px;
    }
}

/* ==========================================================================
	manga
========================================================================== */
#manga {
	background: #FDEFEF;
    padding: 72px 0;
}
#manga .cont_box {
	padding: 24px 4.7%;
	border-radius: 16px;
	background: #FFF;
	font-size: 16px;
	font-weight: 500;
}
#manga .label {
	text-align: center;
}
#manga .label span {
	display: inline-block;
	background: #00A9E0;
	border-radius: 60px;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	margin: 0 auto 24px;
	padding: 0 28px;
}
#manga h2.heading .fs_small {
	font-size: 30px;
}
.fcPink {
    color: #EB7377;
}
.only_320 {
	display: none;
}
.style_320 {
	display: inline;
}

@media screen and (max-width: 767px) {
	#manga {
	    padding: 40px 0;
	}
	#manga h2.heading .fs_small {
		font-size: 24px;
	}
}

@media screen and (max-width: 390px) {
	#manga .label span {
		font-size: 19px;
	}
	#strength .balloon01 {
		font-size: 19px;
	}
}

@media screen and (max-width: 320px) {
	#manga .label span {
		font-size: 16px;
	}
	.only_320 {
		display: block;
	}
	.style_320 {
		display: block;
		margin: 0 0 -20px;
	}
}