@charset "UTF-8";

/*Base setting_____________________________________*/

/*layout_____________________________________*/
/*wrap*/
#wrap {/*for table*/
	height:100%;/*for old Safari*/
	height:50vh;
	width:100%;
	display:table}
#wrap:not(:target) {height:100%\9} /* IE9,10 */
.cellBox {display:table-cell;vertical-align:middle}
.cellBoxIn {width:90%; max-width:1200px; margin:auto; text-align:center}/*for margin(left,right)*/
.box {
	display:inline-block;
	margin:2em;
	box-sizing:border-box;
	width:260px;
	margin:25px;
	padding:10px;
	box-shadow: 1px 1px 2px #ccc;
	border-radius:15px;
	background:#fff}
.box img {width:100%; height:auto}
.box h1 {
	margin:10px 0;
	line-height:1;
	font-size:120%}
.box p {text-align:left}

/*Media-queries_____________________________________*/
@media screen and (max-height: 640px) {

.cellBox {padding:40px 0}
}

/*smaller than 640-----------------------------*/
@media screen and (max-width: 640px) {
.cellBox {padding:40px 0}
}
.modal-overlay {
    z-index:2;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
	height:100%;/*for old Safari*/
    height:100vh;
}
.modal-overlay (:target) {height:100%\9} /* IE9,10 */
a.modal-open:hover {cursor:pointer}
.modal-content {
    position:fixed;
    display:none;
    z-index:3;
    margin:10px;
    padding:15px;
	border-radius:20px;
    background:#fff;
border: 1px solid #cccccc;}
.modal-content img {width:auto;max-height:70vh}
.modal-content h1 {font-size:120%; margin-bottom:0.5em}
.modal-content p {max-width:565px; text-align:left}
a.modal-close {
	position:absolute;
	top:0;
	right:10px;
	color:#b29c33;
	font-size:35px;
	line-height:1;
	font-weight:bold;
	text-decoration:none}
a.modal-close:hover {
	cursor:pointer;
	opacity:.6}
@media screen and (max-height: 640px) {
	.modal-content {padding:10px}
.modal-content iframe {width:100%;}
	.modal-content h1 {font-size:100%; margin-bottom:3px}
	.modal-content p {font-size:75%;width:70%; margin:auto}
	a.modal-close:hover {opacity:1}
}
@media screen and (max-width: 640px) {
	.modal-content {padding:10px}
	.modal-content img {max-height:inherit; width:100%; height:auto}
	.modal-content p {font-size:75%; width:100%;}
	a.modal-close:hover {opacity:1}
}
section.delay1.width_fixed.mb.bp343828.parallax.hp.delay1Active {
    position: relative;
}
section.delay1.width_fixed.mb.bp343828.parallax.hp.delay1Active:after {
    content: "";
    position: absolute;
    background: #000000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.sp {
	display: none;
}
@media (max-width: 800px) {
.sp {
		display: block;
	}
	}
@media (max-width: 800px) {
.pc {
		display: none;
	}
	}