@charset "UTF-8";
*{
  box-sizing:border-box;
}

::before,
::after{
  box-sizing:inherit;
}
html{
  line-height:1.15;
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:transparent;
}
body{
  margin:0;
}
main{
  display:block;
}
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl{
  margin:0;
}
h1,
h2,
h3,
h4,
h5,
h6{
  font-size:inherit;
  line-height:inherit;
  font-weight:inherit;
  margin:0;
}
ul,
ol{
  margin:0;
  padding:0;
  list-style:none;
}
dt{
  font-weight:bold;
}

dd{
  margin-left:0;
}
hr{
  box-sizing:content-box;
  height:0;
  overflow:visible;
  border:0;
  border-top:1px solid;
  margin:0;
  clear:both;
  color:inherit;
}
pre{
  font-family:monospace, monospace;
  font-size:inherit;
}

address{
  font-style:inherit;
}
a{
  background-color:transparent;
  text-decoration:none;
  color:inherit;
}
abbr[title]{
  border-bottom:none;
  text-decoration:underline;
  -webkit-text-decoration:underline dotted;
          text-decoration:underline dotted;
}
b,
strong{
  font-weight:bolder;
}
code,
kbd,
samp{
  font-family:monospace, monospace;
  font-size:inherit;
}
small{
  font-size:80%;
}
sub,
sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}

sub{
  bottom:-0.25em;
}

sup{
  top:-0.5em;
}
img{
  border-style:none;
  vertical-align:bottom;
}
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  white-space:nowrap;
  border:0;
}

embed,
object,
iframe{
  border:0;
  vertical-align:bottom;
}
button,
input,
optgroup,
select,
textarea{
  -webkit-appearance:none;
  appearance:none;
  vertical-align:middle;
  color:inherit;
  font:inherit;
  border:0;
  background:transparent;
  padding:0;
  margin:0;
  outline:0;
  border-radius:0;
  text-align:inherit;
}

[type=checkbox]{
  -webkit-appearance:checkbox;
  appearance:checkbox;
}

[type=radio]{
  -webkit-appearance:radio;
  appearance:radio;
}
button,
input{
  overflow:visible;
}
button,
select{
  text-transform:none;
}
button,
[type=button],
[type=reset],
[type=submit]{
  cursor:pointer;
  -webkit-appearance:none;
  appearance:none;
}

button[disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled]{
  cursor:default;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner{
  border-style:none;
  padding:0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring{
  outline:1px dotted ButtonText;
}
option{
  padding:0;
}
fieldset{
  margin:0;
  padding:0;
  border:0;
  min-width:0;
}
legend{
  color:inherit;
  display:table;
  max-width:100%;
  padding:0;
  white-space:normal;
}
progress{
  vertical-align:baseline;
}
textarea{
  overflow:auto;
}
[type=checkbox],
[type=radio]{
  padding:0;
}
[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;
}
label[for]{
  cursor:pointer;
}
details{
  display:block;
}
summary{
  display:list-item;
}
table{
  border-collapse:collapse;
  border-spacing:0;
}

caption{
  text-align:left;
}

td,
th{
  vertical-align:top;
  padding:0;
}

th{
  text-align:left;
  font-weight:bold;
}
template{
  display:none;
}
[hidden]{
  display:none;
}
html{
  scroll-behavior:smooth;
  font-size:1.3333333333vw;
}

body{
  color:#000;
  font-family:"Yu Gothic", "YuGothic", "游ゴシック", "游ゴシック体", sans-serif;
  line-height:2;
  -webkit-text-size-adjust:100%;
  background-color:#fff;
  letter-spacing:0.075em;
  font-size:max(12px, 2rem);
}
body.--unscrollable{
  overflow:hidden;
}

.wrapper.--unscrollable{
  overflow:auto;
  scrollbar-gutter:stable;
}

:root{
  --black:#fff;
  --white:#000;
  --color-text:#000;
  --color-main:#ae83aa;
  --color-service01:#795768;
  --color-service02:#576f79;
  --color-service03:#836351;
  --color-service04:#63714e;
}

img,
picture{
  width:100%;
  height:auto;
  vertical-align:bottom;
}

picture{
  display:block;
}

h1,
h2,
h3,
h4,
h5,
h6{
  font-weight:400;
  line-height:1.4;
  letter-spacing:0.1em;
}

*[lang=en]{
  font-family:"Arial", "Roboto", "Helvetica Neue", "Helvetica", sans-serif;
}

em{
  font-style:normal;
}

small{
  font-size:100%;
}
.l-container{
  margin-left:auto;
  margin-right:auto;
  max-width:calc(100% - 8vw);
}
.text-center{
  text-align:center !important;
}
.text-right{
  text-align:right;
}

.center{
  margin-left:auto;
  margin-right:auto;
}
.mincho{
  font-family:"游明朝 Medium", "Yu Mincho Medium", "YuMincho Medium", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
  font-weight:600;
}

.shadow{
  box-shadow:3px 3px 6px 0px rgba(0, 0, 0, 0.15);
}

.video{
  position:relative;
  padding-bottom:56.25%;
  height:0;
  overflow:hidden;
  background-color:var(--main-light);
}
.video iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.text{
  text-align:justify;
  word-break:break-all;
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
}
.btn{
  position:relative;
  text-align:center;
  display:flex;
  justify-content:center;
  align-items:center;
  transition:background-color 0.6s ease, opacity 0.6s ease;
  letter-spacing:0.01em;
  color:#fff;
  background-color:#9d9a92;
  padding:0.5em 1em;
  font-size:max(13px, 2rem);
  min-height:4em;
}
.btn.--color-main{
  background-color:var(--color-main);
  color:#252421;
}
.btn.--outline{
  position:relative;
  color:#000;
  background-color:transparent;
  border:1px solid #000;
  font-size:max(14px, 1.8rem);
  padding-bottom:1em;
}
.btn.--outline::before{
  position:absolute;
  display:block;
  content:"";
  width:100%;
  height:100%;
  border:solid 1px #000;
  left:0;
  top:0;
  transform:translate(-0.5em, -0.5em);
}
.acc-header::after{
  transition:transform 0.3s ease;
}
.acc.--open .acc-header::after{
  transform:translateY(-50%) rotate(180deg);
}
.acc.--open .acc-closed-text{
  display:none;
}
.acc.--open .acc-open-text{
  display:inline;
}
.acc-header{
  position:relative;
  cursor:pointer;
}
.acc-body{
  display:none;
}
.acc .acc-closed-text{
  display:inline;
}
.acc .acc-open-text{
  display:none;
}
.list:is(ul) > li{
  position:relative;
  padding-left:1.5em;
}
.list:is(ul) > li::before{
  content:"•";
  position:absolute;
  left:0;
  top:0;
}
.list:is(ul) > li + li{
  margin-top:0.5em;
}
.list:is(ol){
  padding-left:1.5em;
}
.list:is(ol) > li{
  position:relative;
  counter-increment:cnt;
}
.list:is(ol) > li::before{
  content:counter(cnt) ". ";
  position:absolute;
  left:0;
  top:0;
  transform:translateX(calc(-100% - 0.5em));
}
.list:is(ol) > li + li{
  margin-top:0.5em;
}
.link{
  text-decoration:underline;
  text-underline-offset:0.2em;
  text-decoration-thickness:1px;
}

.fixed-nav{
  position:absolute;
  z-index:99;
  width:100%;
  left:0;
  display:flex;
  align-items:center;
  top:0;
}
.fixed-nav.is-initialized{
  position:fixed;
  opacity:0;
}
.fixed-nav.is-initialized .breadcrumbs{
  opacity:0;
}
.fixed-nav.is-visible{
  opacity:1;
  transition:transform 0.3s ease;
}
.fixed-nav__inner{
  padding:3rem;
  display:flex;
  justify-content:space-between;
}
.fixed-nav__logo img{
  display:block;
  width:auto;
  height:3.2rem;
}
.fixed-nav__hamburger{
  position:absolute;
  display:block;
  right:0;
  top:0;
}
.fixed-nav .breadcrumbs{
  position:absolute;
  width:100%;
  left:0;
  top:0;
  transform:translateY(-100%);
  background-color:rgba(157, 154, 146, 0.8);
  transition:transform 0.3s ease;
  opacity:0;
}

.hamburger{
  background-color:#252421;
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  line-height:1;
  letter-spacing:0;
  padding-top:0.5rem;
  width:10rem;
  height:10rem;
  gap:1rem;
  font-size:1.5rem;
}
.hamburger__inner{
  position:relative;
  height:calc(3rem + 1px);
  width:4.7rem;
}
.hamburger__bar{
  display:block;
  position:absolute;
  background-color:#fff;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:100%;
  height:1px;
}
.hamburger__bar::before, .hamburger__bar::after{
  transition:all 0.3s ease;
  position:absolute;
  display:block;
  content:"";
  background-color:#fff;
  width:100%;
  height:1px;
}
.hamburger__bar::before{
  top:-1.5rem;
}
.hamburger__bar::after{
  bottom:-1.5rem;
}
.hamburger .open-text{
  display:block;
}
.hamburger .closed-text{
  display:none;
}
.hamburger.is-open .open-text{
  display:none;
}
.hamburger.is-open .closed-text{
  display:block;
}
.hamburger.is-open .hamburger__bar{
  background-color:transparent;
}
.hamburger.is-open .hamburger__bar::before{
  top:50%;
  transform:translateY(-50%) rotate(45deg);
}
.hamburger.is-open .hamburger__bar::after{
  bottom:50%;
  transform:translateY(50%) rotate(-45deg);
}
.hamburger-menu{
  color:#fff;
}
.hamburger-menu > ul{
  display:flex;
  flex-direction:column;
  align-items:stretch;
}
.hamburger-menu > ul > li{
  font-size:max(14px, 2.4rem);
}
.hamburger-menu ul ul li{
  letter-spacing:0;
  text-align:left;
}
.hamburger-menu ul ul li > *::before{
  content:"ー ";
}
.hamburger-menu__contact{
  margin-top:4rem;
}
.hamburger-menu__contact .btn{
  width:100%;
  font-size:max(14px, 2.2rem);
  min-height:8rem;
}

.footer{
  position:relative;
}
.footer__inner{
  position:relative;
}
.footer__col{
  display:flex;
  flex-direction:column-reverse;
}
.footer__sub-nav{
  margin-top:8rem;
}
.footer__copyright{
  text-align:center;
  letter-spacing:0;
  padding:2rem 0;
  font-size:max(10px, 1.4rem);
}
.footer-about__logo{
  width:24rem;
}
.footer-about__cta{
  margin-top:0;
}
.footer-about__text{
  font-size:max(12px, 1.8rem);
}
.footer-about__address{
  margin-top:2.5rem;
  font-size:max(12px, 1.4rem);
  letter-spacing:0.05em;
  line-height:1.8;
}
.footer-about__contact .btn{
  width:100%;
}
.footer-about__box{
  letter-spacing:0.05em;
  border:solid 1px #000;
  margin-top:8rem;
  padding:4rem 5rem;
  font-size:max(13px, 2rem);
}
.footer-nav ul{
  display:flex;
  flex-direction:column;
}
.footer-nav > ul > li > a::after,
.footer-nav > ul > li > .acc-header::after{
  position:absolute;
  display:block;
  content:"";
  top:50%;
  right:6rem;
  transform:translateY(-50%);
}
.footer-nav > ul > li.--open .acc-header{
  border-bottom:0;
}
.footer-nav > ul > li > .acc-body{
  padding:0 6rem 3rem;
}
.footer-nav > ul > li > .acc-body > ul{
  display:flex;
  flex-direction:column;
  gap:1.5rem;
}
.footer-nav > ul > li > .acc-body > ul > li::before{
  content:"− ";
}
.footer-sub-nav ul{
  display:flex;
  flex-direction:column;
  gap:3rem;
}

.top-mv{
  padding-bottom:15px;
}
.top-mv__inner{
  position:relative;
  width:100%;
  background-color:#f5f5f5;
  aspect-ratio:750/640;
}
.top-mv__ttl{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  color:#fff;
  white-space:nowrap;
  letter-spacing:0.4em;
  font-size:max(18px, 2.4rem);
}
.top-mv-slider .img-cover img{
  object-fit:cover;
  width:100%;
  aspect-ratio:750/640;
}
.top-mv-slider .splide__pagination{
  transform:translateY(100%);
  bottom:-15px;
  gap:1.3rem;
}
.top-mv-slider .splide__pagination > li{
  display:block;
}
.top-mv-slider .splide__pagination > li .splide__pagination__page{
  display:block;
  margin:0;
  border-radius:0;
  background:#dadada;
  width:4.6rem;
  height:2px;
  opacity:1;
}
.top-mv-slider .splide__pagination > li .splide__pagination__page.is-active{
  background:#9a9a9a;
  transform:none;
}

.g-nav{
  margin:14rem 0;
}
.g-nav-list{
  display:flex;
  justify-content:center;
}
.g-nav-list li{
  position:relative;
  padding:0.4em 3.3em;
  font-size:1.8rem;
}
.g-nav-list li::before{
  position:absolute;
  display:block;
  content:"";
  width:1px;
  height:1.5em;
  background-color:#000;
  top:50%;
  left:0;
  transform:translateY(-50%);
}
.g-nav-list li:last-child::after{
  position:absolute;
  display:block;
  content:"";
  width:1px;
  height:1.5em;
  background-color:#000;
  top:50%;
  right:0;
  transform:translateY(-50%);
}
.g-nav-list li.is-current > *{
  text-decoration:underline;
  text-underline-offset:0.8em;
}

.sec.--no-pd-top{
  padding-top:0;
}
.sec-ttl{
  position:relative;
  text-align:center;
  letter-spacing:0.4em;
  font-size:max(18px, 3rem);
  padding-bottom:1.13em;
  margin-bottom:5rem;
}
.sec-ttl::after{
  position:absolute;
  display:block;
  content:"";
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  background-color:#000;
  width:1em;
  height:1px;
}
.sec-ttl.is-nobar{
  margin-bottom:6rem;
  padding-bottom:0;
}
.sec-ttl.is-nobar::after{
  display:none;
}
.sec-vert-ttl{
  display:flex;
  justify-content:center;
  letter-spacing:0.4em;
  font-size:3rem;
  margin-bottom:6rem;
}
.sec-vert-ttl span{
  position:relative;
  display:block;
  writing-mode:vertical-rl;
  padding-top:2.19em;
}
.sec-vert-ttl span::before{
  position:absolute;
  display:block;
  content:"";
  aspect-ratio:500/347;
  background-image:url("../img/renge-logo-ic_purple.png");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
  top:0;
  left:50%;
  transform:translateX(-50%);
  height:1.36em;
}
.sec-vert-ttl small{
  position:absolute;
  letter-spacing:0.2em;
  padding-bottom:0.3em;
  left:-0.3em;
  bottom:0;
  transform:translateX(-100%);
  font-size:2rem;
}
.sec-text{
  text-align:center;
  letter-spacing:0.05em;
}
.sec-greeting{
  margin-top:5rem;
  padding-top:16rem;
  padding-bottom:12rem;
}
.sec-greeting__text{
  text-align:center;
  font-size:max(13px, 2rem);
}
.sec-greeting__bnr{
  margin-top:4.6rem;
}
.sec-service{
  padding-top:10rem;
  padding-bottom:16rem;
}
.sec-service__nav{
  margin-top:6rem;
}
.sec-service__sub-nav{
  margin-top:14rem;
}
.sec-area{
  padding-top:12rem;
  padding-bottom:14rem;
}
.sec-flow{
  padding-top:10rem;
  padding-bottom:10rem;
}
.sec-president{
  padding-top:10rem;
  padding-bottom:10rem;
}
.sec-news{
  padding-top:8rem;
}
.sec-msg{
  margin-top:12rem;
  margin-bottom:12rem;
}
.sec-system{
  padding-top:8rem;
  padding-bottom:8rem;
}
.sec-system__points{
  margin-top:8rem;
}
.sec-system__plan{
  margin-top:8rem;
}
.sec-system__plan + .sec-system__plan{
  margin-top:10rem;
}
.sec-system__plan-btn{
  display:flex;
  justify-content:center;
  margin-top:6rem;
}
.sec-system__plan-btn .btn{
  min-width:21.1em;
}
.sec-system__note{
  margin-top:8rem;
  max-width:63rem;
  margin-left:auto;
  margin-right:auto;
}
.sec-system__term{
  margin-top:10rem;
}
.sec-system__nav{
  margin-top:10rem;
}
.sec-system__payment{
  margin-top:8rem;
}
.sec-page{
  padding-bottom:9rem;
}
.sec-page__points{
  margin-top:8rem;
}
.sec-about{
  padding:10rem 0;
}
.sec-about .sec-text{
  line-height:1.8;
  letter-spacing:0;
  font-size:max(14px, 2rem);
}
.sec-about__chapter{
  margin-top:9rem;
}
.sec-about__box{
  margin-top:8rem;
}
.sec-about__text{
  text-align:center;
  margin-top:12rem;
  font-size:max(12px, 2rem);
}
.sec-about__msg{
  margin-top:12rem;
}
.sec-plan{
  padding:10rem 0;
}
.sec-plan .sec-text{
  font-size:max(13px, 2rem);
}
.sec-plan__msg{
  text-align:center;
  font-size:max(12px, 2rem);
  margin-bottom:10rem;
}
.sec-plan__desc{
  line-height:1.7;
  letter-spacing:0.05em;
  background-color:#f4f2ec;
  margin-top:5rem;
  padding:6rem;
  font-size:max(12px, 1.8rem);
}
.sec-plan__copy{
  text-align:center;
  letter-spacing:0.05em;
  margin-top:8rem;
  font-size:max(13px, 2rem);
}
.sec-plan__anno{
  margin-top:5rem;
  margin-bottom:10rem;
}
.sec-plan__anno ul li + li{
  margin-top:3rem;
}
.sec-plan__anno li{
  letter-spacing:0.05em;
  line-height:1.8;
  font-size:max(12px, 1.8rem);
}
.sec-plan__anno li .name{
  font-size:max(14px, 1.6rem);
}
.sec-plan__box-link{
  text-align:center;
  margin-top:5rem;
  letter-spacing:0.05em;
}
.sec-plan__price{
  margin-top:7rem;
  max-width:63rem;
  margin-left:auto;
  margin-right:auto;
}
.sec-plan__note{
  margin-top:5rem;
  max-width:63rem;
  margin-left:auto;
  margin-right:auto;
}
.sec-plan__payment{
  margin-top:8rem;
}
.sec-plan__check{
  margin-top:8rem;
}
.sec-plan__nav{
  margin-top:8rem;
}
.sec-step{
  padding:10rem 0;
}
.sec-step .sec-text{
  text-align:left;
  margin-top:8rem;
}
.sec-step__list{
  margin-top:3rem;
}
.sec-step__note{
  margin-top:4rem;
}
.sec-faq{
  padding:10rem 0;
}
.sec-faq__more-btn{
  display:flex;
  justify-content:center;
  margin-top:8rem;
}
.sec-faq__more-btn .btn{
  min-width:36rem;
}

.bg-wall{
  background-color:#f4f2ec;
  background-image:url("../img/bg_wall.png");
  background-repeat:repeat;
  background-position:center center;
}

.service-points{
  display:flex;
  gap:2.5rem;
}
.service-points li{
  border:solid 1px #000;
  display:flex;
  justify-content:center;
  font-size:max(11px, 1.8rem);
  padding:0.3em 0.5em;
}
.service-nav-list{
  display:flex;
  flex-wrap:wrap;
  gap:1.5rem;
}
.service-nav-item{
  border:solid 1px #000;
  width:calc((100% - 1.5rem) / 2);
}
.service-nav-item > *{
  display:block;
  cursor:pointer;
}
.service-nav-item__body{
  position:relative;
  padding:6rem 2.5rem 5rem;
}
.service-nav-item__badge{
  position:absolute;
  background-color:var(--color-service01);
  aspect-ratio:1/1;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:50%;
  color:#fff;
  text-align:center;
  line-height:1.3;
  padding-top:0.3em;
  transform:translateY(-50%);
  top:0;
  left:2rem;
  width:10rem;
  font-size:1.7rem;
}
.service-nav-item__badge small{
  font-size:1.7rem;
}
.service-nav-item__ttl{
  text-align:center;
  letter-spacing:0.05em;
  font-size:3rem;
}
.service-nav-item__desc{
  line-height:1.8;
  text-align:center;
  letter-spacing:0;
  margin-top:2.5rem;
  font-size:max(12px, 1.6rem);
}
.service-nav-item__price{
  text-align:center;
  letter-spacing:0;
  margin-top:3rem;
  font-size:max(12px, 2rem);
}
.service-nav-item__price .unit{
  letter-spacing:0.1em;
  margin-left:0.2em;
  font-size:max(8px, 1.4rem);
}
.service-sub-nav-list{
  display:flex;
  flex-direction:column;
  gap:1.5rem;
}
.service-sub-nav .service-nav-item{
  width:100%;
}
.service-page-nav-list{
  display:flex;
  flex-direction:column;
  gap:4rem;
}
.service-page-nav .service-nav-item{
  width:100%;
}
.service-page-nav .service-nav-item > *{
  display:flex;
  flex-direction:row-reverse;
  align-items:stretch;
}
.service-page-nav .service-nav-item__pic{
  aspect-ratio:300/203;
  flex-grow:0;
  flex-shrink:0;
}
.service-page-nav .service-nav-item__pic img{
  object-fit:cover;
  width:100%;
  height:100%;
}
.service-page-nav .service-nav-item__body{
  flex-grow:1;
  flex-grow:1;
  padding:4rem 2.5rem 4rem;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
.service-page-nav .service-nav-item__ttl{
  font-size:2.8rem;
}

.area-info{
  display:grid;
  grid-template-columns:1fr;
  grid-template-areas:"a" "b" "c";
}
.area-info__text{
  -ms-grid-row:1;
  -ms-grid-column:1;
  grid-area:a;
  font-size:max(14px, 2rem);
}
.about-info > .area-info__text{
  -ms-grid-row:1;
  -ms-grid-column:1;
}
.area-info__text small{
  display:block;
  line-height:1.6;
  margin-top:1.5em;
  font-size:max(12px, 1.6rem);
}
.area-info__map{
  -ms-grid-row:2;
  -ms-grid-column:1;
  grid-area:b;
  overflow:hidden;
}
.about-info > .area-info__map{
  -ms-grid-row:2;
  -ms-grid-column:1;
}
.area-info__label{
  -ms-grid-row:3;
  -ms-grid-column:1;
  grid-area:c;
}
.about-info > .area-info__label{
  -ms-grid-row:3;
  -ms-grid-column:1;
}
.area-info__label ul{
  display:flex;
  background-color:rgba(255, 255, 255, 0.6);
  padding:1.5rem 0;
}
.area-info__label ul li{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:1 1 auto;
  padding:0 5rem;
}
.area-info__label ul li:first-child{
  font-size:3rem;
}
.area-info__label ul li:not(:first-child){
  border-left:solid 1px #9d9a92;
  font-size:2.4rem;
}
.area-price{
  background-color:rgba(255, 255, 255, 0.6);
  padding:2rem 5rem 5rem;
}
.area-price__ttl{
  text-align:center;
  border-bottom:solid 1px #9d9a92;
  padding:3rem 0;
  font-size:max(16px, 3rem);
}
.area-price__ttl .unit{
  letter-spacing:0;
  margin-left:0.2em;
  font-size:max(12px, 2rem);
}
.area-price__text{
  margin-top:4rem;
}
.area-price__text h4{
  font-size:max(14px, 2.4rem);
  margin-bottom:1.5rem;
}
.area-price__text h4::before{
  content:"・";
}
.area-price__text p{
  line-height:1.8;
}

.flow-list-item{
  display:flex;
  border-top:solid 1px #000;
  flex-direction:column;
  padding:8rem 0;
  gap:7rem;
}
.flow-list-item:last-child{
  border-bottom:solid 1px #000;
}
.flow-list-item__ttl{
  letter-spacing:0;
  font-size:max(16px, 3rem);
  margin-bottom:5rem;
}
.flow-list-item__desc{
  letter-spacing:0;
  font-size:max(13px, 2.2rem);
}
.flow-list-item__contact{
  margin-top:6rem;
}

.icon-list{
  display:flex;
  flex-direction:column;
  gap:3rem;
}
.icon-list-item{
  display:flex;
  gap:2rem;
}
.icon-list-item picture{
  flex:0 0 auto;
  width:5rem;
}
.icon-list-item picture.is-line img{
  width:4.6rem;
}
.icon-list-item__text{
  font-size:max(13px, 2.2rem);
}
.icon-list-item__text a{
  display:block;
  text-decoration:underline;
  margin-top:1.5rem;
}

.about-info{
  display:grid;
  grid-template-columns:1fr;
  grid-template-areas:"a" "b" "c";
}
.about-info__ttl{
  -ms-grid-row:1;
  -ms-grid-column:1;
  grid-area:a;
  font-size:max(16px, 2.4rem);
}
.about-info > .about-info__ttl{
  -ms-grid-row:1;
  -ms-grid-column:1;
}
.about-info__pic{
  -ms-grid-row:2;
  -ms-grid-column:1;
  grid-area:b;
}
.about-info > .about-info__pic{
  -ms-grid-row:2;
  -ms-grid-column:1;
}
.about-info__body{
  -ms-grid-row:3;
  -ms-grid-column:1;
  grid-area:c;
  margin-top:3rem;
}
.about-info > .about-info__body{
  -ms-grid-row:3;
  -ms-grid-column:1;
}
.about-info__name{
  font-size:max(18px, 3rem);
}
.about-info__desc{
  margin-top:2rem;
  letter-spacing:0.05em;
  font-size:max(14px, 2rem);
  line-height:2;
}
.about-info__desc p{
  margin-top:1em;
}
.about-info__desc p:first-child{
  margin-top:0;
}
.about-chapter-wrap{
  line-height:1.8;
  font-size:max(12px, 1.6rem);
}
.about-chapter-wrap > * + *{
  margin-top:6rem;
}
.about-chapter-wrap .link{
  display:inline-block;
  margin-top:0.5em;
}
.about-chapter__ttl{
  letter-spacing:0.05em;
  background-color:rgba(255, 255, 255, 0.6);
  line-height:1.8;
  font-size:max(16px, 2.4rem);
  padding:2rem 4rem;
}
.about-chapter__ttl small{
  font-size:max(12px, 1.6rem);
}
.about-chapter__body{
  letter-spacing:0;
  margin-top:4rem;
  padding:0 4rem;
}
.about-chapter__body > * + *{
  margin-top:1.5em;
}
.about-chapter__body .list.lg{
  font-size:max(14px, 2.4rem);
}
.about-chapter__body .list.lg small{
  display:inline-block;
  line-height:1.8;
  font-size:max(12px, 1.8rem);
}
.about-chapter__illust{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:5rem;
}
.about-chapter__illust > *:first-child{
  flex-shrink:1;
  flex-grow:1;
}
.about-chapter__illust > *:last-child{
  flex:0 0 10rem;
}
.about-chapter__illust > *:last-child img{
  width:auto;
  height:10rem;
}
.about-box{
  background-color:rgba(255, 255, 255, 0.6);
  padding:6rem 4rem;
}
.about-box__ttl{
  text-align:center;
  line-height:1.8;
  letter-spacing:0.05em;
  font-size:max(18px, 2.4rem);
  margin-bottom:4rem;
}

.news-list{
  display:flex;
  flex-direction:column;
}
.news-list-item{
  display:flex;
  border-bottom:solid 1px #000;
  padding:4rem 3rem;
  gap:5rem;
}
.news-list-item__thumb{
  flex-shrink:0;
  flex-grow:0;
  width:16.5rem;
}
.news-list-item__thumb img{
  aspect-ratio:1/1;
  object-fit:cover;
  width:100%;
  height:auto;
}
.news-list-item__body{
  flex-grow:1;
  flex-shrink:1;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.news-list-item__time{
  letter-spacing:0.025em;
  display:block;
  font-size:max(12px, 2rem);
  margin-bottom:0.5em;
}
.news-list-item__ttl{
  letter-spacing:0.025em;
  line-height:1.8;
  font-size:max(14px, 2.2rem);
}
.news-list-item__ttl .tag{
  background-color:#9a9a9a;
  color:#fff;
  padding:0.4em 0.8em;
  margin-right:0.8em;
  font-size:max(12px, 1.8rem);
}
.news-list-item__link{
  display:block;
  letter-spacing:0.025em;
  margin-top:1em;
  font-size:max(12px, 2rem);
}
.news-list-item__desc{
  display:none;
}

.news-modal .news-list-item{
  border-bottom:0;
  padding:0;
  margin-left:auto;
  margin-right:auto;
}
.news-modal .news-list-item__desc{
  display:block;
}

.msg-bnr{
  position:relative;
}
.msg-bnr__text{
  position:absolute;
  width:100%;
  text-align:center;
  padding:4rem;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  color:#fff;
  font-size:max(14px, 2.4rem);
}

.breadcrumbs{
  overflow:auto;
  -ms-overflow-style:none;
  scrollbar-width:none;
}
.breadcrumbs::-webkit-scrollbar{
  display:none;
}
.breadcrumbs ul{
  display:flex;
  padding:0.2rem 3rem;
  gap:3rem;
}
.breadcrumbs ul li{
  position:relative;
  font-size:max(12px, 1.6rem);
}
.breadcrumbs ul li + li::before{
  position:absolute;
  display:block;
  content:"";
  content:"/";
  top:50%;
  transform:translate(-50%, -50%);
  left:-1.5rem;
}

.modal{
  z-index:200;
  display:none;
  position:fixed;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background-color:rgba(33, 33, 33, 0.6);
}
.modal.--show{
  display:block;
}
.modal-container{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  min-height:100%;
}
.modal-scroll-wrap{
  overflow-y:auto;
  -ms-overflow-style:none;
  scrollbar-width:none;
  width:100%;
  height:100%;
}
.modal-scroll-wrap::-webkit-scrollbar{
  display:none;
}
.modal-content{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:4rem;
}
.modal-body{
  position:relative;
  background-color:#fff;
  box-shadow:3px 3px 6px 0px rgba(0, 0, 0, 0.15);
  max-width:60rem;
  padding:13rem 7.5rem 13rem;
}
.modal-close{
  position:absolute;
  top:0;
  right:0;
  top:3rem;
  right:3rem;
  width:4.7rem;
  height:4.7rem;
}
.modal-close::before, .modal-close::after{
  position:absolute;
  display:block;
  content:"";
  top:50%;
  left:50%;
  background-color:#000;
  width:100%;
  height:1px;
}
.modal-close::before{
  transform:translate(-50%, -50%) rotate(45deg);
}
.modal-close::after{
  transform:translate(-50%, -50%) rotate(-45deg);
}
.modal-close span{
  position:absolute;
  white-space:nowrap;
  left:50%;
  bottom:0;
  transform:translate(-50%, 100%);
  font-size:1.5rem;
}
.modal.drawer-modal{
  z-index:90;
  display:block;
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  transition:opacity 0.3s ease, visibility 0s linear 0.3s;
}
.modal.drawer-modal.--show{
  visibility:visible;
  opacity:1;
  pointer-events:auto;
  transition:opacity 0.3s ease, visibility 0s;
}
.modal.drawer-modal .modal-scroll-wrap{
  overflow:hidden;
}
.modal.drawer-modal .modal-container{
  display:flex;
  justify-content:center;
  align-items:stretch;
  width:100%;
  height:100%;
}
.modal.drawer-modal .modal-content{
  width:100%;
  height:100%;
  display:flex;
  justify-content:flex-end;
  align-items:stretch;
  flex-grow:0;
  flex-shrink:0;
  padding:0rem;
}
.modal.drawer-modal .modal-body{
  position:relative;
  background-color:#252421;
  box-shadow:3px 3px 6px 0px rgba(0, 0, 0, 0.15);
  width:52rem;
  max-height:100%;
  overflow:auto;
  -ms-overflow-style:none;
  scrollbar-width:none;
  padding:10rem 8rem;
  transition:all 0.3s ease;
  transform:translateX(100%);
  opacity:0;
}
.modal.drawer-modal .modal-body::-webkit-scrollbar{
  display:none;
}
.modal.drawer-modal.--show .modal-body{
  transform:translateX(0);
  opacity:1;
}
.modal.drawer-modal.cta-modal{
  z-index:99;
}
.modal.drawer-modal.cta-modal .modal-content{
  position:relative;
}
.modal.drawer-modal.cta-modal .modal-body{
  background-color:#fff;
}

.page-mv{
  position:relative;
}
.page-mv__content{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  text-align:center;
  color:#fff;
  width:60rem;
}
.page-mv__inner{
  position:relative;
  width:100%;
  background-color:#f5f5f5;
  aspect-ratio:750/450;
}
.page-mv__img img{
  object-fit:cover;
  width:100%;
  aspect-ratio:750/450;
}
.page-mv__ttl{
  letter-spacing:0.3em;
  border-bottom:solid 1px #fff;
  font-size:max(18px, 3rem);
  padding-bottom:0.8em;
}
.page-mv__msg{
  margin-top:1.6em;
  font-size:max(12px, 1.8rem);
}

.system-box{
  letter-spacing:0.05em;
  border:solid 1px #000;
}
.system-box__header{
  line-height:1.6;
  display:flex;
  color:#fff;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  padding:0.5em 0.5em;
  min-height:3em;
  min-height:4.33em;
  font-size:max(14px, 3rem);
}
.system-box.--service01 .system-box__header{
  background-color:var(--color-service01);
}
.system-box.--service02 .system-box__header{
  background-color:var(--color-service02);
}
.system-box.--service03 .system-box__header{
  background-color:var(--color-service03);
}
.system-box.--service04 .system-box__header{
  background-color:var(--color-service04);
}
.system-box__price .unit{
  margin-left:0.5em;
  font-size:max(12px, 1.6rem);
}
.system-box__price .note{
  margin-left:0.5em;
  font-size:0.75em;
}
.system-box__body{
  padding:5rem 0;
}
.system-box__body small{
  letter-spacing:0;
  font-size:max(10px, 1.6rem);
}
.system-box__note{
  text-align:center;
  line-height:1.5;
  padding:0 3rem;
  font-size:max(10px, 1.8rem);
}
.system-box__note + *{
  margin-top:4rem;
}
.system-box__cols{
  display:flex;
  justify-content:space-around;
  gap:1rem;
  padding:0 3rem;
}
.system-box__cols ul{
  display:flex;
  flex-direction:column;
  gap:1.2em;
}
.system-box__cols ul li{
  line-height:1.6;
  font-size:max(12px, 2.4rem);
}
.system-box__cols ul li:before{
  content:"・";
}
.system-box__cols ul li a{
  display:block;
  margin-top:0.4em;
  font-size:max(10px, 1.8rem);
}
.system-box__acc{
  margin-top:5rem;
  text-align:center;
}
.system-box__acc .acc-header{
  position:relative;
  text-align:center;
  font-size:max(12px, 2.4rem);
  display:inline-block;
  margin-left:auto;
  margin-right:auto;
  padding-right:1.5em;
}
.system-box__acc .acc-header::after{
  position:absolute;
  display:block;
  content:"";
  border-top:solid 0.7em #9a9a9a;
  border-right:solid 0.45em transparent;
  border-bottom:solid 0.7em transparent;
  border-left:solid 0.45em transparent;
  right:0;
  top:50%;
  transition:0s;
  transform:translate(0, -25%);
}
.system-box__acc.--open .acc-header::after{
  transform:translate(100%, -75%) rotate(180deg);
}
.system-box__acc .acc-body{
  text-align:left;
  padding:4rem 4rem 0;
}
.system-dotted-list{
  background-color:#fff;
  display:flex;
  flex-direction:column;
  border-bottom:solid 1px #000;
  padding-bottom:6rem;
  gap:1.4em;
}
.system-dotted-list:last-of-type{
  border-bottom:0;
  padding-bottom:0;
}
.system-dotted-list-ttl{
  text-align:center;
  font-size:max(16px, 3rem);
  margin-top:6rem;
  margin-bottom:6rem;
}
.system-dotted-list-ttl:first-of-type{
  margin-top:0;
}
.system-dotted-list-desc{
  text-align:center;
  font-size:max(12px, 1.8rem);
  margin-top:6rem;
  margin-bottom:6rem;
}
.system-dotted-item{
  position:relative;
  display:flex;
  justify-content:space-between;
  gap:4rem;
}
.system-dotted-item__ttl, .system-dotted-item__content{
  position:relative;
  background-color:#fff;
  line-height:1.6;
  font-size:max(12px, 2.4rem);
}
.system-dotted-item__ttl small, .system-dotted-item__content small{
  font-size:max(10px, 1.6rem);
}
.system-dotted-item__ttl small.md, .system-dotted-item__content small.md{
  font-size:max(12px, 2rem);
}
.system-dotted-item__ttl{
  padding-right:0.5em;
}
.system-dotted-item__ttl::before{
  content:"・";
}
.system-dotted-item__content{
  padding-left:0.5em;
}
.system-dotted-item::before{
  position:absolute;
  display:block;
  content:"";
  width:100%;
  height:1px;
  border-bottom:dotted 1px #000;
  top:50%;
  left:0;
  transform:translateY(-50%);
}
.system-dotted-item__desc{
  display:block;
  line-height:1.6;
  margin-left:2.5rem;
  font-size:max(10px, 1.8rem);
}
.system-dotted-item__desc small{
  font-size:max(10px, 1.6rem);
}
.system-dotted-item + *{
  display:block;
  line-height:1.6;
  margin-left:2.5rem;
  margin-top:0.4em;
  font-size:max(10px, 1.8rem);
}
.system-dotted-item + * small{
  font-size:max(10px, 1.6rem);
}
.system-dotted-item + a{
  text-decoration:underline;
  text-underline-offset:0.2em;
}
.system-dotted-item + .sub-price-list{
  display:flex;
  flex-direction:column;
}
.system-dotted-item + .sub-price-list ul{
  text-align:right;
  gap:0.4em;
  font-size:max(14px, 2.4rem);
}
.system-dotted-item + .sub-price-list ul small{
  font-size:max(12px, 1.8rem);
}
.system-note{
  border-top:solid 1px #000;
  padding-top:5rem;
  font-size:max(12px, 1.6rem);
}
.system-payment{
  border:solid 1px #9a9a9a;
}
.system-payment__ttl{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background-color:#9d9a92;
  color:#fff;
  padding:0.5em 1em;
  font-size:max(18px, 2.4rem);
  min-height:6rem;
}
.system-payment__body{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:5rem 3rem;
}
.system-payment__in-ttl{
  text-align:center;
  font-size:max(18px, 2.4rem);
}
.system-payment__text{
  text-align:center;
  line-height:1.6;
  margin-top:2rem;
  font-size:max(14px, 2rem);
}
.system-payment__pic{
  margin-top:3rem;
  width:50rem;
}
.system-payment__note{
  text-align:center;
  letter-spacing:0em;
  margin-top:2rem;
  font-size:max(12px, 1.6rem);
}
.system-check__msg{
  text-align:center;
  letter-spacing:0.05em;
  line-height:1.8;
  font-size:max(14px, 2rem);
  margin-bottom:3rem;
}
.system-check__list{
  background-color:#efeeeb;
  line-height:1.8;
  letter-spacing:0;
  font-size:max(12px, 1.6rem);
  padding:5rem 4rem;
}
.system-check__note{
  margin-top:8rem;
}

.term-page{
  background-color:#efeeeb;
  line-height:1.8;
  font-size:max(12px, 1.6rem);
  padding:0 6rem;
}
.term-page h2{
  font-size:max(18px, 2.4rem);
}
.term-page h3{
  font-size:max(16px, 2.2rem);
}
.term-page-chapter{
  padding:5rem 0;
}
.term-page-chapter + .term-page-chapter{
  border-top:solid 1px #000;
}
.term-box{
  background-color:#efeeeb;
  padding:7rem 3rem;
}
.term-box__ttl{
  text-align:center;
  font-size:max(18px, 3rem);
}
.term-box-iframe iframe{
  width:100%;
  height:70rem;
}

.step-list{
  position:relative;
}
.step-list-item{
  position:relative;
  padding-left:6rem;
  font-size:max(12px, 1.8rem);
  padding-bottom:4rem;
  font-size:max(18px, 3rem);
}
.step-list-item::before{
  position:absolute;
  display:block;
  content:"";
  width:0.66em;
  height:0.66em;
  border-radius:50%;
  background-color:#000;
  left:0;
  transform:translateY(0.25em);
}
.step-list-item::after{
  position:absolute;
  display:block;
  content:"";
  width:1px;
  height:100%;
  background-color:#000;
  left:0.33em;
  top:0.3em;
}
.step-list-item:last-child::after{
  display:none;
}
.step-list-item__ttl{
  font-size:max(18px, 3rem);
}
.step-list-item__text{
  line-height:1.5;
  margin-top:0.8em;
  font-size:max(12px, 1.8rem);
}
.step-note{
  background-color:rgba(255, 255, 255, 0.6);
  padding:5rem 6rem;
}

.faq-list{
  display:flex;
  flex-direction:column;
  gap:4rem;
}
.faq-list-item{
  letter-spacing:0;
}
.faq-list-item__q{
  line-height:1.8;
  margin-bottom:2rem;
  padding:0 4rem;
  font-size:max(14px, 2rem);
}
.faq-list-item__a{
  line-height:1.8;
  background-color:#efeeeb;
  padding:3rem 4rem;
  font-size:max(12px, 1.8rem);
}
.faq-list-item .link{
  display:inline-block;
  margin-top:1em;
}
.acc .faq-list{
  margin-top:4rem;
}

.cta-menu__ttl{
  text-align:center;
  letter-spacing:0;
  font-size:max(18px, 2.4rem);
}
.cta-menu__line-btn{
  margin-top:5rem;
  display:flex;
  justify-content:center;
}
.cta-menu__line-btn a{
  max-width:35rem;
}
.cta-menu__qr{
  margin-top:5rem;
}
.cta-menu__qr picture{
  width:15rem;
  margin-left:auto;
  margin-right:auto;
}
.cta-menu__flow{
  margin-top:5rem;
}
.cta-menu__anno{
  letter-spacing:0;
  text-align:left;
  letter-spacing:0;
  margin-top:3rem;
  font-size:max(12px, 1.8rem);
}
.cta-menu__links{
  display:flex;
  flex-direction:column;
  align-items:center;
  letter-spacing:0;
  gap:2rem;
  margin-top:5rem;
  font-size:max(12px, 1.6rem);
}
.cta-menu-flow{
  display:flex;
  flex-direction:column;
  gap:1.5rem;
}
.cta-menu-flow-item{
  letter-spacing:0;
}
.cta-menu-flow-item__label{
  background-color:#9d9a92;
  color:#fff;
  margin-right:0.5em;
  padding:0.3em 0.5em;
}
@media screen and (min-width: 562px) and (max-width: 750px){
  .sp-sm-only{
    display:none !important;
  }
}
@media screen and (min-width: 751px){
  html{
    font-size:min(10px, 0.7429420505vw);
    scroll-padding-top:11rem;
  }
  body{
    letter-spacing:0.1em;
    font-size:1.8rem;
  }
  a,
  button,
  input[type=submit]{
    transition:opacity 0.6s;
  }
  a:hover,
  button:hover,
  input[type=submit]:hover{
    opacity:0.7;
  }
  .l-container{
    max-width:1346px;
    padding-left:30px;
    padding-right:30px;
  }
  .l-container.--sm{
    max-width:1140px;
  }
  .l-inner{
    margin-left:auto;
    margin-right:auto;
    width:min(970px, 72.0653789004vw);
  }
  .l-inner-sm{
    margin-left:auto;
    margin-right:auto;
    width:min(750px, 55.720653789vw);
  }
  .sp-l-only{
    display:none !important;
  }
  .sp-sm-only{
    display:none !important;
  }
  .sp-only{
    display:none !important;
  }
  .btn{
    font-size:2rem;
    min-height:6.5rem;
  }
  .btn:hover{
    opacity:0.6;
  }
  .btn.--outline{
    font-size:max(14px, 1.8rem);
  }
  .fixed-nav{
    height:11rem;
  }
  .fixed-nav.is-initialized{
    transform:translateY(-100%);
    background-color:rgba(33, 33, 33, 0.6);
  }
  .fixed-nav.is-fixed{
    opacity:1;
    transform:translateY(0);
  }
  .fixed-nav__logo img{
    height:4.4rem;
  }
  .hamburger{
    width:11rem;
    height:11rem;
    gap:1.5rem;
    font-size:1.6rem;
  }
  .hamburger__inner{
    height:calc(3rem + 2px);
    width:5.2rem;
  }
  .hamburger__bar{
    height:2px;
  }
  .hamburger__bar::before, .hamburger__bar::after{
    height:2px;
  }
  .hamburger__bar::before{
    top:-1.5rem;
  }
  .hamburger__bar::after{
    bottom:-1.5rem;
  }
  .hamburger-menu{
    margin-top:3rem;
  }
  .hamburger-menu > ul{
    align-items:center;
    gap:3rem;
  }
  .hamburger-menu > ul > li{
    font-size:2.4rem;
  }
  .hamburger-menu ul ul{
    display:flex;
    flex-direction:column;
    margin-top:2rem;
    gap:2rem;
  }
  .hamburger-menu ul ul li{
    font-size:max(12px, 1.6rem);
    margin-left:2rem;
  }
  .hamburger-menu__contact{
    margin-top:8rem;
  }
  .hamburger-menu__contact .btn{
    font-size:2.4rem;
    min-height:7.5rem;
  }
  .footer__inner{
    padding-top:17rem;
  }
  .footer__col{
    flex-direction:row;
    align-items:center;
    gap:25rem;
    margin-bottom:8rem;
    padding:0 5rem;
  }
  .footer__col > *:first-child{
    flex-grow:0;
    flex-shrink:0;
    width:40rem;
  }
  .footer__col > *:last-child{
    flex-grow:1;
    flex-shrink:1;
  }
  .footer__top-btn{
    position:absolute;
    right:9rem;
    top:0;
    transform:translateY(-50%);
  }
  .footer__copyright{
    border-top:solid 1px #000;
    padding:3rem 0;
    font-size:max(12px, 1.4rem);
  }
  .footer-about__logo{
    width:27.5rem;
  }
  .footer-about__cta{
    margin-top:0;
  }
  .footer-about__text{
    font-size:max(12px, 1.6rem);
    white-space:nowrap;
  }
  .footer-about__contact{
    margin-top:3rem;
  }
  .footer-about__box{
    margin-top:5rem;
    padding:3rem 4rem;
    font-size:max(12px, 1.6rem);
  }
  .footer-nav{
    display:flex;
    gap:6rem;
  }
  .footer-nav ul{
    gap:4rem;
  }
  .footer-nav > ul > li{
    font-size:max(12px, 1.8rem);
    min-width:20rem;
    white-space:nowrap;
  }
  .footer-top-btn{
    display:flex;
    width:24rem;
    height:24rem;
    border-radius:50%;
    background-color:#9d9a92;
    color:#fff;
    align-items:flex-start;
    justify-content:center;
  }
  .footer-top-btn span{
    position:relative;
    text-align:center;
    line-height:1;
    font-size:1.8rem;
    margin-top:7.5rem;
  }
  .footer-top-btn span::before{
    position:absolute;
    display:block;
    content:"";
    background-image:url("../img/ic_top-arrow.png");
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center center;
    width:1.5rem;
    height:4.4rem;
    top:0;
    left:50%;
    transform:translate(-50%, -105%);
  }
  .top-mv{
    padding-bottom:25px;
  }
  .top-mv__inner{
    aspect-ratio:1920/1105;
  }
  .top-mv__ttl{
    font-size:4.8rem;
  }
  .top-mv-slider .img-cover img{
    aspect-ratio:1920/1105;
  }
  .top-mv-slider .splide__pagination{
    bottom:-25px;
    gap:2.3rem;
  }
  .top-mv-slider .splide__pagination > li .splide__pagination__page{
    width:8rem;
    height:3px;
  }
  .sec-ttl{
    font-size:3.6rem;
    padding-bottom:1.66em;
    margin-bottom:7rem;
  }
  .sec-ttl::after{
    width:1.38em;
  }
  .sec-ttl.is-nobar{
    margin-bottom:9rem;
    padding-bottom:0;
  }
  .sec-vert-ttl{
    font-size:3.6rem;
    margin-bottom:12rem;
  }
  .sec-vert-ttl span{
    padding-top:2.8em;
  }
  .sec-vert-ttl span::before{
    height:1.55em;
  }
  .sec-vert-ttl + .sec-text{
    margin-top:-4rem;
  }
  .sec-vert-ttl small{
    font-size:2.4rem;
  }
  .sec-text{
    line-height:2.4;
    font-size:max(12px, 2rem);
  }
  .sec-greeting{
    margin-top:14rem;
    padding-top:14rem;
    padding-bottom:20rem;
  }
  .sec-greeting__text{
    font-size:2.2rem;
  }
  .sec-greeting__bnr{
    margin-top:8rem;
    max-width:960px;
    margin-left:auto;
    margin-right:auto;
  }
  .sec-service{
    padding-top:16rem;
    padding-bottom:21rem;
  }
  .sec-service__nav{
    margin-top:9rem;
  }
  .sec-service__sub-nav{
    margin-top:12rem;
  }
  .sec-area{
    padding-top:18rem;
    padding-bottom:24rem;
  }
  .sec-flow{
    padding-top:18rem;
    padding-bottom:21rem;
  }
  .sec-president{
    padding-top:20rem;
    padding-bottom:20rem;
  }
  .sec-news{
    padding-top:18rem;
  }
  .sec-msg{
    margin-top:28rem;
    margin-bottom:28rem;
  }
  .sec-system{
    padding-top:13rem;
    padding-bottom:17.5rem;
  }
  .sec-system__points{
    margin-top:17rem;
  }
  .sec-system__plan{
    margin-top:12rem;
  }
  .sec-system__plan + .sec-system__plan{
    margin-top:16rem;
  }
  .sec-system__plan-btn{
    margin-top:8rem;
  }
  .sec-system__note{
    margin-top:15rem;
    max-width:91rem;
  }
  .sec-system__term{
    margin-top:10rem;
  }
  .sec-system__nav{
    margin-top:11rem;
  }
  .sec-system__payment{
    margin-top:14rem;
    max-width:91rem;
    margin-left:auto;
    margin-right:auto;
  }
  .sec-page{
    padding-bottom:12rem;
  }
  .sec-page__points{
    margin-top:10rem;
  }
  .sec-about{
    padding:20rem 0;
  }
  .sec-about .sec-text{
    font-size:max(16px, 2rem);
  }
  .sec-about__chapter{
    margin-top:11rem;
    max-width:91rem;
    margin-left:auto;
    margin-right:auto;
  }
  .sec-about__box{
    margin-top:8rem;
    max-width:91rem;
    margin-left:auto;
    margin-right:auto;
  }
  .sec-about__text{
    margin-top:20rem;
    font-size:max(14px, 2.4rem);
  }
  .sec-about__msg{
    margin-top:20rem;
  }
  .sec-plan{
    padding:20rem 0;
  }
  .sec-plan .sec-text{
    font-size:max(14px, 2.4rem);
  }
  .sec-plan__msg{
    font-size:max(14px, 2.4rem);
    margin-bottom:12rem;
  }
  .sec-plan__desc{
    margin-top:8rem;
    padding:8rem 6rem;
    font-size:max(14px, 2rem);
  }
  .sec-plan__copy{
    margin-top:8rem;
    font-size:max(14px, 2.4rem);
  }
  .sec-plan__anno{
    margin-top:5rem;
    margin-bottom:12rem;
  }
  .sec-plan__anno ul li + li{
    margin-top:3rem;
  }
  .sec-plan__anno li{
    font-size:max(14px, 2rem);
  }
  .sec-plan__anno li .name{
    font-size:max(16px, 2.4rem);
  }
  .sec-plan__price{
    margin-top:10rem;
    max-width:91rem;
  }
  .sec-plan__note{
    margin-top:8rem;
    max-width:91rem;
  }
  .sec-plan__payment{
    margin-top:12rem;
    max-width:91rem;
    margin-left:auto;
    margin-right:auto;
  }
  .sec-plan__check{
    margin-top:10rem;
  }
  .sec-plan__nav{
    margin-top:12rem;
  }
  .sec-step{
    padding:16rem 0;
  }
  .sec-step .sec-text{
    margin-top:10rem;
  }
  .sec-step__list{
    margin-top:4rem;
  }
  .sec-step__note{
    margin-top:4rem;
  }
  .sec-faq{
    padding:16rem 0;
  }
  .sec-faq__more-btn{
    margin-top:12rem;
  }
  .service-points{
    justify-content:center;
    gap:6rem;
  }
  .service-points li{
    font-size:2.4rem;
    padding:0.5em 0.5em;
    width:13.3em;
  }
  .service-nav-item__body{
    padding:5rem 2.5rem;
  }
  .service-nav-item__badge{
    left:3.5rem;
    width:13rem;
    font-size:2rem;
  }
  .service-nav-item__badge small{
    font-size:1.8rem;
  }
  .service-nav-item__ttl{
    font-size:2.4rem;
  }
  .service-nav-item__desc{
    margin-top:3rem;
    font-size:max(12px, 1.4rem);
  }
  .service-nav-item__price{
    margin-top:3rem;
    font-size:2rem;
  }
  .service-nav-item__price .unit{
    font-size:1.4rem;
  }
  .service-sub-nav-list{
    flex-direction:row;
    flex-wrap:wrap;
  }
  .service-sub-nav .service-nav-item{
    width:calc((100% - 16rem) / 3);
  }
  .service-page-nav{
    max-width:91rem;
    margin-left:auto;
    margin-right:auto;
  }
  .service-page-nav-list{
    gap:4rem;
  }
  .service-page-nav .service-nav-item__pic{
    width:37rem;
  }
  .area-info{
    grid-template-columns:53.6rem 1fr;
    grid-template-rows:auto 1fr;
    grid-template-areas:"b a" "b c";
    gap:0 3rem;
  }
  .area-info__text{
    font-size:2.4rem;
    margin-top:4rem;
  }
  .area-info__text small{
    margin-top:1.5em;
    font-size:max(12px, 1.8rem);
  }
  .area-info__map picture{
    transform:scale(1.1);
  }
  .area-info__label{
    margin-top:4rem;
  }
  .area-price{
    padding:1rem 4rem 5rem;
  }
  .area-price__ttl{
    padding:3rem 0;
    font-size:3rem;
  }
  .area-price__ttl .unit{
    font-size:2rem;
  }
  .area-price__body{
    padding:0 2rem;
  }
  .area-price__text{
    margin-top:5rem;
  }
  .area-price__text h4{
    font-size:max(14px, 2.4rem);
    margin-bottom:1.5rem;
  }
  .area-price__text p{
    font-size:max(12px, 1.8rem);
  }
  .flow-list-item{
    flex-direction:row;
    padding:8rem 3rem;
    gap:6rem;
  }
  .flow-list-item.is-middle{
    align-items:center;
  }
  .flow-list-item__pic{
    flex-grow:0;
    flex-shrink:0;
    width:46rem;
  }
  .flow-list-item__body{
    flex-grow:1;
    flex-shrink:1;
  }
  .flow-list-item__ttl{
    font-size:3rem;
    margin-bottom:5rem;
  }
  .flow-list-item__desc{
    font-size:2.2rem;
  }
  .flow-list-item__contact{
    margin-top:7rem;
  }
  .icon-list{
    gap:3rem;
  }
  .icon-list-item{
    gap:3rem;
  }
  .icon-list-item__text{
    font-size:2.2rem;
  }
  .about-info{
    grid-template-columns:36rem 1fr;
    grid-template-rows:auto 1fr;
    grid-template-areas:"b a" "b c";
    gap:0 8rem;
    width:96rem;
    margin-left:auto;
    margin-right:auto;
  }
  .about-info__ttl{
    font-size:3rem;
  }
  .about-info__body{
    margin-top:4rem;
  }
  .about-info__name{
    font-size:3.6rem;
  }
  .about-info__desc{
    line-height:2.4;
    margin-top:2rem;
    font-size:2rem;
  }
  .about-chapter-wrap{
    font-size:max(12px, 2rem);
  }
  .about-chapter-wrap > * + *{
    margin-top:8rem;
  }
  .about-chapter__ttl{
    font-size:max(18px, 2.4rem);
    padding:2rem 5rem;
  }
  .about-chapter__ttl small{
    font-size:max(12px, 1.8rem);
  }
  .about-chapter__body .list.lg{
    font-size:max(16px, 2.4rem);
  }
  .about-chapter__body .list.lg small{
    font-size:max(14px, 2rem);
  }
  .about-chapter__illust{
    gap:5rem;
  }
  .about-chapter__illust > *:last-child{
    flex:0 0 15rem;
  }
  .about-chapter__illust > *:last-child img{
    height:10rem;
  }
  .about-box{
    padding:8rem 5rem;
  }
  .about-box__ttl{
    font-size:max(18px, 2.4rem);
    margin-bottom:4rem;
  }
  .news-list{
    margin-top:-4rem;
  }
  .news-list-item{
    padding:3rem;
    gap:3rem;
  }
  .news-list-item__body{
    padding-top:2rem;
  }
  .news-list-item__time{
    font-size:max(12px, 1.6rem);
    margin-bottom:0.5em;
  }
  .news-list-item__ttl{
    font-size:max(14px, 1.8rem);
  }
  .news-list-item__ttl .tag{
    font-size:max(12px, 1.6rem);
  }
  .news-list-item__link{
    font-size:max(12px, 1.4rem);
  }
  .news-list-item__desc{
    margin-top:2rem;
    font-size:max(12px, 1.6rem);
  }
  .news-modal .news-list-item{
    align-items:flex-start;
    max-width:68.6rem;
    gap:5rem;
  }
  .news-modal .news-list-item__body{
    padding-top:0;
  }
  .news-modal .news-list-item__time{
    border-bottom:solid 1px #000;
    padding-bottom:1.5rem;
    font-size:max(12px, 1.8rem);
  }
  .news-modal .news-list-item__ttl{
    margin-top:2rem;
  }
  .msg-bnr__text{
    font-size:2.4rem;
  }
  .breadcrumbs ul{
    padding:1rem 4rem;
  }
  .breadcrumbs ul li{
    font-size:max(12px, 1.8rem);
  }
  .modal-content{
    padding:4rem;
  }
  .modal-body{
    width:100%;
    max-width:100rem;
    padding:6rem;
  }
  .modal-close{
    top:2rem;
    right:3rem;
    width:5.2rem;
    height:5.2rem;
  }
  .modal-close span{
    font-size:1.6rem;
  }
  .modal.drawer-modal .modal-content{
    padding:0rem;
  }
  .modal.drawer-modal .modal-body{
    width:60rem;
    padding:11rem 8rem;
  }
  .page-mv__content{
    width:115rem;
  }
  .page-mv__inner{
    aspect-ratio:1920/765;
  }
  .page-mv__img img{
    aspect-ratio:1920/765;
  }
  .page-mv__ttl{
    font-size:max(18px, 3.6rem);
  }
  .page-mv__msg{
    font-size:max(12px, 1.8rem);
  }
  .system-box__header{
    flex-direction:row;
    gap:5rem;
    min-height:3.33em;
    font-size:max(14px, 3rem);
  }
  .system-box__price .unit{
    font-size:max(12px, 1.8rem);
  }
  .system-box__body{
    padding:5rem 0;
  }
  .system-box__body small{
    font-size:max(12px, 1.6rem);
  }
  .system-box__note{
    font-size:max(12px, 1.8rem);
    padding:0 12rem;
  }
  .system-box__note + *{
    margin-top:4rem;
  }
  .system-box__cols{
    gap:5rem;
    padding:0 12rem;
  }
  .system-box__cols ul li{
    font-size:max(12px, 2.4rem);
  }
  .system-box__cols ul li a{
    font-size:max(13px, 1.8rem);
  }
  .system-box__acc{
    margin-top:5rem;
  }
  .system-box__acc .acc-header{
    font-size:max(14px, 2.4rem);
  }
  .system-box__acc .acc-body{
    padding:6rem 6rem 0;
  }
  .system-dotted-list{
    padding-bottom:10rem;
  }
  .system-dotted-list-ttl{
    font-size:max(18px, 3rem);
    margin-top:7rem;
    margin-bottom:7rem;
  }
  .system-dotted-list-desc{
    font-size:max(12px, 1.8rem);
    margin-top:0rem;
    margin-bottom:5rem;
  }
  .system-dotted-item__ttl, .system-dotted-item__content{
    font-size:max(12px, 2.4rem);
  }
  .system-dotted-item__ttl small, .system-dotted-item__content small{
    font-size:max(12px, 1.6rem);
  }
  .system-dotted-item__ttl small.md, .system-dotted-item__content small.md{
    font-size:max(14px, 2rem);
  }
  .system-dotted-item + *{
    font-size:max(13px, 1.8rem);
  }
  .system-dotted-item + * small{
    font-size:max(12px, 1.6rem);
  }
  .system-dotted-item + .sub-price-list{
    flex-direction:row;
    justify-content:space-between;
    gap:3rem;
  }
  .system-dotted-item + .sub-price-list ul{
    font-size:max(14px, 2.4rem);
  }
  .system-dotted-item + .sub-price-list ul small{
    font-size:max(12px, 1.8rem);
  }
  .system-note{
    padding-top:5rem;
    font-size:max(12px, 1.6rem);
  }
  .system-payment__ttl{
    font-size:max(18px, 3rem);
    min-height:7rem;
  }
  .system-payment__body{
    padding:6rem 3rem;
  }
  .system-payment__in-ttl{
    font-size:max(18px, 3rem);
  }
  .system-payment__text{
    font-size:max(14px, 2rem);
  }
  .system-payment__pic{
    width:65.6rem;
  }
  .system-payment__note{
    letter-spacing:0.05em;
    font-size:max(12px, 1.6rem);
  }
  .system-check__msg{
    font-size:max(16px, 2.4rem);
    margin-bottom:3rem;
  }
  .system-check__list{
    font-size:max(12px, 2rem);
    padding:6rem 7rem;
    max-width:82rem;
    margin-left:auto;
    margin-right:auto;
  }
  .system-check__note{
    margin-top:15rem;
  }
  .term-page{
    font-size:max(12px, 1.8rem);
    padding:0 12rem;
  }
  .term-page h2{
    font-size:max(18px, 3rem);
  }
  .term-page h3{
    font-size:max(16px, 2.4rem);
  }
  .term-page-chapter{
    padding:8rem 0;
  }
  .term-box{
    padding:10rem 3rem;
  }
  .step-list-item{
    padding-left:7rem;
    font-size:max(14px, 2rem);
    padding-bottom:8rem;
    font-size:max(18px, 3rem);
  }
  .step-list-item__ttl{
    font-size:max(18px, 3rem);
  }
  .step-list-item__text{
    font-size:max(14px, 2rem);
  }
  .step-list-item__text small{
    font-size:max(12px, 1.6rem);
  }
  .step-note{
    padding:7rem 9rem;
  }
  .faq-list-item__q{
    padding:0 5rem;
    font-size:max(16px, 2rem);
  }
  .faq-list-item__a{
    padding:4rem 5rem;
    font-size:max(14px, 1.8rem);
  }
  .cta-menu__ttl{
    font-size:max(18px, 2.4rem);
  }
  .cta-menu__anno{
    text-align:center;
    font-size:max(12px, 1.6rem);
  }
  .cta-menu__links{
    align-items:flex-start;
    font-size:max(12px, 1.6rem);
  }
  .cta-menu-flow-item{
    font-size:max(12px, 1.6rem);
  }
  .area-info__text{
    -ms-grid-row:1;
    -ms-grid-column:3;
  }
  .about-info > .area-info__text{
    -ms-grid-row:1;
    -ms-grid-column:3;
  }
  .area-info__map{
    -ms-grid-row:1;
    -ms-grid-row-span:3;
    -ms-grid-column:1;
  }
  .about-info > .area-info__map{
    -ms-grid-row:1;
    -ms-grid-row-span:3;
    -ms-grid-column:1;
  }
  .area-info__label{
    -ms-grid-row:3;
    -ms-grid-column:3;
  }
  .about-info > .area-info__label{
    -ms-grid-row:3;
    -ms-grid-column:3;
  }
  .about-info__ttl{
    -ms-grid-row:1;
    -ms-grid-column:3;
  }
  .about-info > .about-info__ttl{
    -ms-grid-row:1;
    -ms-grid-column:3;
  }
  .about-info__pic{
    -ms-grid-row:1;
    -ms-grid-row-span:3;
    -ms-grid-column:1;
  }
  .about-info > .about-info__pic{
    -ms-grid-row:1;
    -ms-grid-row-span:3;
    -ms-grid-column:1;
  }
  .about-info__body{
    -ms-grid-row:3;
    -ms-grid-column:3;
  }
  .about-info > .about-info__body{
    -ms-grid-row:3;
    -ms-grid-column:3;
  }
}
@media screen and (min-width: 751px) and (max-width: 1345px){
  .service-nav-list{
    gap:4rem;
  }
  .service-nav-item{
    width:calc((100% - 4rem) / 2);
  }
  .service-sub-nav-list{
    gap:4rem;
  }
  .service-sub-nav .service-nav-item{
    width:calc((100% - 8rem) / 3);
  }
}
@media screen and (min-width: 1346px){
  .l-container.--lg{
    max-width:1240px;
  }
  .mb-only{
    display:none !important;
  }
  .tb-only{
    display:none !important;
  }
  .text-pc-center{
    text-align:center !important;
  }
  .service-nav-list{
    gap:8rem;
  }
  .service-nav-item{
    width:calc((100% - 8rem) / 2);
  }
  .service-sub-nav-list{
    gap:8rem;
  }
  .news-list{
    flex-direction:row;
    flex-wrap:wrap;
    gap:0 7rem;
  }
  .news-list-item{
    flex:0 0 calc((100% - 7rem) / 2);
  }
}
@media screen and (max-width: 1345px){
  .pc-only{
    display:none !important;
  }
  .text-mb-center{
    text-align:center !important;
  }
}
@media screen and (max-width: 750px){
  .tb-only{
    display:none !important;
  }
  .wide-only{
    display:none !important;
  }
  .system-box__cols{
    flex-direction:column;
    align-items:stretch;
    padding:0 3rem;
  }
  .system-box__cols ul{
    width:100%;
    max-width:320px;
    margin-left:auto;
    margin-right:auto;
  }
  .fixed-nav{
    height:10rem;
  }
  .fixed-nav .hamburger{
    display:none;
  }
  .fixed-nav.is-initialized{
    background-color:#252421;
    top:auto;
    bottom:0;
    transform:translateY(100%);
  }
  .fixed-nav.is-visible .hamburger{
    display:flex;
  }
  .fixed-nav.is-visible .breadcrumbs{
    opacity:1;
  }
  .fixed-nav.is-fixed{
    background-color:#252421;
    top:auto;
    bottom:0;
    transform:translateY(0);
  }
  .hamburger-menu > ul > li{
    border-bottom:1px solid #666666;
  }
  .hamburger-menu > ul > li:first-child{
    border-top:1px solid #666666;
  }
  .hamburger-menu > ul > li > *{
    display:block;
    padding:1.5rem 0;
    text-align:center;
  }
  .hamburger-menu ul ul{
    padding:0;
    margin-bottom:3rem;
    display:flex;
    flex-direction:column;
    gap:1rem;
  }
  .hamburger-menu ul ul li{
    font-size:max(12px, 1.8rem);
    margin-left:50%;
    transform:translateX(-35%);
  }
  .footer__inner{
    padding-bottom:14.2rem;
  }
  .footer__top-btn{
    margin-top:8rem;
  }
  .footer-about{
    margin-top:15rem;
  }
  .footer-about__logo{
    margin-left:auto;
    margin-right:auto;
  }
  .footer-about__cta{
    display:flex;
    flex-direction:column-reverse;
    align-items:center;
    max-width:500px;
    margin-top:0;
    margin-left:auto;
    margin-right:auto;
    padding-left:20px;
    padding-right:20px;
  }
  .footer-about__text,
  .footer-about__cta .footer-about__address{
    width:100%;
    margin-top:0;
    text-align:left;
  }
  .footer-about__cta .footer-about__address{
    margin-top:37px;
  }
  .footer-about__cta .footer-about__contact{
    margin-top:37px;
  }
  .footer-about__box{
    max-width:500px;
    margin-left:auto;
    margin-right:auto;
  }
  .footer-nav{
    margin-top:1rem;
  }
  .footer-nav > ul > li{
    border-bottom:solid 1px #000;
  }
  .footer-nav > ul > li > a,
  .footer-nav > ul > li > .acc-header{
    position:relative;
    display:block;
    padding:3rem 6rem;
  }
  .footer-nav > ul > li > a::after{
    aspect-ratio:24/37;
    width:1.2rem;
    background-image:url("../img/arrow_right.png");
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center center;
  }
  .footer-nav > ul > li > .acc-header::after{
    aspect-ratio:37/24;
    width:1.85rem;
    background-image:url("../img/arrow_bottom.png");
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center center;
  }
  .footer-top-btn{
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:#9d9a92;
    color:#fff;
    font-size:max(13px, 1.8rem);
    height:3.88em;
    width:calc(100% + 6rem);
    margin-left:-3rem;
    margin-right:-3rem;
  }
  .footer-top-btn span{
    position:relative;
  }
  .footer-top-btn span::before{
    position:absolute;
    display:block;
    content:"";
    border-top:solid 0.83em transparent;
    border-right:solid 0.44em transparent;
    border-bottom:solid 0.83em #fff;
    border-left:solid 0.44em transparent;
    left:-1.2em;
    top:50%;
    transform:translate(-100%, -75%);
  }
  .sec-greeting__text{
    max-width:530px;
    margin-left:auto;
    margin-right:auto;
  }
  .sec-area__price{
    margin-top:3rem;
  }
  .sec-msg .l-container{
    max-width:100%;
  }
  .sec-system__term{
    margin-left:-3rem;
    margin-right:-3rem;
  }
  .sec-page .sec-ttl,
  .sec-page .sec-vert-ttl{
    margin-top:8rem;
  }
  .sec-about__msg{
    margin-left:-3rem;
    margin-right:-3rem;
  }
  .sec-step .sec-text{
    max-width:60rem;
    margin-left:auto;
    margin-right:auto;
  }
  .sec-step .sec-body{
    max-width:60rem;
    margin-left:auto;
    margin-right:auto;
  }
  .service-points li{
    flex-grow:1;
    flex-shrink:1;
    min-width:0;
    letter-spacing:0.02em;
    width:calc((100% - 5rem) / 3);
  }
  .service-sub-nav .service-nav-item > *{
    display:flex;
    align-items:stretch;
  }
  .service-sub-nav .service-nav-item:nth-child(2n) > *{
    flex-direction:row-reverse;
  }
  .service-sub-nav .service-nav-item__pic{
    flex-grow:0;
    flex-shrink:0;
    width:30rem;
  }
  .service-sub-nav .service-nav-item__pic img{
    height:100%;
    object-fit:cover;
  }
  .service-sub-nav .service-nav-item__body{
    flex-grow:1;
    flex-grow:1;
    padding:5rem 2.5rem 5rem;
  }
  .service-page-nav .service-nav-item:nth-child(2n) > *{
    flex-direction:row;
  }
  .service-page-nav .service-nav-item__pic{
    width:30rem;
  }
  .area-info__text{
    text-align:center;
  }
  .area-info__map{
    margin-top:3rem;
  }
  .area-info__map picture{
    max-width:80%;
    margin-left:auto;
    margin-right:auto;
  }
  .area-info__label{
    margin-top:-4rem;
  }
  .flow-list-item__pic{
    max-width:46rem;
    margin-left:auto;
    margin-right:auto;
  }
  .flow-list-item__ttl{
    text-align:center;
  }
  .flow-list-item__desc{
    text-align:center;
  }
  .icon-list{
    padding:0 1rem;
  }
  .about-info__ttl{
    text-align:center;
  }
  .about-info__pic{
    margin-top:4rem;
    width:20.8rem;
    min-width:104px;
    margin-left:auto;
    margin-right:auto;
  }
  .about-info__name{
    text-align:center;
  }
  .about-info__desc{
    text-align:center;
  }
  .news-list{
    margin-top:-4rem;
  }
  .news-list-item{
    align-items:center;
  }
  .news-list-item__desc{
    margin-top:3rem;
    padding:4rem;
    border-top:solid 1px #000;
    font-size:max(12px, 2rem);
    text-align:center;
  }
  .news-modal .news-list-item{
    flex-direction:column;
    align-items:center;
    gap:7rem;
  }
  .news-modal .news-list-item__desc{
    padding-bottom:0;
  }
  .breadcrumbs ul{
    color:#fff;
    height:4.2rem;
    align-items:center;
  }
  .modal.drawer-modal .modal-content{
    padding-bottom:10rem;
  }
  .modal.drawer-modal.cta-modal .modal-content{
    align-items:flex-start;
    justify-content:center;
    margin-top:10rem;
    width:60rem;
    max-height:calc(100% - 10rem);
  }
  .modal.drawer-modal.cta-modal .modal-body{
    width:60rem;
  }
  .system-box__price{
    font-size:max(13px, 3rem);
  }
  .system-payment__note small{
    font-size:max(10px, 1.4rem);
  }
}
@media screen and (max-width: 561px){
  .sp-l-only{
    display:none !important;
  }
  .sp-l-and-wide-only{
    display:none !important;
  }
  .service-points{
    gap:1rem;
  }
  .service-sub-nav .service-nav-item__ttl{
    font-size:2.8rem;
  }
  .service-sub-nav .service-nav-item__desc br{
    display:none;
  }
  .service-page-nav .service-nav-item__desc br{
    display:none;
  }
  .area-info__text br{
    display:none !important;
  }
}