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


.contents{
	position: relative;
}
span.orange{
	color: #FF5800;
}
.head-con{
	padding-top: 110px;
	padding-bottom: 120px;
}
.head-con .img-box{
	margin-top: 70px;
	margin-bottom: 60px;
}
.big-ttl{
	font-size: 40px;
	text-align: center;
}
.sub-ttl{
	font-size: 21px;
}

.big-ttl2{
	font-size: 24px;
	line-height: 1.5;
	text-align: center;
}
.mes-flex{
	display: flex;
	justify-content: space-between;
}
.mes-flex .text{
	width: 59%;
}
.mes-flex .pic-box{
	width: 35.9%;
}

.bottom-con{
	padding-top: 90px;
	padding-bottom: 134px;
	background: url("../images/about/bg.jpg") no-repeat center top / cover;
}
.mes-name span{
	font-size: 21px;
}
@media print, screen and (min-width : 901px) {
.icon-list li:nth-child(6n){
	margin-right: 0;
}
.wt-box .sub-ttl{
	margin-bottom: 56px;
}
}
@media only screen and (max-width : 900px) {

	
.head-con{
	padding-top: 17vw;
	padding-bottom: 14vw;
}
.head-con .img-box{
	margin-top:6.4vw;
	margin-bottom:5.3vw;
}
.big-ttl{
	font-size: 5.6vw;
	text-align: center;
}
.sub-ttl{
	font-size: 3.7vw;
}
.mes-name span{
	font-size: 4.1vw;
}

.big-ttl2{
	font-size: 4.2vw;
	line-height: 1.5;
	text-align: center;
}
.mes-flex{
	display: block;
}
.mes-flex .text{
	width: 100%;
}
.mes-flex .pic-box{
	width: 100%;
}

.bottom-con{
	padding-top: 13vw;
	padding-bottom: 19vw;
	background: url("../images/about/bg.jpg") no-repeat center top / cover;
}
}