@charset "utf-8";
/**
 * style.css
 */

@media only screen and (max-width:991px) {}
@media only screen and (max-width:767px) {}

/* logo
--------------------------------------------------*/
.logo {
	margin-bottom: 20px;
	text-align: center;
}


/* ttl01
--------------------------------------------------*/
.ttl01 {
	margin-bottom: 15px;
	font-size: 28px;
	text-align: center;
}
@media only screen and (max-width:767px) {
	.ttl01 {
		font-size: 18px;
	}
}


/* ttl02
--------------------------------------------------*/
.ttl02 {
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.ttl02 span {
	display: inline-block;
}
@media only screen and (max-width:767px) {
	.ttl02 {
		font-size: 16px;
	}
}

/* txt01
--------------------------------------------------*/
.txt01 {
	margin-bottom: 35px;
}



/* imageList
--------------------------------------------------*/
.imageList {
	overflow: hidden;
	max-width: 664px;
	margin: 0 auto 40px;
}
.imageList ul {
	margin: -20px 0 0 -20px;
}
.imageList li {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
	width: 50%;
	padding: 20px 0 0 20px;
}
@media only screen and (max-width:767px) {
	.imageList ul {
		margin: 0;
	}
	.imageList li {
		float: none;
		width: auto;
		padding: 0;
	}
	.imageList li + li {
		margin-top: 10px;
	}
	.imageList li img {
		width: 100%;
	}
}


/* colorBox
--------------------------------------------------*/
.colorBox {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	max-width: 860px;
	margin: 0 auto;
	padding: 45px 35px 40px;
	background-color: #162131;
	border-radius: 8px;
}
.colorBox * {
	color: #fff;
}
.colorBox .texts {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
	width: 58.7%;
	padding-right: 20px;
}
.colorBox .texts dt {
	margin-bottom: 15px;
	font-size: 21px;
}
.colorBox .iamges {
	float: left;
	width: 41.3%;
}
@media only screen and (max-width:767px) {
	.colorBox {
		padding: 25px 15px 20px;
	}
	.colorBox .texts {
		float: none;
		width: auto;
		margin-bottom: 20px;
		padding-right: 0;
	}
	.colorBox .texts dt {
		font-size: 18px;
	}
	.colorBox .iamges {
		float: none;
		width: auto;
	}
}