@charset "UTF-8";
/* CSS Document */

/*----------------------------------------------------
	☆BOX ttl(h2~h4)
----------------------------------------------------*/
.main {
	background-color: #ffffff;
	letter-spacing: 1px;
	padding-bottom: 50px;
	
}
.main .box {
	margin-bottom: 40px;
}
.main .box:last-child {
	margin-bottom: 0;
}
.main h2 {
	font-size: 20px;
	padding: 0.5em;
	margin-bottom: 20px;
	color: #fff;
	background: #40ae43;
	padding-left: 3%;
}
.main h3 {
	color: #000;
	font-size: 36px;
	line-height:50px;
}
.m_bt{
margin-bottom:80px !important;
}
/*----------------------------------------------------
	☆
----------------------------------------------------*/
.imgArea_main{
	width: 70%;
}

.contentBox {
	display: block;
}
 .icon {
	width: 140px;
	height: 140px;
	margin-bottom: 0;
}

.box .textArea {
	width: 60%;
	padding: 0 2%;
	text-align: justify;
	text-justify: inter-ideograph;
}

.career_flex {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
  	-ms-flex-pack: distribute;
	justify-content: space-around;
}
 .icon_wr{
	width:100%;
	max-width:500px;
	margin:0 auto;
}

.imgwr{
	width:100%;
	max-width:800px;
	margin:0 auto;
}

.graph_wr{
	width:100%;
	max-width:750px;
	margin:0 auto 5%;
}

.career_flex .imgArea01{
	width:48%;
}
.career_flex .imgArea02{
	width:48%;
}

.imgArea{
	width:40%;
}

.textArea {
	width: 60%;
	padding: 0 2%;
}


.career_flex_l {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	}
.flex_end{
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	width: 90%;
    max-width: 850px;
    margin: 0 auto;
}
.career_flex_r {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
  	flex-direction: row-reverse;
}
.career_flex_r .contentBox {
	margin-right:3%;
}
.career_flex_l .contentBox {
	margin-left:3%;
}

.center_p{
	font-weight:bold;
	text-align:center;
	margin-top: 20px;
}


}


@media only screen and (max-width: 1150px) {
/*----------------------------------------------------
	☆MV
----------------------------------------------------*/
.topMv {
	margin-top: 60px;
}
}

/* for SP
-------------------------------------------------------------------------------------*/

@media only screen and (max-width: 800px) {
.main {
	letter-spacing: 0.5px;
		padding-bottom: 0;
}
.main h2 {
	font-size: 15px;
	margin-bottom: 20px;
}
.main h3 {
	font-size: 23px;
	line-height:30px;
}
.main .box {
	margin-bottom: 40px;
}
/*----------------------------------------------------
	☆SPcontentBox
----------------------------------------------------*/

}
/*----------------------------------------------------
	☆SP footer
----------------------------------------------------*/

@media only screen and (max-width: 600px) {
.imgArea_main{
	width: 80%;
}

.m_bt{
margin-bottom:50px !important;
}

.career_flex .contentBox {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	width: 100%;
}
.contentBox p{
	text-align: justify;
	text-justify: inter-ideograph;
}
 .icon {
	width: 30%;
	height:30%;
	margin-bottom: 3%;
}

.box .textArea {
	width: 100%;
	display: table-cell;
	padding: 0 2%;
	vertical-align: top;
	text-align: justify;
	text-justify: inter-ideograph;
}

.career_flex {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
  	-ms-flex-pack: distribute;
	justify-content: space-around;
}
 .icon_wr{
	width:100%;
	max-width:900px;
	margin:0 auto;
}

.career_flex .imgwr{
	width:90%;
	max-width:700px;
	margin:0 auto;
}

.career_flex .imgArea01{
	width:60%;
	height:60%;
	margin-bottom:5%;
}
.career_flex .imgArea02{
	width:60%;
	height:60%;
	margin-bottom:5%;
}

.imgArea{
	width:70%;
}
.graph{
	width:50%;
	height:50%;
	margin-bottom:7%;
}

.textArea {
	width: 95%;
	padding: 0 2%;
}


.career_flex_l {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	}
.flex_end{
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	width:100%;
	margin-top:3%;
}
.career_flex_r {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
  	flex-direction: row-reverse;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	}
.career_flex_r .contentBox {
	margin-right:0;
}
.career_flex_l .contentBox {
	margin-left:0;
}

.center_p{
	font-weight:bold;
	text-align:center;
	margin-top: 20px;
}

}