@charset "utf-8";

.eQ01 .wrap_sub_visual::before{background:url(/sites/kugad/images/sub_visual.jpg) no-repeat center;}
.eQ02 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_19.jpg) no-repeat center;}
.eQ03 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_21.jpg) no-repeat center;}
.eQ04 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_12.jpg) no-repeat center;}
.eQ05 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_5.jpg) no-repeat center;}
.eQ06 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_22.jpg) no-repeat center;}
.eQ07 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_25.jpg) no-repeat center;}
.eQ08 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_8.jpg) no-repeat center;}
.eQ09 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_19.jpg) no-repeat center;}
.eQ010 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_22.jpg) no-repeat center;}

.imgTextA.custom01 { justify-content:space-between; }

#curriculum { display:flex; align-items:stretch; gap:20px; flex-wrap:wrap; }
#curriculum > div { border:1px solid #afafaf; border-radius:10px; padding:20px; text-align:center; flex:0 0 24%; display:flex; flex-wrap:wrap; }
#curriculum > div > div:nth-child(1) { flex:1 0 100%; color:#005128; font-family:'Dream Bold'; }
#curriculum > div > div:nth-child(2) { flex:1 0 100%; margin-top:5px; font-size:16px; color:#333; }
@media only screen and (max-width:1024px){
	#curriculum > div { flex: 1 0 32%; }
}

/* */
.wrapThum.custom01 { flex-wrap:wrap; align-items:stretch; column-gap:10px; row-gap:20px; }
.wrapThum.custom01 > li { flex: 0 0 32.3%; }
.wrapThum.custom01 > li .item { display:flex; }
.wrapThum.custom01 > li .item .itemA { flex:0 0 188px; }
.wrapThum.custom01 > li .item .itemA img { width:auto; height:100%; }
.wrapThum.custom01 > li .item .itemB { flex: 1 0 calc(100% - 188px); }
.wrapThum.custom01 > li .item { height:100%; }
@media only screen and (max-width:1200px){
	.wrapThum.custom01 > li { flex: 0 0 48.9%; }
}
@media only screen and (max-width:768px){
	.wrapThum.custom01 { flex-flow:row wrap; column-gap:0; }
	.wrapThum.custom01 > li { flex: 1 0 100%; }
	.wrapThum.custom01 > li .item { flex-wrap:wrap; }
	.wrapThum.custom01 > li .item .itemA { flex-basis:100%; text-align:center; padding:10px; }
}