@charset "UTF-8";

/**
 * #mv
 */
#mv {
	background-image:url(../img/mv.jpg);
}

/**
 * #sec0
 */
#sec0 {
	padding:90px 0 60px 0;
}
#sec0 h2 {
	padding-bottom:0.5em;
	margin-bottom:0.8em;
	border-bottom:solid 1px #fd8204;
	line-height:1.2;
	text-align:left;
	color:#fd8204;
	font-size:4.5rem;
	font-weight:200;
}
#sec0 .txt {
	box-sizing:border-box;
	float:left;
	padding-right:20px;
	width:50%;
}
#sec0 p {
	margin-bottom:1.5em;
	line-height:2;
	font-size:1.6rem;
}
#sec0 p .note {
	font-size:1.2rem;
}
#sec0 .img {
	box-sizing:border-box;
	float:right;
	padding-left:20px;
	width:50%;
}
#sec0 .img p {
	font-size:1.8rem;
}
#sec0 .img img, #sec0 .img p {
	margin-left:24%;
}
#sec0 .img img:first-child {
	margin:-140px 0 20px 0;
}
@media only screen and (max-width:767px) {
	#sec0 {
		padding:40px 0 90px 0;
	}
	#sec0 h2 {
		padding-bottom:0.5em;
		margin-bottom:0em;
		font-size:3rem;
		border-bottom:none;
	}
	#sec0 .txt {
		float:none;
		padding-right:0;
		width:100%;
	}
	#sec0 p {
		margin-bottom:1.5em;
		line-height:2;
		font-size:1.4rem;
	}
	#sec0 .img {
		float:none;
		padding-left:0;
		width:100%;
	}
	#sec0 .img p {
		font-size:1.6rem;
	}
	#sec0 .img img, #sec0 .img p {
		margin-left:1em;
	}
	#sec0 .img img:first-child {
		display:block;
		margin:80px auto 20px auto;
	}
	#sec0 .img img.sign {
		width:150px;
	}
}

/**
 * #sec1
 */
#sec1 {
	position:relative;
	padding:120px 0;
	background:#f6f3ee;
	overflow:hidden;
}
#sec1::before {
	position:absolute;
	display:block;
	right:-140px;
	top:-70px;
	width:1061px;
	height:350px;
	content:'';
	background:url(../img/sec1_bg0.png) no-repeat center top;
	background-size:contain;
	opacity:0.7;
}
#sec1::after {
	position:absolute;
	left:-50px;
	bottom:-80px;
	display:block;
	width:1384px;
	height:350px;
	content:'';
	background:url(../img/sec1_bg1.png) no-repeat center bottom;
	background-size:contain;
	opacity:0.7;
}
#sec1 .content {
	position:relative;
	z-index:1;
}
#sec1 h2 {
	font-size:5.5rem;
}
#sec1 .img {
	text-align:center;
	margin:65px 0 55px 0;
}
#sec1 p {
	text-align:center;
	line-height:2;
	font-size:1.8rem;
	margin-bottom:0.5em;
}
#sec1 p em {
	color:#fd8204;
}
#sec1 p.note {
	font-size:1.4rem;
}
@media only screen and (max-width:767px) {
	#sec1 {
		padding:90px 0;
	}
	#sec1::before {
		right:-10px;
		top:-8px;
		width:235px;
	}
	#sec1::after {
		left:-5px;
		bottom:-10px;
		width:305px;
	}
	#sec1 h2 {
		font-size:3rem;
	}
	#sec1 .img {
		text-align:center;
		margin:40px 0 35px 0;
	}
	#sec1 .img img {
		width:127px;
	}
	#sec1 p {
		text-align:left;
		font-size:1.6rem;
		margin-bottom:1em;
	}
	#sec1 p.note {
		position:relative;
		padding-left:1.5em;
		margin-top:2em;
	}
	#sec1 p.note span {
		position:absolute;
		left:0;
	}
}


/**
 * #sec2, #sec3
 */
#sec2, #sec3 {
}
#sec2 .content, #sec3 .content {
	border-bottom:dashed 1px #ccc;
	padding:110px 0;
}
#sec2 h2, #sec3 h2 {
	color:#fd8204;
	font-size:3rem;
}
#sec2 h3, #sec3 h3 {
	margin-top:30px;
	text-align:center;
	font-size:4.5rem;
	font-weight:200;
	line-height:1.4;
}
@media only screen and (max-width:767px) {
	#sec2 .content, #sec3 .content {
		padding:100px 0;
		margin:0 20px;
	}
	#sec2 h2, #sec3 h2 {
		font-size:2rem;
		margin:0;
	}
	#sec2 h3, #sec3 h3 {
		margin-top:20px;
		font-size:2.5rem;
	}
}


/**
 * #sec4
 */
#sec4 {
	padding:110px 0;
}
#sec4 .content {
	position:relative;
}
#sec4 h2 {
	position:absolute;
	top:50%;
	left:10%;
	transform:translateY(-50%);
	text-align:center;
	color:#fd8204;
	font-size:4.5rem;
	font-weight:200;
}
#sec4 ol {
	margin-left:45%;
}
#sec4 li {
	position:relative;
	padding:10px 0 10px 1em;
	font-size:2.4rem;
}
#sec4 li span {
	display:inline-block;
	position:absolute;
	left:-1em;
	top:14px;
	width:37px;
	height:37px;
	line-height:1.5;
	background:url(../img/sec4_bg0.png) no-repeat center center;
	background-size:contain;
	color:#fd8204;
	text-align:center;
}
@media only screen and (max-width:767px) {
	#sec4 h2 {
		position:static;
		font-size:2.5rem;
	}
	#sec4 h2 img {
		width:127px;
	}
	#sec4 ol {
		margin-left:0;
	}
	#sec4 li {
		text-align:center;
		padding:5px 0 15px 0;
		font-size:1.6rem;
	}
	#sec4 li span {
		display:block;
		position:static;
		width:31px;
		height:31px;
		margin:auto auto 5px auto;
		font-size:2rem;
	}
}