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

/* read_block
----------------------------------------*/
.read_block {
	color: #69432a;
	background: #ffffff;
}

.read_block p {
	font-size: 200%;
	line-height: 1.4;
}

@media only screen and (max-width: 798px) {
	
	.read_block p {
		font-size: 116%;
	}
}

/* contents 共通
----------------------------------------*/

/* 2カラム */
.col2_block {
	width: 1000px;
    margin: 0 auto;
}

.col2_block > * {
	float: left;
	width: 300px;
}

.col2_block > *:first-child {
	width: 700px;
}

.col2_block .col_box h2 {
	font-size: 538.461%;
	font-weight: 400;
	line-height: 1;
	z-index: 1;
	margin-bottom: 80px;
}

.col2_block .col_box .txt {
	width: 370px;
}

.col2_block .col_box .txt p {
	font-size: 161.6%;
	line-height: 1.4;
}

.col2_block .col_box ul li {
	font-size: 93%;
	line-height: 1.2;
	margin-bottom: 5px;
	margin-left:1.2em;
	text-indent:-1.2em;
}

.img_01 {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -545px;
	z-index: 0;
}

.img_02 {
	position: absolute;
	top: 0;
	left: 380px;
	z-index: 0;
}

.img_03 {
	margin-bottom: 25px;
}

.sub-title {
	font-size: 33%;
	display: block;
}

@media only screen and (max-width: 798px) {
	
	.col2_block {
		width: 78.125%;
	}
	
	.col2_block > *,
	.col2_block > *:first-child {
		width: 100%;
		float: none;
	}
	
	.col2_block > *:first-child {
		margin-bottom: 5%;
	}
	
	.col2_block .col_box h2 {
		font-size: 269.23%;
		margin-bottom: 6.25%;
		text-align: center;
	}
	
	.col2_block .col_box .txt {
		width: auto;
	}
	
	.col2_block .col_box .txt p {
		font-size: 116%;
	}
	
	.col2_block .col_box ul li {
		font-size: 100%;
		line-height:1.4;
	}
	
	.img_01 {
		top: 0;
		left: 0;
		margin-left: 0;
	}
	
	.img_02 {
		position: relative;
		top: 0;
		left: 0;
		display: block;
		max-width: 50%;
		margin: 0 auto 4%;
	}
	
	.img_03 {
		display: block;
		margin: 0 auto 4%;
	}
	
	.sub-title {
		font-size: 48%;
	}
}


/* contents01_block
----------------------------------------*/
.contents01_block {
	color: #69432a;
	background: #e4ad6d;
	padding: 105px 0 80px;
}

.contents01_block .col2_block .col_box h2 {
	margin-top: 60px;
}

.contents01_block .img_02 {
	top: -45px;
}

.contents01_block .img_01 {
	margin-left: -575px;
}

@media only screen and (max-width: 798px) {
	.contents01_block {
		padding: 15.625% 0 10%;
	}
	
	.contents01_block .col2_block .col_box h2 {
		margin-top: 0;
	}
	
	.contents01_block .img_01 {
		max-width: 45%;
	}
	
	.contents01_block .img_02 {
		top: 0;
	}

}

/* contents02_block
----------------------------------------*/
.contents02_block {
	color: #ffffff;
	background: #4d71a4;
	padding: 105px 0 60px;
}

.contents02_block .col2_block .col_box h2 {
	margin-top: 70px;
	line-height: 1.2;
}

.contents02_block .img_02 {
	top: 125px;
}

@media only screen and (max-width: 798px) {
	.contents02_block {
		padding: 15.625% 0 10%;
	}

	.contents02_block .col2_block .col_box h2 {
		margin-top: 0;
	}

	.contents02_block .img_01 {
		max-width: 60%;
	}
	
	.contents02_block .img_02 {
		top: 0;
	}
.contents02_block .col2_block .col_box h2 {
	line-height: 1;
	}
}

/* contents03
----------------------------------------*/
.contents03_block {
	color: #ffffff;
	background: #8fc6cf;
	padding: 30px 0 25px;
}

.contents03_block .col2_block .col_box h2 {
	margin-top: 135px;
}

.contents03_block .img_02 {
	top: 230px;
}

.contents03_block .img_03 {
	max-width: none;
	margin-left: -10px;
}

@media only screen and (max-width: 798px) {
	.contents03_block {
		padding: 15.625% 0 10%;
	}
	
	.contents03_block .col2_block .col_box h2 {
		margin-top: 0;
	}
	
	.contents03_block .img_01 {
		max-width: 70%;
	}
	
	.contents03_block .img_02 {
		top: 0;
	}
	
	.contents03_block .img_03 {
		max-width: 100%;
		margin-left: auto;
	}
}

/* contents04
----------------------------------------*/
.contents04_block {
	color:#264689;
	background: #ffffff;
	padding: 60px 0 160px;
	text-align: center;
}

.contents04_block .contents04_box{
	width:1000px;
	margin: 0 auto;
}

.contents04_block .contents04_box p{
	font-size:246%;
	line-height: 1.2;
}

.contents04_block .contents04_box div{
	font-size: 182%;
	line-height: 1.2;
}

.contents04_block .contents04_box div a{
	display:block;
	width:240px;
	margin: 40px auto 0;
	padding:20px 5%;
	color:#264689;
	border:1px solid #264689;
	position: relative;
	text-decoration: none;
}

.contents04_block .contents04_box div a:hover{
	background:#264689;
	color:#fff;
}

.contents04_block .contents04_box div a::before{
	content: '';
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 1px #264689;
	border-right: solid 1px #264689;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 10%;
	margin-top: -4px;
}

.contents04_block .contents04_box div a:hover::before{
	border-color:#fff;
}

@media only screen and (max-width: 798px) {
	.contents04_block {
		padding: 40px 0 100px;
	}
	
	.contents04_block .contents04_box{
		width:78.125%;
	}
	
	.contents04_block .contents04_box p{
		font-size:26px;
	}
	
	.contents04_block .contents04_box div{
		font-size: 20px;
	}
	
	.contents04_block .contents04_box div a{
		width:80%;
		margin: 30px auto 0;
		padding:16px 5%;
	}
}