@charset "utf-8";

/* checkbox */
.check-list {margin-bottom:2.4rem}
.check-list li {position:relative;text-align: left;padding-left:3px}
.check-list li:first-child {margin-bottom:2.2rem; padding-bottom:1.4rem; border-bottom:1px solid #eaeaea}
.check-list li label {position:relative; padding:0 0 0 29px; color:#2e2e2e; font-size:1.568rem; line-height:22px; vertical-align:top}
.check-list li label:before {display:block;position:absolute;top:50%;left: 0px;width: 22px;height: 22px;box-sizing:border-box;content:"";cursor:pointer;border-radius: 2px;transform: translateY(-50%);}
.check-list li [type="checkbox"] {position:absolute; top:50%; left:0; margin:-10px 0 0 0; width:22px; height:22px; opacity:0}
.check-list li [type="checkbox"] {position:absolute; left:-99999px}
.check-list li [type="checkbox"]+label:before {border: 1px solid #ccc;}
.check-list li [type="checkbox"]:checked+label:before {border-color: #5f493f;}	
.check-list li [type="checkbox"]:checked+label:after {
	content:'';
	position: absolute;
	top: 50%;
	left: 1px;
	width: 21px;
	height: 21px;
	border-radius: 2px;
	background: url('/static/images/info/check.png') center / 100%;
	transform: translateY(-50%);
}
.check-list li .js-dialog {position:absolute; top:50%; right:0; margin-top:-1rem; color:#787878; font-size:1.2rem; text-decoration:underline}
.check-list li+li {margin-top:1.6rem}

.event-form {margin-bottom:3rem}
.event-form dt {display:block;margin-top:2.4rem;margin-bottom:0.8rem;font-size:1.64rem;font-weight:bold;text-align: left;}
.event-form dt:first-child {margin-top:0}
.event-form dt .req {font-size:0; line-height:0}
.event-form dt .req:before {color:#e53f04; font-size:1.64rem; font-weight:normal; content:"*"}
.event-form dd {display:block;margin:0;}
.event-form .input-text {display:block;padding:0 1.4rem;width:100%;height:4.9rem;border:none;box-sizing:border-box;font-size:1.7rem;line-height:4.9rem;background: #fff;outline: 1px solid #aaa;}
.event-form .select-wrap {display:flex; flex-wrap:wrap; justify-content:space-between}
.event-form .select-box {display:block;padding:0 1.4rem;height:4.9rem;border:none;box-sizing:border-box;color:#606060;font-size:1.7rem;line-height:4.9rem;background:#f4f4f4 url("../images/select.png") no-repeat 90% 50%;width: calc(100% - 125px);}
.event-form .select-box:first-child {width: 120px;}

.event-form dd ul {font-size:0;}
.event-form dd ul li ~ li {margin-top:10px;}
.event-form dd ul li .input-text.left {display: inline-block;width: 67%;}
.event-form dd ul li .input-text + button {width: 31%;height: 4.9rem;margin-left: 2%;font-size: 1.7rem;background-color: #888;color: #fff;}


.guide-text:before {content:"※ "}
.guide-text {margin-top: 15px;box-sizing: border-box;color:#121212;font-size: 1.372rem;line-height: 125%;text-align: left;}
.guide-text.gray {color: #707070;}

.evt-popup.success .guide-text-area {position:absolute;bottom: 9.9%;left:0;width:100%;}
.evt-popup.success .guide-text {
    line-height: 150%;
    width: 100%;
    text-align: center;
}


.info-text {position:relative;margin-left: 0.5rem;padding-left:2.5rem;color:#9c9c9c;font-size:1.4rem;line-height:2rem}
.info-text:before {display:block; position:absolute; top:0; left:0; width:18px; height:18px; background:url("../images/info/info.png?v=2403") no-repeat 0 0; content:""}
.info-text em {color:#8d0404}
.agree .info-text em {display: inline-block;color: #B50004;border-bottom: 1px solid #B50004;}

[class^="section"] .video-area a {display:block;width: 100%;height: 100%;}
[class^="section"] .video-area a img {
    display: block;
    height: 100%;
    opacity: 0;
}
[class^="section"] .video-area {
	position:absolute;
	top: 0;
	left: 0;
	width: 1000px;
	height: 100%;
	left: 50%;
	transform: translateX(-50%);
}

[class^="section"] .video-area iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity: 1;
	transition: opacity .3s;
}

[class^="section"] .video-area.play iframe {
	opacity:1;
}
.section04 {height: 563px;background-color:#FFFAF6;}

@media only screen and (max-width: 1000px) {
	[class^="section"] .btn {width: 75%;max-width: 60%;}
	[class^="section"] .btn img {width: 100%;}
	[class^="section"] .btn.sample {}
	[class^="section"] .button-area {
    width: 80%;
    left: 50%;
    transform: translateX(-50%);
}
	[class^="section"] .button-area.type2 {bottom: 6.5%;}
	[class^="section"] .button-area .btnDetail ,
	[class^="section"] .button-area .btnInstagram {}

	
	.dialog_content {min-height:auto !important;}

	.evt-popup.success .guide-text-area {
	    bottom: 0;
	    padding: 0 2rem;
	    width: 100%;
	    box-sizing: border-box;
	}

	.evt-popup.success .guide-text {
	    padding-bottom: 0;
	}

	.evt-popup.success .btn.medium {
	    display: inline-block;
	    margin: 0rem 0 1.5rem;
	    height: 6vh;
	    line-height: 6vh;
	    width: 35vh;
	}

	.section04 {height: calc(100vw * 0.5625);}
	.section04 .video-area {width: 100%;}
}