@charset "utf-8";



/*-----------------------------------------------------------------------------------------------*/
/* ボディー -------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
.body .pc { display: none; }


.body .bodyheader { position: relative; }
.body .bodyheader h2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.body .bodyheader h2 img { width: 195px; }


.body .bodybody .text { margin-top: 60px; }
.body .bodybody .text h3 {
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.7;
	text-align: center;
}
.body .bodybody .text p {
	font-size: 1.4rem;
	line-height: 2.3;
	margin-top: 20px;
	text-align: justify;
}

.body .bodybody .full { margin-top: 100px; }

.body .bodybody .frame { margin-top: 60px; }

.body .bodybody .triple { margin-top: 40px; }
.body .bodybody .double p,
.body .bodybody .triple p { margin-top: 20px; }

.body .bodybody .caption {
	font-size: 1.2rem;
	line-height: 1.5;
	margin-top: 30px;
	text-align: justify;
}


.body .bodyfooter {
	background-color: #f1f1f1;
	margin-top: 230px;
	padding: 20px 0 40px;
}

.body .bodyfooter h2 {
	font-size: 2.0rem;
	line-height: 1.5;
	margin-top: 20px;
}

.body .bodyfooter .data {
	font-size: 1.2rem;
	line-height: 1.5;
	margin-top: 15px;
}

.body .bodyfooter .comment {
	font-size: 1.4rem;
	line-height: 1.5;
	margin-top: 40px;
	text-align: justify
}

.body .bodyfooter .caption {
	font-size: 1.1rem;
	line-height: 1.7;
	margin-top: 40px;
	text-align: justify
}

.body .bodyfooter .order { margin-top: 40px; }
.body .bodyfooter .order a {
	background-color: #fff;
	border: solid 1px #000;
	color: inherit;
	display: block;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	height: 50px;
	margin: 0 auto;
	padding-top: 14px;
	text-align: center;
	text-decoration: none;
	width: 260px;
}
.body .bodyfooter .order a:hover {
	border-color: #666;
	color: #666;
}
/*-----------------------------------------------------------------------------------------------*/











@media(min-width: 531px) {
	/*-----------------------------------------------------------------------------------------------*/
	/* ボディー -------------------------------------------------------------------------------------*/
	/*-----------------------------------------------------------------------------------------------*/
	.body .sp { display: none; }
	.body .pc { display: block; }
	.body .bodyheader h2 img { width: 297px; }
	.body .bodybody .text { margin-top: 100px; }
	.body .bodybody .text h3 {
		font-size: 2.0rem;
		letter-spacing: 0.1em;
	}
	.body .bodybody .full { margin-top: 230px; }
	.body .bodybody .triple { margin-top: 60px; }
	.body .bodybody .double p { margin-top: 1px; }
	.body .bodybody .double p,
	.body .bodybody .triple p {
		float: left;
		margin-right: 1px;
		width: calc((100% - 1px) / 2);
	}
	.body .bodybody .triple p { width: calc((100% - 2px) / 3); }
		.ie .body .bodybody .triple p,
		.edge .body .bodybody .triple p { width: calc((100% - 3px) / 3); }
	.body .bodybody .double p:last-child,
	.body .bodybody .triple p:last-child { margin-right: 0; }
	/*-----------------------------------------------------------------------------------------------*/
}





@media(min-width: 769px) {
	/*-----------------------------------------------------------------------------------------------*/
	/* ボディー -------------------------------------------------------------------------------------*/
	/*-----------------------------------------------------------------------------------------------*/
	.body .bodyheader h2 img { width: 400px; }
	.body .bodyfooter { padding: 40px 0 60px; }
	.body .bodyfooter .image {
		float: left;
		margin-top: 20px;
		width: 45%;
	}
	.body .bodyfooter .text {
		float: right;
		width: 45%;
	}
	.body .bodyfooter .order a { margin-left: 0; }
	/*-----------------------------------------------------------------------------------------------*/
}





@media(min-width: 1025px) {
}









/* IE -------------------------------------------------------------------------------------------*/
.ie.YuGO {  }
.ie.YuGO .body .bodyfooter .order a { padding-top: 17px; }

.ie.YuMIN {  }
/*-----------------------------------------------------------------------------------------------*/