@charset "UTF-8";
:root {--100vw:calc(var(--vw) * 100); --pcMinW:980px; --pcCntMinW:900px; --pcCntHMgn:calc(var(--100vw) - var(--pcMinW)); --spPI:min(7.7vw,30px);}
.container {display:flow-root; position:relative; margin-inline:auto; container-type:inline-size;}
@media (min-width:600px){html {scroll-padding-top:10vh;} :where(body,.pageHeader,.pageTitle,main,.pageFooter) {min-width:var(--pcMinW);} .container {width:var(--pcCntMinW);}}
@media (min-width:980px){.container {width:clamp(var(--pcCntMinW), var(--pcCntMinW) + var(--pcCntHMgn) * .565, 1160px);} .container.-wide {width:clamp(var(--pcCntMinW), var(--pcCntMinW) + var(--pcCntHMgn) * .826, 1280px);}}
@media (max-width:599px){html {scroll-padding-top:50px;} .pageHeader,main,.pageFooter {min-width:320px;} :where(:not(.pageHeader))>.container {margin-inline:var(--spPI);}}
/* BASE %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

:root {--themeBK:#242426; --themeBL1:#0950A0; --themeBL2:#0c66cb; --themeGY1:#AAAAB7; --themeGY2:#E5E5EA; --themeGY3:#F8F8FD;}
.-bk {color:var(--themeBK)!important;} -bl {color:var(--themeBL1)!important;} -gy {color:var(--themeGY1)!important;}
body {font-size:1rem; line-height:2; font-family:"Noto Sans JP", sans-serif; font-feature-settings:"pkna"; color:var(--themeBK);}
a {text-decoration:underline; text-decoration-skip-ink:none; text-underline-offset:.24em; color:inherit;}
a:hover {text-decoration:none;}
img.bordered {box-shadow:0 0 0 1px var(--themeGY2);}

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

.pageHeader {position:relative; z-index:998; background:#fff; line-height:1.4; font-weight:500;}
.pageHeader :where(li,a,button:not(#spNav)) {position:relative;}
.pageHeader img {max-width:100%; max-height:100%; object-fit:contain;}
.pageHeader a {position:relative; display:block; text-decoration:none;}
.pageHeader ._siteName {display:grid; align-items:end;}
.pageHeader ._subnav ._contact {color:#fff;}
.pageHeader ._subnav ._contact a {display:flex; align-items:center; gap:.5em; background:#0950A0;}
.pageHeader ._subnav ._contact a:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; opacity:.52; mix-blend-mode:hard-light; scale:0 1; transform-origin:0 100%; transition:scale .1s ease-out 0s, background .2s ease-out 0s;}
.pageHeader ._subnav ._contact a:hover:after {background:#6a9eec; scale:1 1; transform-origin:0 0; transition:scale .1s ease-out 0s, background .1s ease-out 0s 1s;}
.pageHeader ._subnav ._contact a i {display:inline-block; aspect-ratio:1; background:url(https://23961337.fs1.hubspotusercontent-na1.net/hubfs/23961337/unica-co.com/unica2024/images/common/icon_mail_wh.svg) no-repeat 50% 50% / contain;}

@media (min-width:1100px){
  #spNav {display:none;}
  .pageHeader {--phPad:clamp(20px, calc(var(--vw) * 10 - 98px), 30px); display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto auto; padding-bottom:.7rem;}
  .pageHeader ._siteName {grid-row:2/3; margin-left:var(--phPad);}
  .pageHeader nav {grid-column:2/3; grid-row:1/3; display:grid; grid-template-rows:subgrid; grid-row:span 2;}
  .pageHeader ._gnav {grid-row:2/3; display:flex; align-items:center; justify-content:flex-end; gap:0 clamp(1.375rem, -0.448rem + 2.581vw, 1.875rem); margin-right:var(--phPad); padding-top:.8rem; font-size:var(--fs15);}
  .pageHeader ._gnav a {padding-block:.45em;}
  .pageHeader ._gnav a:after {content:""; display:block; position:absolute; left:0; top:100%; width:100%; height:2px; background:var(--themeBL1); opacity:0; translate:0 4px; transition:all .15s ease-out;}
  .pageHeader ._gnav a:hover:after {opacity:1; translate:0 0;}
  .pageHeader ._gnav .ico-arw {display:none;}
  .pageHeader ._subnav {grid-row:1/2; display:flex; align-items:center; justify-content:flex-end;}
  .pageHeader ._subnav ._contact {font-size:var(--fs14);}
  .pageHeader ._subnav ._contact a {padding:.875rem 1rem;}
  .pageHeader ._subnav ._contact a i {width:1.25rem;}
  .pageHeader ._subnav ._misc {display:none;}
  .navBackdrop {display:none;}
}
@media (max-width:1099px){
  .pageHeader {--spPhH:70px; display:flex; justify-content:space-between; align-items:center; height:var(--spPhH);}
  .pageHeader ._siteName {margin-left:var(--spPI);}
  .pageHeader nav {position:absolute; left:0; top:var(--spPhH); width:100%; max-height:calc(100dvh - 50px); box-shadow:0 4px #0003; background:#fff; opacity:1; overflow:auto; overscroll-behavior:contain; transition:all .2s;}
  body:not(.-navOpen) .pageHeader nav {max-height:0; opacity:0; overflow:hidden;}
  body:not(.-navOpen) .pageHeader nav :is(a,button,input,select) {display:none;}
  .pageHeader ._gnav {font-size:var(--fs18);}
  .pageHeader ._gnav > li {border-bottom:1px var(--themeGY2) solid;}
  .pageHeader ._gnav > li > :first-child {padding:1.4rem var(--spPI);}
  .pageHeader ._gnav a {padding-right:4rem;}
  .pageHeader ._gnav .ico-arw {position:absolute; right:var(--spPI); top:50%; translate:0 -50%;}
  .pageHeader ._subnav {padding:2rem var(--spPI);}
  .pageHeader ._subnav ._contact {font-size:var(--fs15);}
  .pageHeader ._subnav ._contact a {width:min(90%, 16.5rem); margin-inline:auto; padding:1.2rem; justify-content:center; border-radius:100px;}
  .pageHeader ._subnav ._contact a i {width:2rem;}
  .pageHeader ._subnav ._misc {display:flex; justify-content:center; margin-top:1.6rem; font-size:var(--fs14); font-weight:400;}
  .pageHeader ._subnav ._misc li:not(:last-of-type):after {content:""; display:inline-block; vertical-align:-5%; height:1em; margin-inline:.6em; border-left:1px #0006 solid;}
  .pageHeader ._subnav ._misc a {display:inline;}
  /* 開閉ボタン */
  #spNav {width:var(--spPhH); aspect-ratio:1; position:absolute; top:0; right:0; border:0; background:var(--themeBL1); text-align:center; cursor:pointer; --navBtnLineClr:#fff;}
  #spNav:before, #spNav:after {content:""; display:block; position:absolute; left:19px; width:32px; border-top:2px #fff solid; transition:.15s all; transform-origin:0 50%;}
  #spNav:before {bottom:50%; translate:0 -3px;} #spNav:after {top:50%; translate:0 3px; scale:.625 1;}
  body:not(.-navOpen) #spNav:hover:before {scale:.625 1;} body:not(.-navOpen) #spNav:hover:after {scale:1;}
  .-navOpen #spNav:before {translate:0 1px; transform-origin:50% 50%; scale:1; rotate:-45deg;} 
  .-navOpen #spNav:after {translate:0 -1px; transform-origin:50% 50%; scale:1; rotate:45deg;}
  .-navOpen .navBackdrop {width:100%; height:100dvh; position:fixed; top:0; left:0; display:block; background:#06224199; z-index:500; -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);}
}
@media (min-width:600px){
  .pageHeader ._siteName {grid-template-columns:auto auto; gap:40px;}
}
@media (max-width:599px){
  .pageHeader ._siteName {width:min(196px, calc(100vw - var(--spPhH) - var(--spPI) - 25px)); grid-template-columns:17fr 12fr; gap:0 11.2%;}
}


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

.pageFooter {position:sticky; top:100vh; line-height:1.85; font-size:var(--fs15); overflow:hidden;}
.pageFooter a {text-decoration:none;}
.pageFooter ._banners {padding-block:40px; background:var(--themeGY3);}
.pageFooter ._banners ul {display:grid;}
.pageFooter ._contact {position:relative; background:var(--themeBL1); color:#fff;}
.pageFooter ._contact:before {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:#6a9eec; opacity:1; mix-blend-mode:hard-light; scale:0 1; transform-origin:0 100%; transition:scale .2s ease-out 0s, background .3s ease-out 0s;}
.pageFooter ._contact:has(a:hover):before {background:#6a9eec; opacity:.52; scale:1 1; transform-origin:0 0; transition:scale .2s ease-out 0s, background .2s ease-out 0s 1s;}
.pageFooter ._contact ._label {padding-left:.8em; border-left:3px var(--themeBL2) solid; line-height:1.3; font-size:var(--2rem); font-weight:bold;}
.pageFooter ._contact:has(a:hover) ._label {border-color:var(--themeBL1);}
.pageFooter ._contact a:after {content:""; display:block; width:100vw; height:100%; position:absolute; left:50%; top:0; z-index:10; translate:-50% 0;}
.pageFooter ._contact .ico-arw {position:absolute; width:4rem; border-color:#fff;}
.pageFooter ._contact .ico-arw:before {background:#fff;}
.pageFooter ._contact .ico-arw:after {background-image:url(https://23961337.fs1.hubspotusercontent-na1.net/hubfs/23961337/unica-co.com/unica2024/images/common/icons/arrow-wh.svg);}
.pageFooter ._contact a:hover .ico-arw:after {background-image:url(https://23961337.fs1.hubspotusercontent-na1.net/hubfs/23961337/unica-co.com/unica2024/images/common/icons/arrow-bl.svg);}
.pageFooter ._body address {font-size:var(--fs13);}
.pageFooter ._body b {display:block; margin-bottom:.6em; font-size:var(--fs14);}
.pageFooter ._body a {color:var(--themeBL1); text-decoration:underline;}
.pageFooter ._body ._upper ._siteName img {width:clamp(9.5rem, 0.446rem + 14.783vw, 13.75rem);}
.pageFooter ._body ._lower {border-top:1px var(--themeGY2) solid;}
.pageFooter ._body ._lower ._misc {font-size:var(--fs13);}
.pageFooter ._body ._lower ._top {font-size:var(--fs15);}
.pageFooter ._body ._lower :is(._misc, ._top) a {text-decoration:none; color:inherit;}
.pageFooter ._body ._lower ._copyright {font-size:var(--fs12); color:var(--themeGY1);}
.pageFooter ._body ._lower ._misc {display:flex;}
.pageFooter ._body ._lower ._misc li:not(:last-of-type):after {content:""; display:inline-block; vertical-align:-5%; height:1em; margin-inline:.6em; border-left:1px #0006 solid;}
.pageFooter ._body ._lower ._misc a {display:inline;}
.pageFooter ._body ._lower ._top .ico-arw {rotate:-90deg;}

@media (min-width:600px){
  .pageFooter ._banners ul {--footerBnrW:clamp(13.75rem, 11.087rem + 4.348vw, 15rem); --footerBnrGap:clamp(1rem, -0.864rem + 3.043vw, 1.875rem); grid-template-columns:repeat(auto-fill, var(--footerBnrW)); gap:var(--footerBnrGap); margin-inline:auto;}
  .pageFooter ._banners ul:has(li:nth-of-type(4)) {width:calc(var(--footerBnrW) * 4 + var(--footerBnrGap) * 3 + 1px);}
  .pageFooter ._banners ul:has(li:nth-of-type(3):last-of-type) {width:calc(var(--footerBnrW) * 3 + var(--footerBnrGap) * 2 + 1px);}
  .pageFooter ._banners ul:has(li:nth-of-type(2):last-of-type) {width:calc(var(--footerBnrW) * 2 + var(--footerBnrGap));} 
  .pageFooter ._banners ul:has(li:only-of-type) {width:var(--footerBnrW);}
  .pageFooter ._contact .container {display:flex; align-items:center; gap:clamp(2.5rem, -2.826rem + 8.696vw, 5rem); height:clamp(12.5rem, 7.174rem + 8.696vw, 15rem);}
  .pageFooter ._contact .ico-arw {right:0; top:50%; translate:0 -50%;}
  .pageFooter ._contact ._label + p {translate:0 .3rem;}
  .pageFooter ._body ._upper {display:flex; align-items:center; justify-content:space-between; padding-block:calc(var(--2rem) * 2.5) calc(var(--2rem) * 1.75);}
  .pageFooter ._body ._lower {display:grid; grid-template-columns:1fr auto; padding-block:calc(var(--2rem) * 1.125) calc(var(--2rem) * 2.34375);}
  .pageFooter ._body ._lower ._top {grid-column:2/3; grid-row:1/2;}
  .pageFooter ._body ._lower ._misc {grid-column:1/2; grid-row:1/2;}
  .pageFooter ._body ._lower address {grid-row:1/3;}
}
@media (max-width:599px){
  .pageFooter ._banners ul {grid-template-columns:1fr 1fr; gap:4.1vw;}
  .pageFooter ._contact .container {padding-block:3rem 9rem;}
  .pageFooter ._contact ._label {margin-bottom:2rem;}
  .pageFooter ._contact .ico-arw {right:0; bottom:3rem;}
  .pageFooter ._body {text-align:center;}
  .pageFooter ._body ._upper {padding-block:3.75rem 2.5rem;}
  .pageFooter ._body ._upper ._siteName {margin-bottom:1.875rem;}
  .pageFooter ._body ._lower {padding-block:1.5rem 2.5rem;}
  .pageFooter ._body ._lower ._misc {justify-content:center; margin-block:2rem 1rem;}
}

/* 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:hidden;}
:where(main .container, main > * > .container) {padding-block:var(--cntVPad);}
:where(main) a {color:var(--themeBL1);}
:where(main) a:has(i.ico-arw) {text-decoration:none; color:inherit;}

@media (min-width:600px){main {--cntVPad:120px;}}
@media (max-width:599px){main {--cntVPad:80px;}}


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


/* ページタイトル */
.pageTitle h1 {line-height:1.78;}
.pageTitle ._enSub {line-height:1.125; font-family:"Poppins", sans-serif; font-weight:600; color:var(--themeBL1);}
.pageTitle:has(._enSub) h1 {font-weight:500;}
.pageTitle ._dirLabel {line-height:1.78; font-size:var(--fs14); font-family:"Poppins", sans-serif; font-weight:600; color:var(--themeGY1);}
.pageTitle:has(._dirLabel) h1, .pageTitle h1:only-child {line-height:1.78; font-weight:bold;}
.pageTitle .container:after {content:""; display:block; width:100%; height:3px; position:absolute; left:0; bottom:0;}

/* パンくず */
.breadcrumb {display:flex; flex-wrap:wrap; justify-content:flex-end; line-height:1.5; color:var(--themeGY1);}
.breadcrumb li:not(:last-child):after {content:""; display:inline-block; vertical-align:middle; width:6px; height:6px; margin-inline:.6em; border:currentColor solid; border-width:1px 1px 0 0; rotate:45deg;}
.breadcrumb li:last-child {color:var(--themeBK);}
.breadcrumb a {text-decoration:none; color:inherit;}

@media (min-width:600px){
  .pageTitle .container {padding-block:calc(var(--2rem) * 2.85) var(--2rem);}
  .pageTitle ._enSub {font-size:calc(var(--2rem) * 2);}
  .pageTitle :has(._enSub) h1 {margin-block:.3em calc(var(--2rem) * 1.5); font-size:var(--fs18);}
  .pageTitle:has(._dirLabel) h1, .pageTitle h1:only-child {margin-block:.2em var(--2rem); font-size:calc(var(--2rem) * 1.25);}
  .breadcrumb {font-size:var(--fs13);}
  .pageTitle .container:after {background:linear-gradient(90deg, var(--themeBL1) 16.67%, var(--themeGY2) 16.67%);}
}
@media (max-width:599px){
  .pageTitle .container {padding-block:4rem 1.5rem;}
  .pageTitle ._enSub {font-size:var(--fs40);}
  .pageTitle :has(._enSub) h1 {margin-top:.6rem;}
  .pageTitle:has(._dirLabel) h1, .pageTitle h1:only-child {margin-block:.4em 1.2em; font-size:var(--fs26);}
  .breadcrumb {font-size:var(--fs12);}
  .pageTitle .container:after {background:linear-gradient(90deg, var(--themeBL1) 25%, var(--themeGY2) 25%);}
}

/* H2～H6 */
:root {--2rem:clamp(1.625rem, 0.826rem + 1.304vw, 2rem); --hllh:calc(1em + .625rem);}
h2, .h2 {/*initialize*/ all:revert; display:block; line-height:var(--hllh); font-size:var(--fsH2); font-weight:bold;
  /*specific style   */ position:relative; margin:var(--cntVPad) 0 2em; padding-bottom:1.2em; text-align:center;}
h2:not(.h3, .h4, .h5, .h6):where(:not(:empty)):after, .h2:after {content:""; display:block; width:100%; height:3px; position:absolute; left:0; bottom:0; background:linear-gradient(90deg, var(--themeGY2) calc(50% - 1.5em), var(--themeBL1) calc(50% - 1.5em), var(--themeBL1) calc(50% + 1.5em), var(--themeGY2) calc(50% + 1.5em)); box-shadow:-900px 0 0 var(--themeGY2), -270px 0 0 var(--themeGY2), 270px 0 0 var(--themeGY2), 900px 0 0 var(--themeGY2);}
h3, .h3 {/*initialize*/ all:revert; display:block; line-height:var(--hllh); font-size:var(--fsH3); font-weight:bold;
  /*specific style   */ margin:calc(var(--cntVPad) * .67) 0 1.3em; padding-bottom:.4em; border-bottom:2px var(--themeBL1) solid; color:var(--themeBL1);}
:is(h3, .h3).-noLine {padding-bottom:0; border-bottom:0;}
h4, .h4 {/*initialize*/ all:revert; display:block; line-height:var(--hllh); font-size:var(--fsH4); font-weight:bold;
  /*specific style   */ position:relative; margin:calc(var(--cntVPad) * .58) 0 1.4em; padding-left:.7em; border-left:4px var(--themeBL1) solid;}
:is(h4:not(.h2, .h3, .h5), .h4).-noLine {border-left:0; padding-left:0;}
h5, .h5 {/*initialize*/ all:revert; display:block; line-height:var(--hllh); font-size:var(--fsH5); font-weight:bold;
  /*specific style   */ margin:calc(var(--cntVPad) * .5) 0 1em;}
h6, .h6 {/*initialize*/ all:revert; display:block; line-height:var(--hllh); font-size:var(--fsH6); font-weight:bold;
  /*specific style   */ margin:calc(var(--cntVPad) * .4) 0 75em;;}
:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6):first-child:not(.-mtInit) {margin-top:0;}

.beltedTtl {position:relative; margin-block:var(--cntVPad) calc(var(--cntVPad) * -1); padding-block:var(--cntVPad) calc(var(--cntVPad) * 1.6); color:#fff;}
.beltedTtl > * {position:relative;}
.beltedTtl h2:after, .beltedTtl .h2:after {--themeGY2:transparent;}
.beltedTtl:before {content:""; display:block; position:absolute; left:50%; top:0; translate:-50% 0; width:var(--100vw); height:100%; background:#062241 url(https://23961337.fs1.hubspotusercontent-na1.net/hubfs/23961337/unica-co.com/unica2024/images/common/belted_bg.svg) no-repeat 50% 50%;}
:where(.beltedTtl + *) {position:relative;}
body:not(:has(.pcCol3.-autoCenter.-fullClickable a[target="_blank"])) .beltedTtl ._hasExternalPrd {display:none;}
.beltedTtl:has( > ._pic:only-child) {margin-bottom:calc(var(--cntVPad) * .5); padding-block:calc(var(--cntVPad) * .67) 0;}
.beltedTtl:has( > ._pic:only-child):before {height:calc(50% + var(--cntVPad) * .5);}
.beltedTtl:has( > ._pic:only-child) ._pic {text-align:center;}
.leadA, .leadB {margin-block:1.5rem; line-height:1.67; font-weight:bold; color:var(--themeBL1);}
.leadB {padding:.8em 1.2em; border:3px var(--themeBL1) solid;}
.emBox1 {margin-block:1.5rem; border:1px currentColor solid; line-height:1.67; font-size:var(--fs18); font-weight:500;}
.emBox2 {background:var(--themeGY3); font-weight:500;}

@media (min-width:600px){
  :root {--fsH2:var(--2rem); --fsH3:calc(var(--2rem) * .8125); --fsH4:calc(var(--2rem) * .625); --fsH5:calc(var(--2rem) * .5625); --fsH6:1rem;}
  h2:not(.h3, .h4, .h5, .h6).-pcNoLine:after, .h2.-pcNoLine:after {--themeGY2:transparent;}
  .beltedTtl:has( > ._pic:only-child) ._pic img {width:69%;}
  .leadA, .leadB {font-size:var(--fsH3);}
  .beltedTtl:before {min-width:var(--pcMinW);}
  .beltedTtl ._hasExternalPrd {text-align:center;}
  .emBox1 {padding:1.4em 2em;}
  .emBox2 {padding:2.5rem 4rem; font-size:var(--fs18);}
}
@media (max-width:599px){
  :root {--fsH2:var(--fs26); --fsH3:var(--fs22); --fsH4:var(--fs18); --fsH5:1rem; --fsH6:1rem;}
  .leadA, .leadB {font-size:var(--fs20);}
  .emBox1 {padding:1em 1.4em;}
  .emBox2 {padding:1.4rem 2rem;}
}

/* ul,ol,dl,table */
ol > li::marker {font-family:"Poppins",sans-serif; font-weight:bold; color:var(--themeBL1);}
:where(ul.disc, ol) > li {position:relative; padding-left:.4em;}
ul.disc {list-style:none;}
ul.disc > li:before, dl.disc > dt:before {content:""; position:absolute; left:-.6rem; top:1em; translate:-50% -50%; width:.5rem; aspect-ratio:1; border-radius:50%; background:var(--themeBL1);}
:where(ul, ol, dl.disc, dl.decimal) ul.disc li:before {background:currentColor; scale:.5;}
:where(ul, ol, dl.disc, dl.decimal) ol li::marker {color:currentColor;}
dl:is(.disc, .decimal) {padding-left:1.5em;}
dl:is(.disc, .decimal) > dt, dl:is(.disc, .decimal) > div > dt {position:relative; margin-block:.8rem .4rem; padding-left:.4em; font-size:var(--fs18); font-weight:bold;}
dl:is(.disc, .decimal) > dd, dl:is(.disc, .decimal) > div > dd {padding-left:.6em;}
dl.decimal {counter-reset:dcmlDlCounter;}
dl.decimal > dt, dl.decimal > div > dt {counter-increment:dcmlDlCounter 1;}
dl.decimal > dt:before, dl.decimal > div > dt:before {content:counter(dcmlDlCounter) "."; display:block; position:absolute; left:-.6rem; top:1em; translate:-50% -50%; font-family:"Poppins",sans-serif; font-weight:bold; color:var(--themeBL1);}
.dlTable, .dlTable > :is(dt,dd) {border-color:var(--themeGY2);}
.dlTable dt {background:var(--themeGY3); font-weight:500;}
.dlTable dd + dd {padding-top:0; border-top:0;}
.dlTable.-stack {display:block;}
.dlTable.-stack dd {border:0;}
dl.decimal.-steps dt {margin-left:-1.5rem; padding-left:0;}
dl.decimal.-steps dt:before {content:"STEP" counter(dcmlDlCounter); position:static; display:inline; margin-right:.8em;}
table, table :is(th,td) {border-color:var(--themeGY2);}
table th {background:var(--themeGY3); font-weight:500;}

@media (min-width:600px){
  .dlTable dd + dd {margin-top:-.2em; box-shadow:-300px 0 0 var(--themeGY3);}
  .dlTable:not(.-stack) dt {display:grid; place-content:center; padding-inline:1.4em;}
  .dlTable dt, .dlTable.-stack dd {padding-inline:1.4em;}
  table :is(th, td) {padding:1em 1.4em;}
}
@media (max-width:599px){
  .dlTable {display:block;}
  .dlTable > :is(dt,dd) {padding:.8em 1em;}
  .dlTable > dd {border:0;}
  table :is(th, td) {padding:.7em 1em;}
}

/* .btn */
.btn1 :is(a,button), :is(a,button).btn1 {position:relative; display:inline-block; min-width:15rem; padding:1.3em 5em 1.2em 2em; border:0; border-radius:200px; background:var(--themeGY3); text-decoration:none; line-height:1.4; color:var(--themeBK); transition:all .2s;}
:is(.btn1.-wh :is(a,button), :is(a,button).btn1.-wh):not(:hover) {background:#fff;}
:is(.btn1.-border :is(a,button), :is(a,button).btn1.-border):not(:hover) {box-shadow:0 0 0 1px var(--themeBL1) inset;}
:is(.btn1 :is(a,button), :is(a,button).btn1) svg:last-of-type {position:absolute; right:2em; top:50%; translate:0 -45%;}
:is(.btn1 :is(a,button), :is(a,button).btn1):hover {background:var(--themeBL1); color:#fff;}
:is(.btn1 :is(a,button), :is(a,button).btn1):hover svg:last-of-type [fill]:not([fill="none"]) {fill:#fff;}
.btn1 :is(a,button).-back {padding-inline:5em 2em;}
.btn1 :is(a,button).-back svg {right:auto; left:2em; rotate:180deg;}
:is(.btn2 a, a.btn2) {font-weight:500;}
:is(.btn2:not(.-rev) a, a.btn2:not(.-rev)) .ico-arw {margin-left:.6rem;}
:is(.btn2.-rev a, .bt2 a.-rev, a.btn2.-rev) {display:flex;}
:is(.btn2.-rev a, .bt2 a.-rev, a.btn2.-rev) .ico-arw {flex-shrink:0; align-self:flex-start; margin-right:.6rem;}
:is(.btn2.-rev a, .bt2 a.-rev, a.btn2.-rev) .ico-arw + span {display:flex; flex-direction:column; justify-content:center; line-height:1.2;}
.ico-arw {display:inline-block; vertical-align:middle; position:relative; width:2.5rem; aspect-ratio:1; border-radius:50%; border:1px var(--themeGY2) solid; overflow:hidden;}
.ico-arw:before {content:""; display:block; width:100%; aspect-ratio:1; border-radius:50%; background:var(--themeBL1); scale:0; transition:scale .1s ease-out;}
.ico-arw:after {content:""; display:block; width:40%; box-sizing:content-box; aspect-ratio:1; position:absolute; left:calc(50% + .6rem); top:50%; translate:-50% -50%; border:transparent solid; border-width:0 1.2rem 0 0; background:url(https://23961337.fs1.hubspotusercontent-na1.net/hubfs/23961337/unica-co.com/unica2024/images/common/icons/arrow-bl.svg) no-repeat 100% 50% / contain; transition:border-right .2s ease-out;}
a:hover .ico-arw {border:0;}
a:hover .ico-arw:before {scale:1;}
a:hover .ico-arw:after {left:calc(50% - .6rem); border-width:0 0 0 1.2rem; background:url(https://23961337.fs1.hubspotusercontent-na1.net/hubfs/23961337/unica-co.com/unica2024/images/common/icons/arrow-wh.svg) no-repeat 0% 50% / contain; transition:border-right 0s, border-left:.2s ease-out;}
a:has(.ico-arw) {color:inherit; text-decoration:none;}
:is(.btn2.-help a, .bt2 a.-help, a.btn2.-help) .ico-arw {border:none; background:var(--themeBL1);}
:is(.btn2.-help a, .bt2 a.-help, a.btn2.-help) .ico-arw:before {background:#fff;}
:is(.btn2.-help a, .bt2 a.-help, a.btn2.-help) .ico-arw:after {background-image:url(https://23961337.fs1.hubspotusercontent-na1.net/hubfs/23961337/unica-co.com/unica2024/images/common/icons/question-wh.svg)}
:is(.btn2.-help a:not(:hover), .bt2 a:not(:hover).-help, a.btn2.-help:not(:hover)) .ico-arw {border:none;}
:is(.btn2.-help a:hover, .bt2 a:hover.-help, a.btn2.-help:hover) .ico-arw:after {background-image:url(https://23961337.fs1.hubspotusercontent-na1.net/hubfs/23961337/unica-co.com/unica2024/images/common/icons/question-bl.svg)}

main:has( > .bottomNav:last-child) > :is(.container:nth-last-child(2), :nth-last-child(2) > .container) {padding-bottom:calc(var(--cntVPad) * .667);}
main > .bottomNav {border-top:1px var(--themeGY2) solid;}
.bottomNav .container {padding-block:calc(var(--cntVPad) * .667);}
main .container .bottomNav {position:relative; margin-top:calc(var(--cntVPad) * .667); padding-top:calc(var(--cntVPad) * .667);}
main .container .bottomNav:before {content:""; display:block; position:absolute; left:50%; top:0; translate:-50% 0; width:calc(var(--vw) * 100); border-top:1px var(--themeGY2) solid;}

@media (min-width:600px){
  .bottomNav .btn2 {display:grid; grid-template-columns:1fr 1fr 1fr; gap:0 6.9cqw; margin-top:2.2rem; overflow:hidden;}
  .bottomNav .btn2 > li {position:relative; padding-block:.7rem;}
  .bottomNav .btn2 > li:before {content:""; display:block; height:100%; position:absolute; left:-3.45cqw; top:0; border-left:1px var(--themeGY2) solid;}
/*  .bottomNav .btn2:has( > li:nth-of-type(4):last-of-type) {grid-template-columns:1fr 1fr; width:64.5%;} */
}
@media (max-width:599px){
  .bottomNav .btn2 {margin-top:2rem;}
  .bottomNav .btn2 > li + li {margin-top:.8rem;}
}

/* layouts */
.fullPic img {object-fit:cover;}
.altnBlocks {display:flex;}
:is(.pcCol2, .pcCol3) > * > :has(img:only-child):not(:first-child) {margin-top:1.5rem;}
:is(.pcCol2, .pcCol3) > * > :has(img:only-child):not(:last-child) {margin-bottom:1.5rem;}
:is(.pcCol2, .pcCol3) > * > :has(img:only-child) + :is(h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6),
:is(.pcCol2, .pcCol3) > * > :is(h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6) + :is(h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6) {margin-top:0;}
:is(.pcCol2, .pcCol3) img:where(.ar11, .ar32, .ar43, .ar53, .ar169) {width:100%;}
:is(.pcCol2, .pcCol3).-fullClickable > * {position:relative; overflow:hidden;}
:is(.pcCol2, .pcCol3).-fullClickable > * a:before {content:""; display:block; position:absolute; left:0; top:0; z-index:50; width:100%; height:100%;}
:is(.pcCol2, .pcCol3).-fullClickable img:is([src*=".jpg" i],[src*=".jpeg" i],[src*=".png" i],[src*=".webp" i]) {transition:.2s all;}
:is(.pcCol2, .pcCol3).-fullClickable > *:has(a:hover) img:is([src*=".jpg" i],[src*=".jpeg" i],[src*=".png" i],[src*=".webp" i],[src*=".gif" i]) {filter:brightness(110%) contrast(97%);}
.-wholeClickable {position:relative; overflow:hidden;}
.-wholeClickable a:before {content:""; display:block; position:absolute; left:0; top:0; z-index:50; width:100%; height:100%;}
.-wholeClickable img:is([src*=".jpg" i],[src*=".jpeg" i],[src*=".png" i],[src*=".webp" i],[src*=".gif" i]) {transition:.2s all;}
.-wholeClickable:has(a:hover) img:is([src*=".jpg" i],[src*=".jpeg" i],[src*=".png" i],[src*=".webp" i],[src*=".gif" i]) {filter:brightness(110%) contrast(97%);}
.-sideSquarePic > * > ._pic img {width:100%; aspect-ratio:1;}
.sdgsIcons {display:flex; flex-wrap:wrap; margin-top:1.5rem;}
.sdgsIcons:not(:last-child) {margin-bottom:1.5rem;}
.sdgsIcons img {width:72px;}
.featuresByIcons {display:grid; gap:1.5rem .8rem; margin-inline:auto; text-align:center;}
.featuresByIcons h5 {margin-top:.8em;}
.labeledBox ._ttl {all:revert; width:fit-content; translate:0 50%; min-width:12rem; margin:0 auto; padding:.5em .8em; background:var(--themeBL1); text-align:center; font-size:clamp(1.25rem, 0.693rem + 0.909vw, 1.375rem); font-weight:bold; line-height:var(--hllh); color:#fff;}
.labeledBox ._body {margin-top:0; border:1px var(--themeGY1) solid;}
.expBlocks1  > * + * {margin-top:2rem; padding-top:2rem; border-top:1px var(--themeGY2) solid;}
.expBlocks1 ._txt :is(h3,.h3, h4,.h4, h5,.h5) {margin-bottom:1rem;}
.flexDCJC {display:flex; flex-direction:column; justify-content:center;}

@media (min-width:600px){
  .fullPic :is(img,iframe) {width:max(980px, var(--100vw)); max-width:200vw; margin-left:50%; translate:-50% 0;}
  .altnBlocks {--gap:calc(var(--2rem) * .78125); flex-wrap:wrap; justify-content:space-between; gap:calc(var(--gap) * 2) 0;}
  .altnBlocks > :nth-child(1 of ._txt)  {order:2;}  .altnBlocks > :nth-child(1 of ._pic)  {order:1;}  .altnBlocks > :nth-child(2 of ._txt)  {order:3;}  .altnBlocks > :nth-child(2 of ._pic)  {order:4;}
  .altnBlocks > :nth-child(3 of ._txt)  {order:6;}  .altnBlocks > :nth-child(3 of ._pic)  {order:5;}  .altnBlocks > :nth-child(4 of ._txt)  {order:7;}  .altnBlocks > :nth-child(4 of ._pic)  {order:8;}
  .altnBlocks > :nth-child(5 of ._txt)  {order:10;} .altnBlocks > :nth-child(5 of ._pic)  {order:9;}  .altnBlocks > :nth-child(6 of ._txt)  {order:11;} .altnBlocks > :nth-child(6 of ._pic)  {order:12;}
  .altnBlocks > :nth-child(7 of ._txt)  {order:14;} .altnBlocks > :nth-child(7 of ._pic)  {order:13;} .altnBlocks > :nth-child(8 of ._txt)  {order:15;} .altnBlocks > :nth-child(8 of ._pic)  {order:16;}
  .altnBlocks > :nth-child(9 of ._txt)  {order:18;} .altnBlocks > :nth-child(9 of ._pic)  {order:17;} .altnBlocks > :nth-child(10 of ._txt) {order:19;} .altnBlocks > :nth-child(10 of ._pic) {order:20;}
  .altnBlocks > :nth-child(11 of ._txt) {order:22;} .altnBlocks > :nth-child(11 of ._pic) {order:21;} .altnBlocks > :nth-child(12 of ._txt) {order:23;} .altnBlocks > :nth-child(12 of ._pic) {order:24;}
  .altnBlocks > :nth-child(13 of ._txt) {order:26;} .altnBlocks > :nth-child(13 of ._pic) {order:25;} .altnBlocks > :nth-child(14 of ._txt) {order:27;} .altnBlocks > :nth-child(14 of ._pic) {order:28;}
  .altnBlocks > :nth-child(15 of ._txt) {order:30;} .altnBlocks > :nth-child(15 of ._pic) {order:29;} .altnBlocks > :nth-child(16 of ._txt) {order:31;} .altnBlocks > :nth-child(16 of ._pic) {order:32;}
  .altnBlocks > :nth-child(17 of ._txt) {order:34;} .altnBlocks > :nth-child(17 of ._pic) {order:33;} .altnBlocks > :nth-child(18 of ._txt) {order:35;} .altnBlocks > :nth-child(18 of ._pic) {order:36;}
  .altnBlocks > :nth-child(19 of ._txt) {order:38;} .altnBlocks > :nth-child(19 of ._pic) {order:37;} .altnBlocks > :nth-child(20 of ._txt) {order:39;} .altnBlocks > :nth-child(20 of ._pic) {order:40;}
  .altnBlocks.-rev > :nth-child(1 of ._txt)  {order:1;}  .altnBlocks.-rev > :nth-child(1 of ._pic)  {order:2;}  .altnBlocks.-rev > :nth-child(2 of ._txt)  {order:4;}  .altnBlocks.-rev > :nth-child(2 of ._pic)  {order:3;}
  .altnBlocks.-rev > :nth-child(3 of ._txt)  {order:5;}  .altnBlocks.-rev > :nth-child(3 of ._pic)  {order:6;}  .altnBlocks.-rev > :nth-child(4 of ._txt)  {order:8;}  .altnBlocks.-rev > :nth-child(4 of ._pic)  {order:7;}
  .altnBlocks.-rev > :nth-child(5 of ._txt)  {order:9;}  .altnBlocks.-rev > :nth-child(5 of ._pic)  {order:10;} .altnBlocks.-rev > :nth-child(6 of ._txt)  {order:12;} .altnBlocks.-rev > :nth-child(6 of ._pic)  {order:11;}
  .altnBlocks.-rev > :nth-child(7 of ._txt)  {order:13;} .altnBlocks.-rev > :nth-child(7 of ._pic)  {order:14;} .altnBlocks.-rev > :nth-child(8 of ._txt)  {order:16;} .altnBlocks.-rev > :nth-child(8 of ._pic)  {order:15;}
  .altnBlocks.-rev > :nth-child(9 of ._txt)  {order:17;} .altnBlocks.-rev > :nth-child(9 of ._pic)  {order:18;} .altnBlocks.-rev > :nth-child(10 of ._txt) {order:20;} .altnBlocks.-rev > :nth-child(10 of ._pic) {order:19;}
  .altnBlocks.-rev > :nth-child(11 of ._txt) {order:21;} .altnBlocks.-rev > :nth-child(11 of ._pic) {order:22;} .altnBlocks.-rev > :nth-child(12 of ._txt) {order:24;} .altnBlocks.-rev > :nth-child(12 of ._pic) {order:23;}
  .altnBlocks.-rev > :nth-child(13 of ._txt) {order:25;} .altnBlocks.-rev > :nth-child(13 of ._pic) {order:26;} .altnBlocks.-rev > :nth-child(14 of ._txt) {order:28;} .altnBlocks.-rev > :nth-child(14 of ._pic) {order:27;}
  .altnBlocks.-rev > :nth-child(15 of ._txt) {order:29;} .altnBlocks.-rev > :nth-child(15 of ._pic) {order:30;} .altnBlocks.-rev > :nth-child(16 of ._txt) {order:32;} .altnBlocks.-rev > :nth-child(16 of ._pic) {order:31;}
  .altnBlocks.-rev > :nth-child(17 of ._txt) {order:33;} .altnBlocks.-rev > :nth-child(17 of ._pic) {order:34;} .altnBlocks.-rev > :nth-child(18 of ._txt) {order:36;} .altnBlocks.-rev > :nth-child(18 of ._pic) {order:35;}
  .altnBlocks.-rev > :nth-child(19 of ._txt) {order:37;} .altnBlocks.-rev > :nth-child(19 of ._pic) {order:38;} .altnBlocks.-rev > :nth-child(20 of ._txt) {order:40;} .altnBlocks.-rev > :nth-child(20 of ._pic) {order:39;}
  .altnBlocks.-r11 > * {width:calc(50% - var(--gap));}
  .altnBlocks.-r23 > ._pic {width:calc(40% - var(--gap));} .altnBlocks.-r23 > ._txt {width:calc(60% - var(--gap));}
  .altnBlocks.-r12 > ._pic {width:calc(33% - var(--gap));} .altnBlocks.-r12 > ._txt {width:calc(67% - var(--gap));}
  .col2-picR {display:grid; grid-template-columns:1fr auto; gap:calc(var(--2rem) * 1.5625);}
  .col2-picL {display:grid; grid-template-columns:auto 1fr; gap:calc(var(--2rem) * 1.5625);}
  .col2-picL > ._txt {grid-column:2/3; grid-row:1/2:} .col2-picL > ._pic {grid-column:1/2; grid-row:1/2;}
  [class*="col2-pic"] .sdgsIcon {max-width:288px;}
  :is(.pcCol2, .pcCol3) {gap:4rem calc(var(--2rem) * 1.5625);}
  .pcCol3.-narrow1, .pcCol3.-autoCenter:has( > *:nth-child(2):last-child) {margin-inline:16.667%; grid-template-columns:1fr 1fr;}
  .pcCol3.-narrow2, .pcCol3.-autoCenter:has( > *:only-child) {margin-inline:33.333%; grid-template-columns:1fr;}
  .pcCol2.-sideSquarePic {gap:1.5rem calc(var(--2rem) * 1.5625);}
  .-sideSquarePic > * {display:flex; flex-wrap:wrap; justify-content:space-between;}
  .-sideSquarePic ._txt {width:calc(67% - .75rem);}
  .-sideSquarePic ._pic {width:calc(33% - .75rem);}
  .-sideSquarePic:not(.-noAltn) > *:nth-child(2n) ._txt {order:1;} 
  .-sideSquarePic:not(.-noAltn) > *:nth-child(2n) ._pic {order:2;}
  .featuresByIcons {grid-template-columns:repeat(auto-fit, minmax(11rem,1fr));}
  .featuresByIcons ._ico {width:11rem;}
  .featuresByIcons:has(li:nth-of-type(4):last-of-type) {width:896px;}
  .featuresByIcons:has(li:nth-of-type(3):last-of-type) {width:656px;}
  .labeledBox ._body {padding:calc(var(--2rem) * 1.6875) calc(var(--2rem) * 1.25);}
  .expBlocks1  > * {display:grid; grid-template-columns:calc(var(--2rem) * 6.25) 1fr; gap:calc(var(--2rem) * 1.25);}
}
@media (max-width:599px){
  .fullPic :is(img,iframe) {max-width:200%; width:calc(100% + var(--spPI) * 2); margin-left:calc(var(--spPI) * -1);}
  .fullPic.-spAutoAR img {aspect-ratio:2.4375/1;}
  .altnBlocks {flex-direction:column; gap:1.8em 0;}
  .altnBlocks > ._txt {margin-top:-.3em;}
  .altnBlocks > :nth-child(1 of ._txt)  {order:2;}  .altnBlocks > :nth-child(1 of ._pic)  {order:1;}  .altnBlocks > :nth-child(2 of ._txt)  {order:4;}  .altnBlocks > :nth-child(2 of ._pic)  {order:3;}
  .altnBlocks > :nth-child(3 of ._txt)  {order:6;}  .altnBlocks > :nth-child(3 of ._pic)  {order:5;}  .altnBlocks > :nth-child(4 of ._txt)  {order:8;}  .altnBlocks > :nth-child(4 of ._pic)  {order:7;}
  .altnBlocks > :nth-child(5 of ._txt)  {order:10;} .altnBlocks > :nth-child(5 of ._pic)  {order:9;}  .altnBlocks > :nth-child(6 of ._txt)  {order:12;} .altnBlocks > :nth-child(6 of ._pic)  {order:11;}
  .altnBlocks > :nth-child(7 of ._txt)  {order:14;} .altnBlocks > :nth-child(7 of ._pic)  {order:13;} .altnBlocks > :nth-child(8 of ._txt)  {order:16;} .altnBlocks > :nth-child(8 of ._pic)  {order:15;}
  .altnBlocks > :nth-child(9 of ._txt)  {order:18;} .altnBlocks > :nth-child(9 of ._pic)  {order:17;} .altnBlocks > :nth-child(10 of ._txt) {order:20;} .altnBlocks > :nth-child(10 of ._pic) {order:19;}
  .altnBlocks > :nth-child(11 of ._txt) {order:22;} .altnBlocks > :nth-child(11 of ._pic) {order:21;} .altnBlocks > :nth-child(12 of ._txt) {order:24;} .altnBlocks > :nth-child(12 of ._pic) {order:23;}
  .altnBlocks > :nth-child(13 of ._txt) {order:26;} .altnBlocks > :nth-child(13 of ._pic) {order:25;} .altnBlocks > :nth-child(14 of ._txt) {order:28;} .altnBlocks > :nth-child(14 of ._pic) {order:27;}
  .altnBlocks > :nth-child(15 of ._txt) {order:30;} .altnBlocks > :nth-child(15 of ._pic) {order:29;} .altnBlocks > :nth-child(16 of ._txt) {order:32;} .altnBlocks > :nth-child(16 of ._pic) {order:31;}
  .altnBlocks > :nth-child(17 of ._txt) {order:34;} .altnBlocks > :nth-child(17 of ._pic) {order:33;} .altnBlocks > :nth-child(18 of ._txt) {order:36;} .altnBlocks > :nth-child(18 of ._pic) {order:35;}
  .altnBlocks > :nth-child(19 of ._txt) {order:38;} .altnBlocks > :nth-child(19 of ._pic) {order:37;} .altnBlocks > :nth-child(20 of ._txt) {order:40;} .altnBlocks > :nth-child(20 of ._pic) {order:39;}
  :is(.pcCol2, .pcCol3) {gap:3rem 0;}
  [class*="col2-pic"] > * ~ ._txt {margin-top:2rem;}
  [class*="col2-pic"] > * ~ ._pic {margin-top:1rem;}
  .-sideSquarePic ._pic {width:max(52%, 160px); margin-inline:auto;}
  .featuresByIcons {grid-template-columns:repeat(auto-fit, minmax(9rem,1fr));}
  .featuresByIcons ._ico {width:9rem;}
  .labeledBox ._body {padding:48px 30px 30px;}
  .expBlocks1 ._pic {text-align:center;}
  .expBlocks1 ._pic img {max-width:min(350px,100%);}
  .expBlocks1 ._pic + ._txt {margin-top:2rem;}
}

/* modal */

.mmCnt {border-radius:.5rem; overflow:hidden; container-type:inline-size;}
.modalTtl {position:relative; margin-bottom:2rem; padding-bottom:1.5rem; font-size:var(--fs18); font-weight:bold;}
.modalTtl:after {content:""; display:block; width:200cqw; position:absolute; left:50%; bottom:0; translate:-50% 0; border-top:1px var(--themeGY2) solid;}

@media (min-width:600px){
  [data-mm-type="inline"] .mmCnt {padding:3.2rem 4rem;}
  .helpModal .mmCnt {width:600px;}
}
@media (max-width:599px){
  .mmWrap {--mmPad:3vw var(--spPI);}
  .mmCnt {width:100%;}
  [data-mm-type="inline"] .mmCnt {padding:2rem var(--spPI);}
}

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


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

.home_mv :is(.slick-list, .slick-track, ._slide) {height:100%;}
.home_mv ._slide {position:relative; background:#fff; --txtDelay:1.2s;}
.home_mv > ._slide {visibility:hidden;}
.home_mv ._slide:not(.slick-current) {transition-delay:1s;}
.home_mv ._slide ._bg {position:absolute; left:0; bottom:0; width:100%; overflow:hidden;}
.home_mv ._slide ._bg img {position:absolute; left:50%; top:0; translate:-50% 0; max-width:10000%; height:100%;}
.home_mv ._slide.-opener img {position:absolute; left:50%; top:50%; translate:-50% -50%; opacity:0; transition:2s all;}
.home_mv ._slide.-opener.slick-active img {opacity:1;}
.home_mv ._slide:has(.container ._lead):before {content:""; display:block;}
.home_mv ._slide ._lead {margin-bottom:.7em; line-height:1.4; font-weight:bold; color:#fff;}
.home_mv ._slide ._lead > div {position:relative; width:fit-content; padding:.1em .3em; transition:.8s all;}
.home_mv ._slide ._lead > div:before {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:var(--themeBL1); /*transition:.8s scale;*/ transition:0s scale; scale:1 1; transform-origin:0 50%;}
.home_mv ._slide:not(.slick-current) :is(._lead > div, ._era > *) {translate:-1rem 0; opacity:0; transition:2.0s all;}
.home_mv ._slide:not(.slick-current) ._lead > div:before {scale:0 1; transition-delay:2s;}
.home_mv ._slide.slick-current ._lead > div.-faster:before {transition:.4s;}
.home_mv ._slide.slick-current ._lead > div:nth-child(1),
.home_mv ._slide.slick-current ._lead > div:nth-child(1):before {/*transition-delay:2.2s;*/ transition-delay:var(--txtDelay);}
.home_mv ._slide.slick-current ._lead > div:nth-child(2),
.home_mv ._slide.slick-current ._lead > div:nth-child(2):before {/*transition-delay:2.8s;*/ transition-delay:var(--txtDelay);}
.home_mv ._slide.slick-current ._lead > div:nth-child(3),
.home_mv ._slide.slick-current ._lead > div:nth-child(3):before {/*transition-delay:3.4s;*/ transition-delay:var(--txtDelay);}
.home_mv ._slide.slick-current ._lead > div:nth-child(4),
.home_mv ._slide.slick-current ._lead > div:nth-child(4):before {/*transition-delay:4.0s;*/ transition-delay:var(--txtDelay);}
.home_mv ._slide.-closer.slick-current ._lead > div:nth-child(1),
.home_mv ._slide.-closer.slick-current ._lead > div:nth-child(1):before {/*transition-delay:1.2s;*/ transition-delay:var(--txtDelay);}
.home_mv ._slide.-closer.slick-current ._lead > div:nth-child(2),
.home_mv ._slide.-closer.slick-current ._lead > div:nth-child(2):before {/*transition-delay:1.8s;*/ transition-delay:var(--txtDelay);}
.home_mv ._slide.-closer.slick-current ._lead > div:nth-child(3),
.home_mv ._slide.-closer.slick-current ._lead > div:nth-child(3):before {/*transition-delay:2.4s;*/ transition-delay:var(--txtDelay);}
.home_mv ._slide.-closer.slick-current ._lead > div:nth-child(4),
.home_mv ._slide.-closer.slick-current ._lead > div:nth-child(4):before {/*transition-delay:3.0s;*/ transition-delay:var(--txtDelay);}
.home_mv ._slide.-closer.slick-current ._lead > div:nth-child(5),
.home_mv ._slide.-closer.slick-current ._lead > div:nth-child(5):before {/*transition-delay:3.6s;*/ transition-delay:var(--txtDelay);}
.home_mv ._slide ._lead > div > span {position:relative;}
.home_mv ._slide ._era {margin-bottom:2.4em;}
.home_mv ._slide ._era > * {transition:.8s all;}
.home_mv ._slide ._era b {display:block; width:fit-content; border-bottom:1px currentColor solid; line-height:1.5; font-weight:600;}
.home_mv ._slide.slick-current ._era b {/*transition-delay:1.2s;*/ transition-delay:var(--txtDelay);}
.home_mv ._slide.slick-current ._era b ~ img {/*transition-delay:1.6s;*/ transition-delay:var(--txtDelay);}
.home_mv ._slide.-future ._bg img ~ img {opacity:0; transition:.8s;}
.home_mv ._slide.-future.slick-current ._bg img ~ img {opacity:1;}
.home_mv ._slide.-future.slick-current ._bg img:nth-child(2) {transition-delay:1.6s;}
.home_mv ._slide.-future.slick-current ._bg img:nth-child(3) {transition-delay:2.6s;}
.home_mv ._slide.-future.slick-current ._bg img:nth-child(4) {transition-delay:3.6s;}
.home_mv ._slide.-future.slick-current ._bg img:nth-child(5) {transition-delay:4.6s;}

main > .container > [class^="home_"] {margin-top:var(--cntVPad);}
.homeH2 {position:relative; padding:1.5rem 0 0 2rem; text-align:left;}
.homeH2:before {content:""; display:block; width:3em; height:3px; position:absolute; left:0; top:0; background:var(--themeBL1);}
h2.homeH2:after {display:none;}
.homeH2 b {font-weight:600; font-family:"Poppins", sans-serif; font-size:var(--fs40); color:var(--themeBL1);}
.homeH2 ._sub {display:block; font-style:normal; font-size:var(--fs14);}
.home_largeBtns > div {position:relative; overflow:hidden;}
.home_largeBtns .btn2 {padding-top:1.3em; font-size:var(--fs18);}
.home_largeBtns a:after {content:""; display:block; width:200%; height:1000px; position:absolute; bottom:0; left:0;}
.home_product .homeH2 {--themeBL1:#fff;}
.home_product .swiper {color:var(--themeBK); overflow:visible;}
.home_product .swiper-scrollbar {position:static;}
.swiper-scrollbar {background:var(--themeGY2);}
.swiper-scrollbar-drag {background:var(--themeBL1);}
.home_product .swiper-slide {overflow:hidden;}
.home_product .swiper-slide .btn2 {position:relative; padding-top:1em; font-size:clamp(1.125rem, 0.592rem + 0.87vw, 1.375rem); font-weight:700;}
.home_product .swiper-slide .btn2 .ico-arw {position:absolute; right:4%; top:0; translate:0 -50%; border:0; background:var(--themeBL1);}
.home_product .swiper-slide .btn2 .ico-arw:before {background:var(--themeGY3);}
.home_product .swiper-slide .btn2 .ico-arw:after {background-image:url(https://23961337.fs1.hubspotusercontent-na1.net/hubfs/23961337/unica-co.com/unica2024/images/common/icons/arrow-wh.svg);}
.home_product .swiper-slide .btn2 a:after {content:""; display:block; width:100%; height:1000px; position:absolute; left:0; top:50%; translate:0 -50%;}
.home_product .swiper-slide .btn2 a:hover .ico-arw:after {background-image:url(https://23961337.fs1.hubspotusercontent-na1.net/hubfs/23961337/unica-co.com/unica2024/images/common/icons/arrow-bl.svg);}
.home_product .swiper-btns {display:flex; gap:16px;}
.home_product .swiper-btns > * {position:static; margin:0; width:80px; height:40px; overflow:hidden;}
.home_product .swiper-btns > *:after {display:none;}
.home_product .swiper-btns .ico-arw {margin:0!important; width:80px; aspect-ratio:2/1; border-radius:40px;}
.home_product .swiper-btns .ico-arw:before {position:absolute; left:50%; top:50%; translate:-50% -50%; border-radius:none;}
.home_product .swiper-button-prev .ico-arw {rotate:180deg;}
.home_hoverLinks h3 {margin:0; padding:0; border:0;}
.home_hoverLinks b {font-size:var(--fs32); font-family:"Poppins", sans-serif; font-weight:600;}
.home_hoverLinks ._sub {font-size:var(--fs14); font-style:normal; color:var(--themeBK);}
.home_hoverLinks ._box h3 a {position:relative;}
.home_hoverLinks ._box h3 .ico-arw {position:absolute; right:0; top:50%; translate:0 -50%;}

@media (min-width:600px){
  .home_mv ._slide {height:clamp(510px,52vw,750px);}
  .home_mv ._slide ._bg {height:100%;}
  .home_mv ._slide.-opener img {height:56.8%;}
  .home_mv ._slide:has(.container ._lead):before {height:16%;}
  .home_mv ._slide ._lead {font-size:clamp(1.375rem, 0.576rem + 1.304vw, 1.75rem);}
  .home_mv ._slide ._lead > div ~ div {margin-top:.15em;}
  .home_mv ._era {font-size:clamp(1.125rem, 0.326rem + 1.304vw, 1.5rem);}
  .home_mv ._era b em {font-size:133.3%;}
  .home_mv ._era img {width:min(380px,45%); margin:1.6em 0 0 1.8em;}
  .home_mv ._era img
  .home_mv .-future ._era img {width:min(520px,45%);}

  .home_largeBtns .btn2 {position:relative; margin:-3.5rem 10cqw 0 0; background:#fff;}
  .home_news {display:grid; grid-template-columns:2fr 3fr; grid-template-rows:auto 1fr;}
  .home_news h2 {margin-bottom:1em;}
  .home_news .newsList {grid-column:2/3; grid-row:1/3; margin:0;}
  .home_news .newsList > li:first-child {padding-top:0;}
  .home_news .btn1 {grid-column:1/2; grid-row:2/3;}
  .home_product {display:grid; grid-template-columns:1fr auto; grid-template-rows:auto auto;}
  .home_product:before {--x:clamp(210px, 21.53vw, 310px); height:calc(280px + var(--x));}
  .home_product .btn1 {grid-column:2/3; grid-row:1/2;}
  .home_product .btn1 a:not(:hover) {background:transparent; color:#fff; box-shadow:0 0 0 1px #fff inset;}
  .home_product .btn1 a svg path {fill:#fff;}
  .home_product .swiper {--swiperGap:clamp(2.5rem, 0.503rem + 3.261vw, 3.438rem); grid-column:1/3; grid-row:2/3; width:100%;}
  .home_product .swiper-slide {width:calc(41.38cqw + var(--swiperGap)); padding-right:var(--swiperGap);}
  .home_product .swiper-slide:last-child {width:41.38cqw; padding-right:0;}
  .home_product .swiper-slide > img ~ * {padding-inline:4%;}
  .home_product .swiper-controller {display:grid; grid-template-columns:1fr auto; align-items:center; gap:calc(var(--2rem) * 1.25);}
  .home_hoverLinks {--x:clamp(0px,1440px - var(--vw) * 100,300px); position:relative; display:grid; grid-template-columns:7fr 5fr; gap:0 calc(var(--2rem) * 2.5); height:calc(480px + var(--x) * .2);}
  .home_hoverLinks:has(._box:nth-child(1).-hover) {grid-template-rows:1fr auto auto;}
  .home_hoverLinks:has(._box:nth-child(2).-hover) {grid-template-rows:auto 1fr auto;}
  .home_hoverLinks:has(._box:nth-child(3).-hover) {grid-template-rows:auto auto 1fr;}
  .home_hoverLinks ._box {grid-column:2/3; border-bottom:1px var(--themeGY2) solid;}
  .home_hoverLinks ._box h3 a {display:flex; flex-wrap:wrap; align-items:center; gap:0 1.5rem; padding:2rem 4rem 2rem 0;}
  .home_hoverLinks ._box p {max-height:0; margin:0; opacity:0; overflow:hidden;}
  .home_hoverLinks ._box:hover p {transition:.3s all;}
  .home_hoverLinks ._box:hover .ico-arw {border:0;}
  .home_hoverLinks ._box:hover .ico-arw:before {scale:1;}
  .home_hoverLinks ._box:hover .ico-arw:after {left:calc(50% - .6rem); border-width:0 0 0 1.2rem; background:url(https://23961337.fs1.hubspotusercontent-na1.net/hubfs/23961337/unica-co.com/unica2024/images/common/icons/arrow-wh.svg) no-repeat 0% 50% / contain; transition:border-right 0s, border-left:.2s ease-out;}
  .home_hoverLinks ._box img {position:absolute; left:0; top:0; width:calc(58.3333cqw - var(--2rem) * 1.4583); height:100%; object-fit:cover; opacity:0; transition:.3s all;}
  .home_hoverLinks ._box.-hover p {max-height:1000px; opacity:1;}
  .home_hoverLinks ._box.-hover img {opacity:1;}
}
@media (max-width:599px){ 
  .home_mv {height:125.64vw;}
  .home_mv ._slide ._bg {height:62%;}
  .home_mv ._slide.-opener img {width:50.2%;}
  .home_mv ._slide:has(.container ._lead):before {height:10.2%;}
  .home_mv ._slide ._lead {margin-bottom:1em; font-size:calc((var(--vw) * 100 - var(--spPI) * 2) / 17.5);}
  .home_mv ._slide ._lead > div {white-space:nowrap;}
  .home_mv ._slide ._lead > div ~ div {margin-top:.25em;}
  .home_mv ._slide ._era {font-size:var(--fs13);}
  .home_mv ._slide ._era b em {font-size:var(--fs18);}
  .home_mv ._era img {width:calc(100% - 2em); margin:1.6em 0 0 2em;}
  .home_mv ._slide.-closer ._bg {height:100%;}
  .home_mv + main > .container {padding-top:0;}

  .home_largeBtns {gap:2rem 0; width:calc(100% + var(--spPI) * 2); margin-left:calc(var(--spPI) * -1);}
  .home_largeBtns .btn2 {padding-inline:var(--spPI);}
  .home_product:before {aspect-ratio:1; height:auto;}
  .home_product .swiper-wrapper {--swiperGap:min(10.25vw,40px);}
  .home_product .swiper-slide {width:calc(71.8vw + var(--swiperGap)); padding-right:var(--swiperGap);}
  .home_product .swiper-slide:last-child {width:71.8vw; padding-right:0;}
  .home_product :is(.swiper-controller, .btn1) {margin-top:2.5rem;}
  .home_product .swiper-btns {margin:1.5rem auto 0; justify-content:center;}
  .home_hoverLinks ._box {display:flex; flex-direction:column; gap:1.6rem 0;}
  .home_hoverLinks ._box ~ ._box {margin-top:2rem; padding-top:2.5rem; border-top:1px var(--themeGY2) solid;}
  .home_hoverLinks ._box h3 :is(a,b) {display:block; line-height:1.6;}
  .home_hoverLinks ._box img {order:-1;}
}

/* =============== 製品 */

.prd_excerpt > ._ttl {font-weight:bold;}

@media (min-width:600px){
  .prd_excerpt {display:flex; justify-content:space-between;}
  .prd_excerpt > ._ttl {width:46%; font-size:var(--fs22);}
  .prd_excerpt > ._txt {width:51%;}
  .prd_uautoDesc {display:flex; flex-direction:row-reverse; justify-content:space-between; flex-wrap:wrap; gap:calc(var(--fsH4) * 2) 0;}
  .prd_uautoDesc ._txt {width:57.4%;}
  .prd_uautoDesc h4, .prd_uautoDesc ~ h4 {margin-block:2.1em .9em;}
  .prd_uautoDesc ._pic {width:38.3%;}
}
@media (max-width:599px){
  .prd_excerpt > ._ttl {margin-bottom:1rem; font-size:var(--fs20);}
  .prd_uautoDesc h4, .prd_uautoDesc ~ h4 {margin-block:1.8em 1rem;}
  .prd_uautoDesc * ~ :is(._pic, ._txt) {margin-top:calc(var(--fsH4) * 1.8);}
  .prd_uautoDesc ~ .pcCol2.-sideSquarePic > div {display:flex; flex-direction:column-reverse;}
  .prd_uautoDesc ~ .pcCol2.-sideSquarePic > div ._pic {margin-block:2rem 0;}
}

/* =============== 企業情報 */

.company_philosophy1 ._sub {margin-bottom:.5em; font-size:.8em; color:var(--themeBK);}
.company_philosophy1 ._sub + p {margin-top:.5em;}
.company_philosophy1 ._date {font-size:1rem; color:var(--themeBK);}
.company_philosophy2 {display:flex; flex-direction:column; align-items:center; justify-content:center; background:#FAF9F5; font-family:var(--min);}
.company_philosophy2 h3 {padding:0; border:none; letter-spacing:.06em; color:var(--themeBK);}
.company_philosophy2 ul {font-size:var(--fsH3);}
.company_philosophy2 li {padding-left:2.4em;}
.company_philosophy2 li:before {content:"一、"; display:inline-block; width:2.4em; margin:0 0 0 -2.4em;}
.company_philosophy2 li + li {margin-top:.7em;}

@media (min-width:600px){
  .company_idxSusMenu {display:flex; flex-wrap:wrap; justify-content:space-between;}
  .company_idxSusMenu h4 {width:100%;}
  .company_idxSusMenu ._txt {width:33%;}
  .company_idxSusMenu .btn2 {grid-template-columns:1fr 1fr; width:60%; margin:0; overflow:visible;}
  
  .company_philosophy1 {padding-block:3rem 4rem;}
  .company_philosophy2 {padding-block:6rem;}
}
@media (max-width:599px){
  .company_philosophy1 {padding-block:2rem; font-size:min(var(--fs20),4.6vw);}
  .company_philosophy1 ._sub {font-size:max(.8em, 1rem);}
  .company_philosophy2 {padding-block:4rem; box-shadow:-50px 0 0 #FAF9F5, 50px 0 0 #FAF9F5;}
  .company_philosophy2 ul {font-size:min(var(--fsH3),4.5vw);}
  .company_about ._pic {order:-1;}
  .company_access iframe {height:min(60vh,500px);}
  .company_historyPanf {text-align:center;}
  .company_historyPanf img {width:min(90%,300px);}
}

/* =============== 採用情報 */

.recruit_dscvMap {width:calc(var(--vw) * 100);}
.recruit_dscvMap ._inner {position:relative;}
.recruit_dscvMap li {position:absolute; display:flex; width:fit-content; bottom:0;}
.recruit_dscvMap li:after {content:""; display:block; position:absolute; left:0; top:100%; translate:-50% 300%; width:1em; aspect-ratio:3/1; border-radius:50%; background:var(--themeBL2); opacity:.4;}
.recruit_dscvMap button {position:relative; display:flex; justify-content:center; align-items:center; width:2em; aspect-ratio:1; margin:0 0 0 -1em; border:0; background:var(--themeBL1); text-align:center; color:#fff; font-size:var(--btnFS); font-family:"Poppins",sans-serif; font-weight:900;}
.recruit_dscvMap button:after {content:""; display:block; position:absolute; top:99.9%; left:50%; translate:-50% 0; width:20%; aspect-ratio:5/3; clip-path:polygon(0 0, 100% 0, 50% 100%); background:var(--themeBL1);}
.recruit_dscvMap a {display:inline-flex; flex-direction:column; justify-content:center; position:relative; max-width:0; background:var(--themeBK); text-decoration:none; line-height:1.3; font-size:calc(var(--btnFS) * .75); font-weight:bold; color:#fff; white-space:nowrap; transition:.2s all;}
.recruit_dscvMap a:before {content:""; display:block; position:absolute; right:100%; top:0; z-index:10; height:100%;}
.recruit_dscvMap a span {display:none;}
.recruit_dscvMap a small {display:block; margin-inline:-.3em; line-height:1.2; font-size:67%;}
.recruit_dscvMap :is(button:is(:hover,.-on) ~ a, a:hover) span {display:block;}
.recruit_dscvMap :is(button:is(:hover,.-on) ~ a, a:hover) {max-width:50rem; padding-inline:.8em;}
.recruit_dscvMap :is(button:is(:hover,.-on) ~ a, a:hover):before {aspect-ratio:1;}
.recruit_dscvMap li > :is(button,a) {animation:bounce 24s infinite;}
@keyframes bounce {
  0% {transform:translateY(0);}
  1% {transform:translateY(-5px);}
  2% {transform:translateY(0);}
}
.recruit_dscvMap li._pin01 {bottom:81.5%; left:5.5%;} .recruit_dscvMap li._pin01 > * {animation-delay:0s;}
.recruit_dscvMap li._pin02 {bottom:29%; left:14%;} .recruit_dscvMap li._pin02 > * {animation-delay:2s;}
.recruit_dscvMap li._pin03 {bottom:42%; left:22%;} .recruit_dscvMap li._pin03 > * {animation-delay:4s;}
.recruit_dscvMap li._pin04 {bottom:60%; left:34%;} .recruit_dscvMap li._pin04 > * {animation-delay:6s;}
.recruit_dscvMap li._pin05 {bottom:76%; left:53%;} .recruit_dscvMap li._pin05 > * {animation-delay:8s;}
.recruit_dscvMap li._pin06 {bottom:18%; left:31%;} .recruit_dscvMap li._pin06 > * {animation-delay:10s;}
.recruit_dscvMap li._pin07 {bottom:43%; left:48%;} .recruit_dscvMap li._pin07 > * {animation-delay:12s;}
.recruit_dscvMap li._pin08 {bottom:58%; left:67%;} .recruit_dscvMap li._pin08 > * {animation-delay:14s;}
.recruit_dscvMap li._pin09 {bottom:72%; left:85%;} .recruit_dscvMap li._pin09 > * {animation-delay:16s;}
.recruit_dscvMap li._pin10 {bottom:9.8%; left:57%;} .recruit_dscvMap li._pin10 > * {animation-delay:18s;}
.recruit_dscvMap li._pin11 {bottom:22%; left:71%;} .recruit_dscvMap li._pin11 > * {animation-delay:20s;}
.recruit_dscvMap li._pin12 {bottom:50%; left:83%;} .recruit_dscvMap li._pin12 > * {animation-delay:22s;}
body:has(.recruit_dscvMap) .recruit_dscvMap_modalNum {color:var(--themeBL1); font-family:"Poppins",sans-serif; }
body:has(.recruit_dscvMap) .recruit_dscvMap_modalNum em {font-size:1.3em; font-weight:bold;}
.recruit_numbers [class*="_box"] {position:relative; display:grid; grid-template-rows:auto 1fr; background:var(--themeGY3);}
.recruit_numbers [class*="_box"] ._body {text-align:center;}

@media (min-width:600px){
  .recruit_dscvMap {min-width:980px; margin-left:50cqw; translate:-50% 0;}
  .recruit_dscvMap li {--btnFS:calc(var(--2rem) * .8125);}
  .recruit_numbers {--gap:4.3cqw;}
  .recruit_numbers [class*="_row"] {display:grid; gap:var(--gap);}
  .recruit_numbers ._row32 {grid-template-columns:3fr 2fr;}
  .recruit_numbers ._row111 {grid-template-columns:1fr 1fr 1fr;}
  .recruit_numbers ._row11 {grid-template-columns:1fr 1fr;}
  .recruit_numbers ._row23 {grid-template-columns:2fr 3fr;}
  .recruit_numbers [class*="_row"] ~ [class*="_row"] {margin-top:var(--gap);}
  .recruit_numbers [class*="_box"] {padding:1.5rem 3cqw 3cqw;}
  .recruit_numbers [class*="_box"] h4 {margin-left:-2cqw;}
  .recruit_numbers [class*="_box"] ._body:where(:has(img:nth-child(2):not(.pc):not(.sp))) {display:grid; grid-template-columns:1fr 1fr; align-items:center;}
  .recruit_numbers ._box-age ._body {grid-template-columns:4fr 3fr;}
}
@media (max-width:599px){
  .recruit_dscvMap {margin-left:calc(var(--spPI) * -1);}
  .recruit_dscvMap ._inner {width:1047px;}
  .recruit_dscvMap li {--btnFS:var(--fs18);}
  .recruit_dscvMap li :is(button:is(:hover,.-on) ~ a, a:hover) {max-width:50rem; padding-inline:.8em;}
  .recruit_dscvMap li :is(button:is(:hover,.-on) ~ a, a:hover) span {display:block;}
  .recruit_dscvMap li :is(button:is(:hover,.-on) ~ a, a:hover):before {aspect-ratio:1;}
  
  .recruit_numbers > [class*="_row"] {display:contents;}
  .recruit_numbers [class*="_box"] {margin-top:1.5rem; padding:1.5rem var(--spPI) 2rem;}
  .recruit_numbers [class*="_box"] h4 {margin-left:calc(vaR(--spPI) * -1);}
  .recruit_numbers > *:first-child > [class*="_box"]:first-child {margin-top:0;}
  
  .recruit_numbers ._box-staff ._body img {width:75%;}
  .recruit_numbers :is(._box-age, ._box-holiday) ._body img {width:51%;}
}

/* =============== お知らせ */

.newsList li {position:relative; overflow:hidden; line-height:1.5;}
.newsList li + li {border-top:1px var(--themeGY2) solid;}
.newsList li a:before {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.newsList ._date, .pageTitle ._dirLabel.-news {width:15.5rem; display:flex; justify-content:space-between; margin-top:1em; font-weight:bold; color:var(--themeBL1);}
.ctgBadge {display:inline-block; min-width:9.5em; padding-block:.2em; background:var(--themeBL1); text-align:center; font-size:var(--fs13); font-weight:600; color:#fff;}
.newsList .ico-arw {position:absolute; right:0;}

.newsBody h2 {margin-bottom:1.5em; padding-bottom:0; text-align:revert;}
.newsBody h2:after {display:none;}

@media (min-width:600px){
  .newsList li {padding-block:var(--2rem); padding-right:4rem; font-size:clamp(1rem, 0.708rem + 0.476vw, 1.125rem);}
  .newsList li .ico-arw {top:50%; translate:0 -50%;}
  .newsList ._date {font-size:var(--fs15);}
}
@media (max-width:599px){
  .newsList li {padding-block:1rem 4rem;}
  .newsList li .ico-arw {bottom:1rem;}
  .newsList ._date, .pageTitle ._dirLabel.-news {font-size:var(--fs13);}
}


/* =============== お問い合わせ */

.hbspt-form {width:min(780px,100%); margin-inline:auto;}
.hbspt-form :is(input[type="text"],input[type="tel"],input[type="email"],select,textarea) {width:100%; padding:.4em .7em; border-color:var(--themeGY2); border-radius:4px;}
.hs-form-field:has(.hs-error-msgs:not(:empty)) :is(input[type="text"],input[type="tel"],input[type="email"],select,textarea).error {border-color:#D80800;}
.hs-form-field ~ .hs-form-field {margin-top:1.8rem;}
.hs-form-field ~ div:has(.showExt) {margin-top:3rem; padding-top:2rem; border-top:1px var(--themeGY2) solid;}
.hs-form-field label {margin-bottom:.2em; font-weight:bold;}
.hs-form-required {color:#D80800;}
.hs_recaptcha * {width:fit-content; margin-inline:auto;}
.hs-error-msgs {margin-block:.4em; color:#D80800;}
.hs-error-msgs label {font-weight:normal;}
.hs_submit {margin-top:3rem; text-align:center;}
.hs_submit .hs-button {position:relative; display:inline-block; min-width:15rem; padding:1.3em 3em 1.2em 2em; border:0; border-radius:200px; background:var(--themeGY3) url(../images/common/icons/arrow-bl.svg) no-repeat calc(100% - 2em) 50% / 16px auto; text-decoration:none; line-height:1.4; color:var(--themeBK); transition:all .2s; cursor:pointer;}
.hs_submit .hs-button svg:last-of-type {position:absolute; right:2em; top:50%; translate:0 -45%;}
.hs_submit .hs-button:hover {background:var(--themeBL1) url(../images/common/icons/arrow-wh.svg) no-repeat calc(100% - 2em) 50% / 16px auto; color:#fff;}
.hs_submit .hs-button:hover svg:last-of-type [fill]:not([fill="none"]) {fill:#fff;}