@charset "UTF-8";
/* CSS Document */
#mainVisual{
	background: url(../images/top/main_img.jpg) no-repeat top center;
	text-align: center;	
	position: relative;
}
#mainVisual header{
	position: absolute;
	top:0;width: 100%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	left: 50%;
}
#mainVisual .tit_top{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	right: 0;
	width: 100%;}
#mainVisual .tit_top .inner{max-width: 1200px;width: 100%;margin: 0 auto;text-align: right;}

.box .title{width: 100%;height: 60px;position: relative;border-bottom: 1px solid #42291b;margin:0 0 35px 0;}
.box .title .tit{position: absolute;left: 0;bottom: -5px;line-height: 1;background: #fff;font-size: 22px;display: inline-block;}
.box .title .tit .tit01{padding:0 10px 0 10px;font-size: 16px;font-family: 'Libre Baskerville';}
.box .title .f03{position: absolute;right: 0;bottom: -1px;}
.box li{
	min-height: 205px;
	background: url(../images/top/img_03.png) no-repeat;
	background-position: left center;
	width: 42%;
	margin: 0 16% 20px 0;
	float: left;
	padding: 45px 0 0 45px;
	box-sizing: border-box;
}
.box li:nth-of-type(2n) {margin: 0 0 20px 0;}
.box .inner_top{padding: 0 0 12px 0;}
.box .table01 td{padding: 0 0 12px 0;}
.box .table01 td:nth-of-type(1){width: 170px;}
.box .table01 td:nth-of-type(1) p{background: url(../images/top/img_04.png) no-repeat;background-position: left center;padding:0 0 0 30px;}

/*===============================
             MEDIA
================================*/
@media only screen and (max-width:1200px){
#mainVisual .tit_top{right: 10px;width: 40.83%;}
}

@media only screen and (max-width:736px){
#mainVisual header{position: relative;}
#mainVisual .tit_top{
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	width: 300px;
	top: 10px;
	left: 10px;
}
#mainVisual .tit_top .inner{text-align: left;}
#mainVisual .tit_top .inner .txt{display: none;}
.box .table01 td{vertical-align: top;}
}

@media only screen and (max-width:640px){
#mainVisual .tit_top{width: 46.8%;}
.box .title .f03{width: 50px;}
}

@media only screen and (max-width:540px){
.box li{width: 100%;margin: 0 0 5% 0;padding:40px 0 0 25px;}
.box li:nth-last-of-type(1){margin: 0 0 5% 0;}
}

@media only screen and (max-width:480px){
.box .title{height: auto;}
.box .title .tit{position: static;bottom: 0;padding:0 55px 0 0;}
#box01 .title .tit .tit01{display: block;padding: 0;line-height: 1.6;}
.box .table01 td{display: block;}
}