/* ============================== */
/*img cover*/
.cover {width:100%; height:100%;}
/*link*/
a{text-decoration:underline; color:#000;}
a:hover{ text-decoration:none; color:#000;}
.alt{
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
.br-smp{display: none;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
.br-pc{display: none;}
}
:root {
	--booth-skyblue:#6fc7e2;
	--booth-pink:#f2accb;
}
/*///////////////// style ////////////////*/

body { margin:0; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family:"m-plus-1p", sans-serif; }
body * { box-sizing:border-box; }
h1 { width:90vw; margin:5vw 5vw 3vw 5vw; padding:.2em .5em; font-feature-settings:"palt"; font-size:4vw; }
p { font-feature-settings:"palt"; letter-spacing:0.004em; text-align:justify; text-justify:inter-ideograph; word-break:break-all; line-height:1.6; font-family:a-otf-ud-shin-go-pr6n, sans-serif; font-style:normal; font-weight:300; }
p span { font-family:corporate-logo-ver2, sans-serif; font-style:normal; font-weight:700; font-feature-settings:"palt"; letter-spacing:0; text-align:justify; text-justify:inter-ideograph; }
div.logo { width:80%; margin:auto; display:block; background:url(../img/logo.png) center center no-repeat; background-size:contain; aspect-ratio:1714/1702; }
div.logo img { width:80%; margin:auto; display:block; background:url(../img/logo.png) center center no-repeat; background-size:contain; aspect-ratio:1714/1702; }
@media all and (min-width:768px) { p { font-size:2vw; } }
@media all and (max-width:767px) { h1 span:first-child { font-size:3.5vw; } h1 span:last-child { font-size:4.5vw; } p { font-size:4vw; } }
#wrapper { border-radius:2em; background:#FFF; position:absolute; top:0; bottom:0; right:0; left:0; overflow:hidden; }
.box .in_box { overflow-y:scroll; margin:0 auto; }
.box .in_box .scrollbox { height:max-content; }
.txtArea { word-break:break-all; }
.txtArea span { display:block; }
.txtArea span.att { display:inline-block !important; background:#F01902; color:#FFF !important; padding:.2em .5em; margin-bottom:.5em; }

@media all and (min-width:768px) {
  .box .in_box { width: 90vw; height: 67vh; display: flex; justify-content: space-between; padding-bottom: 4em; overflow: auto; }
  .box .in_box .imgArea { width: 50%; height: max-content; padding: 0; margin: 1em 0; }
  .box .in_box .imgArea.imgFull { width: 100%; height: max-content; }
  .txtArea { width: 45%; margin-right: 1em; }
  .txtArea small, .txtArea p.att_box { font-size: 1.5vw !important; }
  .box .in_box.in_box2l { height: 60vh; }
}

@media all and (max-width:767px) {
  .box .in_box { width: 90vw; height: 83vh; display: flex; flex-wrap: wrap; padding-bottom: 2em; }
  .box .in_box .imgArea { width: 100%; height: max-content; }
  .txtArea { width: 90%; margin: auto; }
  .txtArea small, .txtArea p.att_box { font-size: 3vw !important; }
}

/*color*/
.skyblueArea { border:solid 3px var(--booth-skyblue); border-bottom:solid 15px var(--booth-skyblue); }
.skyblueArea h1 { background:var(--booth-skyblue); color:#FFF; }
.skyblueArea .txtArea span { color:var(--booth-skyblue); margin-top:.5em; }
.skyblueArea .txtArea p { border-top:dashed 3px var(--booth-skyblue); padding:1em 0; }
.pinkArea { border:solid 3px var(--booth-pink); border-bottom:solid 15px var(--booth-pink) }
.pinkArea h1 { background:var(--booth-pink); color:#fff; }
.pinkArea .txtArea span { color:var(--booth-pink); margin-top:.5em; }
.pinkArea .txtArea p { border-top:dashed 3px var(--booth-pink); padding:1em 0 2em; }

/*///////////////// figure ////////////////*/
figure { margin:0 0 1em; padding:0; }
figure span.lazy { width:100%; aspect-ratio:4/3; border:#ddd 1px solid; }
figure .att { display:inline-block; position:absolute; bottom:5px; right:5px; background:rgba(240,25,2,100); color:#FFF; font-size:70%; padding:.2em .5em; }
/*///////////////// lazy ////////////////*/
.lazy { position:relative; display:block; background:center top no-repeat; background-size:cover; margin:0 auto; }
.lazy img { position:absolute; top:0; left:0; width:100%; height:100%; }