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

div.main { background: url("../img/mv.jpg") center top/cover no-repeat;}

@media screen and (min-width: 751px) {

	section#mv h2{	background: url("../img/h2.png") center no-repeat;	}

}

@media screen and (max-width: 750px) {
	
	div.main {background: url(../img/mv_sp.jpg) center top/100% no-repeat;}
	
}

/*============================================================================
	section	 sec01
=============================================================================*/

.sec .box { width: calc(100% - 40px);}
.sec01 .box { width: 100%;}
.in_wrap section.sec01 .inner { margin-bottom: 80px;}
section .inner > p {
    margin-bottom: 40px;
    line-height: 34px;
}

section .box{
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
    margin-bottom: 20px;
}

section.sec01 ul{
	border: solid 1px #eeeeee;
    padding: 50px 60px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
	line-height: 34px;
	letter-spacing: 0;
}

section.sec01 ul li:not(:last-child){
	margin-bottom: 40px;
}

section.sec01 div.box ul li dl{ padding: 0;}

section.sec01 ul li dl dd{
	text-indent: -2em;
    padding-left: 2em;
	letter-spacing: -0.02em;
}

section.sec01 ul li p { 
	padding-left: 2em;
	letter-spacing: -0.02em;
}

section.sec01 ul li p a{ color: #333; }

@media screen and (min-width: 751px) {
	
	section.sec01 h3{ 
		background: url("../img/ttl01.jpg") center no-repeat;
	}
	
}

@media screen and (max-width: 750px) {

	.in_wrap section.sec01 .inner { margin-bottom: 40px;}
	section .inner > p {
		margin-bottom: 20px;
		line-height: 26px;
	}

	section.sec01 ul{
		padding: 30px 20px;
		line-height: 26px;
	}

	section.sec01 ul li:not(:last-child){ margin-bottom: 20px; }
	
}