@charset "utf-8";
body { font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
@media (max-width: 801px) {
}
@media (max-width: 481px) {
}


#hd .inner-hd { padding: 30px 0 20px;}
#hd h1 { color: #b8004f; font-size: clamp(18.5px, 4.8vw, 42px); font-weight: 700; line-height: 1.4; text-align: center;}
#hd h1 span { display: block;}

.sct { background: url('./img/bg.jpg') no-repeat 50% 50% / cover;}
.sct .inner-sct { padding: 30px 0 50px;}

.sct .ttl { position: relative; width: 94%; max-width: 900px; margin: 0 auto 18px;}
.sct .ttl h2 { position: absolute; left: 0; bottom: 9%; width: 100%; color: #b8004f; font-size: clamp(16px, 4.2vw, 40px); font-weight: 700; line-height: 1; text-align: center;}
.sct .ttl:after { content: ''; display: block; width: 100%; padding-top: 13.2%; background: url('./img/ribon.svg') no-repeat 50% 100% / 100% auto;}
.sct .ctn { width: 94%; max-width: 1100px; margin: 0 auto;}
.sct .ctn h3 { margin-bottom: 32px; text-align: center;}
.sct .ctn h3 img { width: 100%; max-width: 1100px;}
.sct .ctn h3 img.sp { display: none;}

.sct .board { position: relative; width: 100%; max-width: 830px; margin: 0 auto 30px;}
.sct .board .txt-1 { position: absolute; left: 0; top: 8%; width: 100%; text-align: center; z-index: 2;}
.sct .board .txt-1:before,
.sct .board .txt-1:after { content: ''; display: inline-block; width: 45px; height: 68px; vertical-align: middle;}
.sct .board .txt-1:before{ background: url('./img/icn-L.svg') no-repeat 50% 0 / 100% auto;}
.sct .board .txt-1:after { background: url('./img/icn-R.svg') no-repeat 50% 0 / 100% auto;}
.sct .board .txt-1 p { display: inline-block; vertical-align: middle; color: #b8004f; font-size: clamp(11px, 3.0vw, 27px); font-weight: 700; letter-spacing: 0.04rem;}
.sct .board .txt-2 { position: absolute; left: 0; top: 37.4%; width: 100%; z-index: 2;}
.sct .board .txt-2 p { color: #b8004f; font-size: clamp(16px, 4.0vw, 38px); font-weight: 700; letter-spacing: 0.05rem; text-align: center;}
.sct .board img { position: relative; width: 100%;}

.sct .ctn p.kome { font-size: clamp(10px, 2.0vw, 20px); font-weight: 700; letter-spacing: 0.05rem; text-align: center;}

@media (max-width: 801px) {
}
@media (max-width: 641px) {
	.sct .ctn h3 { margin-bottom: 12px;}
	.sct .ctn h3 img.pc { display: none;}
	.sct .ctn h3 img.sp { display: block;}
}
@media (max-width: 481px) {
	#hd .inner-hd { padding: 20px 0 15px;}
	
	
	.sct .inner-sct { padding: 20px 0 30px;}
	.sct .board { margin: 0 auto 12px;}
	.sct .board .txt-1:before,
	.sct .board .txt-1:after { width: 20px; height: 32px;}
	.sct .ctn p.kome { letter-spacing: 0rem;}
}



.entry .inner-sct { padding: 80px 0;}
.entry .ttl { width: 90%; max-width: 760px; margin: 0 auto 50px; background: url('./img/dots.gif') repeat-x 50% 50% / auto 6px; text-align: center;}
.entry .ttl h2 { display: inline-block; padding: 0 12px; background: #fff;
 color: #b8004f; font-size: clamp(16px, 4.0vw, 38px); font-weight: 700; letter-spacing: 0.05rem; line-height: 1; text-align: center;
}
.entry .ctn { width: 90%; max-width: 760px; margin: 0 auto;}
.entry .ctn p.tips { margin-bottom: 30px; font-size: clamp(16px, 2.0vw, 18px); font-weight: 700;}
.entry .ctn dl { position: relative; margin-bottom: 60px; padding-left: 240px;}
.entry .ctn dl dt { position: absolute; left: 0; font-size: clamp(15px, 2.0vw, 20px); font-weight: 700; line-height: 1;}
.entry .ctn dl dt span { position: relative; display: inline-block; margin-left: 8px; padding: 2px 6px; background: #b8004f; border-radius: 4px;
 vertical-align: middle; color: #fff; font-size: 12px; transform: translateY(-2px);
}
.entry .ctn dl dd {}
.entry .ctn dl dd input[type="email"] { width: 100%; padding: 5px; background: #fff; border: 0px; border-bottom: solid 2px #969696; outline: none;}
.entry .ctn dl dd span { display: block; padding-top: 15px; font-size: 16px; line-height: 1.2;}
.entry .ctn h4 { margin-bottom: 25px; font-size: clamp(16px, 2.6vw, 24px); font-weight: 700; line-height: 1.2;}
.entry .ctn p.txt { margin-bottom: 20px; font-size: clamp(13px, 1.8vw, 18px);}
.entry .ctn p.txt a { font-weight: 700;}
.entry .ctn p.txt a:hover { text-decoration: none;}
.entry .ctn p.confirm { position: relative; margin-bottom: 50px;}
.entry .ctn p.confirm { position: relative; padding-left: 25px; font-size: clamp(14px, 1.8vw, 18px);}
.entry .ctn p.confirm input[type="checkbox"] { position: absolute; left: 0; top: 0.35em; width: 18px; height: 18px; border: solid 1px #666; border-radius: 4px;
 -webkit-appearance: checkbox; appearance: checkbox;
}

.entry .ctn .btn-submit { width: 55%; max-width: 350px; margin: 0 auto;}
.entry .ctn .btn-submit input[type="submit"] { display: block; width: 100%; padding: 18px 0; background: #b8004f; border-radius: 10px; border: none;
 color: #fff; font-size: clamp(15px, 3.2vw, 32px); font-weight: 700; letter-spacing: 0.05rem; line-height: 1; text-align: center;
}
.entry .ctn .btn-submit input[type="submit"]::hover { opacity: 0.8;}
.entry .ctn .btn-submit input[type="submit"]:disabled { background: #ccc; }
.entry .ctn .btn-submit input[type="submit"]:disabled:hover { opacity: 1;}

@media (max-width: 801px) {
	.entry .ctn dl { padding-left: 200px;}
}

@media (max-width: 641px) {
	.entry .ctn dl { padding-left: 0px;}
	.entry .ctn dl dt { position: relative; left: auto;}
	.entry .ctn h4 { margin-bottom: 15px;}
}
@media (max-width: 481px) {
	.entry .ttl { margin-bottom: 30px; background-size: auto 3px;}
	.entry .ttl h2 { font-size: 18px;}
	.entry .ctn p.tips { margin-bottom: 20px; font-size: 14px;}
	.entry .ctn dl { margin-bottom: 40px;}
	.entry .ctn dl dt { margin-bottom: 5px;}
	.entry .ctn dl dt span { font-size: 10px;}
	.entry .ctn dl dd { font-size: 13px;}
	.entry .ctn dl dd input[type="email"] { padding: 4px 0;}
	.entry .ctn dl dd span { padding-top: 8px; font-size: 12px;}
	.entry .ctn p.confirm { margin-bottom: 30px;}
	.entry .ctn p.confirm input[type="checkbox"] { top: 0.15em;}
	.entry .ctn .btn-submit input[type="submit"] { padding: 12px 0; border-radius: 6px;}
}




.thanks .inner-sct { padding-top: 120px;}
.thanks h2 { margin-bottom: 40px; font-size: clamp(18.5px, 4.8vw, 42px); font-weight: 700; line-height: 1.4; text-align: center;}
.thanks .box { width: 88%; max-width: 500px; margin: 0 auto 30px; padding: 30px; border: solid #ccc; border-radius: 5px;}
.thanks .box p.txt-1 { margin-bottom: 20px; font-size: clamp(14px, 2.0vw, 18px);}
.thanks .box p a { word-wrap: break-word;}
.thanks .box a.line { position: relative; display: block; color: #000; font-size: 18px; font-weight: 700; text-align: center; text-decoration: none;}
.thanks .box a.line svg { display: block; width: 50px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.thanks .box a.line span{}
.thanks .box a.line:hover { color: #999;}
.thanks .box a.mail { position: relative; display: block; color: #000; font-size: 18px; font-weight: 700; text-align: center; text-decoration: none;}
.thanks .box a.mail svg { display: block; width: 50px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); fill: #000;}
.thanks .box a.mail span{}
.thanks .box a.mail:hover { color: #999;}

.thanks p.txt-2 { margin-bottom: 30px; font-size: clamp(16px, 2.0vw, 18px); text-align: center;}
.thanks p.txt-2 br { display: none;}
@media (max-width: 481px) {
	.thanks .inner-sct { padding-top: 80px;}
	.thanks h2 { margin-bottom: 30px;}
	.thanks .box { margin: 0 auto 20px; padding: 20px;}
	.thanks .box a.line svg { width: 36px;}
	.thanks .box a.mail svg { width: 36px;}
}