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

/* ************************************************************ */
/*           INTERVIEW  TOP
/* ************************************************************ */
.contents.ceo_message .main-img {
	margin-top: 40px;
}

.contents.ceo_message {
	width: 100%;
	margin: 0 0 100px;
	padding: 0;
	float: left;
	background-color: #FFF;
}

.contents.ceo_message .message {
	margin-top: 60px;
}

.contents.ceo_message .message .box {
	width: 480px;
	margin: 0;
	padding: 0;
}

.contents.ceo_message .message h2 {
	background-color: initial;
	color: #022B1C;
	width: 100%;
	font-size: 28px;
	border-left: #022B1C 15px solid;
	line-height: 50px;
	margin: 100px 0 50px;
	padding: 0 0 0 20px;
}

.contents.ceo_message .message .box .photo {
	width: 90%;
	margin: 0 5%;
}

.contents.ceo_message .message .text dl {
	width: 90%;
	margin: 203px 5% 100px;
	padding: 30px;
	float: left;
	background-color: rgba(255,255,255,0.60);
	border-radius: 20px;
	line-height: 30px;
}

.contents.ceo_message .message .text dd {
	margin: 50px  0;
	text-align: right;
	font-size: 18px;
}


/* ****************************************************************** *
        MOBILE  LAYOUT
********************************************************************* */
@media screen and (max-width:1100px) {
	.glid-50 {
		width: 100%;
	}
	.contents.ceo_message .message .box {
		width: 90%;
		margin: 0 5%;
	}
	.contents.ceo_message .message h2 { 
		font-size: 24px;
		line-height: 40px;
		margin: 70px 0 50px;
	}
	.contents.ceo_message .message .box .photo {
		width: 40%;
		margin: 0 30%;
	}
	.contents.ceo_message .message .text {
		background-size: 50vw;
		height: auto;
		padding: 0 0 100px;
	}
	.contents.ceo_message .message .text dl {
		width: 80%;
		margin: 100px 5% 100px;
		padding: 30px 5%;
	}
}

@media screen and (max-width:600px) {
	.contents.ceo_message .message h2 {
		font-size: 20px;
		line-height: 35px;
		margin: 50px 0 30px;
	}
	.contents.ceo_message .message .box .photo {
		width: 60%;
		margin: 0 20%;
	}
	.contents.ceo_message .message .text {
		background-position: center;
		background-size: 80vw;
		padding: 0 0 30px;
	}
	.contents.ceo_message .message .text dl {
		margin: 100px 5% 0;
	}
}

@media screen and (max-width:500px) {
	.contents.ceo_message .message h2 {
		font-size: 5vw;
		border-left: #022B1C 10px solid;
		line-height: 6.5vw;
		margin: 50px 0;
		padding: 0 0 0 10px;
	}
	.contents.ceo_message .message .text dl {
		margin: 0 5%;
	}
}

@media only screen and (max-width:480px){
	.contents.ceo_message {
		margin: 40px 0 100px;
	}
}