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

.box{
	position:relative;
	margin-bottom:55px;
}

.box > img{
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-650px;
}

.title{
	width:960px;
	height:205px;
	padding-left:365px;
	margin:0 auto;
	box-sizing:border-box;
	position:relative;
}

.title h2{
	font-size:30px;
	line-height:34px;
	font-weight:bold;
	padding-left:65px;
	background:url(../img/icon_title.gif) left center no-repeat;
	height: 67px;
	display: table-cell;
    vertical-align: middle;
}

.title p{
	font-size:20px;
	line-height:1.3;
	font-weight:bold;
	margin-top:10px;
	margin-left:65px;
}

.title a{
	position:absolute;
	bottom:-25px;
	right:0;
	z-index:10;
}

.ob{
	height:210px;
	background:#feefe0;
}


.ob > div{
	width:960px;
	margin:0 auto;
	padding-top:40px;
	padding-left:360px;
	box-sizing:border-box;
}

.ob > div > div{
	padding-left:25px;
	display:inline-block;
}

.ob > div > div h3{
	font-size:18px;
	line-height:1;
	font-weight:bold;
	margin-bottom:15px;
}

.ob > div > div p{
	font-size:16px;
	line-height:1.6;
	font-weight:bold;
}

.box.plt > img{
	position:absolute;
	bottom:0;
	right:50%;
	left:auto;
	margin-right:-650px;
}

.plt .title{
	width:960px;
	height:205px;
	padding-left:0;
	margin:0 auto;
	box-sizing:border-box;
	position:relative;
}


.plt .title a{
	position:absolute;
	bottom:-25px;
	right:auto;
	left:0;
	z-index:10;
}



.plt .ob > div{
	width:960px;
	margin:0 auto;
	padding-top:40px;
	padding-left:0;
	box-sizing:border-box;
}

.plt .ob > div > div{
	padding-left:25px;
	display:inline-block;
}

.plt .ob > div > div h3{
	font-size:18px;
	line-height:1;
	font-weight:bold;
	margin-bottom:15px;
}

.plt .ob > div > div p{
	font-size:16px;
	line-height:1.6;
	font-weight:bold;
}




@media screen and (max-width: 739px) {
	
	.box{
		position:relative;
		margin-bottom:10vw;
	}
	
	.box > img{
		padding:0 4vw;
		box-sizing:border-box;
		position:static;
		margin-left:0;
	}
	
	.title{
		width:auto;
		height:auto;
		padding-left:0;
		padding:5vw 4vw;
	}
	
	.title h2{
		font-size:5.5vw;
		line-height:1.4;
		font-weight:bold;
		padding-left:10vw;
		background:url(../img/icon_title.gif) left center no-repeat;
		background-size:7vw auto;
	}
	
	.title p{
		font-size:4vw;
		line-height:1.4;
		font-weight:bold;
		margin-top:2vw;
		margin-left:0;
		margin-bottom:5vw
	}
	
	.title p br{
		display:none;
	}
	
	.title a{
		width:70%;
		display:block;
		position:static;
		margin:0 auto
	
	}
	
	.ob{
		height:auto;
		padding:5vw 4vw;
	}
	
	.ob > div{
		width:auto;
		margin:0 auto;
		padding-top:0;
		padding-left:0;
		box-sizing:border-box;
	}
	
	.ob > div img{
		width:40%;
	}
	
	.ob > div > div{
		width:60%;
		padding-left:3vw;
		box-sizing:border-box;		
	}
	
	
	.ob > div > div h3{
		font-size:3vw;
		line-height:1.3;
		font-weight:bold;
		margin-bottom:1vw;
	}
	
	.ob > div > div p{
		font-size:2.5vw;
		line-height:1.4;
		font-weight:bold;
	}
	
	.box.plt > img{
		padding:0 4vw;
		box-sizing:border-box;
		position:static;
		margin-left:0;
	}
	
	.plt .title{
		width:auto;
		height:auto;
		padding-left:0;
		padding:5vw 4vw;
	}
	
	
	.plt .title a{
		width:70%;
		display:block;
		position:static;
		margin:0 auto
	}
	
	.plt .ob > div{
		width:auto;
		margin:0 auto;
		padding-top:0;
		padding-left:0;
		box-sizing:border-box;
	}
	
	.plt .ob > div > div{
		width:60%;
		padding-left:3vw;
		box-sizing:border-box;		
	}
	
	.plt .ob > div > div h3{
		font-size:3vw;
		line-height:1.3;
		font-weight:bold;
		margin-bottom:1vw;
	}
	
	.plt .ob > div > div p{
		font-size:2.5vw;
		line-height:1.4;
		font-weight:bold;
	}


}