@charset "utf-8";
/*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.min.css */
a,hr{color:inherit}address,blockquote,body,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,iframe,ol,p,pre,table,ul{margin:0}progress,sub,sup{vertical-align:baseline}fieldset,legend,ol,option,td,th,ul{padding:0}caption,th{text-align:left}*,::after,::before{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}details,main{display:block}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}ol,ul{list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;clear:both}code,kbd,pre,samp{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}embed,iframe,img,object,svg{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:0 0;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}[type=button],[type=reset],[type=submit],button,label[for]{cursor:pointer}[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled,button:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}fieldset{min-width:0}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=number]{-moz-appearance:textfield}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}td,th{vertical-align:top}th{font-weight:700}

body {
    font-family: "Noto Sans JP","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: 500;
    color: #1D50A2;
    font-size: 1.1vw;
	    background: #F6C3D9;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
       only screen and (min-resolution: 192dpi) {
  body {
     font-size: 1.2vw;
  }
}
:root {
  --modal-dur: .8s;
  --modal-ease: cubic-bezier(.2, .7, .2, 1);
}
.pc {
  display: block;
}
.sp {
  display: none;
}
.jp {
font-family: "M PLUS 1", sans-serif;
}
.en {
  font-family: "Outfit", sans-serif;
}

img {
  width: 100%;
}
p {
    line-height: 2;
    letter-spacing: 0.06em;
    font-feature-settings: "palt";
}
.flex {
	display: flex;
}
/************ ハンバーガーメニュー *************/

body{
  overflow-x: hidden;
}

header {
    position: relative;
    z-index: 3;
}

.hamburger {
    width: 5em;
    height: 5em;
    position: fixed;
    top: 1.8em;
    right: 1.8em;
    background: #1d50a2;
    border-radius: 999px;
    z-index: 4;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transform: scale(0.95, 0.95);
    transition: .4s;
}
.sc01 .hamburger {
  opacity: 1;
   pointer-events: auto;
  transform: scale(1, 1);
  transition: .4s;
}
.menu-active .hamburger {
        background:none;
}
.hamburger span {
    position: absolute;
    width: 56%;
    height: 2px;
    background-color: #fefcef;
    transition: .3s;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.hamburger span:first-of-type{
    top: 2.2em;
}
.hamburger span:nth-of-type(2){
     top: 2.8em;
}
.slide-menu {
	background: #1d50a2f5;
    position: fixed;
    top: 0;
    width: 36%;
    right: -100%;
    transition: .7s;
    height: 100%;
    z-index: 3;
}

.menu-active .slide-menu {
  transform: translateX(0);
}

.slide-menu li a{
    text-decoration: none;
    color: #fff;
}

.slide-menu li.sub {
    font-size: 15px;
}

.menu-active .hamburger span:first-of-type{
  top: 50%;
  transform: rotate(45deg);    background-color: #fff;
}
.menu-active .hamburger span:nth-of-type(2){
  top: 50%;
  transform: rotate(-45deg);    background-color: #fff;
}

.menu-active .slide-menu {
 right: 0%;
}
.body.menu-active {
  overflow: hidden;
  transition: .7s;
}
.slide-menu-wrap {
    width: 80%;
    height: 100%;
    margin: 0 auto;
}
.slide-menu-logo {
    width: 45%;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 3em;
	padding-top: 4em;
}

.slide-menu-wrap li {
    padding-bottom: 1em;
    font-size: 1.2em;
    font-weight: 700;
    color: #5a83c5;
}
.slide-menu-wrap li .jp {
    display: block;
    font-weight: 700;
}

.slide-unei-name.jp {
    font-size: 1em;
    padding-bottom: 0.3em;
    font-weight: 600;
}
.slide-unei-tel.jp {
    font-size: 1.7em;
    font-weight: 700;
    position: relative;
	    display: inline-block;
}
.slide-unei {
    padding-top: 4em;
    color: #fff;
}
.slide-unei-subname.jp {
    padding-bottom: 1em;
    font-size: 0.8em;
}.slide-unei-coution {
    font-size: 0.8em;
    padding-top: 0.3em;
    color: #fffa15;
}
.slide-unei p {
    font-size: 0.8em;
    line-height: 1.5em;
    padding-top: 0.6em;
}
.slide-unei-tel-free {
    width: 1em;
    position: absolute;
    left: 0;
    top: -0.15em;
}
.slide-unei-tel.jp a {
    padding-left: 1.3em;
}
.slide-menu-subtitle {
    color: #fff;
    text-align: center;
    padding-top: 4em;
    font-size: 0.8em;
    padding-bottom: 1em;
}
/************ Wrapper *************/
.content {
  position: relative;
	z-index: 2;
}

.wrap {
    overflow: hidden;
    position: relative;
}.inner {
  width: 80%;
  margin: 0 auto;
	position: relative;
}
.inner-wide {
  width: 88%;
  margin: 0 auto;
}
.inner-min {
    width: 78%;
    margin: 0 auto;
	position: relative;
}
.l-sec {
  padding: 5em 0;
}
/************ Hero *************/

.hero-fade {
  animation: fadeInlogo 0.5s ease forwards;
  animation-delay: 0.5s;
  opacity: 0;
}
/**
.content {
  animation: fadeInlogo 0.5s ease forwards;
  animation-delay: 0.5s;
  opacity: 0;
}
**/

@keyframes fadeInhero {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.8;
  }
}
@keyframes fadeInlogo {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.hero {
    height: 60vw;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.hero-logo {
    width: 48%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    padding-top: 3.5em;
    padding-left: 3em;
}
.hero-img {
    position: absolute;
    width: 76%;
    left: 0;
    right: 0;
    top: 14em;
    margin: 0 auto;
}
.site-subtitle {
    position: absolute;
    top: 1.9em;
    left: 2em;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #1d50a2;
    font-size: 0.9em;
}
.hero-bg {
    position: absolute;
    width: 60%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
}
.hero-coupon {
    width: 20em;
    position: absolute;
    left: 55em;
    top: 18em;
    z-index: 3;
}

.hero-copy {
    position: absolute;
    width: 1.3em;
    left: 4em;
    top: 3em;
    z-index: 3;
}
.hero-txt {
padding: 3em 0 0;
    font-size: 1em;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 3;
    width: 60%;
    margin: 0 auto;
}
.hero-pickup00 {
    position: absolute;
    width: 14em;
    top: 34em;
    left: 19em;
    z-index: 2;
}
.hero-pickup01 {
    position: absolute;
    width: 12em;
    top: 26em;
    left: 15em;
}
.hero-pickup02 {
    position: absolute;
    width: 11em;
    top: 28em;
    right: 6em;
}
.hero-pickup03 {
    position: absolute;
    width: 8em;
    left: 12em;
    top: 32em;
    z-index: 3;
}
.hero-pickup04 {
    position: absolute;
    width: 8em;
    right: 14em;
    top: 33em;
    z-index: 3;
}
.hero-pickup05 {
    position: absolute;
    width: 9em;
    border-radius: 999px;
    left: 8em;
    top: 35em;
    z-index: 3;
    overflow: hidden;
}
.hero-pickup06 {
    position: absolute;
    width: 5em;
    top: 41em;
    left: 5em;
}
.hero-pickup07 {
    position: absolute;
    width: 12em;
    top: 23em;
    left: 3em;
}
.hero-pickup08 {
    position: absolute;
    width: 4.5em;
    top: 39em;
    right: 10em;
}
.hero-pickup09 {
    position: absolute;
    width: 5em;
    top: 43em;
    right: 5em;
}
.float-motion {
  translate: 0 0;

  animation:
    float-move var(--float-duration, 8s) ease-in-out infinite,
    float-rotate var(--rotate-duration, 11s) ease-in-out infinite;

  animation-delay:
    var(--float-delay, 0s),
    var(--rotate-delay, 0s);

will-change: transform;
}

@keyframes float-move {
  0%,
  100% {
    translate: 0 0;
  }

  25% {
    translate: var(--float-x1) var(--float-y1);
  }

  50% {
    translate: var(--float-x2) var(--float-y2);
  }

  75% {
    translate: var(--float-x3) var(--float-y3);
  }
}

@keyframes float-rotate {
  0%,
  100% {
    rotate: 0deg;
  }

  35% {
    rotate: var(--rotate-1);
  }

  70% {
    rotate: var(--rotate-2);
  }
}

@media (prefers-reduced-motion: reduce) {
  .float-motion {
    animation: none;
  }
}

/************ Content *************/

article {
    width: 80%;
    overflow: hidden;
    background: #fff;
    border-radius: 1.5em;
    margin: 0 auto;
    border: #1d50a2 solid 3px;
    position: relative;
    z-index: 2;
}

/************ Header *************/
.gnav ul {
    display: flex;
    justify-content: center;
}
.gnav li {
    margin: 0 1em;
    text-align: center;
    font-weight: 600;
    font-size: 0.94em;
    color: #7ea5e3;
}
.gnav {
    width: 100%;
    background: #1d50a2;
    padding: 1.3em 0 1.4em;
    line-height: 1.2;
}


.gnav a {
    color: #fff;
    background-image: linear-gradient(#fff, #fff);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100% 0;
    transition: color 0.3s, background-size 0.3s;
}

.gnav a:hover {
    color: #1d50a2;
    background-size: 100% 100%;
}
.sec-title-en {
    font-size: 3em;
    font-weight: 900;
}
.sec-title-jp {
    font-size: 1.15em;
    font-weight: 700;
    background: #1d50a2;
    color: #fff;
    display: inline-block;
    padding: 0.5em 1em 0.55em;
    border-radius: 0.4em;
    line-height: 1em;
    margin-top: 0.4em;
}
.sec-title-wrap {
    text-align: center;
    padding-bottom: 5vw;
    position: relative;
    z-index: 2;
}
.sec-subtitle-jp {
    font-size: 1em;
    font-weight: 700;
    background: #0094cd;
    color: #fff;
    display: inline-block;
    padding: 0.4em 1.6em;
    border-radius: 99px;
    line-height: 1em;
    margin-top: 0.2em;
}
.sec-subtitle {
    font-size: 1.5em;
    text-align: center;
    padding-bottom: 2.5em;
    font-weight: 700;
    color: #0094cd;
	display: inline-block;
	position: relative;
}
.sec-subtitle-wrap {
    text-align: center;
    padding-bottom: 3em;
}
.sec-subtitle::before, .sec-subtitle::after {
    position: absolute;
    top: 0.1em;
    height: 1.1em;
    content: '';
}
.sec-subtitle::after {
    border-right: solid 2px;
    right: -0.7em;
    transform: rotate(30deg);
}
.sec-subtitle::before {
    border-left: solid 2px;
    left: -0.7em;
    transform: rotate(-30deg);
}
.youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    border: #008e54 solid 0.38vw;
    border-radius: 1.4vw;
    overflow: hidden;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/************ lead *************/

section#lead {
    padding-bottom: 5em;
}

.lead-wrap {
    width: 72%;
    margin: 0 auto;
    padding-top: 6em;
    position: relative;
}
.lead-wrap p{
font-size: 1.08em;
    font-weight: 500;
    line-height: 2.2;
}
  .lead-wrap p a{
text-decoration: underline;
}  
span.pick {
    font-weight: 600;
    color: #eb6e9a;
}


.waribiki {
    width: 6.5em;
    position: absolute;
    top: 2em;
    right: -6.5em;
}
.lead-copy.jp {
    font-weight: 700;
    background: #ffe142;
    padding: 0.3em;
    border-radius: 8px;
    text-align: center;
    margin: 0.8em 0 1.6em;
    font-size: 1.16em;
    align-items: center;
    display: flex;
    justify-content: center;
	line-height: 1.3em;
}
.lead-data {
    margin-top: 2.2em;
    padding: 1em;
    border-top: #1d50a2 dashed 2px;
    border-bottom: #1d50a2 dashed 2px;
    display: flex;
    align-items: center;
    gap: 2em;
}
.lead-data-title.jp {
    width: 5em;
    font-weight: 600;
    font-size: 1.1em;
}
.lead-data-detail-wrap {
    width: calc(100% - 8em);
}

.lead-data p.sup {
    font-size: 0.8em;
    line-height: 1.5em;
    padding-top: 0.5em;
}
.lead-data-detail {
    padding-top: 0.3em;
}
span.han {
    margin-left: -0.4em;
}
.lead-copy.jp strong {
    font-size: 1.2em;
    padding-left: 8px;
    font-weight: 700;
}



/************howto *************/
.howto-items.flex {
    justify-content: center;
    gap: 2em;
}
.home-issue.flex {
    margin-top: 3em;
    background: #EB6E9A;
    padding: 2.5em;
    color: #fff;
    border-radius: 1em;
    justify-content: center;
    align-items: center;
}
.howto-item {
    width: 33.333%;
}
.howto-item-no {
    width: 4em;
    margin: 0 auto;
}
.howto-item-title {
    font-size: 1.15em;
    font-weight: 700;
    text-align: center;
    padding-top: 0.5em;
    line-height: 1.3em;
}
.comingsoon {
    color: #EB6E9A;
    font-size: 2em;
    text-align: center;
    font-weight: 600;
}
.comingsoon-txt {
    color: #EB6E9A;
    font-size: 1.2em;
    text-align: center;
    padding-top: 0.6em;
}
.howto-item p {
    font-size: 0.9em;
    line-height: 1.7;
    padding-top: 1.3em;
    text-align: justify;
}
.howto-item ul {
    font-size: 0.9em;
    line-height: 1.7;
    padding-top: 0.6em;
}
.howto-item ul a {
text-decoration: underline;
}

.home-issue-txt.jp {
    font-size: 1em;
    line-height: 1.6;
    font-weight: 600;
}
.home-issue-btn.jp {
    padding-left: 2em;
}
.home-issue-btn.jp a {
    display: block;
    background: #fff;
    color: #eb6e9a;
    font-size: 1.16em;
    font-weight: 700;
    padding: 0.8em 4em;
    border-radius: 99px;
	transition: .4s;
}
.home-issue-btn.jp a:hover {
    background:#cb4474;
    color: #fff;
	transition: .4s;
}


/**********outline*********/
#outline {
padding-bottom: 6em;
}
#outline table {
width: 100%;
	border-bottom: #1d50a2 solid 1px;
}
#outline tr {
    background: #f3f7fd;
}
#outline tr:nth-child(2n) {
    background: #fff;
}


#outline th {
    width: 10em;
    padding: 1em;
    border-top: #1d50a2 solid 1px;
	line-height: 1.7;
}
#outline td {
    padding: 1em;
    border-top: #1d50a2 solid 1px;
	line-height: 1.7;
}
span.marker {
    font-weight: 700;
    background-image: linear-gradient(0deg, #ffe142 0.5em, transparent 0.5em);
}
ul.sup.indent li {
font-size: 0.88em;
    text-indent: -1em;
    padding-left: 1em;
}
ul.sup.indent {
padding-top: 0.6em;
}
.layer-items {
    width: 80%;
    margin: 0 auto;
    margin-top: 2em;
    display: flex;
    justify-content: space-between;
    padding-bottom: 6em;
}
.home-hotel {
   width: 49%;
    border-radius: 1.5em;
    padding: 2em;
    background: #1d50a2;
	    color: #fff;
    text-align: center;
}

.home-agency {
   width: 49%;
    border-radius: 1.5em;
    padding: 2em;
    background: #1d50a2;
	    color: #fff;
    text-align: center;
}

.home-hotel-subtitle.jp {
    font-size: 1.2em;
}
.home-hotel-title.jp {
    font-size: 1.8em;
    padding-top: 0.2em;
    padding-bottom: 0.5em;
	font-weight: 700;
}
.home-hotel-btn.jp a{
    display: inline-block;
    background: #ffffff;
    padding: 0.8em 2em;
    border-radius: 99px;
    font-size: 1.2em;
    line-height: 1em;
    color: #1d50a2;
    transition: .4s;
}
.home-hotel-btn.jp a:hover{
    background: #0c377b;
    color: #fff;
	transition: .4s;
}
.home-agency-subtitle.jp {
    font-size: 1.2em;
}
.home-agency-title.jp {
    font-size: 1.8em;
    padding-top: 0.2em;
    padding-bottom: 0.5em;
	font-weight: 700;
}
.home-agency-btn.jp a {
    display: inline-block;
    background: #ffffff;
    padding: 0.8em 2em;
    border-radius: 99px;
    font-size: 1.2em;
    line-height: 1em;
    color: #1d50a2;
    transition: .4s;
}
.home-agency-btn.jp a:hover{
    background: #0c377b;
    color: #fff;
	transition: .4s;
}

.about-koriyama {
    width: 60%;
    margin: 0 auto;
    position: relative;
    padding-left: 10em;
    padding-bottom: 5em;
}
.about-koriyama-img {
    width: 15em;
    position: absolute;
    bottom: 0;
    left: -6em;
}.about-koriyama-title {
    width: 80%;
    padding-bottom: 2em;
}
.about-koriyama-subtitle.jp {
    font-size: 1.4em;
    font-weight: 600;
    padding-bottom: 1em;
}


/***********footer*********/
.btn-form {
    padding-top: 1em;
}
.btn-form a {
    display: inline-block;
    border: #000000 solid 1px;
    padding: 0.8em 1.5em;
    border-radius: 99px;
    color: #000000;
    line-height: 1em;
    transition: .4s;
}
.btn-form a:hover {
    background: #000;
    color: #fff;
    transition: .4s;
}

footer {
    padding: 2em 0 6em;
    text-align: center;
    background: #fff;
    color: #000;
}
.footer-nav ul {
    display: flex;
    justify-content: center;
}
.footer-nav li {
    margin: 0 1em;
    text-align: center;
    font-weight: 600;
    font-size: 0.94em;
    color: #888;
}
.footer-nav li a {
    color: #000;
    background-image: linear-gradient(#000, #000);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100% 0;
    transition: color 0.3s, background-size 0.3s;
}

.footer-nav li a:hover {
    color: #FFF;
    background-size: 100% 100%;
}


.footer-nav {
    width: 100%;
    padding: 1.3em 0 1.4em;
    line-height: 1.2;
}
.footer-unei-name.jp {
    font-size: 1.3em;
    padding-bottom: 0.4em;
	font-weight: 600;
}
.footer-unei-tel.jp {
    font-size: 2em;
    font-weight: 700;
    position: relative;
	    display: inline-block;
}
.footer-unei {
    padding-top: 2em;
}
.footer-unei-subname.jp {
    padding-bottom: 1em;
}.footer-unei-coution {
    font-size: 0.9em;
    padding-top: 0.3em;
    color: #f1206a;
}
.footer-unei p {
    font-size: 0.9em;
    line-height: 1.5em;
    padding-top: 0.6em;
}
.footer-unei-tel-free {
    width: 1em;
    position: absolute;
    left: -1.2em;
    top: -0.15em;
}
/* ------------------------------
PagePage
------------------------------ */
.page-sitename {
    width: 44%;
    margin: 0 auto;
    padding-top: 5em;
}
.page .hero-logo {
    width: 26%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    padding-top: 3.5em;
    padding-left: 0;
    padding-bottom: 3em;
}
.page .hero-img {
    position: absolute;
    width: 24em;
    right: 11em;
    left: auto;
    top: 0;
    margin: 0 auto;
}
.page .hero {
    height: auto;
}

/* ------------------------------
coupon
------------------------------ */

/* =========================================================
   FAQ
========================================================= */

.faq-wrap {
    width: 100%;
}


/* section
--------------------------------------------------------- */

.faq-section + .faq-section {
    margin-top: 4em;
}

.faq-section__heading {
    margin: 0 0 1em;
    font-size: 1.4em;
    font-weight: 700;
    line-height: 1.5;
}

/* list
--------------------------------------------------------- */

.faq {
    border-top: 1px dashed #1d50a2;
}

.faq__item {
    border-bottom: 1px dashed #1d50a2;
}


/* question
--------------------------------------------------------- */

.faq__q {
    display: grid;
    grid-template-columns: 1.6em minmax(0, 1fr) 1.1em;
    align-items: start;
    gap: 1.5em;
    width: 100%;
    margin: 0;
    padding: 1.35em;
    border: 0;
    outline: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    align-items: center;
    font-feature-settings: "palt";
}

.faq__q-mark {
    display: grid;
    place-items: center;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    font-size: 1.1em;
    font-weight: 700;
    line-height: 1;
}

.faq__a-mark {
    display: grid;
    place-items: center;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    font-size: 1.1em;
    font-weight: 700;
    line-height: 1;
}
.faq__q-mark {
    background: #1d50a2;
    color: #fff;
}

.faq__q-text {
    font-size: 1.1em;
    font-weight: 600;
    line-height: 1.6;
}


/* plus / minus
--------------------------------------------------------- */

.faq__icon {
    position: relative;
    display: block;
    width: 1.4em;
    height: 1.4em;
}

.faq__icon::before,
.faq__icon::after {
    content: "";

    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 1em;
    height: 2px;

    background: currentColor;

    transform-origin: center;

    transition:
        transform 0.4s cubic-bezier(.4, 0, .2, 1),
        opacity 0.4s cubic-bezier(.4, 0, .2, 1);
}

/* 横線 */
.faq__icon::before {
    transform: translate(-50%, -50%);
}

/* 縦線 */
.faq__icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

/* OPEN：＋ → − */
.faq__item.is-open .faq__icon::after {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(90deg) scaleX(0);
}


/* answer
---------------------------------------------------------
   height / max-height / display:none は使用しない
--------------------------------------------------------- */

.faq__a {
    display: grid;

    grid-template-rows: 0fr;

    opacity: 0;

    transition:
        grid-template-rows 0.4s cubic-bezier(.4, 0, .2, 1),
        opacity 0.4s cubic-bezier(.4, 0, .2, 1);
}

.faq__item.is-open .faq__a {
    grid-template-rows: 1fr;

    opacity: 1;
}


/*
 * ここが重要
 *
 * 0fr → 1fr の開閉を成立させるため、
 * 直下要素に min-height:0 と overflow:hidden を指定
 */
.faq__a-inner {
    min-height: 0;
    overflow: hidden;
}


/* answer content
--------------------------------------------------------- */

.faq__a-content {
    display: grid;
    grid-template-columns: 1.6em minmax(0, 1fr);
    align-items: start;
    gap: 1.5em;
    padding: 2em 1.5em;
    background: #1d50a2;
    color: #fff;
}

.faq__a-mark {
    margin-top: 2px;

    background: #e8eef8;
    color: #1d50a2;
}

.faq__a-text {
    min-width: 0;

    line-height: 1.9;
}

.faq__a-text p {
    margin: 0;

    line-height: 1.9;
}

.faq__a-text p + p {
    margin-top: 0.8em;
}


/* hover
--------------------------------------------------------- */

@media (hover: hover) {

    .faq__q {
        transition: background-color 0.3s ease;
    }

    .faq__q:hover {
        background: #f3f7fd;
    }

}




/* =========================================================
   BUSINESS
========================================================= */

.business-page {
    --biz-blue: #1d50a2;
    --biz-blue-light: #eef4fc;
    --biz-blue-pale: #f6f9fe;
    --biz-pink: #eb6e9a;
    --biz-yellow: #ffe142;
    --biz-text: #1d50a2;
    --biz-line: #c9d8ef;
    --biz-white: #fff;

    color: var(--biz-text);
}




/* =========================================================
   HEAD
========================================================= */

.business-head {
    padding: 5em 0 4em;
}

.business-head__en {
    margin: 0 0 0.25em;

    font-size: 3em;
    font-weight: 900;
    line-height: 1;
}

.business-head__title {
    display: inline-block;

    margin: 0;

    padding: 0.45em 0.9em;

    border-radius: 0.4em;

    background: var(--biz-blue);
    color: #fff;

    font-size: 1.15em;
    font-weight: 700;
    line-height: 1;
}

.business-head__lead {
    font-size: 1.05em;
    font-weight: 500;
    line-height: 2.2;
}

.business-head__note {
    margin-top: 0.8em;

    font-size: 0.82em;
}


/* period
--------------------------------------------------------- */

.business-period {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;

    margin-top: 2.5em;

    overflow: hidden;

    border: 1px solid var(--biz-blue);
    border-radius: 12px;

    background: var(--biz-blue);
}

.business-period__item {
    padding: 1.5em;

    background: #fff;
}

.business-period__label {
    display: block;

    margin-bottom: 0.5em;

    color: #708bb7;

    font-size: 0.78em;
    font-weight: 700;
}

.business-period__value {
    display: block;

    font-size: 1em;
    line-height: 1.6;
}

.business-period__note {
    display: block;

    margin-top: 0.5em;

    font-size: 0.72em;
    line-height: 1.5;
}


/* =========================================================
   SECTION
========================================================= */

.business-section {
    padding: 5em 0;
}


.business-section--contact {
    text-align: center;
    border-top: #1d50a2 dashed 2px;
	padding: 3em 0;
}

.business-section-head {
    margin-bottom: 2.5em;
}

.business-section-head__en {
    margin-bottom: 0.15em;

    font-size: 0.8em;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.business-section-head__title {
    margin: 0;

    font-size: 2em;
    font-weight: 700;
    line-height: 1.4;
}

.business-section-head__lead {

    margin-top: 0.8em;

    line-height: 1.9;
}


/* =========================================================
   NOTICE
========================================================= */

.business-notice {
    padding: 2em 2.2em;

    border: 2px solid var(--biz-blue);
    border-radius: 14px;

    background: #fff;
}

.business-notice__title {
    margin-bottom: 1em;

    font-size: 1.25em;
    font-weight: 700;
}

.business-notice p {
    line-height: 1.9;
}

.business-notice p + p {
    margin-top: 0.7em;
}
.business-notice__small {
    font-size: 0.88em;
    text-indent: -1em;
    padding-left: 1em;
    padding-top: 1em;
}


/* =========================================================
   TYPE
========================================================= */

.business-type {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1em;
}

.business-type__item {
    overflow: hidden;
    border-radius: 0.8em;
    background: #f5f9ff;
}
.business-type__head {
    padding: 1.4em;
    background: var(--biz-blue);
    color: #fff;
    text-align: center;
}
.business-type__title {
    margin: 0;
    font-weight: 700;
    font-size: 1.3em;
}


/* =========================================================
   STEPS
========================================================= */

.business-steps {
    margin: 0;
    padding: 0 2em 2em;

    list-style: none;
}
li.coution {
    font-size: 0.9em;
    line-height: 1.5em;
    text-indent: -1em;
    padding-left: 1em;
    color: #EB6E9A;
}
.business-steps__item {
    position: relative;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 1.2em;
    padding: 1.2em 0;
}

.business-steps__item + .business-steps__item {
    border-top: 1px solid var(--biz-line);
}

.business-steps__num {
    display: grid;
    font-size: 2em;
    font-weight: 700;
}

.business-steps__body h4 {
    margin: 0.3em 0 0.4em;
    font-size: 1.1em;
    font-weight: 700;
}

.business-steps__body p {
    margin: 0;

    font-size: 0.9em;
    line-height: 1.7;
}

.business-steps__body p + p {
    margin-top: 0.6em;
}

.business-note {
    font-size: 0.78em !important;
}


/* =========================================================
   OPERATION
========================================================= */

.business-operation {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2em;
}

.business-operation__item {
    padding: 2em;

    border-radius: 16px;

    background: var(--biz-blue-pale);
}

.business-operation__title {
    margin: 0 0 1.5em;

    padding-bottom: 0.7em;

    border-bottom: 2px solid var(--biz-blue);

    font-size: 1.4em;
    font-weight: 700;
}

.business-operation-steps {
    margin: 0;
    padding: 0;

    list-style: none;
}

.business-operation-steps li {
    display: grid;
    grid-template-columns: 2.6em minmax(0, 1fr);
    gap: 1em;

    padding: 1.2em 0;
}

.business-operation-steps li + li {
    border-top: 1px solid var(--biz-line);
}

.business-operation-steps > li > span {
    display: grid;
    place-items: center;

    width: 2.6em;
    height: 2.6em;

    border-radius: 50%;

    background: var(--biz-blue);
    color: #fff;

    font-size: 0.75em;
    font-weight: 700;
}

.business-operation-steps h4 {
    margin: 0 0 0.4em;

    font-size: 1em;
    font-weight: 700;
}

.business-operation-steps p {
    margin: 0;

    font-size: 0.86em;
    line-height: 1.8;
}

.business-operation-steps p + p {
    margin-top: 0.5em;
}

.business-caution {
    margin-top: 1.5em;
    font-size: 0.9em;
    line-height: 1.7;
    color: #EB6E9A;
    text-indent: -1em;
    padding-left: 1em;
}


/* =========================================================
   DOCUMENT
========================================================= */

.business-docs {

}

.business-doc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2em;
    padding: 1.5em 1.5em;
    background: #f0f6ff;
    border-radius: 0.6em;
    margin-bottom: 0.6em;
}

.business-doc__body {
    flex: 1;
}

.business-doc__category {
    margin-bottom: 0.25em;

    color: #7d98c5;

    font-size: 0.7em;
    font-weight: 700;
    letter-spacing: 0.08em;
}
.business-inner .sup {
    font-size: 0.9em;
    padding-top: 1em;
    text-indent: -1em;
    padding-left: 1em;
    line-height: 1.6em;
}
.business-doc__title {
    margin: 0;
    font-size: 1.2em;
    font-weight: 700;
}

.business-doc__text {
    margin-top: 0.4em;

    font-size: 0.82em;
    line-height: 1.7;
}

.business-doc__status {
    flex: none;

    min-width: 7em;

    padding: 0.65em 1em;

    border: 1px solid var(--biz-line);
    border-radius: 999px;

    color: #7690ba;

    font-size: 0.75em;
    font-weight: 700;
    text-align: center;
}


/* poster
--------------------------------------------------------- */

.business-poster {
    display: grid;
    grid-template-columns: 8em minmax(0, 1fr);
    gap: 2em;
    align-items: center;

    margin-top: 2em;

    padding: 2em;

    border-radius: 16px;

    background: var(--biz-blue);
    color: #fff;
}

.business-poster__icon {
    display: grid;
    place-items: center;

    aspect-ratio: 1;

    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;

    font-size: 0.75em;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.business-poster__body h3 {
    margin: 0 0 0.7em;

    font-size: 1.2em;
    font-weight: 700;
}

.business-poster__body p {
    margin: 0;

    font-size: 0.86em;
    line-height: 1.8;
}

.business-poster__body p + p {
    margin-top: 0.6em;
}


/* =========================================================
   RECORD
========================================================= */

.business-record {
}


.business-record ul {
    margin: 1.5em 0;
    padding: 0;

    list-style: none;
}

.business-record li {
    position: relative;

    padding: 0.2em;
    line-height: 1.7;
}


.business-record li span {
    display: block;

    margin-top: 0.3em;

    color: #627da8;

    font-size: 0.9em;
}


/* =========================================================
   CONTACT
========================================================= */

.business-section--contact .business-section-head__title{
    font-size: 1.15em;
    font-weight: 700;
    background: #1d50a2;
    color: #fff;
    display: inline-block;
    padding: 0.5em 1em 0.55em;
    border-radius: 0.4em;
    line-height: 1em;
    margin-top: 0.4em;
}


.business-contact__name {

    font-size: 1.25em;
    font-weight: 700;
}

.business-contact__list {
    margin: 0;
}

.business-contact__row {
    display: grid;
    grid-template-columns: 7em minmax(0, 1fr);
    gap: 1em;

    padding: 1em 0;

    border-top: 1px solid var(--biz-line);
}

.business-contact__row:last-child {
    border-bottom: 1px solid var(--biz-line);
}

.business-contact__row dt {
    font-weight: 700;
}

.business-contact__row dd {
    margin: 0;
}

.business-contact__row a {
    color: inherit;

    font-size: 1.35em;
    font-weight: 700;

    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.business-contact__note {
    margin-top: 1.2em;

    font-size: 0.8em;
}

/* =========================================================
 accommodation
========================================================= */
.area-anchor {
  display: flex;
  gap: 10px;
  margin-bottom: 40px;
	justify-content: center;
}
.area-anchor a {
    display: inline-block;
    padding: 0.6em 1.5em;
    border: 1px solid #1d50a2;
    text-decoration: none;
    border-radius: 99px;
	transition: .4s;
	font-weight: 600;
}
.area-anchor a:hover {
  background:#1d50a2;
	color: #fff;
    border: 1px solid #1d50a2;
}


.area-section {
margin-bottom: 5em;
    scroll-margin-top: 2em;
}

.area-section h2 {
  margin-bottom: 1.1em;
}

.table-wrap {
  width: 100%;
}

.area-section {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.area-section table {
  width: 100%;
  border-collapse: collapse;
}

.area-section th,
.area-section td {
    padding: 0.4em 0.8em;
  border: 1px solid #1d50a2;
  vertical-align: middle;
font-weight: 400;
	font-feature-settings: "palt"; 
	line-height: 1.3em;
}
.area-section td.tel {
text-align: center;
}
.accommodation-table tbody tr:nth-child(odd) td {
  background: #fff;
}

.accommodation-table tbody tr:nth-child(even) td {
  background: #edf3fc;
}

.area-section td.name {
	font-weight: 600;
}

.area-section th {
  white-space: nowrap;
}

.area-section td a {
  word-break: break-all;
}

.icon-items {
    display: flex;
    gap: 0.3em;
    justify-content: center;
}
.icon-item-mail {
    width: 2em;
}
.icon-items a {
   transition: .4s;
}
.icon-items a:hover {
	opacity: 0.5;
   transition: .4s;
}
.area-section h2 {
    margin-bottom: 1.5em;
    font-size: 1.6em;
	font-weight: 600;
}
.area-section th {
    white-space: nowrap;
    background: #5684cd;
    text-align: center;
    color: #fff;
}


/* =========================================================
   TABLET / SP
========================================================= */

@media screen and (max-width: 900px) {

    .business-inner {
        width: 86%;
    }

    .business-period,
    .business-type,
    .business-operation {
        grid-template-columns: 1fr;
    }

    .business-period {
        gap: 1px;
    }

}


@media screen and (max-width: 650px) {

    .business-head {
        padding: 60px 0 40px;
    }

    .business-section {
        padding: 60px 0;
    }

    .business-head__en {
        font-size: 28px;
    }

    .business-head__title {
        font-size: 16px;
    }

    .business-head__lead {
        margin-top: 28px;

        font-size: 14px;
        line-height: 1.9;
    }

    .business-period {
        margin-top: 28px;
    }

    .business-period__item {
        padding: 18px;
    }

    .business-section-head {
        margin-bottom: 28px;
    }

    .business-section-head__title {
        font-size: 20px;
    }

    .business-section-head__lead {
        font-size: 14px;
    }

    .business-notice {
        padding: 20px;
    }

    .business-notice__title {
        font-size: 18px;
    }

    .business-notice p {
        font-size: 14px;
    }

    .business-type__head {
        padding: 20px;
    }

    .business-type__title {
        font-size: 18px;
    }

    .business-steps {
        padding: 20px;
    }
.business-steps__item {
    position: relative;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 10px;
    padding: 1.2em 0;
}
li.coution {
    font-size: 12px;
}
    .business-steps__num {
        font-size:22px;
    }

    .business-steps__body h4 {
        font-size: 15px;
		margin: 0em 0 8px;
    }

    .business-steps__body p {
        font-size: 13px;
    }

    .business-operation__item {
        padding: 20px;
    }

    .business-operation__title {
        font-size: 20px;
    }

    .business-doc {
        display: block;

        padding: 18px;
    }

    .business-doc__title {
        font-size: 15px;
    }

    .business-doc__text {
        font-size: 13px;
    }

    .business-doc__status {
        display: inline-block;

        margin-top: 16px;
    }

    .business-poster {
        grid-template-columns: 1fr;

        gap: 20px;

        padding: 22px;
    }

    .business-poster__icon {
        width: 80px;
    }



    .business-record > p,
    .business-record li {
        font-size: 13px;
    }


    .business-contact__row {
        grid-template-columns: 1fr;

        gap: 5px;
    }

    .business-contact__row a {
        font-size: 20px;
    }
.business-type__item {
    overflow: hidden;
    border-radius: 10px;
    background: #f5f9ff;
    margin-bottom: 20px;
}.business-contact__name {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.4;
}
p.business-tel.jp {
    font-size: 14px;
    line-height: 1.5;
    padding-top: 10px;
}.business-head__lead {
    text-align: justify;
}section.business-section.business-section--contact {
    padding: 30px 0 0;
}
}

/* =========================================================
   HOW TO
========================================================= */

.howto-page {
    --howto-blue: #1d50a2;
    --howto-blue-dark: #143f84;
    --howto-blue-light: #edf3fc;
    --howto-blue-pale: #f7f9fd;
    --howto-pink: #eb6e9a;
    --howto-yellow: #ffe142;
    --howto-red: #d93b4c;
    --howto-green: #21885a;
    --howto-line: #cbd8ec;
    --howto-white: #fff;

    color: var(--howto-blue);
}

.howto-inner {
    width: 80%;
    max-width: 1100px;
    margin: 0 auto;
}

.howto-important__body {
    background: #fff4a6;
    padding: 2em;
    border-radius: 1em;
}
.howto-important__body p {
    font-size: 0.9em;
    line-height: 1.7;
}
/* =========================================================
   HEAD
========================================================= */

.howto-head {
    padding: 5em 0 4em;
}

.howto-head__en {
    margin: 0 0 0.25em;

    font-size: 3em;
    font-weight: 900;
    line-height: 1;
}

.howto-head__title {
    display: inline-block;

    margin: 0;

    padding: 0.45em 0.9em;

    border-radius: 0.4em;

    background: var(--howto-blue);
    color: #fff;

    font-size: 1.15em;
    font-weight: 700;
    line-height: 1;
}

.howto-head__lead {
    margin-top: 2.3em;

    font-size: 1.05em;
    font-weight: 500;
    line-height: 2;
}


/* important
--------------------------------------------------------- */

.howto-important {
    display: grid;
    grid-template-columns: 3em minmax(0, 1fr);
    gap: 1.2em;
    align-items: start;

    margin-top: 2.5em;

    padding: 1.7em 2em;

    border: 2px solid var(--howto-red);
    border-radius: 14px;

    background: #fff7f8;
    color: #a52b39;
}

.howto-important__mark {
    display: grid;
    place-items: center;

    width: 3em;
    height: 3em;

    border-radius: 50%;

    background: var(--howto-red);
    color: #fff;

    font-weight: 900;
}

.howto-important__title {
    font-size: 1.2em;
    font-weight: 700;
    padding-bottom: 0.5em;
}
.howto-important p {
    line-height: 1.8;
}


/* =========================================================
   SECTION
========================================================= */

.howto-section {
    padding: 5em 0;
}

.howto-section--light {
 
}

.howto-section--blue {
    background: var(--howto-blue);
    color: #fff;
}

.howto-section-head {
    margin-bottom: 2.5em;
}

.howto-section-head__en {
    margin-bottom: 0.2em;

    font-size: 0.78em;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.howto-section-head__title {
    margin: 0;

    font-size: 2em;
    font-weight: 700;
    line-height: 1.4;
}

.howto-section-head__lead {
    margin-top: 0.7em;

    line-height: 1.8;
}


/* =========================================================
   CONDITIONS
========================================================= */

.howto-conditions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1em;
}

.howto-condition {
    padding: 1.7em;

    border: 1px solid var(--howto-line);
    border-radius: 14px;

    background: #fff;
}

.howto-condition__label {
    display: inline-block;

    margin-bottom: 0.8em;

    padding: 0.25em 0.8em;

    border-radius: 999px;

    background: var(--howto-blue-light);

    font-size: 0.75em;
    font-weight: 700;
}

.howto-condition__value {
    display: block;

    font-size: 1.05em;
    line-height: 1.5;
}

.howto-condition p {
    margin-top: 0.7em;

    font-size: 0.82em;
    line-height: 1.7;
}


/* =========================================================
   ROUTE TAB
========================================================= */

.howto-routes__tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5em;
}

.howto-routes__tab {
    width: 100%;
    min-height: 90px;
    padding: 0.8em;
    border-radius: 0.5em 0.5em 0 0;
    background: #fff;
    color: var(--howto-blue);
    cursor: pointer;
    transition: border-color 0.3s ease,
        background-color 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
    background: #edf3fc;
    text-align: center;
}

.howto-routes__tab.is-active {
    border-color: var(--howto-blue);

    background: var(--howto-blue);
    color: #fff;
}

.howto-routes__mark {
    grid-area: mark;

    display: grid;
    place-items: center;

    width: 2.7em;
    height: 2.7em;

    border-radius: 50%;

    background: var(--howto-blue-light);
    color: var(--howto-blue);

    font-weight: 900;
}

.howto-routes__tab.is-active .howto-routes__mark {
    background: #fff;
}

.howto-routes__label {
    grid-area: label;

    font-size: 1em;
    font-weight: 700;
    line-height: 1.4;
}

.howto-routes__sub {
    grid-area: sub;

    margin-top: 0.15em;

    font-size: 0.75em;
    line-height: 1.4;

    opacity: 0.75;
}

@media (hover: hover) {

    .howto-routes__tab:not(.is-active):hover {
        border-color: var(--howto-blue);

        background: var(--howto-blue-pale);

        transform: translateY(-2px);
    }

}


/* =========================================================
   PANEL
========================================================= */

.howto-panel {
    padding: 3em;
    border: 2px solid var(--howto-blue);
    border-radius: 0 0 1em 1em;
    background: #fff;
}

.howto-panel[hidden] {
    display: none;
}
p.coupon-lead {
    padding-top: 1em;
}
.howto-panel__head {

}

.howto-panel__route {
    display: grid;
    place-items: center;

    width: 4em;
    height: 4em;

    border-radius: 50%;

    background: var(--howto-blue);
    color: #fff;

    font-weight: 900;
}

.howto-panel__status {
    display: inline-block;
    margin-bottom: 1em;
    padding: 0.35em 1.5em;
    border-radius: 0.4em;
    background: #EB6E9A;
    color: #ffffff;
    font-size: 0.9em;
    font-weight: 700;
}

.howto-panel__status--ok {
    background: #6bbd9f;
    color: #ffffff;
}

.howto-panel__title {
    margin: 0;
    font-size: 1.5em;
    font-weight: 700;
}

.howto-panel__lead {
    margin-top: 0.6em;

    line-height: 1.8;
}


/* payment
--------------------------------------------------------- */

.howto-payment {
    display: flex;
    align-items: center;
    gap: 1em;

    margin-top: 2em;

    padding: 1.2em 1.5em;

    border-radius: 10px;

    background: var(--howto-blue-light);
}

.howto-payment__label {
    font-weight: 700;
}

.howto-payment strong {
    font-size: 1.15em;
}




/* =========================================================
   STEPS
========================================================= */

.howto-steps {
    margin: 2.5em 0 0;
    padding: 0;

    list-style: none;
}
section.l-sec.coupon-lead {
    padding-bottom: 0;
}
.howto-step {
    position: relative;
    display: grid;
    grid-template-columns: 3.5em minmax(0, 1fr);
    gap: 1em;
    padding: 0 0 2.4em;
}

.howto-step:last-child {
    padding-bottom: 0;
}

.howto-step:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1.2em;
    width: 2px;
    background: repeating-linear-gradient(to bottom, var(--howto-line) 0, #4a75b7 6px, transparent 6px, transparent 12px);
}
.howto-step__num {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    background: #1d50a2;
    font-size: 1.3em;
    font-weight: 700;
    color: #fff;
}

.howto-step__en {
    margin: 0 0 0.2em;

    color: #7691bd;

    font-size: 0.7em;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.howto-step__title {
    margin: 0.1em 0 0.3em;
    font-size: 1.2em;
    font-weight: 700;
}

.howto-step__text {
    margin: 0;
    line-height: 1.7;
    font-size: 0.9em;
}

.howto-step__note {
    font-size: 0.8em;
    line-height: 1.7;
    color: #e12b6b;
}

/* screen placeholder
--------------------------------------------------------- */

.howto-screen {
    display: grid;
    place-items: center;

    width: min(100%, 520px);
    aspect-ratio: 16 / 9;

    margin-top: 1.2em;

    border: 1px dashed var(--howto-line);
    border-radius: 12px;

    background: var(--howto-blue-pale);

    color: #8398ba;

    font-size: 0.8em;
    line-height: 1.7;
    text-align: center;
}


/* =========================================================
   WARNING
========================================================= */

.howto-warning {
    margin-top: 1.2em;
    padding: 1.2em 1.5em;
    border: 2px dotted #e12b6b;
    border-radius: 0.5em;
    color: #e12b6b;
}

.howto-warning strong {
    display: block;
    margin-bottom: 0.35em;
    font-size: 1.2em;
}

.howto-warning p {
    font-size: 0.85em;
    line-height: 1.7;
}


/* =========================================================
   COUPON LINK
========================================================= */
.howto-coupon-link {
    margin-top: 3em;
    text-align: center;
    margin-bottom: 1em;
}

.howto-coupon-link__btn a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 18em;
    min-height: 3.5em;

    padding: 0.8em 2em;

    border-radius: 999px;
transition: .4s;
   background: #eb6e9a;
    color: #fff;

    font-weight: 700;
}
.howto-coupon-link__btn a:hover {
transition: .4s;
   background: #000;
    color: #fff;

    font-weight: 700;
}
.howto-coupon-link__btn.is-disabled {
    background: #cdd5e1;
    color: #fff;

    cursor: default;
}

.howto-coupon-link p {
    margin-top: 0.8em;

    color: #7485a0;

    font-size: 0.75em;
}


/* =========================================================
   AGENCY
========================================================= */

.howto-agency-note {
    margin-top: 2em;
    padding: 1.2em 1.5em;
    border-radius: 10px;
    border: 2px dotted #e12b6b;
    color: #e12b6b;
    line-height: 1.7;
}

.howto-agency-note p {
    line-height: 1.8;
}


/* =========================================================
   SUPPORT
========================================================= */

.howto-support {

}

.howto-support__icon {
    display: grid;
    place-items: center;

    width: 5em;
    height: 5em;

    border-radius: 50%;

    background: var(--howto-blue);
    color: #fff;

    font-size: 1.4em;
    font-weight: 900;
}

.howto-support h3 {
    margin: 0 0 0.7em;

    font-size: 1.25em;
    font-weight: 700;
}

.howto-support p {
    margin: 0;

    line-height: 1.9;
}

.howto-support__note {
    margin-top: 0.7em !important;

    font-size: 0.8em;
}


/* =========================================================
   CHANGE
========================================================= */

.howto-change {
    gap: 1em;
    border-radius: 1em;
}
.howto-change__item {
    padding: 2em;
    border-radius: 1em;
    background: #edf3fc;
    display: flex;
    gap: 2em;
    margin-bottom: 1em;
}
.howto-change__tag {
    font-weight: 700;
    width: 20%;
    text-align: center;
    color: #1d50a2;
    font-size: 1.25em;
    line-height: 1.6;
}
.howto-change__item-txt {
    width: 75%;
}
.howto-change__item h3 {
    margin: 0 0 0.5em;
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.6;
}
.howto-change__item p {
    margin: 0;
    line-height: 1.8;
}

.howto-change__note {
    margin-top: 0.7em !important;

font-size: 0.9em;
}


/* =========================================================
   FINAL
========================================================= */

.howto-final {
    max-width: 760px;
}

.howto-final__en {
    margin-bottom: 0.5em;

    color: #b9cef0;

    font-size: 0.75em;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.howto-final h2 {
    margin: 0 0 1em;

    color: #fff;

    font-size: 1.8em;
    font-weight: 700;
}

.howto-final p {
    color: #fff;

    line-height: 1.9;
}

.howto-final p + p {
    margin-top: 0.7em;
}


/* =========================================================
   PRINT
========================================================= */

.howto-print {
    padding: 3em 0;

    text-align: center;
}

.howto-print__btn {
    padding: 0.8em 2em;

    border: 2px solid var(--howto-blue);
    border-radius: 999px;

    background: #fff;
    color: var(--howto-blue);

    font-weight: 700;

    cursor: pointer;

    transition:
        background-color 0.3s ease,
        color 0.3s ease;
}

@media (hover: hover) {

    .howto-print__btn:hover {
        background: var(--howto-blue);
        color: #fff;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media screen and (max-width: 900px) {

    .howto-inner {
        width: 86%;
    }

    .howto-conditions,
    .howto-change {
        grid-template-columns: 1fr;
    }



    .howto-routes__tab {
        min-height: 78px;
    }

}


/* =========================================================
   SP
========================================================= */

@media screen and (max-width: 650px) {

    .howto-head {
        padding: 60px 0 40px;
    }

    .howto-section {
        padding: 60px 0;
    }

    .howto-head__en {
        font-size: 28px;
    }

    .howto-head__title {
        font-size: 16px;
    }

    .howto-head__lead {
        margin-top: 28px;

        font-size: 14px;
        line-height: 1.9;
    }

    .howto-important {
        grid-template-columns: 36px minmax(0, 1fr);

        gap: 12px;

        padding: 18px;
    }

    .howto-important__mark {
        width: 36px;
        height: 36px;
    }

.howto-important__title {
    font-size: 18px;
    line-height: 1.4em;
}

    .howto-important p {
        font-size: 13px;
    }

    .howto-section-head {
        margin-bottom: 28px;
    }

    .howto-section-head__title {
        font-size: 24px;
    }

    .howto-section-head__lead {
        font-size: 14px;
    }

    .howto-condition {
        padding: 18px;
    }

    .howto-routes__tab {
        padding: 14px;
    }

    .howto-panel {
        padding: 20px;
    }

    .howto-panel__head {
        grid-template-columns: 42px minmax(0, 1fr);

        gap: 12px;

        padding-bottom: 20px;
    }

    .howto-panel__route {
        width: 42px;
        height: 42px;
    }

    .howto-panel__title {
        font-size: 19px;
    }

    .howto-panel__lead {
        font-size: 13px;
    }

    .howto-payment {
        display: block;

        padding: 15px;
    }

    .howto-payment__label {
        display: block;

        margin-bottom: 4px;
    }

    .howto-step {
        grid-template-columns: 36px minmax(0, 1fr);

        gap: 12px;

        padding-bottom: 30px;
    }

    .howto-step:not(:last-child)::before {
        top: 36px;
        left: 17px;
    }

    .howto-step__num {
        width: 36px;
        height: 36px;

        font-size: 10px;
    }

    .howto-step__title {
        font-size: 16px;
    }

    .howto-step__text {
        font-size: 13px;
    }

    .howto-coupon-link__btn {
        width: 100%;
        min-width: 0;

        font-size: 14px;
    }

    .howto-support {
        grid-template-columns: 1fr;

        gap: 18px;

        padding: 20px;
    }

    .howto-support__icon {
        width: 50px;
        height: 50px;
    }

    .howto-support h3 {
        font-size: 17px;
    }

    .howto-support p {
        font-size: 13px;
    }

    .howto-change__item {
        padding: 20px;
    }

    .howto-final h2 {
        font-size: 22px;
    }

    .howto-final p {
        font-size: 14px;
    }

}


/* =========================================================
   PRINT
========================================================= */

@media print {

    .howto-print,
    .howto-routes__tabs {
        display: none !important;
    }

    .howto-panel[hidden] {
        display: block !important;
    }

    .howto-panel {
        break-inside: avoid;

        margin-bottom: 30px;
    }

    .howto-section {
        padding: 30px 0;
    }

}


/* ------------------------------
 MODAL
------------------------------ */
.btn-item {
    text-align: center;
    padding-top: 1em;
}
.js-modal-trigger {
    font-size: 0.72em;
    font-weight: 700;
    color: #008e54;
    text-align: center;
    padding: 0.65em 1.5em;
    border-radius: 999px;
    cursor: pointer;
    transition: .4s;
    border: #008e54 solid 2px;
    display: inline-block;
}
.app {
    padding: 3em 0;
}
.app-tmb {
    width: 6em;
    margin: 0 auto;
    border-radius: 0.4em;
    overflow: hidden;
    margin-bottom: 1em;
}


.btn-item .js-modal-trigger:hover {
background:#008e54;
	color: #fff;
}
.modal {
  position: fixed;
  inset: 0;
  place-items: center;
  z-index: 1000;
  transition: .5s;
  /* 初期状態は見えない */
  visibility: hidden;
  pointer-events: none;
}
.modal[aria-hidden="true"] .modal__overlay {
  opacity: 0;
}
.modal[aria-hidden="true"] .modal__panel {
  opacity: 0;
  transform: scale(.98);
}
.modal[aria-hidden="false"] {
  visibility: visible;
  pointer-events: auto;
}
.modal__overlay {
    position: absolute;
    inset: 0;
    background: rgb(0 142 84 / 95%);
    transition: opacity var(--modal-dur) var(--modal-ease);
}
.modal__wrap {
    height: 100vh;
    overflow-y: scroll;
    padding: 2em 0;
    width: 100%;
}
.modal__panel {
	  position: relative;
  box-sizing: border-box;
  width: 50%;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, .2);
  transition:
    opacity var(--modal-dur) var(--modal-ease),
    transform var(--modal-dur) var(--modal-ease);
	margin: 0 auto;
}
.modal-content {
padding: 2em;
}

.modal__close {
    position: absolute;
top: 1em;
    right: 1em;
    inline-size: 2em;
    block-size: 2em;
    border: none;
    border-radius: 999px;
    background: #008e54;
    font-size: 1.3em;
    line-height: 1;
    cursor: pointer;
    color: #fff;
    font-weight: 900;
    text-align: center;
}



button.modal__close.circle__close__btn {
    position: absolute;
    top: 16px;
    right: 8px;
    border: none;
    border-radius: 999px;
    background: #b59675;
    font-size: 1em;
    line-height: 1;
    cursor: pointer;
    z-index: 3;
    font-weight: 900;
    color: #fff;
    padding: 8px;
    text-align: center;
}



@media screen and (max-width:1400px) {

.hero-img {

}
}
@media screen and (max-width:1200px) {

}

@media screen and (max-width:1100px) {
	.inner-min {
    width: 72%;
}.inner {
    width: 80%;
}
.l-sec {
    padding-top: 6em;
}

	.slide-menu {
    width: 100%;
}
	.hero-bg {
    width: 100%;
}
	

	
	.site-subtitle {
    font-size: 13px;
}
		article {
    width: 95%;
}.lead-wrap {
    width: 76%;
}.lead-copy.jp {
    font-size: 1.05em;
}.howto-item-title {
    font-size: 1em;
}
	.layer-items {
    width: 95%;
}
}
@media screen and (max-width:900px) {
body {
    font-size: 15px;
}
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }

.gnav {
    display: none;
}
.hamburger {
    width: 70px;
    height: 70px;
    position: fixed;
    top: 12px;
    right: 12px;
	  opacity: 1;
	    pointer-events: auto;
}.hamburger span:nth-of-type(2) {
    top: 39px;
}
	.hamburger span:first-of-type {
    top: 31px;
}		.site-subtitle {
    position: absolute;
    top: 1.5em;
    right: auto;
    left: 1.5em;
    font-size: 1em;
}

.hero-img {
    width: 42em;
    top: auto;
    bottom: -12em;
}
.hero-logo {
    width: 35em;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    padding-top: 4em;
    padding-left: 1em;
}
	.hero-pickup00 {
    display: none;
}
	.hero-pickup07 {
    position: absolute;
    width: 10em;
    top: 16em;
    left: 2em;
}.hero-pickup01 {
    position: absolute;
    width: 8em;
    top: 22em;
    left: 11em;
}.hero-pickup02 {
    position: absolute;
    width: 7em;
    top: 19em;
    right: 5em;
}.hero-pickup03 {
    position: absolute;
    width: 6em;
    left: 7em;
    top: 25em;
    z-index: 3;
}.hero-pickup04 {
    position: absolute;
    width: 6em;
    right: 11em;
    top: 23em;
    z-index: 3;
}.hero-pickup08 {
    position: absolute;
    width: 3.6em;
    top: 27em;
    right: 7em;
}.hero-pickup09 {
    position: absolute;
    width: 4em;
    top: 32em;
    right: 3em;
}.hero-pickup06 {
    position: absolute;
    width: 4em;
    top: 31em;
    left: 3em;
}.howto-items.flex {
    display: block;
}.howto-item {
    width: 100%;
    padding-bottom: 30px;
}.footer-nav {
    display: none;
}.about-koriyama {
    width: 90%;
    margin: 0 auto;
    padding-top: 4em;
    position: relative;
    padding-left: 0;
    padding-bottom: 5em;
}.hero-coupon {
    display: none;
}.hero {
    height: 72vh;
}.about-koriyama-img {
    display: none;
}.home-issue.flex {
    display: block;
}.home-issue-txt.jp {
    text-align: center;
    padding-bottom: 1em;
}.home-issue-btn.jp {
    padding-left: 0;
}.home-issue-btn.jp a {
    text-align: center;
}
	.lead-wrap {
    width: 100%;
}
	.content-title.sp {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 20px;
}
	.page .hero-img {
    position: absolute;
    width: 18em;
    right: 1em;
}
	.inner {
    width: 88%;
}
	.layer-items {
    width: 95%;
    display: block;
}.home-hotel {
    width: 100%;
    margin-bottom: 1em;
}
	.home-agency {
    width: 100%;
}
	.business-inner {
    width: 100%;
}
}

@media screen and (max-width:650px) {
.hero-logo {
    width: 88%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    padding-top: 60px;
    padding-left: 0;
}.hamburger {
    width: 60px;
    height: 60px;
    position: fixed;
    top: 10px;
    right: 10px;
    opacity: 1;
    pointer-events: auto;
}
.hero-img {
    width: 85%;
    top: auto;
    bottom: -12%;
}
	.site-subtitle {
    position: absolute;
    top: 20px;
    right: 0;
    left: 20px;
    font-size: 12px;
}
.hero-pickup02 {
    position: absolute;
    width: 120px;
    top: 290px;
    right: 80px;
}
.hero-pickup01 {
    position: absolute;
    width: 110px;
    top: 390px;
    left: 0px;
    z-index: 2;
}.hero-pickup06 {
    position: absolute;
    width: 50px;
    top: 295px;
    left: auto;
    right: 20px;
}
.hero-pickup03 {
    position: absolute;
    width: 90px;
    left: 40px;
    top: 480px;
    z-index: 3;
}.hero-pickup07 {
    position: absolute;
    width: 120px;
    top: 270px;
    left: 64px;
}	
.hero-pickup04 {
    position: absolute;
    width: 80px;
    right: 17px;
    top: 400px;
    z-index: 3;
}.hero-pickup08 {
    position: absolute;
    width: 40px;
    top: 380px;
    right: 95px;
	z-index: 2;
}.hero-pickup09 {
    position: absolute;
    width: 50px;
    top: 540px;
    right: 10px;
}

	article {
    border-radius: 12px;
    border: #1d50a2 solid 2px;
}
	.lead-wrap p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.8;
}.lead-data {
    margin-top: 30px;
    padding: 1em;
    border-top: #1d50a2 dashed 1px;
    border-bottom: #1d50a2 dashed 1px;
    display: block;
}.lead-data p.sup {
    font-size: 12px;
    line-height: 1.5em;
    padding-top: 10px;
}.sec-title-en {
    font-size: 24px;
    font-weight: 900;
}.l-sec {
    padding-top: 60px;
}.sec-title-jp {
    font-size: 17px;
}.howto-item-title {
    font-size: 18px;
}.inner {
    width: 88%;
}.howto-item p {
    font-size: 14px;
}.home-issue.flex {
    margin-top: 30px;
    padding: 24px;
}.home-issue-txt.jp {
    text-align: left;
    padding-bottom: 1em;
    font-size: 15px;
}.home-issue-btn.jp a {
    display: block;
    background: #fff;
    color: #eb6e9a;
    font-size: 16px;
    font-weight: 700;
    padding: 0.8em 1em;
    border-radius: 99px;
    transition: .4s;
}#outline th {
    width: 6em;
    padding: 10px 5px;
    border-top: #1d50a2 solid 1px;
    line-height: 1.4;
    font-size: 13px;
}#outline td {
    padding: 10px 5px;
    border-top: #1d50a2 solid 1px;
    line-height: 1.5;
    font-size: 13px;
}ul.sup.indent li {
    font-size: 12px;
    text-indent: -1em;
    padding-left: 1em;
}.hamburger span:first-of-type {
    top: 26px;
}
	.hamburger span:nth-of-type(2) {
    top: 34px;
}
.lead-copy.jp {
    padding: 0.5em;
    border-radius: 8px;
    font-size: 16px;
    display: block;
    line-height: 1.5em;
}
.content-title.sp {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 10px;
}.lead-wrap {
    padding-top: 36px;
}
.content-subtitle.sp {
    font-size: 16px;
    text-align: center;
    line-height: 1.4em;
    font-weight: 600;
    padding-bottom: 8px;
}.home-hotel {
    margin-top: 10px;
    border-radius: 12px;
    padding: 24px;
}.toure-item-tmb {
    width: 60%;
    margin: 0 auto;
}
	.site-subtitle {
    position: absolute;
    top: 15px;
    right: 0;
    left: 18px;
    font-size: 11px;
}.page .hero-img {
    position: absolute;
    width: 12em;
    right: 1em;
}.page .hero-logo {
    width: 48%;
    margin: 0;
    position: relative;
    z-index: 2;
    padding-top: 2.5em;
    padding-left: 0;
    padding-bottom: 1.2em;
    padding-left: 18px;
}.page-sitename {
    width: 80%;
    margin: 0 auto;
    padding-top: 2em;
}.business-head__lead {
    margin-top: 0px;
    font-size: 14px;
    line-height: 1.9;
}.business-notice__small {
    font-size: 12px;
    line-height: 1.6;
}.home-agency {
    border-radius: 12px;
}.home-hotel-subtitle.jp {
    font-size: 14px;
}
.home-hotel-title.jp {
    font-size: 20px;
    padding-top: 0.2em;
    padding-bottom: 15px;
    font-weight: 700;
}
	.home-hotel-btn.jp {
    font-size: 16px;
}.layer-items {
    width: 93%;
    display: block;
    padding-bottom: 14px;
}article {
    width: 93%;
}.home-agency-subtitle.jp {
    font-size: 14px;
}.home-agency-title.jp {
    font-size: 20px;
    padding-top: 0.2em;
    padding-bottom: 15px;
    font-weight: 700;
}.home-agency-btn.jp {
    font-size: 16px;
}.layer-items {
    margin-top: 16px;
}.footer-unei-name.jp {
    font-size: 16px;
}.footer-unei p {
    font-size: 13px;
}footer {
    padding: 20px 0 50px;
}.home-hotel {
    margin-bottom: 8px;
}.business-section {
    padding: 60px 0 0px;
}section.business-section.business-section--contact {
    margin-top: 40px;
}.faq__q {
    gap: 1em;
    padding: 14px 0;
}.faq-section__heading {
    font-size: 20px;
}.faq__q-text {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
}.faq__q-mark {
    font-size: 14px;
}.faq__a-content {
    gap: 1em;
    padding: 15px;
}.faq__a-text p {
    margin: 0;
    line-height: 1.6;
    font-size: 13px;
}.faq__a-mark {
font-size: 14px;
}.howto-important__body {
    padding: 20px;
}.howto-section-head__title {
    font-size: 20px;
}.howto-routes__tab {
    min-height: 70px;
}.howto-routes__tab {
    padding: 8px;
}.howto-routes__tab {
    padding: 8px;
    font-size: 13px;
}.howto-panel__status {
font-size: 13px;
}
	.howto-panel__title {
    font-size: 17px;
}
	.howto-warning {
    margin-top: 0;
    padding: 14px;
    border: 1px dotted #e12b6b;
    border-radius: 8px;
    color: #e12b6b;
}
	.howto-warning strong {
    display: block;
    margin-bottom: 0.35em;
    font-size: 14px;
}.howto-warning p {
    font-size: 13px;
    line-height: 1.6;
}.howto-step__num {
    font-size: 14px;
}.howto-panel {
    padding: 18px;
}.howto-coupon-link__btn {
    width: 100%;
    min-width: 0;
    font-size: 13px;
    padding-left: 4px;
    padding-right: 4px;
}.howto-section {
    padding: 60px 0 0;
}.howto-support {
    padding: 0;
}.howto-change__item {
    padding: 20px;
    display: block;
}.howto-change__item-txt {
    width: 100%;
}.howto-change__tag {
    font-weight: 700;
    width: 100%;
    text-align: center;
    color: #1d50a2;
    font-size: 15px;
    line-height: 1.6;
    padding-bottom: 15px;
    display: block;
}.howto-change__item h3 {
    margin: 0 0 0.5em;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
}.howto-change__item p {
    margin: 0;
    line-height: 1.7;
    font-size: 13px;
}.howto-change__item h3 {
    margin: 0 0 0.5em;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
}
.hero {
    height: 70vh;
}.lead-data-detail-wrap {
    width: 100%;
}.lead-data-title.jp {
    width: 100%;
    font-weight: 600;
    font-size: 15px;
    padding-bottom: 10px;
}section#lead {
    padding-bottom: 0;
}.sec-title-en {
    font-size: 30px;
    font-weight: 900;
}.about-koriyama-title {
    width: 80%;
    padding-bottom: 2em;
    margin: 0 auto;
}.about-koriyama-subtitle.jp {
    font-size: 17px;
    line-height: 1.5em;
}.about-koriyama {
    width: 85%;
	        padding: 40px 0;
}
}
@media screen and (max-width:550px) {
	
.hero {
    height: 67vh;
}
	.hero-pickup02 {
    position: absolute;
    width: 120px;
    top: 220px;
    right: 40px;
}
.hero-pickup01 {
    position: absolute;
    width: 110px;
    top: 330px;
    left: -10px;
    z-index: 2;
}.hero-pickup06 {
    position: absolute;
    width: 50px;
    top: 295px;
    left: auto;
    right: 20px;
}
.hero-pickup03 {
    position: absolute;
    width: 90px;
    left: 40px;
    top: 400px;
    z-index: 3;
}.hero-pickup07 {
    position: absolute;
    width: 120px;
    top: 200px;
    left: 14px;
}	
.hero-pickup04 {
    position: absolute;
    width: 80px;
    right: 17px;
    top: 370px;
    z-index: 3;
}.hero-pickup08 {
    position: absolute;
    width: 40px;
    top: 452px;
    right: 63px;
}.hero-pickup09 {
    position: absolute;
    width: 50px;
    top: 440px;
    right: 10px;
}
	.hero-img {
    width: 85%;
    top: auto;
    bottom: 0%;
}
	.area-anchor a {
    font-size: 12px;
}.area-section h2 {
    font-size: 18px;
}
.area-section th, .area-section td {
    padding: 7px 7px;
    font-size: 13px;
}
	.icon-item-mail {
    width: 25px;
}.area-section table {
    width: 600px;
}.table-scroll {
    padding-bottom: 20px;
    overflow-y: scroll;
}.area-section {
    margin-bottom: 40px;
    scroll-margin-top: 40px;
}
#faq .area-anchor a {
    font-size: 11px;
    padding-left: 6px;
    padding-right: 6px;
    width: calc(50% - 3px);
    text-align: center;
    margin-bottom: 3px;
}
#faq .area-anchor {
    display: flex;
    gap: 5px;
    margin-bottom: 40px;
    justify-content: space-between;
}
}
@media screen and (max-width:500px) {
.hero {
    height: 62vh;
}
}

@media screen and (max-width:450px) {
	
	.hero {
    height: 56vh;
}
	.hero-pickup02 {
    position: absolute;
    width: 120px;
    top: 220px;
    right: 40px;
}
.hero-pickup01 {
    position: absolute;
    width: 110px;
    top: 330px;
    left: -10px;
    z-index: 2;
}.hero-pickup06 {
    position: absolute;
    width: 50px;
    top: 295px;
    left: auto;
    right: 20px;
}
.hero-pickup03 {
    position: absolute;
    width: 90px;
    left: 40px;
    top: 400px;
    z-index: 3;
}.hero-pickup07 {
    position: absolute;
    width: 120px;
    top: 200px;
    left: 14px;
}	
.hero-pickup04 {
    position: absolute;
    width: 80px;
    right: 17px;
    top: 370px;
    z-index: 3;
}.hero-pickup08 {
    position: absolute;
    width: 40px;
    top: 452px;
    right: 63px;
}.hero-pickup09 {
    position: absolute;
    width: 50px;
    top: 440px;
    right: 10px;
}
	.hero-img {
    width: 85%;
    top: auto;
    bottom: 0%;
}
}
@media screen and (max-width:400px) {
.hero-img {
    width: 75%;
    top: auto;
    bottom: 0%;
}
.hero-pickup01 {
    position: absolute;
    width: 90px;
}
.hero-pickup03 {
    position: absolute;
    width: 80px;
    left: 40px;
    top: 390px;
    z-index: 3;
}.hero-pickup02 {
    position: absolute;
    width: 100px;
    top: 210px;
    right: 40px;
}.hero-pickup06 {
    position: absolute;
    width: 50px;
    top: 275px;
    left: auto;
    right: 20px;
}.hero-pickup04 {
    position: absolute;
    width: 72px;
    right: 17px;
    top: 360px;
    z-index: 3;
}.hero-pickup08 {
    position: absolute;
    width: 35px;
    top: 420px;
    right: 63px;
}.hero-pickup09 {
    position: absolute;
    width: 40px;
    top: 433px;
    right: 15px;
}.slide-menu-wrap li {
    font-size: 15px;
}p.coupon-lead {
    padding-top: 1em;
    text-align: left;
}
}

@media screen and (max-width:400px) {
	.hero {
    height: 66vh;
}.hero-pickup07 {
    position: absolute;
    width: 120px;
    top: 180px;
    left: 14px;
}.hero-pickup02 {
    position: absolute;
    width: 100px;
    top: 200px;
    right: 50px;
}.hero-pickup01 {
    position: absolute;
    width: 105px;
    top: 290px;
    left: -10px;
    z-index: 2;
}
.hero-pickup04 {
    position: absolute;
    width: 72px;
    right: 17px;
    top: 330px;
    z-index: 3;
}
	.hero-pickup06 {
    position: absolute;
    width: 50px;
    top: 260px;
    left: auto;
    right: 25px;
}.hero-pickup08 {
    position: absolute;
    width: 35px;
    top: 400px;
    right: 63px;
}.hero-pickup09 {
    position: absolute;
    width: 40px;
    top: 405px;
    right: 15px;
}.hero-pickup03 {
    position: absolute;
    width: 80px;
    left: 48px;
    top: 364px;
    z-index: 3;
}.content-subtitle.sp {
    font-size: 15px;
}.howto-section-head__title {
    font-size: 18px;
}.howto-support h3 {
    font-size: 15px;
}.howto-routes__label {
    font-size: 12px;
}.howto-panel__title {
    font-size: 15px;
}.howto-panel {
    padding: 15px;
}.howto-important__body {
    padding: 16px;
}article {
    width: 94%;
}.inner {
    width: 90%;
}.howto-change__item h3 {
    font-size: 15px;
}.howto-step__title {
    font-size: 15px;
}.faq__q-text {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
}.faq-section__heading {
    font-size: 18px;
}.sec-title-jp {
    font-size: 15px;
}.business-section-head__title {
    font-size: 18px;
}.business-type__title {
    font-size: 16px;
}.business-steps {
    padding: 16px;
}
	.hero {
    height: 450px;
}
}