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

	- mv
	+ content
		- sec01
		- sec02

-----------------------------------------*/

/*----------------------------------------
	mv
-----------------------------------------*/
#mv {
	background: #62b1d9 url("../img/c_mv_bg01.jpg") no-repeat right top;
	background-size: 1320px auto;
}
#mv > div > h1 > span:first-child::before {
	display: none;
}
@media screen and (max-width: 767px) {
	#mv {
		background-size: auto 100%;
	}
}

/*----------------------------------------
	content
-----------------------------------------*/
#content {
	padding: 60px 0 90px;
}
@media screen and (max-width: 767px) {
	#content {
		padding: 40px 0 56px;
	}
}

/*----------------------------------------
	sec01
-----------------------------------------*/
#content > #sec01 {
	position: relative;
	user-select: none;
}
#sec01 > figure > img:nth-child(2) {
	display: none;
}
#sec01 > h2 {
	position: absolute;
	left: calc(50% + 80px);
	bottom: calc(50% + 20px);
	color: #000;
}
#sec01 > p {
	position: absolute;
	left: calc(50% + 80px);
	bottom: 33px;
	color: #000;
}
@media screen and (min-width: 768px) {
	#sec01 > h2 {
		left: 10%;
	}
	#sec01 > p {
		left: 10%;
	}
}
@media screen and (max-width: 767px) {
	#sec01 > figure > img:first-child {
		display: none;
	}
	#sec01 > figure > img:nth-child(2) {
		display: block;
	}
	#sec01 > h2 {
		position: inherit;
		left: inherit;
		bottom: inherit;
		padding: 23px 0 8px;
		text-align: center;
	}
	#sec01 > p {
		position: inherit;
		left: inherit;
		bottom: inherit;
		padding-bottom: 25px;
		border-bottom: 1px solid #ddd;
		text-align: center;
	}
}

/*----------------------------------------
	sec02
-----------------------------------------*/
#content > #sec02 {
	margin-top: 51px;
}
#sec02 > p:nth-child(n+2) {
	margin-top: 36px;
}
#sec02 > p:last-child {
	margin-top: 42px;
	text-align: right;
}
@media screen and (max-width: 767px) {
	#content > #sec02 {
		margin-top: 20px;
	}
	#sec02 > p:last-child {
		margin-top: 22px;
	}
}