@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
	/* -webkit-text-size-adjust: 100%; */
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	vertical-align: middle;
}

body {
font-feature-settings: "palt";
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: unset;
}

@media only screen and(-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	body {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}

*, *::after, *::before {
	box-sizing: border-box;

}

.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

a {
	color: inherit;
	text-decoration: none;will-change: contents;
}

a,
img,
input,
svg,
*:before,
*:after {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
a:hover img,
a:hover input {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}


html {font-size: 16px;}
img {vertical-align: middle;}
body {color: #000;font-family: 'Noto Sans JP', sans-serif;font-weight:500;letter-spacing: 0.05em;background:#FFFAF8;}
a {transition: opacity 0.2s;}
a:hover {opacity: 0.8;}
.spview {display: none;}
.pcview {display: block;}
.w950{max-width: 990px;padding:0 20px;margin:0 auto;}
@media screen and (max-width:750px) {
html {font-size: 4.2vw;}
.spview {display: block;}
.pcview {display: none;}
.w950{width:100%;padding:0 5vw;}
}

/*

font-family: "Noto Serif JP", serif;
*/


/*backtop*/
#backtop{position:fixed;bottom:-55px;right:35px;z-index:20;transition:bottom 0.2s;}
#backtop a{display:block;width:50px;height:50px;border-radius:50%;}
#backtop a img{width: 100%;border-radius:50%;}
@media only screen and (max-width: 750px) {
#backtop{right:3vw;bottom:-13vw;}
#backtop a{width:12vw;height:12vw;}
}


#front .head{position: relative;padding:10px 0 15px;overflow: hidden;z-index: 1;}
#front .head::before{content:"";display: block;position: absolute;top:0;left:0;width: 100%;height: 100%;background-image: url(../images/head_bg.jpg);background-position: center center;background-repeat: no-repeat;background-size: cover;z-index: -2;pointer-events: none;}
#front .head::after{content:"";display: block;position: absolute;top:25px;left:0;width: 100%;height: 100%;background-image: url(../images/head_bg2.png);background-position: center center;background-repeat: no-repeat;background-size: 980px;z-index: -1;pointer-events: none;}
#front .head h1{width: 750px;margin:0 auto;}
#front .head h1 img{width: 100%;}
#front .head h1 span{display: none;}
#front .head+p{background-image: linear-gradient(0deg, #835312, #5f2a00);padding:11px 0;text-align: center;}
#front .head+p img{width: 740px;}
@media only screen and (max-width: 750px) {
#front .head{padding:0;}
#front .head::before{content:none;}
#front .head::after{content:none;}
#front .head h1{width: 100%;}
#front .head+p{padding:3.2vw 0;}
#front .head+p img{width: 77.5vw;}
}


#front main{padding:100px 0 55px;overflow-x: hidden;}
@media only screen and (max-width: 750px) {
#front main{padding:8vw 0 14vw;}
}


footer{background:#490F0D;color:#fff;text-align: center;font-weight: 400;font-size: 14px;padding:1.5em 0;}
@media only screen and (max-width: 750px) {
footer{font-size: 3.2vw;padding:1.8em 0;}
}


section{position: relative;z-index:1;padding-bottom:100px;}
section.bg::after{content:"";display: block;position: absolute;top:-65px;left:calc(50% - 720px);width:1440px;height: 100%;background-image: url(../images/sec_bg_pc.png);background-position: top center;background-repeat: no-repeat;background-size: 1440px;z-index: -1;pointer-events: none;}
section h2{text-align: center;background-image: url(../images/h2_bg_pc.svg);background-position: center center;background-repeat: no-repeat;background-size: 100%;font-size: 34px;font-weight: 600;font-family: "Noto Serif JP", serif;color:#fff;line-height: 90px;margin-bottom: 40px;}
section h2 span{font-size: 0.7em;}
section#caution h2{background-image: url(../images/h2-2_bg_pc.svg);font-size: 20px;line-height: 73px;padding-bottom: 0.15em;}
@media only screen and (max-width: 750px) {
section{position: relative;z-index:1;padding-bottom:25vw;}
section.bg::after{top:-12vw;left:-16vw;width:136vw;background-image: url(../images/sec_bg_sp.png);background-size: 136vw;}
section h2{background-image: url(../images/h2_bg_sp.svg);font-size: 5.8vw;line-height: 15vw;padding-bottom: 0.1em;margin-bottom: 7vw;}
section h2 span{font-size: 0.77em;}
section#caution{padding-bottom:12vw;}
section#caution h2{background-image: url(../images/h2-2_bg_sp.svg);font-size: 5.3vw;line-height: 19.5vw;}
}

#flow section{background:#fff;padding:30px 40px;position: relative;overflow: hidden;}
#flow section::before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 10px;border: 2px solid transparent;background: linear-gradient(90deg,#E27770 0%,#D19F4D 100%) border-box border-box;-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;-webkit-mask-composite: destination-out;
mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;mask-composite: exclude;pointer-events: none;}
#flow section:not(:last-of-type){margin-bottom: 30px;}
#flow section h3{text-align: center;font-family: "Noto Serif JP", serif;font-size: 20px;color: #5E1C0E;background-image: url(../images/h3_bg.svg);background-position: center center;background-repeat: no-repeat;background-size:auto;line-height: 50px;position: relative;z-index:5;margin-bottom: 25px;}
#flow section::after{content:"";display: block;position: absolute;top:20px;left:calc(50% - 445px);width:890px;height: 500%;background-image: url(../images/flow_bg_pc.png);background-position: top center;background-repeat: no-repeat;background-size: 890px;z-index:-2;pointer-events: none;}
@media only screen and (max-width: 750px) {
#flow section{padding:8vw 5vw;}
#flow section::before{border-radius: 2.6vw;border-width: 0.6vw;}
#flow section:not(:last-of-type){margin-bottom: 8vw;}
#flow section h3{font-size: 5.3vw;line-height: 13.3vw;margin-bottom: 6.5vw;}
#flow section::after{top:2vw;left:calc(50% - 42vw);width:84vw;background-image: url(../images/flow_bg_sp.png);background-size: 84vw;}
}


#about .about_inner>p.txt{text-align: center;margin-bottom: 1em;font-size: 18px;font-weight: 600;font-family: YakuHanMP,"Noto Serif JP", serif;line-height: 1.66;}
#about .about_inner>p.txt.last{margin-bottom: 0;font-size: 24px;}
#about .about_inner>p.txt.last span{margin-left:0.2em;letter-spacing: -0.1em;}
#about .about_inner .chara{width: 200px;margin:20px auto 0;}
#about .about_inner .chara img{width: 100%;}
#about .about_inner .link{margin-top: 10px;}
#about .about_inner .link a{display: flex;font-size: 18px;justify-content: center;align-items: center;background: #fff;border:1px solid #A8925B;border-radius: 100px;padding:1em 3.2em;width: max-content;margin:0 auto;font-family: YakuHanMP,"Noto Serif JP", serif;font-weight: 600;box-shadow: 0 0 0 9px #fff,0 0 0 10px #A8925B;transition: background 0.2s,box-shadow 0.2s,border 0.2s;}
#about .about_inner .link a::after{content:"";display: block;width: 1em;height: 1em;background-image: url(../images/arrow_black.svg);background-position: center center;background-repeat: no-repeat;background-size: contain;margin-left: 0.5em;}
#about .about_inner .link a span span{font-size: 0.75em;}
#about .about_inner .link a img{width: 1.3em;margin-right: 0.4em;}
#about .about_inner .link a:hover{background:#DCD3BD;opacity:1;box-shadow: 0 0 0 9px #DCD3BD,0 0 0 10px #fff;border:1px solid #fff;}
@media only screen and (max-width: 750px) {
#about .about_inner>p.txt{font-size: 4vw;letter-spacing: 0.015em;margin-bottom: 1.5em;line-height: 1.75;}
#about .about_inner>p.txt.last{font-size: 5.8vw;}
#about .about_inner .chara{width: 45vw;margin:8vw auto 0;}
#about .about_inner .link a{font-size: 4.2vw;padding:0.55em 0;width: calc(100% - 4vw);margin:2vw auto 0;box-shadow: 0 0 0 calc(2vw - 1px) #fff,0 0 0 2vw #A8925B;line-height: 1.4;}
#about .about_inner .link a::after{margin-left: 0.7em;}
#about .about_inner .link a span span{font-size: 0.85em;}
#about .about_inner .link a img{width: 1.5em;margin-right: 0.55em;}
}

.navylink{}
.navylink a{display: flex;font-size: 18px;justify-content: center;align-items: center;color:#fff;background: #1E1E3D;border:1px solid #fff;border-radius: 100px;width: max-content;margin:0 auto;font-family: YakuHanMP,"Noto Serif JP", serif;font-weight: 600;box-shadow: 0 0 0 10px #1E1E3D;}
.navylink a::after{content:"";display:block;width: 1em;height: 1em;background-image: url(../images/arrow_white.svg);background-position: center center;background-repeat: no-repeat;background-size: contain;margin-left: 1em;margin-top: 1px;}
@media only screen and (max-width: 750px) {
.navylink a{font-size: 4.2vw;padding:1em 0;width: calc(100% - 4vw);box-shadow: 0 0 0 2vw #1E1E3D;}
}


#location{}
#location .location_inner{}
#location .location_inner>p:not(.medatu){padding:0 40px;font-size: 16px;font-weight: 600;font-family: YakuHanMP, "Noto Serif JP", serif;line-height: 1.5;text-align: justify;}
#location .location_inner .medatu{padding:0 0 0 calc(40px + 1em);font-size: 17px;font-weight: 600;line-height: 1.3;color:red;margin-top: 0.1em;text-underline-offset:-7px;text-decoration-line: underline;  text-decoration-color: #ff0;text-decoration-thickness: 15px;text-indent: -1em;}
#location .location_inner .medatu::before{content:"※";}
#location .location_inner>ul{padding:0 40px;margin-top: 1em;}
#location ul{font-size: 12px;font-weight: 400;}
#location ul li{text-indent: -1em;padding-left: 1em;line-height:1.5;text-align: justify;}
#location ul li::before{content:"※";}
#location .brown_box{background: #fff;position: relative;margin-top: 40px;padding-top:20px;}
#location .brown_box::before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 10px;border: 2px solid transparent;background: linear-gradient(90deg,#E27770 0%,#D19F4D 100%) border-box border-box;-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;-webkit-mask-composite: destination-out;
mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;mask-composite: exclude;pointer-events: none;}
#location .brown_box h3{font-size: 22px;font-weight: 600;color:#820016;font-family: YakuHanMP, "Noto Serif JP", serif;text-align: center;padding:0.75em 1em;background-image: url(../images/h3_bg2.png);background-position: center center;background-size: 100%;}
#location .brown_box h3::before{content:"";display: inline-block;width: 110px;height:40px;background-image: url(../images/sarani.svg);background-position: center center;background-repeat: no-repeat;background-size: contain;vertical-align: -0.5em;margin-right:0.8em;}
#location .brown_box h3 span{font-size: 0.75em;}
#location .brown_box_inner{padding:80px 13%;position: relative;}
#location .brown_box_inner p.poster{position: absolute;top:50%;right:13%;width: 22%;transform: translateY(-50%);}
#location .brown_box_inner p.poster img{width: 100%;}
#location .brown_box_inner p:not(.poster){font-size: 20px;font-weight: 600;color:#820016;font-family: "Noto Serif JP", serif;width: 70%;line-height: 1.55;}
#location .brown_box_inner ul{width: 60%;margin-top: 2em;}
#location .winered_box{background:#fff;margin-top: 60px;border:4px solid #7C1811;box-shadow: 0 0 0 6px #fff inset,0 0 0 7px #7C1811 inset;padding:40px;}
#location .winered_box p{text-align: center;color:#7C1811;font-size: 20px;font-weight: 600;font-family:YakuHanMP,  "Noto Serif JP", serif;line-height: 1.5;padding-bottom: 1.2em;margin-bottom: 1.2em;border-bottom:3px double #7C1811;}
#location .winered_box ul{letter-spacing: 0.02em;}
#location .location_map{margin-top: 40px;}
#location .map_inner{position: relative;aspect-ratio: 19 / 13;background-image: url(../images/map_bg_pc.png);background-position: center center;background-repeat: no-repeat;background-size: 100% 100%;margin:0 -5px;}
#location .map_inner .title{position: absolute;top:10%;left:10.7%;width: 30%;}
#location .map_inner .title img{width: 100%;}
#location .map_inner .chara{position: absolute;top:35%;left:13%;width: 23.7%;}
#location .map_inner .chara img{width: 100%;}
#location .navylink{margin-top:35px;}
#location .navylink a{padding:1.1em 3.5em;font-size: 18px;}
#location .map_inner .kome{position: absolute;top:23%;left:11%;width: 29%;text-align: justify;font-size:13px;line-height: 1.4;text-indent: -1em;padding-left: 1em;}

@media only screen and (max-width: 750px) {
#location .location_inner>p:not(.medatu){padding:0;font-size: 4.2vw;}
#location .location_inner .medatu{padding:0;font-size: 4vw;line-height: 1.5;margin-top: 0.1em;text-underline-offset:-0.5em;text-decoration-thickness: 0.8em;padding-left: 1em;text-align: justify;}
#location .location_inner>ul{padding:0;margin-top: 1.5em;}
#location ul{font-size: 3.7vw;font-weight: 400;}
#location .brown_box{margin-top: 10vw;padding-top:4vw;}
#location .brown_box::before{border-radius: 2.6vw;border-width: 0.6vw;}
#location .brown_box h3{font-size: 4.6vw;padding:0.9em 0 0.8em;background-size: 260%;line-height: 1.5;}
#location .brown_box h3::before{display:block;width: 30vw;height:9vw;margin-right:0;margin:0 auto 1vw;}
#location .brown_box h3 span{font-size: 0.85em;}
#location .brown_box_inner{padding:6vw 5vw;}
#location .brown_box_inner p.poster{position: static;width: 56vw;transform: unset;margin:0 auto;}
#location .brown_box_inner p:not(.poster){font-size: 4.8vw;width: 100%;line-height: 1.5;margin-bottom: 1.4em;text-align: justify;}
#location .brown_box_inner ul{width: 100%;margin-top: 2.2em;}
#location .winered_box{margin-top: 12vw;border:1vw solid #7C1811;box-shadow: 0 0 0 1.5vw #fff inset,0 0 0 1.7vw #7C1811 inset;padding:7vw 7vw;}
#location .winered_box p{font-size: 4.2vw;line-height: 1.6;padding-bottom: 1.2em;margin-bottom: 1.2em;letter-spacing: 0.02em;}
#location .winered_box ul{letter-spacing: 0.02em;font-size: 3.2vw;}
#location .location_map{margin-top: 9vw;}
#location .map_inner{aspect-ratio: 17 / 25;background-image: url(../images/map_bg_sp.png);margin:0 -2vw;}
#location .map_inner .title{top:8.5vw;left:calc(50% - 31.5vw);width: 63vw;}
#location .map_inner .chara{top:44vw;left:6vw;width: 30vw;}
#location .navylink{margin-top: 8vw;}
#location .navylink a{width: calc(100% - 4vw);padding:0.6em 0;line-height: 1.5;font-size: 4vw;}
#location .map_inner .kome{top:18%;left:8%;width:49%;font-size:2.8vw;}
}


#location .map{position: relative;height: 100%;}
#location .map .higashinihon{position: absolute;width: 43%;top:50%;left:50%;transform: translate(-50%,-50%);}
#location .map .higashinihon img{width: 100%;}
#location .map .pin{position: absolute;width: 3.5%;}
#location .map .pin span{display: block;transition: transform 0.2s;overflow: hidden;border-radius: 50%;cursor: pointer;}
#location .map .pin span img{width: 100%;border-radius: 50%;overflow: hidden;}
#location .map .pin span:hover{transform: scale(1.25);opacity: 1;}
#location .map .pin.akita{top:26%;left:59.5%;}
#location .map .pin.iwate{top:28%;left:65%;}
#location .map .pin.yamagata{top:41.5%;left:58%;}
#location .map .pin.miyagi{top:41%;left:63%;}
#location .map .pin.tochigi{top:62%;left:56.2%;}
#location .map .pin.ibaraki{top:68%;left:59.5%;}
#location .map .pin.saitama{top:69.5%;left:51.5%;}
#location .map .pin.chiba{top:78%;left:59%;}
#location .map .pin.tokyo{top:73%;left:55%;}
#location .map .pin.shizuoka{top:82%;left:45%;}
@media only screen and (max-width: 750px) {
#location .map .higashinihon{width: 82%;top:19%;left:9%;transform:unset;}
#location .map .pin{position: absolute;width: 9%;}
#location .map .pin.akita{top:34%;left:66%;}
#location .map .pin.iwate{top:35%;left:79%;}
#location .map .pin.yamagata{top:48%;left:63%;}
#location .map .pin.miyagi{top:46%;left:74%;}
#location .map .pin.tochigi{top:65%;left:60.5%;}
#location .map .pin.ibaraki{top:70%;left:69%;}
#location .map .pin.saitama{top:71%;left:51%;}
#location .map .pin.chiba{top:79.5%;left:67%;}
#location .map .pin.tokyo{top:75%;left:59%;}
#location .map .pin.shizuoka{top:82%;left:41%;}
}


#flow{}
#flow .flow_inner{}
#flow .flow_inner p.flow_txt{text-align: center;color:#5E1C0E;font-size: 19px;font-weight: 700;font-family: YakuHanMP,"Noto Serif JP", serif;letter-spacing: 0;line-height: 1.7;margin-bottom: 25px;}
#flow .flow_inner.step1{position: relative;padding-bottom:10px;}
#flow .flow_inner.step1 .ekitag{display: flex;justify-content: space-between;align-items: center;background:#000;color:#fff;border:2px solid #D8D8D8;border-radius: 10px;padding:15px 40px;}
#flow .flow_inner.step1 .ekitag .mark{flex-shrink: 0;width: 110px;margin-right: 35px;}
#flow .flow_inner.step1 .ekitag .mark img{width: 100%;}
#flow .flow_inner.step1 .ekitag h4{font-size: 18px;font-weight: 600;}
#flow .flow_inner.step1 .ekitag h4+p{font-size: 14px;font-weight: 400;line-height: 1.7;text-align: justify;margin-top: 0.5em;}

#flow .flow_inner.step1 .btn{margin-top:30px;display: flex;justify-content: center;gap: 50px;}
#flow .flow_inner.step1 .btn .navylink a{width: unset;padding:1.1em 3.5em;}
#flow .flow_inner.step1 .chara{position: absolute;width: 170px;top:-80px;right:0;}
#flow .flow_inner.step1 .chara img{width: 100%;}

#flow .flow_inner .step_flex{display: flex;justify-content: center;}
#flow .flow_inner .step_flex div{width: 25%;position: relative;}
#flow .flow_inner .step_flex div:not(:last-of-type){border-right:2px solid #000;}
#flow .flow_inner .step_flex div:not(:last-of-type)::after{content:"";display: block;position: absolute;top:42%;right:-17px;width: 27px;height: 43px;background-image: url(../images/step_arrow.svg);background-position: center center;background-repeat: no-repeat;background-size: contain;}
#flow .flow_inner .step_flex .img{padding:0 36px;}
#flow .flow_inner .step_flex .img img{width: 100%;}
#flow .flow_inner .step_flex .txt{font-size: 14px;font-weight: 400;text-align: center;line-height: 1.5;}
#flow .flow_inner.step2 .step_flex .txt{height: 3em;margin-top: 0.7em;}
#flow .flow_inner.step3 .step_flex .txt{height: 5em;display: flex;justify-content: center;align-items: center;margin-top: 0.2em;}
#flow .flow_inner.step2 .step_flex div{display: flex;justify-content: center;align-items: center;flex-direction: column;}
#flow .flow_inner.step3 .step_flex div{display: flex;justify-content: space-between;align-items: center;flex-direction: column;}

#flow .flow_inner.step2{padding-bottom: 20px;}
#flow .flow_inner.step2 .henkou{text-align: right;font-size: 12px;font-weight: 400;margin-top: 1.5em;}
#flow .flow_inner.step2 .price{font-weight: 650;font-family: YakuHanMP,"Noto Serif JP", serif;font-size: 22px;color:#fff;background:#7C1811;width: max-content;margin:24px auto 0;padding:0.45em 2.5em 0.9em;position: relative;}
#flow .flow_inner.step2 .price::after{content:"";display: block;position: absolute;bottom:7px;left:0;width: 100%;height: 1px;background:#fff;}
#flow .flow_inner.step2 .price span{font-size: 0.75em;}
#flow .flow_inner.step2 .trial{padding:0 45px 0 35px;margin-top: 25px;}
#flow .flow_inner.step2 .trial>div{background-color: #E9CC71;box-shadow: 10px 8px 0 #E99911;position: relative;padding:30px 0 30px;background-image: url(../images/trial_bg_pc.svg);background-position: center;background-repeat: no-repeat;background-size: 100% 100%;}
#flow .flow_inner.step2 .trial .img{position: absolute;top:-27px;left:-35px;width: 120px;}
#flow .flow_inner.step2 .trial .img img{width: 100%;}
#flow .flow_inner.step2 .trial .txt{text-align: center;font-weight: 650;font-family: YakuHanMP,"Noto Serif JP", serif;font-size: 20px;line-height: 1.6;color:#5E1C0E;}
#flow .flow_inner.step2 .trial .navylink{margin-top: 25px;}
#flow .flow_inner.step2 .trial .navylink a{padding: 0.6em 3em;font-size: 16px;box-shadow: 0 0 0 7px #1E1E3D;}
#flow .flow_inner.step2 .trial .kome{margin-top: 20px;width: 90%;margin:20px auto 0;}
#flow .flow_inner.step2 .trial .kome p{font-size: 0.9em;font-weight: 500;text-indent: -1em;padding-left: 1em;color:#5E1C0E;line-height: 1.4;}
#flow .flow_inner.step2 .trial .kome p::before{content:"※";}
#flow .flow_inner.step4{padding-bottom: 15px;}
#flow .flow_inner.step4 .mark{width: 88px;margin:0 auto 10px;}
#flow .flow_inner.step4 .mark img{width: 100%;}
#flow .flow_inner.step4 .present_img {margin-bottom: 50px;}
#flow .flow_inner.step4 .present_img img{width: 100%;}
#flow .flow_inner.step4 .present{display: flex;justify-content: space-between;align-items: center;width: 635px;margin: 0 auto;gap: 10px;}
#flow .flow_inner.step4 .present div{width: auto;}
#flow .flow_inner.step4 .present .img img{width: 100%;}
#flow .flow_inner.step4 .present .txt{text-align: center;font-size: 14px;font-weight: 400;margin-top: 1em;}
#flow .flow_inner.step4 .present div:nth-of-type(3) .img{padding: 0 30px;}
#flow .flow_inner.step4 .present div:nth-of-type(3) .txt{width: max-content;margin:1em auto 0;}
#flow .flow_inner.step4 .present div:nth-of-type(1) .txt{margin-top: 0;}
#flow .flow_inner.step4 .chara{width: 122px;margin:25px auto 0;}
#flow .flow_inner.step4 .chara img{width: 100%;}
#flow .flow_inner.step4 .hr{position: relative;height: 1px;background: linear-gradient(90deg,#E27770 0%,#D19F4D 100%) border-box border-box;}
#flow .flow_inner.step4 .hr::before,#flow .flow_inner.step4 .hr::after {content: "";position: absolute;left: 0;width: 100%;height: 1px;background: linear-gradient(90deg,#E27770 0%,#D19F4D 100%) border-box border-box;}
#flow .flow_inner.step4 .hr::before {top: -2px;}
#flow .flow_inner.step4 .hr::after {bottom: -2px;}
#flow .flow_inner.step4 .print{text-align: center;margin: 35px auto 0;font-size: 20px;padding:0.65em 3em;background-image: url(../images/h3_bg2.png);background-position: center center;background-size: 100%;width: max-content;border-radius: 50px;color: #5E1C0E;}
#flow .flow_inner.step4 .flow_txt2{text-align: center;color:#5E1C0E;font-size: 18px;font-weight: 700;font-family: YakuHanMP,"Noto Serif JP", serif;letter-spacing: 0;line-height: 1.5;margin:30px 0 25px;}
#flow .flow_inner.step4 .tenpo{text-align: center;font-size: 12px;font-weight: 400;line-height: 1.5;color:#5E1C0E;letter-spacing: 0.02em;}
#flow .flow_inner.step4 .tenpo+.tenpo{margin-bottom: 30px;}
#flow .flow_inner.step4 .tenpo::before{content:"※";}
#flow .flow_inner.step4 .bottom_txt{color:#5E1C0E;font-size: 15px;line-height: 1.6;letter-spacing: 0.015em;font-weight: 500;text-align: justify;margin-top: 25px;border:1px dotted #835312;padding:15px 20px 15px calc(20px + 1em);border-radius: 8px;background: #F9F1ED;margin-bottom: 20px;text-indent: -1em;}
#flow .flow_inner.step4 .bottom_txt::before{content:"※";}
#flow .flow_inner.step4 .konpurin{}
#flow .flow_inner.step4 .konpurin .konbini{display: flex;align-items: center;justify-content: center;margin-top: 70px;gap:20px;}
#flow .flow_inner.step4 .konpurin .konbini p a{padding:0.8em 1.5em 0.8em 2em;font-size: 16px;font-weight: 500;display: flex;justify-content: center;align-items: center;color:#fff;background: #E99911;border:1px solid #fff;border-radius: 100px;width: max-content;box-shadow: 0 0 0 4px #E99911;}
#flow .flow_inner.step4 .konpurin .konbini p a::after{content:"";display:block;width: 1em;height: 1em;background-image: url(../images/arrow_white.svg);background-position: center center;background-repeat: no-repeat;background-size: contain;margin-left: 1.5em;margin-top: 1px;}

#flow .flow_inner.step4 .konpurin>p{text-align: center;color:#5E1C0E;font-size: 18px;font-weight: 700;font-family: YakuHanMP,"Noto Serif JP", serif;position: relative;}
#flow .flow_inner.step4 .konpurin>p::after{content:"";display: block;position: absolute;bottom:-45px;left:calc(50% - 35px);width: 70px;height: 30px;background-image: url(../images/konpurin_arrow.svg);background-position: center center;background-repeat: no-repeat;background-size: contain;}
#flow .flow_inner.step4 .konpurin_box{padding:35px 60px 40px;position: relative;margin-top: 40px;}
#flow .flow_inner.step4 .konpurin_box::before{content: "";position: absolute;top: 10px;left: 10px;width: calc(100% - 20px);height: calc(100% - 20px);z-index: -1;background:#fff;border-radius: 6px;}
#flow .flow_inner.step4 .konpurin_box::after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -2;background-image:   linear-gradient(to bottom right, #DCB1D0, transparent 50%),linear-gradient(to bottom left, #A993C3, transparent 50%),linear-gradient(to top right, #F9F1ED, transparent 50%),linear-gradient(to top left, #B2DEF5, transparent 50%);background-blend-mode: screen;border-radius: 10px;}
#flow .flow_inner.step4 .konpurin_box .title{font-size: 22px;font-weight: 600;color:#D871B1;position: relative;overflow: hidden;}
#flow .flow_inner.step4 .konpurin_box .title::after{content:"";display: block;position: absolute;top:calc(50% - 1px);left:5.5em;width:calc(100% - 5.5em);height: 1px;background: linear-gradient(90deg,#DE9FFF 0%,#7F47D2 60%,#009F98 100%) border-box border-box;}
#flow .flow_inner.step4 .konpurin_box .txt{font-size: 14px;font-weight: 400;line-height:1.5;margin-top: 15px;}
#flow .flow_inner.step4 .konpurin_box .navylink{margin-top: 25px;}
#flow .flow_inner.step4 .konpurin_box .navylink a{font-size: 16px;padding:0.7em 2.5em;box-shadow: 0 0 0 7px #1E1E3D;}
#flow .flow_inner.step5{padding-bottom: 15px;}
#flow .flow_inner.step5 .spot_wrap{display: flex;justify-content: space-between;align-items: flex-end;}
#flow .flow_inner.step5 .spot_items{display: flex;flex-direction: column;gap: 20px;}
#flow .flow_inner.step5 .spot_items>div:not(.spot_present){display: flex;align-items: center;}
#flow .flow_inner.step5 .spot_items .img{width: 88px;margin-right: 20px;flex-shrink: 0;}
#flow .flow_inner.step5 .spot_items .img img{width: 100%;}
#flow .flow_inner.step5 .spot_items .txt{font-weight: 650;font-size: 20px;letter-spacing: 0;font-family: "Noto Serif JP", serif;color:#5E1C0E;line-height: 1.4;}
#flow .flow_inner.step5 .spot_items .kome{text-indent: -1em;padding-left: 1em;font-size: 14px;font-weight: 400;color:#5E1C0E;margin-top: 0.4em;}
#flow .flow_inner.step5 .spot_items .kome::before{content:"※";}
#flow .flow_inner.step5 .spot_present{width:320px;margin-right:0px;padding-top: 20px;margin-left:20px;}
#flow .flow_inner.step5 .spot_present>div{position: relative;}
#flow .flow_inner.step5 .spot_present>div:not(:last-of-type){margin-bottom: 25px;position: relative;}
#flow .flow_inner.step5 .spot_present>div:first-of-type{width: 140px;}
#flow .flow_inner.step5 .spot_present .present_img{}
#flow .flow_inner.step5 .spot_present .present_img img{width: 100%;}
#flow .flow_inner.step5 .spot_present .present_txt{font-size: 14px;font-weight: 400;text-align: center;margin-top: 0.5em;}
#flow .flow_inner.step5 .spot_present .chara{position: absolute;bottom:-25px;right:-160px;width: 136px;}
#flow .flow_inner.step5 .spot_present .chara img{width: 100%;}
#flow .flow_inner.step5 .present_fukidasi1{position: absolute;bottom:65px;left:0;width: 160px;}
#flow .flow_inner.step5 .present_fukidasi1 img{width: 100%;}
#flow .flow_inner.step5 .present_fukidasi2{position: absolute;top:30px;right:-15px;width: 160px;}
#flow .flow_inner.step5 .present_fukidasi2 img{width: 100%;}
#flow .flow_inner.step5 .present6{padding: 0 110px 0 20px;}
#flow .flow_inner.step5 .present5+.present_txt{margin-top: 1em;}
#flow .flow_inner.step5 .present6+.present_txt{padding-right:75px;margin-top: 0.8em;}
#flow .flow_inner.step5 .present_msg{font-size: 12px;font-weight: 400;line-height: 1.3;text-indent: -1em;padding-left: 1em;width: max-content;margin: 0.6em auto 0;}
#flow .flow_inner.step5 .present_msg::before{content:"※";}

#flow .flow_inner.step5 ul{font-size: 12px;font-weight: 400;margin-top: 35px;}
#flow .flow_inner.step5 ul li{text-indent: -1em;padding-left: 1em;line-height:1.5;text-align: justify;letter-spacing: 0.015em;}
#flow .flow_inner.step5 ul li::before{content:"※";}

@media only screen and (max-width: 750px) {
#flow .flow_inner p.flow_txt{font-size: 4.4vw;line-height: 1.5;margin-bottom: 6vw;margin-left: -1em;margin-right: -1em;}
#flow .flow_inner.step1{padding-bottom:4vw;}
#flow .flow_inner.step1 .ekitag{display: block;border-radius: 2.6vw;padding:7vw 6vw 5vw;}
#flow .flow_inner.step1 .ekitag .mark{width: 21.3vw;margin-right: 0;margin:0 auto 4vw;}
#flow .flow_inner.step1 .ekitag h4{font-size: 4.8vw;text-align: center;}
#flow .flow_inner.step1 .ekitag h4+p{font-size: 3.7vw;margin-top: 1em;}

#flow .flow_inner.step1 .btn{margin-top:6vw;display: block;}
#flow .flow_inner.step1 .btn .navylink a{width: calc(100% - 16vw);padding:0.7em 0;font-size: 3.8vw;}
#flow .flow_inner.step1 .chara{position: static;width: 36vw;margin-top: -6vw;margin-bottom: -1.5vw;margin-left: auto;}
#flow .flow_inner.step1 .sp_link{margin-top: 5vw;padding:0 6vw;}
#flow .flow_inner.step1 .sp_link p:first-of-type{margin-bottom: 4vw;}
#flow .flow_inner.step1 .sp_link p img{width: 100%;}

#flow .flow_inner .step_flex{display: block;}
#flow .flow_inner .step_flex div{width: 100%;padding:4vw 0;}
#flow .flow_inner .step_flex div:not(:last-of-type){border:none;border-bottom:2px solid #000;}
#flow .flow_inner .step_flex div:not(:last-of-type)::after{top:unset;bottom:-2.8vw;right:calc(50% - 4.5vw);width: 9vw;height: 5vw;background-image: url(../images/step_arrow_sp.svg?1);}
#flow .flow_inner .step_flex .img{padding:0;width: 24vw;margin-right: 2vw;}
#flow .flow_inner .step_flex .txt{font-size: 3.7vw;text-align: left;flex:1;}
#flow .flow_inner.step2 .step_flex .txt{height: auto;margin-top: 0;}
#flow .flow_inner.step3 .step_flex .txt{height: auto;display: block;margin-top: 0;}
#flow .flow_inner.step2 .step_flex div{justify-content: space-between;align-items: center;flex-direction: row;}
#flow .flow_inner.step3 .step_flex div{justify-content: space-between;align-items: center;flex-direction: row;}
#flow .flow_inner.step3 .step_flex{margin-bottom: -4vw;}
#flow .flow_inner.step2{padding-bottom: 1vw;}
#flow .flow_inner.step2 .henkou{text-align: left;font-size: 3.2vw;margin-top: 1.3em;}
#flow .flow_inner.step2 .price{font-size: 7vw;width: 100%;margin:10vw auto 0;padding:0.35em 0 0.8em;text-align: center;}
#flow .flow_inner.step2 .price::after{content:"";display: block;position: absolute;bottom:2.5vw;left:0;width: 100%;height: 1px;background:#fff;}
#flow .flow_inner.step2 .price span{font-size: 0.7em;}
#flow .flow_inner.step2 .trial{padding:0 2vw 0 0;margin-top: 14vw;}
#flow .flow_inner.step2 .trial>div{box-shadow: 2vw 2vw 0 #E99911;padding:20vw 4vw 6vw;background-image: url(../images/trial_bg_sp.svg);background-position: top left;background-repeat: no-repeat;background-size: 98%;}
#flow .flow_inner.step2 .trial .img{top:-6.5vw;left:calc(50% - 11.3vw);width: 22.6vw;transform: rotate(17deg);}
#flow .flow_inner.step2 .trial .txt{font-size:4vw;line-height: 1.75;margin:0 -1em;}
#flow .flow_inner.step2 .trial .navylink{margin-top: 7vw;}
#flow .flow_inner.step2 .trial .navylink a{padding: 0.8em 0;font-size: 3.8vw;box-shadow: 0 0 0 2vw #1E1E3D;}
#flow .flow_inner.step2 .trial .kome{margin-top: 3vw;width: 100%;}
#flow .flow_inner.step2 .trial .kome p{font-size: 0.8em;text-align: justify;line-height: 1.5;font-weight: 400;}
#flow .flow_inner.step4{padding-bottom: 0vw;}
#flow .flow_inner.step4 .mark{width: 24vw;margin:7vw auto 5vw;}
#flow .flow_inner.step4 .present_img {margin-bottom: 8vw;}
#flow .flow_inner.step4 .present{display: block;width:100%;display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows:auto;
grid-column-gap: 0px;
grid-row-gap: 0px;}
#flow .flow_inner.step4 .present div{position: relative;}
#flow .flow_inner.step4 .present div:nth-of-type(1) { grid-area: 1 / 1 / 2 / 2; display: flex;justify-content: flex-end;align-items:center;flex-direction: column;height: 100%;}
#flow .flow_inner.step4 .present div:nth-of-type(2) { grid-area: 2 / 1 / 3 / 3; margin:6vw -3vw 0;}
#flow .flow_inner.step4 .present div:nth-of-type(3) { grid-area: 1 / 2 / 2 / 3; display: flex;justify-content: flex-end;align-items:center;flex-direction: column;}
#flow .flow_inner.step4 .present .txt{font-size: 3.7vw;}
#flow .flow_inner.step4 .present div:nth-of-type(1){padding-left: 4vw;}
#flow .flow_inner.step4 .present div:nth-of-type(1) .img img{width: calc(100% + 9vw);position: absolute;top:-1vw;left:-3vw;height: auto;}
#flow .flow_inner.step4 .present div:nth-of-type(3) .img{padding: 0 9vw;}
#flow .flow_inner.step4 .present div:nth-of-type(2) .txt{margin-top: 0.7em;}
#flow .flow_inner.step4 .chara{width: 30vw;margin:3vw auto 0.5vw;}
#flow .flow_inner.step4 .hr::before {top: -3px;}
#flow .flow_inner.step4 .hr::after {bottom: -3px;}
#flow .flow_inner.step4 .print{margin: 7vw auto 0;font-size: 4vw;background-size: 260%;width: 100%;}
#flow .flow_inner.step4 .flow_txt2{font-size: 4.1vw;margin:5vw -1em 6vw;}
#flow .flow_inner.step4 .tenpo{text-align: justify;font-size: 3.1vw;line-height: 1.75;text-indent: -1em;padding-left: 1em;letter-spacing: 0;}
#flow .flow_inner.step4 .tenpo+.tenpo{margin-bottom: 8.5vw;}
#flow .flow_inner.step4 .bottom_txt{font-size: 3.6vw;margin-top: 5vw;line-height: 1.5;margin-bottom: 4vw;padding:0.65em 1em 0.65em 1.7em;}
#flow .flow_inner.step4 .konpurin .konbini{display: block;margin-top:17vw;}
#flow .flow_inner.step4 .konpurin .konbini p:not(:last-of-type){margin-bottom: 4.4vw;}
#flow .flow_inner.step4 .konpurin .konbini p a{padding:0.8em 2em;font-size:4vw;width:95%;position: relative;margin:0 auto;box-shadow: 0 0 0 1.2vw #E99911;}
#flow .flow_inner.step4 .konpurin .konbini p a::after{position: absolute;top:calc(50% - 0.5em);right: 6vw;margin-top: 0;}
#flow .flow_inner.step4 .konpurin>p{font-size: 4.2vw;}
#flow .flow_inner.step4 .konpurin>p::after{bottom:-13vw;left:calc(50% - 10vw);width: 20vw;height: 9vw;}
#flow .flow_inner.step4 .konpurin_box{padding:7vw 5.5vw 10vw;margin-top:7vw;}
#flow .flow_inner.step4 .konpurin_box::before{top: 1.6vw;left: 1.6vw;width: calc(100% - 3.2vw);height: calc(100% - 3.2vw);border-radius: 2.1vw;}
#flow .flow_inner.step4 .konpurin_box::after{border-radius: 3vw;}
#flow .flow_inner.step4 .konpurin_box .title{font-size: 4.8vw;text-align: center;overflow: visible;margin-bottom: 9vw;}
#flow .flow_inner.step4 .konpurin_box .title::after{top:unset;left:0;width:100%;bottom:-4.5vw;}
#flow .flow_inner.step4 .konpurin_box .txt{font-size: 3.5vw;margin-top: 0;text-align: justify;}
#flow .flow_inner.step4 .konpurin_box .navylink{margin-top: 7vw;}
#flow .flow_inner.step4 .konpurin_box .navylink a{padding: 0.7em 0;font-size: 3.8vw;box-shadow: 0 0 0 2vw #1E1E3D;width: calc(100% - 4vw);letter-spacing: 0;}
#flow .flow_inner.step5{padding-bottom: 0;}
#flow .flow_inner.step5 .spot_wrap{margin-top: 11vw;}
#flow .flow_inner.step5 .spot_items{gap: 7vw;}
#flow .flow_inner.step5 .spot_items .img{width: 24vw;margin-right: 2vw;}
#flow .flow_inner.step5 .spot_items .txt{font-size: 4.5vw;line-height: 1.4;}
#flow .flow_inner.step5 .spot_items .kome{font-size: 3.7vw;line-height: 1.4;margin-top: 0.2em;}
#flow .flow_inner.step5 .spot_present{width:100%;margin-right:0;padding-top: 0;margin-left:0;position: relative;}
#flow .flow_inner.step5 .spot_present .present_img.first{padding:0 11vw;}
#flow .flow_inner.step5 .spot_present .present_txt{font-size: 3.7vw;margin-top: 1em;}
#flow .flow_inner.step5 .spot_present .present6{padding:0 30vw 0 0;}
#flow .flow_inner.step5 .present5+.present_txt{margin-top:1em;}
#flow .flow_inner.step5 .present6+.present_txt{padding-right:0;margin-top: 0.5em;}
#flow .flow_inner.step5 .present_fukidasi1{position: absolute;bottom:17vw;left:0;width:38vw;}
#flow .flow_inner.step5 .present_fukidasi2{position: absolute;top:6vw;right:0;width: 38vw;}
#flow .flow_inner.step5 .present_msg{font-size: 3vw;}

#flow .flow_inner.step5 ul{font-size: 3.2vw;margin-top: 8.5vw;}
}


#official .official_inner>p.txt{text-align: center;margin-bottom: 1em;font-size: 18px;font-weight: 600;font-family: YakuHanMP,"Noto Serif JP", serif;line-height: 1.9;}
#official .official_inner>p.txt span{font-size: 0.75em;}
#official .official_inner>p.txt.last{margin-bottom: 0;font-size: 24px;}
#official .logo{width:305px;margin:0 auto;}
#official .logo img{width: 100%;}
#official .navylink{margin-top: 10px;}
#official .navylink a{width: 440px;padding:1.1em 0;}
#official .copy{text-align: center;font-size: 14px;margin-top:35px;font-weight: 400;}
@media only screen and (max-width: 750px) {
#official .official_inner>p.txt{font-size: 4.7vw;line-height: 1.55;margin-bottom: 1.5em;}
#official .official_inner>p.txt span{font-size: 0.75em;}
#official .official_inner>p.txt.last{font-size: 6.4vw;}
#official .logo{width:80vw;}
#official .navylink{margin-top: -1vw;}
#official .navylink a{width: calc(100% - 4vw);padding:1.15em 0;font-size: 4.8vw;}
#official .copy{font-size: 3.2vw;margin-top:7.5vw;}
}


#caution .caution_inner{padding: 0 40px;font-size: 14px;letter-spacing: 0.015em;line-height: 1.5;font-weight: 400;text-align: justify;}
#caution .caution_inner ul li{text-indent: -1em;padding-left: 1em;}
#caution .caution_inner ul li::before{content:"※";}
#caution .caution_inner dl{margin:1.5em 0;}
#caution .caution_inner dl div *{display: inline;}
#caution .caution_inner dl div dt:after{content:"：";margin:0 -0.15em 0 0.1em;}
#caution .caution_inner dl div dd:not(:last-of-type)::after{content:"/";margin:0 -0.15em 0 0.1em;}
@media only screen and (max-width: 750px) {
#caution .caution_inner{padding: 0;font-size: 3.7vw;letter-spacing: 0.05em;}

}


.footer_logo{display: flex;justify-content: center;align-items: center;padding: 0 40px;flex-wrap: wrap;gap: 30px;}
.footer_logo p{width:auto;height: 30px;}
.footer_logo p a{display: block;width: 100%;height: 100%;}
.footer_logo p img{width: auto;height: 100%;}
@media only screen and (max-width: 750px) {
.footer_logo{padding: 0 0;gap:7vw 0;}
.footer_logo p{width: 50%;height: 10vw;text-align: center;}
}


.overlay{position: fixed;top:0;left: 0;width: 100%;height: 100%;background:rgba(186,158,155,0.4);z-index: 99;display: none;}

.modal_window{position: fixed;top:10vh;left:50%;z-index: 999;background-image: url(../images/modal_bg.jpg);background-position: top center;background-repeat: no-repeat;background-size: cover;width: 95vw;height: 86vh;max-width: 950px;transform: translateX(-50%);border: 4px solid #601C1C;border-radius: 20px;display: none;}
.modal_window .close{position: absolute;top:-50px;right:-4px;width: 36px;border-radius: 50%;overflow: hidden;transition: opacity 0.2s;}
.modal_window .close img{width: 100%;border-radius: 50%;cursor: pointer;}
.modal_window .close:hover{opacity: 0.8;}
.modal_window .scroll_wrap{overflow: hidden;height: 100%;border-radius: 20px;}
.modal_window .stamp_list{overflow-y: scroll;height: 100%;padding: 40px 0 40px 40px;}
.modal_window .stamp_list::-webkit-scrollbar {width: 8px;}
.modal_window .stamp_list::-webkit-scrollbar-thumb {background-color: #999;border-radius: 8px;}
.modal_window .stamp_list .title{text-align: center;font-size: 18px;font-weight: 650;color:#fff;font-family: "Noto Serif JP", serif;background-image: url(../images/modal_title_bg_pc.svg);background-position: center center;background-repeat: no-repeat;background-size: 100%;line-height: 60px;margin-bottom:30px;margin-right:32px;}
.modal_window .stamp_list>div{display: flex;gap:30px;}
.modal_window .stamp_list>div:not(:last-of-type){margin-bottom: 30px;}
.modal_window .stamp_list>div>div{display: flex;flex-wrap: wrap;gap:30px 20px;}
.modal_window .stamp_list>div>p{width: 100px;flex-shrink: 0;font-size: 18px;font-weight: 600;font-family: "Noto Serif JP", serif;background:#5E1C0E;color:#fff;display: flex;align-items: center;justify-content: center;position: relative;flex-direction: column;}
.modal_window .stamp_list>div>p span{font-size: 0.7em;margin-top: 1em;}
.modal_window .stamp_list>div>p::after{content:"";display: block;position: absolute;bottom:10px;left:0;width: 100%;height: 1px;border-top:1px dotted #fff;}
.modal_window .stamp_list div div p{width: 130px;}
.modal_window .stamp_list div div p a{display: block;}
.modal_window .stamp_list div div p img{width: 100%;}
.modal_window .stamp_list div div p span{display: block;text-align: center;font-size: 14px;font-weight: 650;font-family: "Noto Serif JP", serif;color:#5E1C0E;margin-top: 0.6em;}
@media only screen and (max-width: 750px) {
.modal_window{position: fixed;top:10vh;left:5vw;width: 90vw;height: 85svh;transform:unset;border: 1vw solid #601C1C;border-radius: 2.6vw;}
.modal_window .close{top:-15vw;right:-1vw;width: 12vw;}
.modal_window .scroll_wrap{border-radius: 2.6vw;}
.modal_window .stamp_list{padding: 8vw 4vw 8vw 4vw;}
.modal_window .stamp_list::-webkit-scrollbar {width: 1.5vw;}
.modal_window .stamp_list .title{font-size: 4vw;background-image: url(../images/modal_title_bg_sp.svg);line-height: 12vw;margin-bottom:6vw;margin-right:0;}
.modal_window .stamp_list>div{display: block;}
.modal_window .stamp_list>div:not(:last-of-type){margin-bottom: 10vw;}
.modal_window .stamp_list>div>div{gap:6vw 4vw;justify-content: center;}
.modal_window .stamp_list>div>p{width: 100%;font-size: 4.8vw;display: block;text-align: center;padding:0.5em 0 0.8em;margin-bottom: 4vw;}
.modal_window .stamp_list>div>p span{font-size: 0.8em;margin-top: 0;}
.modal_window .stamp_list>div>p::after{bottom:1.5vw;}
.modal_window .stamp_list div div p{width: calc((100% - 4vw) / 2);}
.modal_window .stamp_list div div p span{font-size: 3.7vw;margin-top: 0.7em;}
}

.nocopy{pointer-events: none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-touch-callout:none;-moz-user-select:none;user-select:none;}

/*sub*/
#sub main{padding-bottom:115px;}
#sub footer{margin-top: auto;}
#sub .wrap{overflow-x: hidden;display: flex;flex-direction: column;justify-content: space-between;min-height: 100vh;background-image: url(../images/sub_bg_pc.png);background-position:calc(50% - 18px) 28px;background-repeat: no-repeat;background-size: 1440px;}
#sub header{margin: 85px 0 40px;}
#sub header h1{text-align: center;background-image: url(../images/h2_bg_pc.svg);background-position: center center;background-repeat: no-repeat;background-size: 100%;font-size: 34px;font-weight: 600;font-family: "Noto Serif JP", serif;color:#fff;line-height: 90px;}
@media only screen and (max-width: 750px) {
#sub main{padding-bottom:25vw;}
#sub .wrap{background-image: url(../images/sub_bg_sp.png);background-size: 144vw;background-position:calc(50% - 4vw) 2vw;}
#sub header{margin: 7vw.0 7vw;}
#sub header h1{background-image: url(../images/h2_bg_sp.svg);font-size: 5.8vw;line-height: 15vw;padding-bottom: 0.1em;}
}

#sub .chara_box{border:4px solid #601C1C;border-radius: 20px;background: rgba(255,255,255,0.4);position: relative;padding:15px 15px 15px 295px;position: relative;background-position: left bottom;background-repeat: no-repeat;background-size: auto 100%;}
#sub .chara_box::after{content:"";display: block;position: absolute;top:15px;left:15px;width: calc(100% - 30px);height: calc(100% - 30px);border:1px solid #601C1C;border-radius: 10px;pointer-events: none;z-index: 5;}
#sub .chara_box .chara_info{background:rgba(255,250,248,0.9);border-radius: 10px;margin-left:auto;padding: 30px 20px 40px 40px;}
#sub .chara_box .chara_info h2{font-size: 28px;font-weight: 650;font-family: YakuHanMP,"Noto Serif JP", serif;color:#5E1C0E;margin-bottom:25px;}
#sub .chara_box .chara_info .hr{position: relative;height: 1px;background: #C4A465;margin-bottom:15px;}
#sub .chara_box .chara_info .hr::before,#sub .chara_box .chara_info .hr::after {content: "";position: absolute;left: 0;width: 100%;height: 2px;background: #C4A465;}
#sub .chara_box .chara_info .hr::before {top: -4px;}
#sub .chara_box .chara_info .hr::after {bottom: -4px;}
#sub .chara_box .chara_info .info{font-family:YakuHanMP, "Noto Serif JP", serif;display: table;border-collapse: separate;border-spacing: 0 10px;}
#sub .chara_box .chara_info .info div{display: table-row;line-height: 1.5;letter-spacing: 0;}
#sub .chara_box .chara_info .info dt{display: table-cell;width: 190px;}
#sub .chara_box .chara_info .info div:nth-of-type(2) dt{height: 100%;}
#sub .chara_box .chara_info .info dt span{color:#5E1C0E;font-weight: 650;text-align: center;display: block;background-image: url(../images/spot_name_bg_pc.svg);background-size: 100% 100%;background-repeat: no-repeat;background-position: center center;width: 100%;line-height: 38px;}
#sub .chara_box .chara_info .info dd{padding-left: 20px;font-size: 16px;}
#sub .chara_box .chara_info .info dd.url{margin:0.3em 0;line-height: 1.35;}
#sub .chara_box .chara_info .info dd.url a{text-decoration: underline;color:#0046B5;word-break: break-all;font-size: 14px;}
#sub .chara_box .chara_info .info dd.desc{text-indent: -1em;padding-left: calc(20px + 1em);}
#sub .chara_box .chara_info .info dd.desc::before{content:"◆";}
#sub .chara_box .chara_info .info dd.kome{text-indent: -1em;padding-left: calc(20px + 1em);font-size: 0.75em;margin: 0.7em 0;}
#sub .chara_box .chara_info .info dd.kome::before{content:"※";}
#sub .chara_box .chara_info ul{font-size: 12px;font-weight: 400;line-height: 1.5;margin:10px 0 25px;letter-spacing: 0.04em;}
#sub .chara_box .chara_info li{text-align: justify;text-indent: -1em;padding-left: 1em;}
#sub .chara_box .chara_info li::before{content:"※";}
#sub .chara_box .chara_info h3{font-family: "Noto Serif JP", serif;color:#5E1C0E;font-weight: 650;text-align: center;border-top: 3px double #5E1C0E;border-bottom: 3px double #5E1C0E;padding:0.6em 0;margin-bottom: 15px;letter-spacing: 0;font-size: 16px;}
#sub .chara_box .chara_info .poster{font-family: YakuHanMP,"Noto Serif JP", serif;}
#sub .chara_box .chara_info .poster div{display: flex;line-height: 1.5;letter-spacing: 0;align-items: center;}
#sub .chara_box .chara_info .poster div:not(:last-of-type){margin-bottom: 10px;}
#sub .chara_box .chara_info .poster dt{flex-shrink: 0;width: 145px;margin-right: 20px;font-size: 15px;font-weight: 600;color:#C4A465;text-align: center;border: 2px solid #C4A465;padding:0.1em 0;}
#sub .chara_box .chara_info .poster dd{font-size: 14px;font-weight: 450;}
#sub .back{text-align: center;margin-top: 40px;}
#sub .back a{display: inline-block;font-size: 16px;font-weight: 650;font-family: "Noto Serif JP", serif;color:#fff;background:#000;border-radius: 70px;padding:1em 2.5em;}

@media only screen and (max-width: 750px) {
#sub .chara_box{border:1vw solid #601C1C;border-radius: 2.6vw;padding:76vw 2vw 2vw;position: relative;background-image: url(../images/konnosuke1.png);background-position: top center;background-repeat: no-repeat;background-size: contain;}
#sub .chara_box::after{top:2vw;left:2vw;width: calc(100% - 4vw);height: calc(100% - 4vw);border-radius: 1.3vw;}
#sub .chara_box .chara_info{border-radius:0 0 1.3vw 1.3vw;margin-left:0;padding: 6vw 5vw 7vw;background: none;}
#sub .chara_box .chara_info h2{font-size: 6.9vw;margin-bottom:6vw;}
#sub .chara_box .chara_info .hr{margin-bottom:6vw;}
#sub .chara_box .chara_info .hr::before {top: -3px;}
#sub .chara_box .chara_info .hr::after {bottom: -3px;}
#sub .chara_box .chara_info .info{display: block;}
#sub .chara_box .chara_info .info div{display: block;}
#sub .chara_box .chara_info .info dt{display: block;width: 100%;margin-bottom: 3.5vw;}
#sub .chara_box .chara_info .info div:not(:last-of-type){margin-bottom: 6vw;}
#sub .chara_box .chara_info .info div:nth-of-type(2) dt{height: auto;}
#sub .chara_box .chara_info .info dt span{background-image: url(../images/spot_name_bg_sp.svg);line-height: 10vw;}
#sub .chara_box .chara_info .info dd{padding-left: 0;font-size: 4.2vw;}
#sub .chara_box .chara_info .info dd.url{margin:0.4em 0 0.6em;line-height: 1.35;}
#sub .chara_box .chara_info .info dd.url a{font-size: 3.7vw;}
#sub .chara_box .chara_info .info dd.desc{padding-left: 1em;}
#sub .chara_box .chara_info .info dd.kome{padding-left: 1em;font-size: 0.8em;margin: 0.7em 0;text-align: justify;}

#sub .chara_box .chara_info ul{font-size: 3.2vw;margin:6.5vw 0 6vw;letter-spacing: 0;}
#sub .chara_box .chara_info h3{padding:0.55em 0;margin-bottom: 4vw;font-size: 4.2vw;}
#sub .chara_box .chara_info .poster div{display: block;}
#sub .chara_box .chara_info .poster div:not(:last-of-type){margin-bottom: 5vw;}
#sub .chara_box .chara_info .poster dt{width: 100%;margin-right: 0;font-size: 4vw;padding:0.1em 0;margin-bottom: 3.5vw;}
#sub .chara_box .chara_info .poster dd{font-size: 3.7vw;}
#sub .back{margin-top: 8vw;}
#sub .back a{font-size: 4.2vw;}
}


#sub .chara_box.akita1{background-image: url(../../spot/character/character_akita1_pc.png);}
#sub .chara_box.iwate1{background-image: url(../../spot/character/character_iwate1_pc.png);}
#sub .chara_box.iwate2{background-image: url(../../spot/character/character_iwate2_pc.png);}
#sub .chara_box.yamagata1{background-image: url(../../spot/character/character_yamagata1_pc.png);}
#sub .chara_box.yamagata2{background-image: url(../../spot/character/character_yamagata2_pc.png);}
#sub .chara_box.yamagata3{background-image: url(../../spot/character/character_yamagata3_pc.png);}
#sub .chara_box.yamagata4{background-image: url(../../spot/character/character_yamagata4_pc.png);}
#sub .chara_box.miyagi1{background-image: url(../../spot/character/character_miyagi1_pc.png);}
#sub .chara_box.miyagi2{background-image: url(../../spot/character/character_miyagi2_pc.png);}
#sub .chara_box.tochigi1{background-image: url(../../spot/character/character_tochigi1_pc.png?1);}
#sub .chara_box.tochigi2{background-image: url(../../spot/character/character_tochigi2_pc.png);}
#sub .chara_box.ibaraki1{background-image: url(../../spot/character/character_ibaraki1_pc.png);}
#sub .chara_box.ibaraki2{background-image: url(../../spot/character/character_ibaraki2_pc.png);}
#sub .chara_box.ibaraki3{background-image: url(../../spot/character/character_ibaraki3_pc.png);}
#sub .chara_box.saitama1{background-image: url(../../spot/character/character_saitama1_pc.png);}
#sub .chara_box.chiba1{background-image: url(../../spot/character/character_chiba1_pc.png);}
#sub .chara_box.tokyo1{background-image: url(../../spot/character/character_tokyo1_pc.png);}
#sub .chara_box.tokyo2{background-image: url(../../spot/character/character_tokyo2_pc.png);}
#sub .chara_box.tokyo3{background-image: url(../../spot/character/character_tokyo3_pc.png);}
#sub .chara_box.tokyo4{background-image: url(../../spot/character/character_tokyo4_pc.png);}
#sub .chara_box.tokyo5{background-image: url(../../spot/character/character_tokyo5_pc.png);}
#sub .chara_box.tokyo6{background-image: url(../../spot/character/character_tokyo6_pc.png);}
#sub .chara_box.tokyo7{background-image: url(../../spot/character/character_tokyo7_pc.png);}
#sub .chara_box.tokyo8{background-image: url(../../spot/character/character_tokyo8_pc.png);}
#sub .chara_box.tokyo9{background-image: url(../../spot/character/character_tokyo9_pc.png);}
#sub .chara_box.shizuoka1{background-image: url(../../spot/character/character_shizuoka1_pc.png);}
#sub .chara_box.shizuoka2{background-image: url(../../spot/character/character_shizuoka2_pc.png);}
@media only screen and (max-width: 750px) {
#sub .chara_box.akita1{background-image: url(../../spot/character/character_akita1_sp.png);}
#sub .chara_box.iwate1{background-image: url(../../spot/character/character_iwate1_sp.png);}
#sub .chara_box.iwate2{background-image: url(../../spot/character/character_iwate2_sp.png);}
#sub .chara_box.yamagata1{background-image: url(../../spot/character/character_yamagata1_sp.png);}
#sub .chara_box.yamagata2{background-image: url(../../spot/character/character_yamagata2_sp.png);}
#sub .chara_box.yamagata3{background-image: url(../../spot/character/character_yamagata3_sp.png);}
#sub .chara_box.yamagata4{background-image: url(../../spot/character/character_yamagata4_sp.png);}
#sub .chara_box.miyagi1{background-image: url(../../spot/character/character_miyagi1_sp.png);}
#sub .chara_box.miyagi2{background-image: url(../../spot/character/character_miyagi2_sp.png);}
#sub .chara_box.tochigi1{background-image: url(../../spot/character/character_tochigi1_sp.png);}
#sub .chara_box.tochigi2{background-image: url(../../spot/character/character_tochigi2_sp.png);}
#sub .chara_box.ibaraki1{background-image: url(../../spot/character/character_ibaraki1_sp.png);}
#sub .chara_box.ibaraki2{background-image: url(../../spot/character/character_ibaraki2_sp.png);}
#sub .chara_box.ibaraki3{background-image: url(../../spot/character/character_ibaraki3_sp.png);}
#sub .chara_box.saitama1{background-image: url(../../spot/character/character_saitama1_sp.png);}
#sub .chara_box.chiba1{background-image: url(../../spot/character/character_chiba1_sp.png);}
#sub .chara_box.tokyo1{background-image: url(../../spot/character/character_tokyo1_sp.png);}
#sub .chara_box.tokyo2{background-image: url(../../spot/character/character_tokyo2_sp.png);}
#sub .chara_box.tokyo3{background-image: url(../../spot/character/character_tokyo3_sp.png);}
#sub .chara_box.tokyo4{background-image: url(../../spot/character/character_tokyo4_sp.png);}
#sub .chara_box.tokyo5{background-image: url(../../spot/character/character_tokyo5_sp.png);}
#sub .chara_box.tokyo6{background-image: url(../../spot/character/character_tokyo6_sp.png);}
#sub .chara_box.tokyo7{background-image: url(../../spot/character/character_tokyo7_sp.png);}
#sub .chara_box.tokyo8{background-image: url(../../spot/character/character_tokyo8_sp.png);}
#sub .chara_box.tokyo9{background-image: url(../../spot/character/character_tokyo9_sp.png);}
#sub .chara_box.shizuoka1{background-image: url(../../spot/character/character_shizuoka1_sp.png);}
#sub .chara_box.shizuoka2{background-image: url(../../spot/character/character_shizuoka2_sp.png);}

}





.important-notice {
  margin: 16px auto 24px;
  padding: 0 16px;
}

/* 枠 */
.important-notice__inner {
  max-width: 780px;
  margin: 0 auto;
  box-sizing: border-box;

  border: 2px solid #d90000;
  background: #fff6f6;
  padding: 18px 22px;

  border-radius: 2px;
}

/* タイトル */
.important-notice__title {
  margin: 0 0 12px;
  text-align: center;
  color: #d90000;
  font-weight: 800;
  letter-spacing: 0.02em;

  font-size: clamp(15px, 1.8vw, 19px);
  line-height: 1.35;
}

/* 本文ベース */
.important-notice__lead,
.important-notice__text,
.important-notice__subhead,
.important-notice__list,
.important-notice__note {
  color: #d90000;
  overflow-wrap: anywhere;
  word-break: normal;
}

/* リード */
.important-notice__lead {
  margin: 0 0 10px;
  font-weight: 700;
  line-height: 1.75;
  font-size: clamp(13px, 1.2vw, 15px);
}

/* 本文 */
.important-notice__text {
  margin: 0 0 10px;
  font-weight: 700;
  line-height: 1.75;
  font-size: clamp(13px, 1.2vw, 15px);
}

/* 注記 */
.important-notice__note {
  margin: 0 0 12px;
  font-weight: 700;
  line-height: 1.65;
  font-size: clamp(12px, 1.1vw, 14px);
}

/* 強調注記 */
.important-notice__note--strong {
  margin-top: 6px;
  font-weight: 800;
}

/* 小見出し */
.important-notice__subhead {
  margin: 4px 0 8px;
  font-weight: 800;
  line-height: 1.5;
  font-size: clamp(13px, 1.2vw, 15px);
}

/* 箇条書き */
.important-notice__list {
  margin: 0 0 12px;
  padding-left: 1.25em; /* マーカー分の余白 */
  font-weight: 700;
  line-height: 1.75;
  font-size: clamp(13px, 1.2vw, 15px);
}

.important-notice__list li {
  margin: 0 0 6px;
}

.important-notice__list li:last-child {
  margin-bottom: 0;
}

/*SP（〜750px） */
@media (max-width: 750px) {
  .important-notice {
    margin: 12px auto 16px;
    padding: 0 12px;
  }

  .important-notice__inner {
    max-width: 100%;
    padding: 12px 12px;
  }

  .important-notice__lead,
  .important-notice__text,
  .important-notice__subhead,
  .important-notice__list,
  .important-notice__note {
    text-align: left;
  }

  .important-notice__list {
    padding-left: 1.1em;
  }
}

/*PC（751px〜）*/
@media (min-width: 751px) {
  .important-notice__lead,
  .important-notice__text,
  .important-notice__list,
  .important-notice__note,
  .important-notice__subhead {
    max-width: 46em;
    margin-left: auto;
    margin-right: auto;
  }

  .important-notice__subhead {
    text-align: left;
  }
}