@charset "UTF-8";
/*@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;600&display=swap');*/
:root {--pcMaxW:1100px; --pcMinW:980px; --pcMinW2:880px; --spPI:25px; 
  --initFonts:"Noto Sans JP","游ゴシック Medium","Yu Gothic Medium","Yu Gothic","Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic",Meiryo,sans-serif;}
.container {display:flow-root; position:relative; margin-inline:auto; container-type:inline-size;} .navBackdrop {display:none;}
@media (min-width:601px){:where(body,.pageHeader,.pageTitle,main,.pageFooter) {min-width:var(--pcMinW);} .container {width:calc(100% - 100px); max-width:var(--pcMaxW); min-width:var(--pcMinW2);}}
@media (max-width:600px){html {font-size:90%;} .pageHeader,main,.pageFooter {min-width:320px;} :where(:not(.pageHeader))>.container {margin-inline:var(--spPI);} body.-navOpen .navBackdrop {width:100%; height:100dvh; position:fixed; top:0; left:0; display:block; background:#0007; z-index:500; -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);}}
/* BASE %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


@media (min-width:601px){html {scroll-padding-top:10vh;}}
@media (max-width:600px){html {scroll-padding-top:50px;}}
:root {--themeBlue:rgb(0,88,198); --themeLightBlue:rgb(221,240,255); --themeGray:rgb(243,243,243); --themeYellow:rgb(255,255,0); --themeGrad:linear-gradient(90deg, rgb(0,128,255) 0%, rgba(0,153,181) 50%, rgb(0,161,149) 100%); --linkColor:#0000c3;
  --arwWH:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29.96 29.95"><path fill="%23fff" d="M14.98,0.15c-8.19,0-14.83,6.64-14.83,14.83S6.79,29.8,14.98,29.8c8.19,0,14.83-6.64,14.83-14.83 S23.17,0.15,14.98,0.15z M13.61,21.49l-1.91-1.91l4.53-4.53l-4.61-4.61l1.99-1.99l6.52,6.52L13.61,21.49z"/></svg>');
  --arwBK:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29.96 29.95"><path fill="%23111" d="M14.98,0.15c-8.19,0-14.83,6.64-14.83,14.83S6.79,29.8,14.98,29.8c8.19,0,14.83-6.64,14.83-14.83 S23.17,0.15,14.98,0.15z M13.61,21.49l-1.91-1.91l4.53-4.53l-4.61-4.61l1.99-1.99l6.52,6.52L13.61,21.49z"/></svg>');
}
body {font-size:1rem; line-height:1.8; font-family:var(--initFonts); font-feature-settings:"pkna"; color:#1a1a1a;}
a {text-decoration:underline; text-decoration-skip-ink:none; text-underline-offset:.24em; color:inherit;}
@keyframes fadeIn {from {opacity:0;} to {opacity:1;}}

/* =============== ヘッダ */

.pageHeader {position:sticky; top:0; left:0; width:100%; z-index:998; container-type:inline-size; background:#fff; line-height:1.4; font-weight:bold; transition:.2s all; box-shadow:0 1px 0 #0002;}
.pageHeader :where(li,a,button:not(#spNav)) {position:relative;}
.pageHeader img {max-width:100%; max-height:100%; object-fit:contain;}
.pageHeader a {display:block; text-decoration:none;}
.pageHeader ._siteName {position:relative; display:flex; width:fit-content;}
.pageHeader ._siteName a {display:flex;  align-items:center; justify-content:center; transition:.2s all;}
.pageHeader ._siteName a:hover {filter:brightness(125%) saturate(80%);}
.pageHeader ._siteName a:hover img {opacity:1;}
.pageHeader ._siteName > a:nth-of-type(1) {display:flex;background:var(--themeBlue);}

@media (max-width:1419px){
  .pageHeader ._siteName > a:nth-of-type(2) {flex-direction:column;}
  .pageHeader ._siteName > a:nth-of-type(2) img:nth-of-type(1) {width:97%; translate:0 -14%;}
  .pageHeader ._siteName > a:nth-of-type(2) img:nth-of-type(2) {translate:0 14%;}
}

@media (min-width:601px){
  #spNav {display:none;}
  .pageHeader {display:flex; height:clamp(8.125rem, calc(-5.938rem + 18.75vw), 9.063rem);}
  .pageHeader.-standby {translate:0 -100%; opacity:0;}
  [data-scroll-direction="up"] .pageHeader {translate:0 0; opacity:1;}
  .pageHeader ._siteName > a:nth-of-type(1) {width:clamp(8.125rem, calc(-0.313rem + 11.25vw), 10.938rem); margin-right:clamp(1rem, calc(-4.909rem + 7.273vw), 2rem);}
  .pageHeader ._siteName > a:nth-of-type(1) img {width:min(80%,100px);}
  .pageHeader ._siteName > a:nth-of-type(2) {width:clamp(10rem, calc(-27.5rem + 50vw), 12.5rem);}
  .pageHeader nav {--gnavGap:clamp(1rem, calc(-0.5rem + 2.143vw), 1.4rem); position:relative; display:flex; flex-direction:column; justify-content:space-between; margin-left:auto; padding-bottom:.8rem;}
  .gnav {--linkColor:rgb(0,88,198); display:flex; translate:calc(var(--gnavGap) * .8) 0; color:var(--linkColor);}
  .gnav a {position:relative; padding:var(--gnavGap); transition:.3s color;}
  .gnav a:hover {color:#555;}
  .gnav li+ li a:before {content:""; display:block; position:absolute; left:0; top:50%; translate:0 -50%; height:1.2em; border-left:1px var(--linkColor) solid;}
  .pageHeader ._contact {--contactRadius:clamp(1.125rem, (-4.5rem + 7.5vw), 1.4rem); order:-1; width:fit-content; align-self:flex-end;}
  .pageHeader ._contact a {translate:0 -1rem; padding:clamp(2.125rem, calc(-5.375rem + 10vw), 2.625rem) clamp(1.625rem, calc(-4rem + 7.5vw), 2.5rem) clamp(0.875rem, calc(-3.813rem + 6.25vw), 1.3rem); border-radius:0 0 var(--contactRadius) var(--contactRadius); background:var(--themeBlue); letter-spacing:.08em; color:#fff; transition:.2s all;}
  .pageHeader ._contact a:hover {translate:0 -.4rem;}
  .pageHeader ._grp {width:clamp(7.813rem, calc(-9.766rem + 23.438vw), 12.5rem); flex-shrink:0; display:flex; align-items:center; justify-content:center; margin-left:clamp(1.25rem, calc(-0.625rem + 2.5vw), 1.6rem); background:var(--themeGray);}
  .pageHeader ._grp img {width:min(80%,140px);}
}
@media (min-width:601px) and (max-width:1080px){
  .pageHeader ._grp {position:absolute; top:0; right:12rem; height:4.2rem; background:none;}
  .gnav {translate:-.3rem 0;}
  .pageHeader ._contact {margin-right:var(--gnavGap);}
}
@media (min-width:1420px){
  .pageHeader ._siteName > a:nth-of-type(2) {flex-direction:row; width:clamp(21.875rem, calc(-26.938rem + 55vw), 25.313rem);}
  .pageHeader ._siteName > a:nth-of-type(2) img:nth-of-type(1) {width:49.23%;}
  .pageHeader ._siteName > a:nth-of-type(2) img:nth-of-type(2) {width:50.77%;}
}
@media (max-width:600px){
  .pageHeader ._siteName > a:nth-of-type(1) {width:83px; aspect-ratio:4/3; margin-right:10px;}
  .pageHeader ._siteName > a:nth-of-type(1) img {width:80%;}
  .pageHeader ._siteName > a:nth-of-type(2) {width:100px;}
  /* 開閉ボタン */
  #spNav {position:absolute; top:50%; right:10px; z-index:11; translate:0 -50%; width:38px; aspect-ratio:1/1; border:2px var(--themeBlue) solid; border-radius:50%; background:none; text-align:center; cursor:pointer; transition:.2s all;}
  #spNav:before, #spNav:after {content:""; display:block; position:absolute; top:50%; left:50%; translate:-50% -50%; width:50%; height:2px; transition:.15s all;}
  #spNav:before {background:var(--themeBlue); box-shadow:0 -6px 0 var(--themeBlue);} #spNav:after {box-shadow:0 6px 0 var(--themeBlue);}
  .-navOpen #spNav {border-color:#fff;}
  .-navOpen #spNav:before {background:#fff; box-shadow:none; rotate:-45deg;} .-navOpen #spNav:after {background:#fff; box-shadow:none; rotate:45deg;}

  .pageHeader nav {position:absolute; left:0; top:0; z-index:10; width:100%; height:100dvh; padding:0 10vw 15vw; background:var(--themeBlue); letter-spacing:.08em; opacity:1; overflow:auto; overscroll-behavior:contain; transition:all .2s;}
  .pageHeader nav:before {content:""; display:block; height:20vw;}
  body:not(.-navOpen) .pageHeader nav {max-height:0; opacity:0; overflow:hidden; z-index:-1;}
  .gnav a {padding-block:.7em; color:#fff; font-size:1.33rem;}
  .gnav a:after {content:""; display:inline-block; width:14px; aspect-ratio:1/1; margin-left:.4rem; background-image:var(--arwWH);}
  .pageHeader ._contact {margin-top:3rem; text-align:center;}
  .pageHeader ._contact a {position:relative; display:block; max-width:360px; margin-inline:auto; padding:.7rem 2.5rem; border:2px #111 solid; border-radius:50px; background:#fff; color:#111; transition:.3s background;}
  .pageHeader ._contact a:hover {background:var(--themeYellow);}
  .pageHeader ._contact a:after {content:""; position:absolute; right:.9rem; top:50%; translate:0 -50%; display:block; width:16px; aspect-ratio:1/1; background-image:var(--arwBK);}
  .pageHeader ._grp {position:absolute; right:62px; top:50%; z-index:9; width:45px; translate:0 -50%;}  
}

/* =============== フッタ */

.pageFooter {position:sticky; top:100vh; background:var(--themeGrad); color:#fff; overflow:hidden;}
.pageFooter a {text-decoration:none;}
.pageFooter ._upper h2 {letter-spacing:.06rem; color:#fff;}
.pageFooter ._upper .btn1 a {font-size:1rem;}
.pageFooter ._upper ._action {position:relative;}
.pageFooter ._upper ._action svg path {transition:.4s all;}
.pageFooter ._upper ._action dt {display:flex;}
.pageFooter ._upper ._action dt:before,
.pageFooter ._upper ._action dt:after {content:""; display:block; border:#fff solid;}
.pageFooter ._upper ._action dt:before {flex-grow:1.01; border-width:var(--actionBdrW) 0 0 var(--actionBdrW); border-radius:var(--actionR) 0 0 0;}
.pageFooter ._upper ._action dt:after {flex-grow:.99; border-width:var(--actionBdrW) var(--actionBdrW) 0 0; border-radius:0 var(--actionR) 0 0;}
.pageFooter ._upper ._action dt i {width:1.5em; aspect-ratio:1/1; background:url('data:image/svg+xml;charset=UTF-8,<svg enable-background="new 0 0 26.25 26.25" version="1.1" viewBox="0 0 26.25 26.25" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><polyline style="fill:none;stroke:%23fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;" class="st0" points="22.58 17.13 18.56 22 7.73 22 7.73 18.22 1.91 18.22 1.91 14.55 7.73 14.55 7.73 9.45 1.91 9.45 1.91 5.78 7.73 5.78 7.73 2 18.56 2 27.94 11.23"/></svg>') no-repeat 50% 50% / contain; translate:0 -35%;}
.pageFooter ._upper ._action dt > span {translate:0 -45%;}
.pageFooter ._upper ._action dd {position:relative; border:#fff solid; overflow:hidden; container-type:inline-size;}
.pageFooter ._upper ._action dd + dd:before {content:""; display:block; position:absolute;}
.pageFooter ._upper ._action a.-em {transition:.3s all;}
.pageFooter ._upper ._action a.-em:before {content:""; display:block; position:absolute; left:50%; top:50%; translate:-50% -50%; width:120cqw; height:120cqw;}
.pageFooter ._upper ._action a.-em:hover {color:var(--themeYellow);}
.pageFooter ._upper ._action a.-mail:hover svg path[fill="#FFF"] {fill:var(--themeYellow);}
.pageFooter ._upper ._action a.-phone {letter-spacing:.03em;}
.pageFooter ._upper ._action a.-phone > span {display:inline-block; position:relative;}
.pageFooter ._upper ._action a.-phone > span > i {position:absolute; left:50%; translate:-50% 0; letter-spacing:.1em; font-size:30%; font-style:normal; white-space:nowrap;}
.pageFooter ._upper ._action a.-phone ~ p .-time {display:inline-block; margin-left:.4em; letter-spacing:.08em;}
.pageFooter ._lower {position:relative;}
.pageFooter ._lower:before {content:""; display:block; width:150cqw; position:absolute; left:50%; top:0; translate:-50% 0; border-top:2px #fff solid;}
.pageFooter ._lower ._sitemap {line-height:1.5;}
.pageFooter ._lower ._sitemap li ul {padding-left:1.5em;}
.pageFooter ._lower ._sitemap li ul li:before {content:""; display:inline-block; vertical-align:middle; width:.3em; margin-inline:-1em .7em; border-top:1px #fff solid;}
.pageFooter ._copyright {margin-bottom:0; font-size:var(--fs11); text-align:center;}

@media (min-width:601px){
  .pageFooter .container {padding:7rem 0 2rem;}
  .pageFooter ._upper {padding-bottom:6rem; text-align:center;}
  .pageFooter ._upper h2 {width:14em; margin-inline:auto;}
  .pageFooter ._upper .btn1 a {width:22rem;}
  .pageFooter ._upper ._pic {display:none;}
  .pageFooter ._upper ._action {--actionR:1.2rem; --actionBdrW:2px; display:grid; /*grid-template-columns:1fr 1fr;*/ margin-top:4.8rem;}
  .pageFooter ._upper ._action:before {content:""; display:block; width:clamp(16rem, 20vw, 17.5rem); aspect-ratio:1/1.16; position:absolute; left:calc(50% + var(--fsH2) * 5.5); bottom:100%; background:url(../images/common/footer_denka.webp) no-repeat 50% 100% / contain;}
  .pageFooter ._upper ._action dt {grid-column:1/-1;}
  .pageFooter ._upper ._action dt > span {padding-inline:1.2em;}
  .pageFooter ._upper ._action dd {display:flex; flex-direction:column; justify-content:center; align-items:center; padding-block:.2rem 2.2rem;}
  .pageFooter ._upper ._action dd + dd:before {height:85%; left:0; top:0; border-left:2px #fff solid;}
/*  .pageFooter ._upper ._action dd:nth-of-type(1) {border-width:0 0 var(--actionBdrW) var(--actionBdrW); border-radius:0 0 0 var(--actionR);}*/
      .pageFooter ._upper ._action dd:nth-of-type(1) {
        border-width: 0  var(--actionBdrW) var(--actionBdrW) var(--actionBdrW) ;
        border-radius: 0 0 var(--actionR) var(--actionR) ;
    }
  .pageFooter ._upper ._action dd:nth-of-type(2) {border-width:0 var(--actionBdrW) var(--actionBdrW) 0; border-radius:0 0 var(--actionR) 0;}
  .pageFooter ._upper ._action dd:nth-of-type(1) a.-em {font-size:clamp(1.8rem, calc(-0.5rem + 2.857vw), 2rem);}
  .pageFooter ._upper ._action dd:nth-of-type(2) a.-em {font-size:clamp(2.6rem, calc(-0.125rem + 3.571vw), 3rem);}
  .pageFooter ._upper ._action a.-mail svg {width:clamp(2.5rem, 3.571vw, 3.125rem); vertical-align:-25%; margin-right:.5rem;}
  .pageFooter ._upper ._action a.-phone svg  {width:clamp(3rem, 4.286vw, 3.75rem); vertical-align:-8%; margin-right:.7rem;}
  .pageFooter ._upper ._action a.-phone {pointer-events:none;}
  .pageFooter ._upper ._action a.-phone ~ p {display:inline-block; margin-top:-.5rem; padding-left:clamp(3.7rem, calc(.7rem + 4.286vw), 4.45rem); text-align:left; line-height:1.6; font-size:clamp(0.719rem, calc(-0.031rem + 1vw), 0.844rem);}
  .pageFooter ._lower {padding-top:3rem;}
  .pageFooter ._lower ._sitemap {display:flex; justify-content:space-between;}
  .pageFooter ._lower ._sitemap > ul :is(li + li, li > ul) {margin-top:1em;}
  .pageFooter ._bottom {display:flex; flex-direction:column; align-items:center;}
  .pageFooter ._bottom ._logo {order:-1; width:170px; margin-block:4rem 2rem;}
  .pageFooter ._bottom ul {display:flex; justify-content:center; gap:2.5rem; margin-bottom:1rem; font-size:var(--fs13);}
}
@media (max-width:600px){
  .pageFooter .container {padding-block:3.2rem 1.8rem;}
  .pageFooter ._upper {padding-bottom:3.3rem;}
  .pageFooter ._upper h2 {width:10em; margin-inline:auto; text-align:center;}
  .pageFooter ._upper .btn1 a {max-width:300px;}
  .pageFooter ._upper ._pic {position:relative; width:clamp(13.75rem, calc(5.417rem + 35.556vw), 18.75rem); margin:1.6rem auto 2rem; aspect-ratio:1/1; container-type:inline-size;}
  .pageFooter ._upper ._pic > * {position:absolute; bottom:0; left:50%; translate:-50% 0;}
  .pageFooter ._upper ._pic .-clipper {width:calc(100cqw - 20px); aspect-ratio:1/1; border-radius:50%; background:var(--themeBlue); overflow:hidden;}
  .pageFooter ._upper ._pic .-clipper:before {content:""; display:block; position:absolute; left:50%; bottom:0; translate:-50% 0; width:100cqw; aspect-ratio:1/1.03; object-fit:cover; object-position:50% 0%; background:url(../images/common/footer_denka.webp) no-repeat 50% 0 / 100% auto;}
  .pageFooter ._upper ._pic img {width:100cqw; aspect-ratio:1/1.03; object-fit:cover; object-position:50% 0%; clip-path:polygon(0 0, 100% 0, 0 100%);}
  .pageFooter ._upper ._action {--actionR:1rem; --actionBdrW:1px; container-type:inline-size; text-align:center;}
  .pageFooter ._upper ._action dt i {width:1em; background-image:url('data:image/svg+xml;charset=UTF-8,<svg enable-background="new 0 0 26.25 26.25" version="1.1" viewBox="0 0 26.25 26.25" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><polyline style="fill:none;stroke:%23fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;" class="st0" points="22.58 17.13 18.56 22 7.73 22 7.73 18.22 1.91 18.22 1.91 14.55 7.73 14.55 7.73 9.45 1.91 9.45 1.91 5.78 7.73 5.78 7.73 2 18.56 2 27.94 11.23"/></svg>'); translate:5% -38%;}
  .pageFooter ._upper ._action dt > span {padding-inline:.6em .3em; font-size:var(--fs14); font-weight:600;}
  .pageFooter ._upper ._action dd:nth-of-type(1) {padding-bottom:1.2rem; border-width:0 var(--actionBdrW);}
  .pageFooter ._upper ._action dd:nth-of-type(1) {padding-block:1.2rem 1rem; border-width:var(--actionBdrW); border-radius:0 0 var(--actionR) var(--actionR);border-top:0;} /* 2024/04/11追記 */
 .pageFooter ._upper ._action dd:nth-of-type(2) {padding-block:1.2rem 1rem; border-width:var(--actionBdrW); border-radius:0 0 var(--actionR) var(--actionR);}
  .pageFooter ._upper ._action a.-em {font-weight:bold;}
  .pageFooter ._upper ._action a.-mail {font-size:max(6.3cqw,1.45rem);}
  .pageFooter ._upper ._action a.-mail svg {width:2rem; vertical-align:-15%; margin-right:.25em;}
  .pageFooter ._upper ._action a.-phone {font-size:max(6.4cqw,2.3rem); font-weight:500; letter-spacing:.075em;}
  .pageFooter ._upper ._action a.-phone svg {width:2.4rem; vertical-align:-5%; margin-right:.3em;}
  .pageFooter ._upper ._action a.-phone ~ p {margin-top:-.4em; line-height:1.5; font-size:var(--fs13);}
  .pageFooter ._lower {padding-top:3rem;}
  .pageFooter ._lower:before {border-top-width:1px;}
  .pageFooter ._lower ._sitemap {font-size:var(--fs14);}
  .pageFooter ._lower ._sitemap > * ~ ul {margin-top:2.5em;}
  .pageFooter ._lower ._sitemap > ul :is(li + li, li > ul) {margin-top:.6em;}
  .pageFooter ._bottom {margin-top:2rem;}
  .pageFooter ._bottom ul {margin-bottom:2rem; line-height:1.5; font-size:var(--fs13);}
  .pageFooter ._bottom li + li {margin-top:.6em;}
  .pageFooter ._bottom ._logo {width:135px; margin-left:auto;}
  .pageFooter ._copyright {margin-top:.4rem; text-align:right; font-size:var(--fs10);}
}

.fixedBox {position:fixed; display:flow-root; bottom:10px; right:10px; z-index:100; transition:.1s all;}
.fixedBox:not(:has(.pageTOP.-show)) {bottom:-36px;}
.fixedBox > *:not(.pageTOP) {margin-bottom:12px;}
.fixedBox ._bnr {transition:.3s all; box-shadow:0 4px 6px #0002; overflow:hidden;}
.fixedBox ._bnr a img {transition:.2s all; max-width:max(30vw,190px);}
.fixedBox ._bnr a img:hover {opacity:1; filter:contrast(80%) brightness(1.2) saturate(.9);}
.-scrolledToEnd .fixedBox ._bnr {translate:150% 0!important; opacity:0;}
.pageTOP {position:relative; float:right; width:36px; height:36px; border:0; border-radius:50%; background:rgba(40,40,40,.8); opacity:.5; cursor:pointer; transition:.1s all;}
.pageTOP:hover {opacity:.8;}
.pageTOP:after {content:""; position:absolute; top:36%; left:60%; display:block; width:12px; height:12px; border:#fff solid; border-width:5px 5px 0 0; transform:rotate(-45deg) translate(-50%,-50%);}
.pageTOP:not(.-show) {opacity:0;}

@media (min-width:601px) {
  .fixedBox ._bnr button {display:none;}
}
@media (max-width:600px) {
  .fixedBox ._bnr {position: fixed; bottom: 0;left: 0;width: 100%; z-index: 9999; max-width: 100% ; }
  .fixedBox ._bnr a img {max-width: 100% }
  .fixedBox ._bnr button {display:flex; align-items:center; justify-content:center; padding:0 5px; border:0; background:#336BB7;}
  .fixedBox > *:not(.pageTOP) {margin-bottom: 0;}
  footer {
  	 padding-bottom: 80px;
  }
}

/* fixedTopBtn */
.fixedBackBtn {bottom:8px; right:8px; opacity:0; translate:0 200%; transition:.3s translate, .6s opacity;}
.fixedBackBtn.-show {opacity:1; translate:0 0;}
.fixedBackBtn a {width:36px; height:36px; background:#0006; border-radius:50%; text-indent:40px; text-align:center;}
.fixedBackBtn a:before {content:""; display:inline-block; position:absolute; left:calc(50% - 7px); top:calc(50% - 5px); width:14px; height:14px; border:#fff solid; border-width:4px 4px 0 0; rotate:-45deg;}

/* =============== メイン */

main {overflow-x:hidden;}
:where(main >.container, main > * > .container) {padding-block:var(--cntPadTop) var(--cntPadBtm);}
.-bg {background:var(--themeGray); box-shadow:-880px 0 0 var(--themeGray), -270px 0 0 var(--themeGray), 270px 0 0 var(--themeGray), 880px 0 0 var(--themeGray);}
main > :where(.container.-bg, .container:last-child > .-bg):last-child {background:var(--themeGray); box-shadow:-880px 0 0 var(--themeGray), -270px 0 0 var(--themeGray), 270px 0 0 var(--themeGray), 880px 0 0 var(--themeGray), -880px 100px 0 var(--themeGray), -270px 100px 0 var(--themeGray), 270px 100px 0 var(--themeGray), 880px 100px 0 var(--themeGray);}
main > .container > *:not(.-noFx), [class*='menuWithPic-'] > li, .faq > section, .reformFlow > dt, .reformFlow > dt + dd, .pageFooter {opacity:0; translate:0 50px; transition:.7s translate, 1s opacity;}
main > .container > *:not(.-noFx).-ready, [class*='menuWithPic-'] > li.-ready, .faq > section.-ready, .reformFlow > dt.-ready, .reformFlow > dt.-ready + dd, .pageFooter.-ready {opacity:1; translate:0 0;}

@media (min-width:601px){
  main {--cntPadTop:clamp(118px,12cqw,180px); --cntPadBtm:var(--cntPadTop);}
}
@media (max-width:600px){
  main {--cntPadTop:60px; --cntPadBtm:60px; font-size:var(--fs15);}
}


/* CUSTOM COMPONENTS %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


/* ページタイトル */
[class*="pageTitle-"] {position:relative; color:var(--themeYellow); line-height:1.2;}
[class*="pageTitle-"] :is(h1, ._ttl) {position:relative; font-weight:bold; font-family:var(--initFontsB);}
[class*="pageTitle-"] ._pic {width:100%; max-height:100%; overflow:hidden;}
[class*="pageTitle-"] ._pic > img:only-of-type {width:100%; height:100%; object-fit:cover;}
[class*="pageTitle-"] ._pic > img {opacity:0; animation:fadeIn 1s .15s 1 forwards;}
.pageTitle-a .container,
.pageTitle-b ._txt {display:flex; flex-direction:column; justify-content:center; padding:0;}
.pageTitle-a .container {align-items:center; text-align:center;}
.pageTitle-a .container:before, .pageTitle-b ._txt:before, .pageTitle-c .container:before, .pageTitle-c h1:before, .pageTitle-c ._ttl:before {content:""; display:block; position:absolute; height:100%; background:var(--themeGrad);}
.pageTitle-b ._txt > * {position:relative;}
.pageTitle-b ._txt p {color:#fff; font-weight:bold;}
.pageTitle-c .container {padding:0;}
.pageTitle-c :is(h1, ._ttl) {text-align:center;}
.pageTitle-c :is(h1, ._ttl) small {display:block; margin-bottom:.2em; font-size:77%;}

/* パンくず */
.breadcrumb {position:relative; display:flex; flex-wrap:wrap; margin:0; line-height:1.5; font-size:var(--fs11);}
.breadcrumb li:not(:last-child):after {content:""; display:inline-block; vertical-align:middle; width:6px; height:6px; margin-inline:.6em; border:#333 solid; border-width:1px 1px 0 0; rotate:45deg;}
.breadcrumb a {text-decoration:none;}

@media (min-width:601px){
  [class*="pageTitle-"] :is(h1, ._ttl) {font-size:clamp(2rem, calc(.469rem + 2.5vw), 2.5rem);}
  .pageTitle-a .container, .pageTitle-b ._txt {padding-block:1rem;}
  .pageTitle-a .container {height:clamp(13.75rem, (5.137rem + 14.063vw), 16.563rem);}
  .pageTitle-a .container:before {width:calc(var(--vw) * 100); min-width:var(--pcMaxW); left:50%; translate:-50% 0;}
  .pageTitle-b, .pageTitle-c {position:relative; height:clamp(37.5rem, calc(17.857rem + 28.571vw), 50rem); container-type:inline-size;}
  .pageTitle-b .container {display:contents; height:100%; position:static; container-type:unset;}
  .pageTitle-b ._pic {position:absolute; left:0; top:0; width:100%; height:100%;}
  .pageTitle-b ._txt {position:absolute; bottom:0; right:0; z-index:2; width:66.66667%; height:33.33333%; padding-inline:clamp(2.5rem, calc(-2.285rem + 7.813vw), 4.063rem);}
  .pageTitle-b ._txt:before {width:calc(var(--vw) * 67); left:0;}
  .pageTitle-b ._txt p {font-size:clamp(1.25rem, calc(.262rem + 1.613vw), 1.875rem);}
  .pageTitle-c ._pic {height:100%;}
  .pageTitle-c .container {translate:0 -28%;}
  .pageTitle-c :is(h1, ._ttl) {display:flex; flex-direction:column; align-items:center; justify-content:center; width:fit-content; aspect-ratio:1/1; min-width:0; container-type:unset; border-radius:50%; overflow:hidden;}
  .pageTitle-c h1:before, .pageTitle-c ._ttl:before {width:100%; z-index:-1;}
  .pageTitle-c :is(h1, ._ttl) {padding-inline:.6em; font-size:clamp(1.75rem, calc(.41rem + 2.188vw), 2.188rem);}
  
  .breadcrumb {width:calc(100% - 50px); max-width:var(--pcMaxW); min-width:var(--pcMinW2); margin-inline:auto; padding-block:1.5em;}
}
@media (max-width:600px){
  [class*="pageTitle-"] ._pic {position:relative; width:100vw; aspect-ratio:2/1;}
  [class*="pageTitle-"] .container ._pic {margin-left:calc(var(--spPI) * -1);}
  [class*="pageTitle-"] :is(h1, ._ttl) {font-size:var(--fs25);}
  :is(.pageTitle-a, .pageTitle-c) .container, .pageTitle-b ._txt {position:relative; min-height:95px; padding-block:1rem; text-align:center;}
  :is(.pageTitle-a, .pageTitle-c) .container:before, .pageTitle-b ._txt:before {width:104vw; left:50%; top:0; translate:-51% 0;}
  .pageTitle-b .container {display:flex; flex-direction:column; padding:0;}
  .pageTitle-b ._pic {order:-1;}
  .pageTitle-b ._txt p {font-size:var(--fs14);}
  .pageTitle-c .container {display:flex; flex-direction:column; align-items:center; justify-content:center;}
  
  .breadcrumb {padding:1em var(--spPI);}
}

.pageTitle-b ._pic img {position:absolute; object-fit:cover;}
.pageTitle-b ._pic [data-left="0"] {left:0;}
.pageTitle-b ._pic [data-left~="33%"] {left:33.33333%;}
.pageTitle-b ._pic [data-left~="40%"] {left:40%;}
.pageTitle-b ._pic [data-left~="50%"] {left:50%;}
.pageTitle-b ._pic [data-top="0"] {top:0;}
.pageTitle-b ._pic [data-width="33%"] {width:33.33333%;}
.pageTitle-b ._pic [data-width="40%"] {width:40%;}
.pageTitle-b ._pic [data-width="50%"] {width:50%;}
.pageTitle-b ._pic [data-width="60%"] {width:60%;}
.pageTitle-b ._pic [data-width="67%"] {width:66.66667%;}
.pageTitle-b ._pic [data-height="100%"] {height:100%;}

@media (min-width:601px){
  .pageTitle-b ._pic [data-left~="pc65%"] {left:65%;}
  .pageTitle-b ._pic [data-top~="pc67%"] {top:66.66667%;}
  .pageTitle-b ._pic [data-width~="pc35%"] {width:35%;}
  .pageTitle-b ._pic [data-width~="pc65%"] {width:65%;}
  .pageTitle-b ._pic [data-height~="pc33%"] {height:33.33333%;}
  .pageTitle-b ._pic [data-height~="pc67%"] {height:66.66667%;}
  .pageTitle-b ._pic [data-pc-op="0% 0%"] {object-position:0% 0%;}
  .pageTitle-b ._pic [data-pc-op="0% 50%"] {object-position:0% 50%;}
  .pageTitle-b ._pic [data-pc-op="0% 100%"] {object-position:0% 100%;}
  .pageTitle-b ._pic [data-pc-op="50% 0%"] {object-position:50% 0%;}
  .pageTitle-b ._pic [data-pc-op="50% 100%"] {object-position:50% 100%;}  
}
@media (max-width:600px){
  .pageTitle-b ._pic [data-left~="sp50%"] {left:50%;}
  .pageTitle-b ._pic [data-top~="sp50%"] {top:50%;}
  .pageTitle-b ._pic [data-width~="sp50%"] {width:50%;}
  .pageTitle-b ._pic [data-height~="sp50%"] {height:50%;}
  .pageTitle-b ._pic [data-height~="sp100%"] {height:100%;}
  .pageTitle-b ._pic [data-sp-op="0% 0%"] {object-position:0% 0%;}
  .pageTitle-b ._pic [data-sp-op="0% 50%"] {object-position:0% 50%;}
  .pageTitle-b ._pic [data-sp-op="0% 100%"] {object-position:0% 100%;}
  .pageTitle-b ._pic [data-sp-op="50% 0%"] {object-position:50% 0%;}
  .pageTitle-b ._pic [data-sp-op="50% 100%"] {object-position:50% 100%;}
}

/* H2～H6 */
:root {--fsH2:clamp(2rem, calc(1.125rem + 1.429vw), 2.375rem); --fsH3:var(--fs21); --fsH4:var(--fs19); --fsH5:var(--fs17); --fsH6:1rem; --hllh:calc(1em + .625rem);}
.fsH2 {font-size:var(--fsH2);} .fsH3 {font-size:var(--fsH3);} .fsH4 {font-size:var(--fsH4);} .fsH5 {font-size:var(--fsH5);} .fsH6 {font-size:var(--fsH6);}
h2, .h2 {/*initialize*/ all:unset; display:block; line-height:var(--hllh); font-size:var(--fsH2); font-family:var(--initFonts); font-weight:bold;
  /*specific style   */ margin:2em 0 .8em; letter-spacing:.085em; color:var(--themeBlue);}
[class*="pageTitle-"] ~ * {--fsH2:clamp(1.75rem, calc(.875rem + 1.429vw), 2.125rem);}
h3, .h3 {/*initialize*/ all:unset; display:block; line-height:var(--hllh); font-size:var(--fsH3); font-family:var(--initFonts); font-weight:bold;
  /*specific style   */ margin:1.5em 0 .75em;}
h4, .h4 {/*initialize*/ all:unset; display:block; line-height:var(--hllh); font-size:var(--fsH4); font-family:var(--initFonts); font-weight:bold;
  /*specific style   */ margin:1.5em 0 .6em;}
h5, .h5 {/*initialize*/ all:unset; display:block; line-height:var(--hllh); font-size:var(--fsH5); font-family:var(--initFonts); font-weight:bold;
  /*specific style   */ margin:1.2em 0 .4em;}
h6, .h6 {/*initialize*/ all:unset; display:block; line-height:var(--hllh); font-size:var(--fsH6); font-family:var(--initFonts); font-weight:bold;
  /*specific style   */ margin:.8em 0 .2em;}
:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6):first-child:not(.-mtInit) {margin-top:0;}

@media (max-width:600px){
  :root {--fsH2:var(--fs28);}
  [class*="pageTitle-"] ~ * h2 {font-size:var(--fs21);}
}

/* .btn */
:root {--arwClr:#222;}
.btn1 :is(a,button), :is(a,button).btn1 {position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; width:fit-content; max-width:100%; margin-inline:auto; border:#111 solid; border-radius:50px; background:#fff; text-align:center; text-decoration:none; font-weight:900; color:#111; transition:.3s background, .3s color;}
.btn1:not(.-hoverY) :is(a,button):hover, :is(a,button).btn1:not(.-hoverY):hover {background:var(--themeBlue); color:#fff;}
.btn1.-hoverY :is(a,button):hover, :is(a,button).btn1.-hoverY:hover {background:var(--themeYellow);}
.btn1 :is(a,button) svg, :is(a,button).btn1 svg {content:""; position:absolute; top:50%; translate:0 -50%; display:block; aspect-ratio:1/1;}
:is(.btn1 :is(a,button), :is(a,button).btn1) svg path {transition:.4s all;}
:is(.btn1:not(.-hoverY) :is(a,button):hover, :is(a,button).btn1:not(.-hoverY):hover) svg path {fill:#fff;}

.btn2 a, a.btn2 {}
.btn2 a:before, a.btn2:before {content:""; display:inline-block; height:10px; width:10px; margin-right:.4em; border:var(--arwClr) solid; border-width:2px 2px 0 0; rotate:45deg; scale:.8;}

.btn3 :is(a,button), :is(a,button).btn3 {position:relative; display:inline-block; border-radius:.35em; background:var(--themeBlue); text-decoration:none; font-weight:bold; font-family:var(--initFontsB); color:#fff;}
.btn3 :is(a,button):after, :is(a,button).btn3:after {content:""; display:block; position:absolute; right:1rem; top:50%; translate:0 -50%; width:1.6em; aspect-ratio:1/1; margin-left:.8em; background:var(--arwWH);}

@media (min-width:601px){
  .btn1 :is(a,button), :is(a,button).btn1 {min-height:5rem; min-width:22.8rem; padding:.6rem 3.5rem; border-width:3px; font-size:var(--fs22);}
  .btn1 :is(a,button) svg, :is(a,button).btn1 svg {right:1.4rem; width:1.8rem;}
  .btn3 :is(a,button), :is(a,button).btn3 {padding:.7rem 4rem .7rem 1.2rem; font-size:var(--fs20);}
}
@media (max-width:600px){
  .btn1 :is(a,button), :is(a,button).btn1 {min-height:3.3rem; min-width:19rem; padding:.4rem 2.8rem; border-width:2px;}
  .btn1 :is(a,button) svg, :is(a,button).btn1 svg {right:1rem; width:1.3rem;}
  .btn3 :is(a,button), :is(a,button).btn3 {padding:.7rem 3.5rem .7rem 1rem; font-size:var(--fs18);}
  .btn3 :is(a,button):after, :is(a,button).btn3:after {scale:.9; transform-origin:100% 50%;}
}

.newsList dt {display:flex; align-items:center; gap:1.4rem; align-items:center; padding-top:.2rem; font-size:var(--fs14); font-weight:bold; letter-spacing:.08em;}
[class*="newsCtgBadge"] {flex-shrink:0; display:inline-block; width:9em; border-radius:3px; text-align:center; letter-spacing:0; font-size:var(--fs12); color:#fff;}
.newsCtgBadge-cpn {background:#005bf7;}
.newsCtgBadge-ntf {background:#54cca8;}
.newsList dd a {display:block; position:relative;}
.newsList dd a[target="_blank"] {padding-right:2.2em;}
.newsList dd a[target="_blank"]:after {content:""; display:block; position:absolute; right:0; top:50%; translate:0 -50%; width:1.4em; aspect-ratio:1/1; background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.94 27.94"><path style="fill:none;stroke:%23fff;stroke-width:1.8127;stroke-miterlimit:10" d="M20.71 15.18v8.16H5.11V7.75h8.27M12.84 15.6L23.22 5.22M15.93 5.26h7.34v6.86" class="st0"/></svg>') no-repeat 50% 50% / contain;}

@media (min-width:601px){
  .newsList {display:grid; grid-template-columns:14rem 1fr; gap:.8rem .7rem; align-items:start;}
}
@media (max-width:600px){
  .newsList * + dt {margin-top:1rem;}
}


[class*="menuWithPic-"] li {position:relative; overflow:hidden;}
[class*="menuWithPic-"] img {width:100%; object-fit:cover;}
[class*="menuWithPic-"] ._pic a:before {content:""; display:block; position:absolute;}

.menuWithPic-l ._pic b {--mwplPageBg:#fff;}
.-bg .menuWithPic-l ._pic b {--mwplPageBg:var(--themeGray);}
.menuWithPic-l ._ttl {position:relative;padding-left:1.2em; line-height:1.4; letter-spacing:.06em; font-size:var(--fsH2); font-weight:900;}
.menuWithPic-l ._ttl:before {content:""; display:block; width:.85em; aspect-ratio:1/1; position:absolute; left:0; top:.8em; translate:0 -50%; background:var(--themeGrad); border-radius:50%;}
.menuWithPic-l ._pic {position:relative; aspect-ratio:1.445/1;}
.menuWithPic-l ._pic a {text-decoration:none;}
.menuWithPic-l ._pic a:before {width:200%; height:200%; left:50%; top:50%; translate:-50% -50%;}
.menuWithPic-l ._pic img {aspect-ratio:1.445/1;}
.menuWithPic-l ._pic b {position:relative; display:block; width:fit-content; padding-bottom:.4em; border-bottom:1px #1a1a1a solid; background:var(--mwplPageBg); letter-spacing:.085em; font-weight:900;}
.menuWithPic-l ._pic b:after {content:""; display:inline-block; vertical-align:middle; translate:0 -5%; width:1.6em; aspect-ratio:1/1; margin-left:.8em; background:var(--arwBK);}
.menuWithPic-l  p {line-height:1.5; letter-spacing:.07em; font-size:calc(var(--fsH2) * .86); font-weight:bold;}

.menuWithPic-s li {display:flex; background:#fff; overflow:hidden;}
.menuWithPic-s ._pic {position:relative; z-index:10; flex-shrink:0; width:39%; aspect-ratio:1.39/1;}
.menuWithPic-s ._pic a:before {width:500%; height:100%; left:00%; top:50%; translate:0 -50%;}
.menuWithPic-s ._pic img {width:100%; height:100%; object-fit:cover;}
.menuWithPic-s ._ttl {flex-grow:1; position:relative; padding:.8em 1.2em; line-height:1.5; letter-spacing:.07em; font-weight:900;}
.menuWithPic-s ._ttl:after {content:""; display:block; width:1.1em; aspect-ratio:1/1; position:absolute; right:.7em; bottom:.6em; background:var(--arwBK);}

@media (min-width:601px){
  .menuWithPic-l {display:grid; grid-template-columns:1fr 1fr; gap:clamp(3.75rem, calc(-5.635rem + 15.323vw), 9.688rem) calc(100% - 896px); width:clamp(57.813rem, calc(40.524rem + 28.226vw), 68.75rem); margin-inline:auto;}
  .menuWithPic-l > li {display:grid; grid-template-rows:subgrid; grid-row:span 2; gap:1rem 0;}
  .menuWithPic-l ._ttl {grid-column:1/-1; font-size:calc(var(--fsH2) * .9);}
  .menuWithPic-l ._pic {grid-column:1/-1;}
  .menuWithPic-l ._pic b {position:absolute; right:0; bottom:0; font-size:var(--fs20); box-shadow:-.1em .6em 0 1.2em var(--mwplPageBg);}
  
  .menuWithPic-s {display:grid; grid-template-columns:1fr 1fr; gap:3.7cqw 4.3cqw; width:clamp(60.625rem, calc(46.27rem + 23.438vw), 65.313rem); margin-inline:auto;}
  .menuWithPic-s > li {border-radius:.8rem;}
  .menuWithPic-s ._ttl {font-size:clamp(1.25rem, calc(0.484rem + 1.25vw), 1.5rem);}
}
@media (max-width:600px){
  .menuWithPic-l {padding-inline:var(--spPI);}
  .menuWithPic-l > li + li {margin-top:4.5rem;}
  .menuWithPic-l ._ttl {margin-bottom:.45em;}
  .menuWithPic-l ._pic:not(:last-child) b {position:absolute; right:0; bottom:0; box-shadow:-.1em .6em 0 1.2em var(--mwplPageBg);}
  .menuWithPic-l ._pic:last-child b {margin:.8rem 0 0 auto;}
  .menuWithPic-l  p {position:relative; font-size:calc(var(--fsH2) * .75);}
  
  .menuWithPic-s > li {border-radius:.8rem;}
  .menuWithPic-s > li + li {margin-top:1.6rem;}
  .menuWithPic-s ._ttl {padding:.6em 1em; font-size:var(--fs20);}
  .menuWithPic-s ._ttl:after {scale:.85;}
}


@media (min-width:601px){
  .row {display:grid; grid-template-columns:1fr 1fr; gap:9.1cqw;}
  :where(.row:not(:last-child)) {margin-bottom:8cqw;}
  :where(* + .row) {margin-top:13cqw;}
}
@media (max-width:600px){
  .row {display:flex; flex-direction:column; gap:1.2rem; margin-inline:var(--spPI);}
  .row .-spFwd {order:-1; margin-bottom:.6rem;}
  :where(.row:not(:last-child)) {margin-bottom:5rem;}
  :where(* + .row) {margin-top:3rem;}
}

.subMenu {padding-block:calc(var(--cntPadBtm) * .6);}
.subMenu h2 {margin-bottom:1.2em; text-align:center; color:#1a1a1a;}

@media (min-width:601px){  
  .subMenu h2 {font-size:calc(var(--fsH2) * 1.2);}
}
@media (max-width:600px){
  .subMenu h2 {font-size:var(--fs28);}
}


button.mmClose {background:var(--themeGrad);}
button.mmClose:before,
button.mmClose:after {height:6%; scale:.6;}
.mmCaption {display:none;}

@media (min-width:601px){
  .mmWrap {min-width:980px;}
  .mmInner {display:grid; grid-template-columns:1fr clamp(55rem, calc(12.891rem + 68.75vw), 68.75rem) 1fr; gap:3rem 0; padding:min(10vh,100px) 50px;}
  .mmCnt {grid-column:2/3; grid-row:1/2; padding:clamp(2.813rem, calc(-0.833rem + 5.952vw), 4.375rem);}
  button.mmClose {translate:-40% 30%; scale:1.7;}
  .mmInner > button.btn1 {grid-column:2/3; grid-row:2/3;}
}


/* PAGES %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


/* =============== トップページ */

.home_mv {position:relative; background:#eee;}
.home_mv [class*="_img"] img {opacity:0;}
.home_mv ._img1 img:nth-of-type(1) {animation:fadeIn 1s .1s 1 forwards;}
.home_mv ._img1 img:nth-of-type(2) {animation:fadeIn 1s .2s 1 forwards;}
.home_mv ._img1 img:nth-of-type(3) {animation:fadeIn 1s .3s 1 forwards;}
.home_mv ._img1 img:nth-of-type(4) {animation:fadeIn 1s .4s 1 forwards;}
.home_mv ._img2 img:nth-of-type(4) {animation:fadeIn 1s .15s 1 forwards;}
.home_mv ._img2 img:nth-of-type(3) {animation:fadeIn 1s .25s 1 forwards;}
.home_mv ._img2 img:nth-of-type(2) {animation:fadeIn 1s .35s 1 forwards;}
.home_mv ._img2 img:nth-of-type(1) {animation:fadeIn 1s .45s 1 forwards;}
.home_mv :is(._upper, ._lower) {background:var(--themeGrad); color:#fff;}
.home_mv ._upper {display:flex; flex-direction:column; align-items:center; justify-content:center;}
.home_mv ._upper img {position:relative; top:100px; opacity:0; animation:mvUpperImg .8s .6s 1 forwards; translate:2.2% 0;}
.home_mv ._lower h2 {letter-spacing:.15em; text-align:center; color:#fff;}
.home_mv ._lower .btn1 a {width:100%;}

@keyframes mvUpperImg{from {top:50px; opacity:0;} to {top:0; opacity:1;}}

.home_whats ._pic {position:relative;}
.home_whats ._pic:before {content:""; display:block; position:absolute; left:0; top:52%; translate:0 -50%; width:100%; aspect-ratio:1/1; border-radius:50%; background:var(--themeGrad);}
.home_whats ._pic .-denka {position:relative; width:55%; margin-left:22.5%;}
.home_whats ._pic .-balloon {position:absolute; right:0; top:0; width:47%;}
.home_whats ._pic p {position:absolute; right:0; bottom:.6em; text-align:right;}
.home_whats h2 {position:relative; padding-bottom:.33em;}
.home_whats h2:before {content:""; display:block; position:absolute; left:0; bottom:.07em; width:calc(100% - .52em); height:3px; border-radius:10px; background:var(--themeBlue);}
.home_whats h2:after {content:""; display:block; position:absolute; right:0; bottom:0; width:.55em; aspect-ratio:1.513/1; background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.82 18.39" style="enable-background:new 0 0 27.82 18.39" xml:space="preserve"><path style="fill:none;stroke:rgb(0,88,198);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" d="m1.57 13.93 3.09 2.97h15.12V1.54H4.66L1.57 5.28M26.26 6.61h-6.48M26.26 11.61h-6.48"/></svg>') no-repeat 50% 50% / contain;}

.home_whats ~ section[class*="home_"] {position:relative;}
.home_whats ~ section[class*="home_"]:before {content:""; position:absolute; left:0; top:0; width:100vw; height:100%; background:var(--themeLightBlue); border-radius:var(--homeSecR);}
:where(.home_whats) ~ section[class*="home_"] > * {position:relative;}

.home_works .swiper {overflow:visible;}
.home_works .swiper:before,
.home_works .swiper:after {content:""; display:block; position:absolute; z-index:30; top:0; height:102%; translate:0 -1%;}
.home_works .swiper:before {background:var(--themeLightBlue);}
.home_works .swiper:after {background:#fff;}

.home_whats ~ section[class*="home_"] h2[data-sub] {color:#1a1a1a; font-weight:900;}
.home_whats ~ section[class*="home_"] h2[data-sub]:before {content:attr(data-sub); display:block; margin-bottom:.4em; line-height:1; font-size:var(--fs15); letter-spacing:.03em; color:var(--themeBlue);}

.home_works ._slider-btn {display:flex; gap:15px;}
.home_works ._slider-btn button {position:relative; left:unset; right:unset; display:block; width:2.8rem; height:2.8rem; aspect-ratio:1/1; margin:0; border:1.4px #1a1a1a solid; border-radius:50%;}
.home_works ._slider-btn button:after {position:absolute; left:50%; top:50%; translate:-50% -50%; font-size:.7rem; font-weight:900;}
.home_works .swiper-slide {aspect-ratio:1/1; background:#fff8;}
.home_works .swiper-slide img {width:100%; height:100%; object-fit:cover;}
.home_works .btn1 {position:absolute; right:0; bottom:0; translate:0 50%;}

.home_media ._yt {position:relative; background:#fff; overflow:hidden;}
.home_media ._yt h3 {font-weight:900; letter-spacing:.085em;}
.home_media ._yt h3:before {content:""; display:inline-block; aspect-ratio:1.41/1;vertical-align:middle; background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.85 46" style="enable-background:new 0 0 64.85 46" xml:space="preserve"><path d="M32.12 45.39c-4.02-.11-9.31-.19-14.59-.41-2.93-.12-5.85-.39-8.76-.77-3.98-.51-6.26-2.82-7.02-6.77C.71 32.03.46 26.56.65 21.07c.11-3.03.27-6.06.54-9.07.15-1.61.49-3.21.91-4.77.88-3.27 3.09-5.17 6.4-5.64 2.56-.36 5.16-.67 7.74-.72 8.2-.16 16.4-.25 24.59-.26 3.73 0 7.47.16 11.2.39 1.88.12 3.76.44 5.59.89 2.96.73 4.68 2.77 5.42 5.69.82 3.24 1.06 6.56 1.14 9.88.09 3.66.16 7.33-.01 10.98-.14 2.99-.48 6-1.03 8.94-.81 4.34-3.21 6.52-7.6 6.96-3.78.38-7.59.56-11.39.73-3.59.17-7.18.2-12.03.32zm-6.18-12.86c5.67-3.23 11.24-6.4 16.93-9.64-5.72-3.25-11.28-6.41-16.93-9.61v19.25z" style="fill:%23ed041a"/></svg>') no-repeat 50% 50% / contain;}
.home_media ._yt a {text-decoration:none;}
.home_media ._yt a:before {content:""; display:block; width:200%; height:200%; position:absolute; left:0; top:0; z-index:10;}
.home_media ._yt ._pic {display:grid; grid-template-columns:repeat(4,1fr); gap:1.5%; container-type:inline-size;}
.home_media ._yt ._pic li {aspect-ratio:1.76/1; border-radius:2.7cqw; overflow:hidden; transform:skewX(-14deg);}
.home_media ._yt ._pic img {width:120%; max-width:150%; height:100%; translate:-5% 0; object-fit:cover; transform:skewX(14deg);}
.mmWrap.-yt .mmClose {position:absolute; left:unset; right:0; top:0; translate:10% -10%;}
.mmWrap.-yt button.btn1 {display:none;}

@media (min-width:601px){
  .home_mv {display:grid; grid-template-columns:calc(80px + 12.75vw) 1fr calc(80px + 12.75vw); grid-template-rows:1fr auto; height:clamp(56.25rem, calc(27.601rem + 46.774vw), 74.375rem); margin-bottom:clamp(6.25rem, calc(2.167rem + 6.667vw), 8rem);}
  .home_mv [class*="_img"] {position:relative; top:-1px; display:flex; flex-direction:column; height:100%;}
  .home_mv [class*="_img"] img {width:100%; height:25%; object-fit:cover;}
  .home_mv ._img1 {grid-column:1/2; grid-row:1/3;}
  .home_mv ._img2 {grid-column:3/4; grid-row:1/3;}
  .home_mv ._upper {grid-column:2/3; grid-row:1/2;}
  .home_mv ._upper img {width:clamp(480px, calc(-10.25rem + 56vw), 620px); translate:2.2% 5%;}
  .home_mv ._lower {grid-column:2/3; grid-row:2/3; translate:0 -1px; padding-bottom:7rem;}
  .home_mv .newsList {width:min(595px,85%); margin-inline:auto;}
  .home_mv ._lower .btn1 {position:absolute; left:50%; top:100%; translate:-50% -50%; width:595px;}
  
  .home_whats {display:grid; grid-template-columns:auto 1fr; gap:4rem 9%;}
  .home_whats ._pic {grid-column:2/3; margin-right:4cqw; font-size:var(--fs15);}
  .home_whats ._pic .-balloon {translate:4cqw -26%;}
  .home_whats ._txt {grid-column:1/2; grid-row:1/2;}
  .home_whats ._txt h2 {line-height:1.45; font-size:clamp(2.375rem, calc(.625rem + 2.857vw), 3.125rem); letter-spacing:.07em;}
  .home_whats ._txt p {font-size:clamp(1.125rem, calc(.542rem + 0.952vw), 1.375rem);}
  .home_whats ._foot {grid-column:1/-1; text-align:center;}
  
  :where(.home_whats ~ section[class*="home_"]) {--homeSecR:2rem; padding:5cqw 0 5cqw 10.9cqw;}
  :where(.home_whats) ~ section[class*="home_"] h2[data-sub] {text-align:left;}
  
  .home_works {margin-top:clamp(7.5rem, calc(1.667rem + 9.524vw), 10rem); padding-bottom:9cqw;}
  .home_works .swiper {width:95%; margin-left:0;}
  .home_works .swiper:before {width:10.9cqw; right:100%;}
  .home_works .swiper:after {width:50vw; right:calc(100% + 10.9cqw);}
  .home_works ._slider-btn {position:absolute; bottom:calc(100% + var(--fsH2) * .8); right:-5.2%;}
  
  .home_media {margin-top:clamp(6.25rem, calc(-0.167rem + 10.476vw), 9rem);}
  .home_media ul.btn1 {width:fit-content; margin:2rem auto 4rem; gap:0 3cqw;}
  .home_media ._yt {display:flex; align-items:center; justify-content:center; gap:2rem; padding:1.8rem 0; border:4px #d6061e solid; border-radius:100px;}
  .home_media ._yt h3 {margin:0;}
  .home_media ._yt h3:before {width:2.6em; margin-right:.6em;}
  .home_media ._yt ul {width:42%; margin:0;}
    
  .home_leasing {display:grid; grid-template-columns:1fr auto; margin-top:clamp(3.125rem, calc(-1.25rem + 7.143vw), 5rem);}
  .home_leasing ul {margin-top:0;}
}
@media (min-width:1601px){
  .home_mv {grid-template-columns:1fr calc(600px + var(--vw) * 24.5) 1fr;}
  .home_mv ._upper img {width:calc(var(--vw) * 38.75);}
  .home_mv .newsList {width:calc(var(--vw) * 37.1875);}
}
@media (max-width:600px){
  .home_mv [class*="_img"] {display:flex; height:25vw;}
  .home_mv [class*="_img"] img {width:25%; aspect-ratio:1/1;}
  .home_mv ._upper {padding-block:6.5vw;}
  .home_mv ._upper img {width:56.5vw;}
  .home_mv ._lower {display:flex; flex-direction:column; align-items:center; justify-content:center; padding:7vw var(--spPI) 12vw;}
  .home_mv ._lower .btn1 {order:-1; width:min(80%,300px); margin-bottom:2.5rem;}
  
  .home_whats ._pic {width:min(83%,300px); margin:0 auto 2rem;}
  .home_whats ._pic .-balloon {width:42%; translate:8cqw 0;}
  .home_whats ._pic p {font-size:var(--fs12);}
  .home_whats :is(._txt, ._foot) {padding-inline:var(--spPI);}
  .home_whats h2 {padding-bottom:.4em;}
  .home_whats h2:before {height:2px;}
  .home_whats ._foot {margin-top:2.5rem;}
  
  :where(.home_whats ~ section[class*="home_"]) {--homeSecR:1.4rem; padding:12vw calc(var(--spPI) * .33) 12vw var(--spPI);}
  :where(.home_whats) ~ section[class*="home_"] h2[data-sub] {margin-bottom:1.6em; text-align:center;}
  
  .home_works {margin-top:30vw; padding-bottom:16vw;}
  .home_works .swiper {gap:1.4rem;}
  .home_works .swiper ._slider-btn {order:100; scale:.8; translate:0 -8%;}
  .home_works .swiper {display:flex; flex-direction:column; align-items:center; margin-inline:var(--spPI);}

  .home_media {margin-top:18vw; padding-bottom:8vw;}
  .home_media ._yt {margin-top:2.7rem; padding:.8rem 1.4rem 1.2rem; border:2px #d6061e solid; border-radius:2.5vw;}
  .home_media ._yt h3 {text-align:center; font-size:var(--fs19);}
  .home_media ._yt h3:before {width:1.5em; margin-right:.4em;}
  .home_media ul.btn1 {gap:10px; margin-top:1.4rem;}
  .mmWrap.-yt .mmInner {overflow:unset;}
  .mmWrap.-yt .mmClose {translate:10% -150%;}

  .home_leasing {margin-top:14vw;}
}


/* =============== NEWS */

.newsHeader {margin-bottom:3rem;}
.newsHeader h1 {margin-block:.8em .3em; line-height:1.4; color:var(--themeBlue);}
.newsHeader [class*="newsCtgBadge"] {width:auto; padding:.4em .6em; border-radius:.4em; font-weight:bold; font-family:var(--initFontsB); line-height:1.2;}
.newsHeader ._date {font-size:var(--fs14); font-weight:bold; font-family:var(--initFontsB); letter-spacing:.03em;}
.newsBody {margin-bottom:var(--nbvm);}
.newsBody h2 {margin-block:var(--nbvm); padding:1em; background:var(--themeGrad); text-align:center; color:#fff;}
.newsBody h3 {padding-left:1.4em;}
.newsBody h3:before {content:""; display:inline-block; translate:0 6%; width:.8em; aspect-ratio:1/1; margin:0 .4em 0 -1.2em; border-radius:50%; background:var(--themeBlue);}
.newsBody hr {margin-block:var(--nbvm);}
.newsBody ._splitBlock {margin-block:2rem;}
.newsBody ._supl {background:var(--themeLightBlue);}
.newsBody ._supl :is(h2,h3) {margin:1em 0 .2em; padding:0; background:none; text-align:left; color:var(--themeBlue);}
.newsBody ._supl h3:before {display:none;}
.newsBody ._contact {position:relative; overflow:hidden; margin-block:var(--nbvm); padding-left:calc(var(--nbvm) * .4 + 10px);}
.newsBody ._contact:before {content:""; display:block; position:absolute; right:calc(100% - 10px); top:0; height:100%; aspect-ratio:1/1; background:var(--themeGrad); rotate:90deg;}
.newsBody ._contact ._num {margin-top:.4em; line-height:1;}
.newsBody ._contact ._num a {text-decoration:none; font-weight:bold;}
.newsBody ._contact ._num span {display:inline-block; position:relative;}
.newsBody ._contact ._num span > i {display:block; position:absolute; left:50%; bottom:100%; translate:-50% 0; font-size:30%; font-style:normal; white-space:nowrap;}

@media (min-width:601px){
  .newsHeader h1 {font-size:calc(var(--fsH2) * .86);}
  .newsHeader [class*="newsCtgBadge"] {font-size:var(--fsH3);}
  .newsBody h3 {font-size:calc(var(--fsH3) * 1.2);}
  .newsBody {--nbvm:6rem;}
  .newsBody ._splitBlock {display:flex; justify-content:space-between;}
  .newsBody ._splitBlock > div {width:45%;}
  .newsBody ._splitBlock > div._pic {width:32%;}
  .newsBody ._splitBlock > div._txt {width:57.5%;}
  .newsBody ._supl {padding:3rem 3.5rem;}
  .newsBody ._contact ._num {font-size:var(--fs48);}
}
@media (max-width:600px){
  .newsHeader h1 {font-size:var(--fsH3);}
  .newsBody {--nbvm:3rem;}
  .newsBody ._splitBlock {display:grid; gap:2rem;}
  .newsBody ._supl {padding:1.2rem 1.5rem;}
  .newsBody ._supl h3 {font-size:var(--fs20);}
  .newsBody ._contact ._num {font-size:var(--fs40);}
  .newsBody ._contact .-spSml {margin-block:.8em; line-height:1.5; font-size:93%;}
}

/* =============== サービス */

.svc_solar_desc {padding-block:var(--cntPadTop);}
.svc_solar_desc ._flow {margin-top:6rem;}
.svc_solar_desc ._flow h2 {margin-bottom:2em; padding-block:.5em; border-block:1px #1a1a1a solid; text-align:center;}
.svc_solar_desc ._flow dl {display:grid; container-type:inline-size;}
.svc_solar_desc ._flow dl > * {background:#fff;}
.svc_solar_desc ._flow dt > img + div {position:relative; background:#fff; line-height:1.5; font-weight:600; color:var(--themeBlue);}
.svc_solar_desc ._flow * ~ dt > div:before {content:""; display:block; position:absolute; left:0; top:0; translate:-50% -50%; border:1em transparent solid; border-top:1em var(--themeBlue) solid; border-bottom:0;}
.svc_solar_faqLink {position:absolute; width:100%; margin:0; text-align:center;}
.svc_solar_faqLink a {display:inline-block; margin-top:calc(var(--cntPadTop) * .5)!important; translate:0 -50%; text-decoration:none;}
.svc_solar_faqLink a:after {content:""; display:inline-block; width:.8em; aspect-ratio:1/1; margin-left:.4em; background:var(--arwBK);}

@media (min-width:601px){
  .svc_kitchen_styles li + li img {box-shadow:-1px 0 0 #0002;}
  .svc_kitchen_styles p {padding-left:1.5em;}
  
  img[src*="bathroom_02.webp"] {scale:1.12; translate:-6% 0; transform-origin:50% 100%;}
  
  .svc_solar_desc {width:clamp(59.375rem, calc(45.977rem + 21.875vw), 63.75rem); margin:13cqw auto 0;}
  .svc_solar_desc ._flow h2 {padding-block:1em; }
  .svc_solar_desc ._flow dl {grid-template-columns:1fr calc((100cqw - 265px) * .5); gap:3rem 0;}
  .svc_solar_desc ._flow dt {display:flex; align-items:flex-start;}
  .svc_solar_desc ._flow * ~ dt > div:before {margin:-1.5rem 0 0 -133px; scale:.6;}
  .svc_solar_desc ._flow dt > img {width:265px; aspect-ratio:1.577/1;}
  .svc_solar_desc ._flow dt > img + div {padding:1rem 2rem; font-size:clamp(1.5rem, calc(0.734rem + 1.25vw), 1.75rem);}
  .svc_solar_desc ._flow dd {padding:1.4rem 1rem 1.4rem 0;}
}
@media (max-width:600px){
  .svc_kitchen_styles {margin-inline:auto; padding-inline:var(--spPI); max-width:400px;}
  .svc_kitchen_styles li + li {margin-top:1rem; padding-top:1rem; border-top:1px #0002 solid;}
  
  img[src*="bathroom_02.webp"] {scale:1.2; translate:0 -2%; transform-origin:50% 100%;}
  .svc_bathroom_costcut .txC img {width:min(350px,80%);}
  
  .svc_solar_desc {margin-top:5rem;}
  .svc_solar_desc ._flow dl {grid-template-columns:128px 1fr; grid-template-rows:auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr;}
  .svc_solar_desc ._flow dt {display:contents;}
  .svc_solar_desc ._flow * ~ dt > div:before {margin:-1.5rem 0 0 -64px;}
  .svc_solar_desc ._flow dt > img {grid-column:1/2; grid-row:span 2; width:128px; min-height:104px;}
  .svc_solar_desc ._flow * ~ dt > :is(img,div) {margin-top:3rem;}
  .svc_solar_desc ._flow dt > img + div {grid-column:2/3; grid-row:span 1; padding:.8rem 1rem .3rem;}
  .svc_solar_desc ._flow dd {grid-column:2/3; grid-row:span 1; padding:0 1rem .6rem; font-size:clamp(0.813rem, calc(0.5rem + 1.333vw), 1rem);}
}

.faq > section {position:relative; background:var(--themeGray);}
.faq h2 {margin:0; text-align:center;}
.faq h2:before {content:"Q"; display:block; position:absolute; top:0; left:50%; translate:-50% -50%; width:var(--faqMarkWidth); line-height:calc(var(--faqMarkWidth) * .82); aspect-ratio:1/1; border-radius:50%; background:var(--themeGrad); text-align:center; font-weight:900; color:#fff;}
.faq button {width:100%; border:0; background:none; color:#1a1a1a; cursor:pointer;}
.faq button:before,.faq button:after {content:""; display:block; width:1em; border-top:2px #1a1a1a solid; position:absolute; transition:.2s all;}
.faq section:not(.-on) button:before {rotate:-90deg;}
.faq ._answer {position:relative; max-height:0; overflow:hidden; opacity:0; transition:.2s all;}
.faq section.-on ._answer {max-height:1000px; min-height:calc(var(--faqMarkWidth) * 1.2); margin-top:2rem; padding:1rem 0; opacity:1;}
.faq ._answer p {margin-left:calc(var(--faqMarkWidth) * 1.5);}
.faq ._answer:before {content:"A"; display:block; position:absolute; top:0; left:0; translate:10% 10%; width:var(--faqMarkWidth); line-height:calc(var(--faqMarkWidth) * .82); aspect-ratio:1/1; border-radius:50%; background:#fff; text-align:center; font-weight:900; font-size:var(--fsH2);}

@media (min-width:601px){  
  .faq {--faqMarkWidth:3.3rem; margin-top:7rem; --fsH2:clamp(1.5rem, calc(0.734rem + 1.25vw), 1.75rem);}
  .faq > section {padding:clamp(2.25rem, calc(0.208rem + 3.333vw), 3.125rem) clamp(2rem, calc(0.833rem + 1.905vw), 2.5rem);}
  .faq > * ~ section {margin-top:5.5rem;}
  .faq h2:before, .faq ._answer:before {scale:1.2;}
  .faq button {position:relative; padding-inline:3.5rem;}
  .faq button:before,.faq button:after {right:0; top:50%;}
}
@media (max-width:600px){
  .faq {--faqMarkWidth:2.2rem; margin-top:3rem;}
  .faq > section {padding:2rem 1.4rem;}
  .faq > * ~ section {margin-top:3rem;}
  .faq button:before,.faq button:after {right:0; top:0; width:1rem; translate:-80% 1.2rem;}
  .faq section.-on ._answer {padding:0;}
}


/* =============== サービス以外 */

/* とは */

.outline_body p {font-weight:bold;}

@media (min-width:601px){
  main .container .outline_body {margin:-5rem 0 0 clamp(17.5rem, calc(6.271rem + 18.333vw), 22.313rem);}
  .outline_body p {font-size:clamp(1.125rem, calc(0.542rem + 0.952vw), 1.375rem);}
}


/* 施工事例 */

.worksDesc {max-height:0; overflow:hidden;}
.mmWrap.-works {container-type:inline-size;}
.mmWrap.-works h1 {line-height:1.5; font-size:var(--fsH2);}
.mmWrap.-works h1 + p {margin-top:.4em; font-weight:bold;}
.mmWrap.-works ._pic img:only-child {width:auto!important;}
.mmWrap.-works ._data {margin-top:1.8rem; border:1px #1a1a1a solid;}
.mmWrap.-works ._data h2 {color:#1a1a1a;}
.mmWrap.-works :is(._data h2 + p, ._data dt) {font-weight:bold;}
.mmWrap.-works .btn1 i {display:block; position:absolute; top:50%; translate:0 -50%; aspect-ratio:1/1; border-radius:50%; background:#1a1a1a; transition:.2s background;}
.mmWrap.-works .btn1 i:before,
.mmWrap.-works .btn1 i:after {content:""; width:50%; height:10%; position:absolute; left:50%; top:50%; translate:-50% -50%; rotate:45deg; background:#fff; transition:.2s background;}
.mmWrap.-works .btn1 i:after {rotate:-45deg;}
.mmWrap.-works .btn1:hover i {background:#fff;}
.mmWrap.-works .btn1:hover,
.mmWrap.-works .btn1:hover i:before,
.mmWrap.-works .btn1:hover i:after {background:#1a1a1a;}

@media (min-width:601px){
  .mmWrap.-works ._pic {margin-block:3rem; container-type:inline-size;}
  :is(.worksDesc ._pic, .mmWrap.-works ._pic) {display:flow-root;}
  :is(.worksDesc ._pic, .mmWrap.-works ._pic) img + img {float:right;}
  .mmWrap.-works ._pic img {max-height:75cqw;}
  .mmWrap.-works ._data {padding:1.8rem 2.6rem;}
  .mmWrap.-works ._data h2 {font-size:var(--fs18);}
  .mmWrap.-works ._data dl {display:grid; grid-template-columns:6em 1fr; margin-top:.6em;}
  .mmWrap.-works .btn1 i {right:1.4rem; width:1.8rem;}
}
@media (max-width:600px){
  .btn1 :is(a,button) svg, :is(a,button).btn1 svg {right:1rem; width:1.3rem;}
  .mmWrap.-works {--mmPad:var(--spPI);}
  .mmWrap.-works .mmInner {padding-block:4.5rem 3rem; transparent solid;}
  .mmWrap.-works .mmClose {scale:.85; translate:-10% 10%;}
  .mmWrap.-works .mmCnt {padding:var(--spPI);}
  .mmWrap.-works h1 {font-size:calc(var(--fsH2) * .8);}
  .mmWrap.-works ._pic {margin-block:1.5rem 2.5rem; text-align:center;}
  .mmWrap.-works ._pic img {width:auto!important; max-height:59vw;}
  .mmWrap.-works ._pic img + img {margin-top:15px;}
  .mmWrap.-works ._data {padding:1rem 1.4rem;}
  .mmWrap.-works ._data h2 {margin-bottom:.4em; font-size:var(--fs17);}
  .mmWrap.-works ._data dt {margin-top:.4rem;}
  .mmWrap.-works ._data dt:before {content:""; display:inline-block; width:.8em; aspect-ratio:1/1; margin-right:.4em; border-radius:50%; background:#1a1a1a; scale:.9;}
  .mmWrap.-works .btn1 {min-width:12rem; margin:2rem auto 0;}
  .mmWrap.-works .btn1 i {right:1rem; width:1.3rem;}
}


/* 流れ */

.reformFlow dt {position:relative; display:flex; align-items:center; justify-content:center; background:var(--themeGrad); font-weight:bold; font-size:calc(var(--fsH2) * .9); color:#fff;}
.reformFlow dt:before {content:attr(data-num); display:block; position:absolute; top:0; left:50%; translate:-50% -50%; aspect-ratio:1/1; background:#fff; border-radius:50%; text-align:center; font-size:calc(var(--fsH2) * .85); color:var(--themeBlue);}
.reformFlow * ~ dt:after {content:""; display:block; position:absolute; left:50%; top:0; translate:-50% -50%; border:.85rem transparent solid; border-top:.85rem var(--themeBlue) solid; border-bottom:0;}
.reformFlow dd {background:#fff;}

@media (min-width:601px){
  .reformFlow {display:grid; grid-template-columns:1fr 590px; gap:5rem 0; width:clamp(59.375rem, calc(45.977rem + 21.875vw), 63.75rem); margin:8rem auto 0;}
  .reformFlow dt {min-height:5.5em;}
  .reformFlow dt:before {width:2em; line-height:1.8;}
  .reformFlow * ~ dt:after {top:-3.2rem;}
  .reformFlow dd {display:flex; flex-direction:column; justify-content:center; padding:2rem;}
}
@media (max-width:600px){
  .reformFlow {margin-top:3rem;}
  .reformFlow dt {height:3.5em;}
  .reformFlow dt:before {width:1.6em; line-height:1.4;}
  .reformFlow * ~ dt {margin-top:4rem;}
  .reformFlow * ~ dt:after {top:-2.5rem;}
  .reformFlow dd {padding:1.4rem 1.6rem;}
}


/* お近くのトーエネック */

.officeSearch_select select {padding:.6em 3rem .6rem 1rem; border-radius:.6rem;}
.officeSearch_select .-stock {display:none;}
.officeSearch_result {min-height:10rem;}
.officeSearch_result [data-area] {opacity:0; max-height:0; overflow:hidden; transition:.2s all;}
.officeSearch_result [data-area].-show {opacity:1; max-height:1000px; order:-1;}
.officeSearch_result :is(dt, dt + dd) {font-weight:600;}

@media (min-width:601px){
  .officeSearch_select {display:flex; gap:2rem;}
  .officeSearch_select select {border:2px #1a1a1a solid; font-size:var(--fs20);}
  .officeSearch_select select + select {flex-grow:1;}
  .officeSearch_result dt {font-size:var(--fsH2);}
  .officeSearch_result dt + dd {font-size:var(--fsH3);}
  .officeSearch_result [data-area].-show {margin-top:6rem;}
  .officeSearch_result [data-area].-show dd {margin-top:2rem;}
}
@media (max-width:600px){
  [class*="officeSearch_"] {padding-inline:var(--spPI);}
  .officeSearch_select select {width:100%; margin-bottom:1rem; border:1px #1a1a1a solid;}
  .officeSearch_result [data-area].-show {margin-top:1.6rem;}
  .officeSearch_result dt {margin-bottom:.6em; font-size:var(--fsH3);}
  .officeSearch_result dt + dd + dd {margin-top:1.2rem; font-size:var(--fs13);}
}