@charset "utf-8";
.ex{font-size: 1.35rem;}
.what #contents_area #contents_mv{background-image: url(../images/beginner/mv_39.jpg);}
.what .about .about_box{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	align-items: flex-start;
	justify-content:space-between;
}
.what .about .about_box > section{
	width:32.133%;
	line-height: 1.6;
}
.what .about .about_box .contentsarea_linkbox li{width: 100%;}
.what .iboji .linkbutton{
	width: 60%;
	margin-top: 10px;
}
.what .iboji .iboji_categorybox{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	align-items: flex-start;
	justify-content:space-between;
	margin: 40px auto;
}
.what .iboji .iboji_categorybox li{
	width: 49%;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 140% auto;
	padding-top: 260px;
	line-height: 1.6;
	margin-top: 25px;
}
.what .iboji .iboji_categorybox li.iboji_category01{background-image: url(../images/what/img_06_3.jpg);}
.what .iboji .iboji_categorybox li.iboji_category02{background-image: url(../images/what/img_06_4.jpg);}
.what .iboji .iboji_categorybox li.iboji_category03{background-image: url(../images/what/img_06_5.jpg);}
.what .iboji .iboji_categorybox li.iboji_category04{background-image: url(../images/what/img_06_6.jpg);}
.what .iboji .iboji_categorybox li img{display: none;}
.what .any .flex_figure {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin: 40px auto;
}
.what .any .flex_figure li {
    width: 33%;
    text-align: center;
}
@media screen and (min-width:1001px){}
@media screen and (max-width:1000px){
	.what .about .about_box{display: block;}
	.what .about .about_box > section{width:100%;}
	.what .iboji .linkbutton{width: 100%;}
	.what .iboji .iboji_categorybox li{
		padding-top: 0;
		width: 100%;
		height: auto;
		background-image: none!important;
		margin-top: 0;
		margin-bottom: 30px;
	}
	.what .iboji .iboji_categorybox li img{
		display: block;
		margin-bottom: 10px;
	}
}
@media screen and (max-width:1000px) and (min-width:641px){}
@media screen and (max-width: 640px){
	.what .about .about_box > section{margin-top: 30px;}
	.what .iboji .iboji_categorybox{margin: 0 auto 40px;}
    /*.what .any .flex_figure li {
        width: 100%;
        }
        .what .any .flex_figure li:nth-child(1) {
            margin-left: 0;
        }
        .what .any .flex_figure li:nth-child(2) {
            margin-right: 0;
        }*/
}