@charset "UTF-8";

/* RESET */
body {
	position: relative;
}

/* .common-btn-mv */
.common-btn-mv {
	width: 100%;
	background-color: #FFFFFF;
	box-shadow: 0 0 30px rgba(0,0,0,.16);
}
@media screen and (min-width: 768px) {
	.common-btn-mv {
		max-width: 348px;
		margin: 0 auto;
	}
}
.common-btn-mv .thu > img {
	position: relative;
	width: 100%;
	height: auto;
	min-height: 1px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.common-btn-mv .textbox {
	background-color: #FFFFFF;
	padding: 20px;
}
.common-btn-mv .textbox > h2 {
	color: #333333;
	font-size: 1.8rem;
	line-height: 1.4;
}
.common-btn-mv .textbox > h2 .icon_before {
	margin-left: 6px;
}

/* .small-dialog */
.small-dialog {
	background: white;
	padding: 80px 64px 80px;
	text-align: left;
	width: 100%;
	max-width: 792px;/*英語と同じサイズ*/
	/*max-width: 920px;/*コーポと同じサイズ*/
	/*margin: 0 auto;*/
	position: relative;
}
@media screen and (max-width: 767px) {
	.small-dialog {
		padding: 40px 32px 40px;
	}
}
.small-dialog > h3 {
	text-align: center;
}
.small-dialog > h3 > img {
	width: 272px;
}
.small-dialog > h3 + p {
	margin-top: 0;
}
.small-dialog > p {
	color: #555;
	margin-top: 25px;
}
.small-dialog > p > a {
	color: #222;
	text-decoration: underline;
}
.small-dialog > p > a:hover {
	text-decoration: none;
}
.small-dialog > * + .video-wrapper {
	margin-top: 30px;
}

/* .mfp */
.mfp-iframe-holder .mfp-content {
	max-width: 792px;
}
.mfp-iframe-scaler {
	/*padding-top: 67.30%;*/
	padding-top: 73.86%;
}
/*
@media screen and (max-width: 767px) {
	.mfp-iframe-scaler {
		padding-top: 62.70%;
	}
}
*/
.mfp-iframe-scaler iframe {
	box-shadow: none;
	background: transparent;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color: #333;
	right: 0;
	text-align: center;
	padding-right: 0;
	width: 44px;
}
.mfp-iframe-holder .mfp-close {
	top: 0;
}

/**
 * Fade-zoom animation for first dialog
 */
/* start state */
.my-mfp-zoom-in.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}
/* animate in */
.my-mfp-zoom-in.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;

	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
/* animate out */
.my-mfp-zoom-in.mfp-wrap.mfp-removing .mfp-content {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);

	opacity: 0;
}
/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-bg.mfp-ready {
	opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-bg.mfp-removing {
	opacity: 0;
}

/* -----------------------------------------------------------------
.common-btn-learnmore
------------------------------------------------------------------ */
/* predefined in common.css */