.page_mv {
	background: url(../images/what/mv.jpg) no-repeat center center;
	background-size: cover;
}
/* ------------------------------------ */
.what1 {
	max-width: 900px;
	width: 90%;
	margin: 0px auto 80px;
}
.what1 .ttl {
	font-family: a-otf-ryumin-pr6n, serif;
	font-weight: 300;
	text-align: center;
	font-size: 170%;
	margin-bottom: 20px;
}
.what1 .ttl2 {
	text-align: center;
	font-weight: 400;
	font-size: 120%;
	position: relative;
	padding: 30px 2%;
	width: 100%;
	margin-bottom: 30px;
}
.what1 .ttl2::before,
.what1 .ttl2::after {
	content: '';
	position: absolute;
	width: 50px;
	height: 50px;
}
.what1 .ttl2::before {
	border-top: #555 2px solid;
	border-left: #555 2px solid;
	top: 0;
	left: 0;
}
.what1 .ttl2::after {
	border-right: #555 2px solid;
	border-bottom: #555 2px solid;
	right: 0;
	bottom: 0;
}
.what1 p {
	text-align: center;
}
.what1 p .br_clear {
}
/* ------------------------------------ */
.what2 {
	width: 100%;
	background-color: #f3f3f3;
	padding: 60px 0;
}
.what2 .inner {
	max-width: 1200px;
	width: 90%;
	margin: 0px auto;
}
.what2 .inner .kokuchi {
	font-family: a-otf-ryumin-pr6n, serif;
	font-weight: 300;
	background: url(../images/what/ph01.jpg) no-repeat center center;
	background-size: cover;
	padding: 70px 0;
	position: relative;
	margin-bottom: 30px;
}
.what2 .inner .kokuchi .msc {
	display: block;
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.6);
}
.what2 .inner .kokuchi p {
	position: relative;
	z-index: 3;
	color: #fff;
	font-size: 150%;
	text-align: center;
}
.what2 .inner .kokuchi img {
	display: inline-block;
	width: 60px;
	margin: 0px 20px 0px auto;
}
.what2 .inner .kokuchi strong {
	display: inline-block;
	font-size: 150%;
	text-align: center;
	margin-right: 20px;
}
.what2 .inner2 {
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	max-width: 1100px;
	width: 90%;
	margin: 0px auto;
}
.what2 .inner2 .box {
	float: left;
	width: 47.5%;
	margin-right: 5%;
	margin-bottom: 20px;
}
.what2 .inner2 .box:nth-child(2) {
	margin-right: 0;
}
.what2 .inner2 .box {
	opacity: 0;
}
.what2 .inner2 .box .ph {
	display: block;
	margin-bottom: 25px;
}
.what2 .inner2 .box p {
	font-family: a-otf-ryumin-pr6n, serif;
	font-weight: 300;
	margin-bottom: 20px;
	font-size: 140%;
	vertical-align: top;
	line-height: 100%;
}
.what2 .inner2 .box p img {
	display: inline-block;
	width: 35px;
	margin-right: 15px;
	vertical-align: top;
}
.what2 .inner2 .box p span {
	display: inline-block;
	font-size: 160%;
	margin-left: 10px;
}
.what2 .cap {
	max-width: 1100px;
	width: 90%;
	margin: 0px auto;
	font-size: 80%;
}
/* ------------------------------------ */
.what3 {
	width: 100%;
	background-color: #000;
	color: #fff;
	padding: 90px 0 30px;
}
.what3 .center {
	text-align: center;
	color: #fff;
	width: 90%;
	margin: 0px auto 70px;
}
.what3 .center .br_clear {
}
.what3 .inner {
	max-width: 1500px;
	width: 100%;
	margin: 0px auto;
}
.what3 .inner .box {
	overflow: hidden;
	margin-bottom: 50px;
}
.what3 .inner .box:nth-child(even) {
}
.what3 .inner .box .ph {
	float: right;
	width: 50%;
}
.what3 .inner .box dl {
	float: right;
	max-width: 680px;
	width: 50%;
	color: #fff;
	padding: 0 5%;
}
.what3 .inner .box:nth-child(even) .ph {
	float: left;
}
.what3 .inner .box:nth-child(even) dl {
	float: left;
}
.what3 .inner .box dt {
	font-family: a-otf-ryumin-pr6n, serif;
	font-weight: 300;
	margin-bottom: 30px;
	font-size: 150%;
	line-height: 180%;
}
.what3 .inner .box dd {
}
.what3 .inner .box dd .br_clear {
}
/* ------------------------------------ */


@media screen and (max-width:880px){
	.what1 .ttl {
		text-align: left;
		font-size: 150%;
	}
	.what1 .ttl2 {
		text-align: left;
		font-size: 120%;
		padding: 30px 5%;
		background-color: #f6f6f6;
	}
	.what1 p {
		text-align: left;
	}
	.what1 p .br_clear {
		display: none;
	}
	/* ------------------------------------ */
	
	/* ------------------------------------ */
	.what3 {
		padding: 80px 0 5px;
	}
	.what3 .inner .box {
		margin-bottom: 60px;
	}
	.what3 .inner .box .ph,
	.what3 .inner .box:nth-child(even) .ph {
		float: right;
		width: 45%;
		margin-left: 20px;
		margin-bottom: 10px;
	}
	.what3 .inner .box dl,
	.what3 .inner .box:nth-child(even) dl {
		float: none;
		max-width: none;
		width: 100%;
	}
	.what3 .inner .box dt {
		font-size: 130%;
	}
	.what3 .inner .box dd .br_clear {
		display: none;
	}
	/* ------------------------------------ */
}

@media screen and (max-width:580px){
	.page_mv {
		background: url(../images/what/mv_sp.jpg) no-repeat center center;
		background-size: cover;
	}
	/* ------------------------------------ */
	.what1 {
		margin: 0px auto 50px;
	}
	.what1 .ttl {
		font-size: 130%;
	}
	.what1 .ttl br {
		display: none;
	}
	.what1 .ttl2 {
		font-size: 110%;
		padding: 20px 5%;
	}
	/* ------------------------------------ */
	.what2 .inner .kokuchi {
		padding: 50px 0;
		background: url(../images/what/ph01_sp.jpg) no-repeat center center;
		background-size: cover;
	}
	.what2 .inner .kokuchi p {
		font-size: 150%;
	}
	.what2 .inner .kokuchi img {
	}
	.what2 .inner .kokuchi strong {
		margin-right: 0px;
	}
	.what2 .inner .kokuchi p span {
		display: block;
		text-align: center;
	}
	.what2 .inner2 .box .ph {
		margin-bottom: 15px;
	}
	.what2 .inner2 .box p {
		margin-bottom: 12px;
		font-size: 120%;
	}
	.what2 .inner2 .box p img {
		width: 30px;
	}
	.what2 .inner2 .box p span {
		font-size: 140%;
	}
	.what2 .inner2 .box .btn {
		font-size: 90%;
		padding: 10px 0 12px;
	}
	/* ------------------------------------ */
	.what3 {
		padding: 60px 0 5px;
	}
	.what3 .center {
		text-align: left;
		margin: 0px auto 50px;
	}
	.what3 .center .br_clear {
		display: none;
	}
	.what3 .inner .box .ph,
	.what3 .inner .box:nth-child(even) .ph {
		float: none;
		width: 100%;
		margin-left: 0px;
		margin-bottom: 20px;
	}
	/* ------------------------------------ */
}