@charset "UTF-8";
:root {--spPI:20px; --initFonts:"Noto Sans JP","游ゴシック Medium","Yu Gothic Medium","Yu Gothic","Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic",Meiryo,sans-serif;
  --pcContainerWidth:clamp(950px,calc(100% - 76px),1090px);}
strong,b {font-weight:500;}
.container {display:flow-root; position:relative; margin-inline:auto; container-type:inline-size;} .navOverlay {display:none;}
@media (min-width:600px){:where(body,.pageHeader,main,.pageFooter) {min-width:980px;} .container {width:var(--pcContainerWidth);}}
@media (max-width:599px){html {font-size:90%;} .pageHeader,main,.pageFooter {min-width:320px;} :where(:not(.pageHeader))>.container {margin-inline:var(--spPI);} body.-navOpen .navOverlay {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 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


body {font-size:1rem; line-height:1.875; font-family:var(--initFonts); font-feature-settings:"pkna"; color:#1a1a1a;}
a {text-decoration:underline; text-decoration-skip-ink:none; text-underline-offset:.24em; color:#0068B7;}
:root {--orange:#e8590e; --green:#168d4d; --blue:#0068b7;}
.pcNarrow {max-width:1005px; margin-inline:auto;}

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

div[data-global-resource-path="taikoh/taikoh-blank/templates/partials/header.html"] {position:sticky; top:0; left:0; width:100%; z-index:998;}
.pageHeader {position:sticky; top:0; left:0; width:100%; z-index:998; background:#fff; line-height:1.4; container-type:inline-size;
  --pcGnavSubUlBg:#222c; --pcGnavSubUlCol:#fff; --pcGnavSubUlBorderCol:#fff2;
  --spGnavBg:#f2f2f2; --spGnavCol:#1a1a1a; --spGnavBorderCol:#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; color:inherit;}
.gnav > li > a {font-weight:bold;}
.gnav li li a {padding-right:15px; font-weight:bold;}
.gnav li li a:after {content:""; position:absolute; top:50%; right:0; display:block; width:9px; height:9px; border:#e8590f solid; border-width:2px 2px 0 0; rotate:45deg; translate:0 -50%;}
:is(.gnav, .pageFooter ._nav) i.-cs {font-weight:normal; font-size:85%; opacity:.8;}
.gnav .-btn a {color:#fff;}


@media (min-width:600px){
  #spNav {display:none;}
  .pageHeader .container {width:max(950px,calc(100% - 76px)); display:flex; justify-content:space-between; align-items:center; padding-block:20px; container-type:unset;}
  .pageHeader ._siteName {width:clamp(150px,calc(43px + 11vw), 174px);}
  .gnav {display:flex; gap:clamp(.5rem,calc(-0.77rem + 2vw),1rem);}
  .gnav a {padding-block:.75em;}
  .gnav > li:not(.-btn) {position:static; padding-inline:clamp(.3rem, calc(-3.2rem + 5.181vw), 1.15rem);}
  .gnav > li:not(.-btn) > a:after {content:""; position:absolute; top:50%; display:inline-block; width:9px; height:9px; margin-left:-.4em; border:#e8590f solid; border-width:2px 2px 0 0; rotate:45deg; translate:0 -50%; opacity:0; transition:.3s all;}
  .gnav > li:not(.-btn) > a:hover:after {opacity:1; margin-left:.4em;}
  .gnav dl {position:absolute; left:50%; translate:calc(-50cqw - 1px) 0; width:calc(100cqw + 1px); max-height:0; background:#fff; overflow:hidden; opacity:0; box-shadow:0 4px 4px #0002; transition:max-height .2s linear, opacity .1s linear;}
  .gnav > li > :is(*:first-child:is(:hover,:focus,.-open) + dl, :first-child + dl:is(:hover,:focus-within)) {opacity:1; max-height:2000px;}
  .gnav dl > div {display:grid; grid-template-columns:1fr auto; grid-template-rows:1fr auto 1fr; gap:0 7.3%; width:clamp(950px,calc(100% - 76px),1090px); margin-inline:auto; padding-block:45px; container-type:inline-size;}
  .gnav dt {grid-column:1/2; grid-row:1/-1; min-height:225px;}
  .gnav dt a {position:relative; z-index:2; display:flex; align-items:flex-end; height:100%; padding:1rem; border-radius:10px; font-size:var(--fs18); font-weight:900; color:#fff;}
  .gnav dt a:before {content:""; display:block; position:absolute; left:0; top:0; z-index:-2; width:100%; height:100%; border-radius:10px; background-size:cover;}
  .gnav dt a[href*="/about/"]:before {background-image:url(https://23961337.fs1.hubspotusercontent-na1.net/hubfs/23961337/taikoh.co.jp/common/gnav_spbg-about.webp);}
  .gnav dt a[href*="/sustainability/"]:before {background-image:url(https://23961337.fs1.hubspotusercontent-na1.net/hubfs/23961337/taikoh.co.jp/common/gnav_spbg-sustainability.webp);}
  .gnav dt a[href*="/company/"]:before {background-image:url(https://23961337.fs1.hubspotusercontent-na1.net/hubfs/23961337/taikoh.co.jp/common/gnav_spbg-company.webp);}
  .gnav dt a:after {content:""; display:block; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; background:#0003; border-radius:10px;}
  .gnav dd {grid-column:2/3; grid-row:2/3; font-size:var(--fs15);}
  .gnav dd ul {display:grid; grid-template-columns:repeat(2,12rem); gap:0 9.2cqw; width:fit-content;}
  .gnav dd li.-wide {grid-column:1/3;}
  .gnav dd :is(li, li a) {display:flex; flex-wrap:wrap; align-items:center;}
  .gnav dd li a {width:100%;}
  .gnav > li:not(.-btn) + .-btn {margin-left:clamp(.3rem, calc(-3.2rem + 5.181vw), 1.15rem);}
  .gnav .-btn a {width:clamp(9rem,calc(-5.694rem + 20.725vw),11.5rem); padding-inline:0; border-radius:3rem; text-align:center; transition:opacity .2s;}
  .gnav .-btn a:hover {opacity:.5;}
  .gnav .-btn a[href*="contact"] {background:linear-gradient(90deg, #fe9a64 0%, #e85910 100%);}
  .gnav .-btn a[href*="recruit"] {background:linear-gradient(90deg, #33d67e 0%, #168d4d 100%);}
}
@media (max-width:599px){
  .pageHeader ._siteName {width:135px; margin-left:var(--spPI); padding-block:10px;}
  .pageHeader nav {position:absolute; width:100%; height:100dvh; max-height:100vh; padding:30px 30px 0; background:#fff; box-shadow:0 4px #0003; opacity:1; overflow:auto; transition:all .2s; scrollbar-width:thin; scrollbar-color:#0003 #fff;}
  .pageHeader nav::-webkit-scrollbar {width:14px;}
  .pageHeader nav::-webkit-scrollbar-track {background:#fff; border:0;}
  .pageHeader nav::-webkit-scrollbar-thumb {background:#0003 border:4px #fff solid; border-radius:6px;}
  body:not(.-navOpen) .pageHeader nav {height:0; padding-block:0; opacity:0; overflow:hidden;}
  /* 開閉ボタン */
  #spNav {width:50px; height:100%; position:absolute; top:0; right:0; border:0; background:#fff; text-align:center; cursor:pointer; --navBtnLineClr:#1a1a1a;}
  #spNav:before, #spNav:after {content:""; display:block; position:absolute; top:50%; left:50%; translate:-50% -50%; width:60%; height:2px; background:var(--navBtnLineClr); transition:.15s all;}
  #spNav:before {box-shadow:0 -7px 0 var(--navBtnLineClr);} #spNav:after {box-shadow:0 7px 0 var(--navBtnLineClr);}
  body:not(.-navOpen) #spNav:before {background:transparent;}
  .-navOpen #spNav:before {box-shadow:none; rotate:-45deg;} .-navOpen #spNav:after {box-shadow:none; rotate:45deg;}
  .gnav {padding-bottom:100px;}
  .gnav > li:nth-of-type(n+4):not(.-btn) a {padding:1rem 15px 1rem 0; border-bottom:1px #ccc solid;}
  .gnav > li:not(.-btn) + li.-btn {margin-top:3rem;}
  .gnav > li > a:not(:only-child) {position:relative; z-index:2; display:flex; align-items:flex-end; height:6em; padding:1rem; border-radius:10px; font-size:var(--fs18); color:#fff;}
  .gnav > li > a:not(:only-child):before {content:""; display:block; position:absolute; left:0; top:0; z-index:-2; width:100%; height:100%; border-radius:10px; background-size:cover;}
  .gnav > li > a:not(:only-child)[href*="/about/"]:before {background-image:url(../images/common/gnav_spbg-about.webp);}
  .gnav > li > a:not(:only-child)[href*="/sustainability/"]:before {background-image:url(../images/common/gnav_spbg-sustainability.webp);}
  .gnav > li > a:not(:only-child)[href*="/company/"]:before {background-image:url(../images/common/gnav_spbg-company.webp);}
  .gnav > li > a:not(:only-child):after {content:""; display:block; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; background:#0003; border-radius:10px;}
  .gnav li dl {margin:1.2em 0 2.4em;}
  .gnav dt {display:none;}
  .gnav li li a {padding-block:.5rem;}
  .gnav > li:not(.-btn) > a:only-child:after,

  .gnav .-btn + .-btn {margin-top:1.5rem;}
  .gnav .-btn a {padding:1rem; border-radius:50px; text-align:center; font-size:var(--fs20); color:#fff;}
  .gnav .-btn a[href*="contact"] {background:linear-gradient(90deg, #fe9a63 0%, #e95a11 100%);}
  .gnav .-btn a[href*="recruit"] {background:linear-gradient(90deg, #33d67e 0%, #168d4d 100%);}
}


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

.pageFooter {position:sticky; top:100vh; background:#000; color:#fff;}
.pageFooter a {text-decoration:none; color:inherit;}
.pageFooter ._siteName img {width:156px; margin-bottom:1em;}
.pageFooter ._nav {line-height:1.5;}
.pageFooter ._nav > li > a {font-weight:bold;}
.pageFooter ._nav a + ul {font-size:var(--fs14); color:#aaa;}

.pageFooter .copyright {margin-bottom:0; font-size:var(--fs12); text-align:center;}

@media (min-width:600px){
  .pageFooter .container {width:clamp(950px,calc(100% - 76px),1174px); display:grid; grid-template-columns:clamp(200px,calc(-16.862rem + 47.938vw),293px) 1fr;  padding:60px 0 20px;}
  .pageFooter ._siteName {display:flex; align-items:center; padding-bottom:2rem;}
  .pageFooter ._nav {display:grid; grid-template-columns:auto auto auto auto; grid-template-rows:auto auto auto auto auto 1fr; gap:clamp(1rem,calc(-5rem + 8.3vw),2rem) clamp(1.8rem,calc(-13.9rem + 25.8vw),5rem)}
  .pageFooter ._nav > :is(li:nth-child(1),li:nth-child(2),li:nth-child(3)) {grid-row:1/-1;}
  .pageFooter ._nav > li > ul {margin-top:1.2rem;}
  .pageFooter ._nav > li > ul lI {margin-top:.8em;}
  .pageFooter ._bottom {grid-column:1/3; padding-top:4.5rem;}
}
@media (max-width:599px){
  .pageFooter .container {padding:3rem 0 15px;}
  .pageFooter ._siteName {text-align:center;}
  .pageFooter ._nav {margin-block:2.4rem;}
  .pageFooter ._nav a + ul {display:flex; flex-wrap:wrap; gap:.5rem 1.6rem; margin-top:.6rem;}
  .pageFooter ._nav > li + li {margin-top:1rem;}
}

/* fixedTopBtn */
.fixedBackBtn {bottom:20px; right:20px; opacity:0; translate:0 200%; transition:.3s translate, .6s opacity;}
.fixedBackBtn.-show {opacity:1; translate:0 0;}
.fixedBackBtn a {width:40px; height:40px; border:1px #fff solid; border-radius:50%; background:#0004; /*text-indent:1px;*/ text-align:center; transition:background .1s;}
.fixedBackBtn a:hover {background:var(--orange);}
.fixedBackBtn a:before {content:""; display:inline-block; position:absolute; left:50%); top:50%; width:10px; height:10px; margin-top:1.5px; border:#fff solid; border-width:2px 2px 0 0; rotate:-45deg; scale:.7; translate:-50% -50%;}

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

main {overflow-x:hidden; background:url(../images/common/main_end_bg.webp) no-repeat 100% 100% / 474px auto;}
:where(.breadcrumb ~ .container) {z-index:1;}

@media (min-width:600px){
  main > :where(.container, * > .container) {padding:80px 0 150px;}
}
@media (max-width:599px){
  main {background-size:60vw auto;}
  main > :where(.container, * > .container) {padding:35px 0 50px;}
}

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

/* ページタイトル */
.pageTitle {position:relative; z-index:2; background:url(../images/common/corner_bg.webp) no-repeat 0 -85px; overflow:hidden;}
.pageTitle ._dirName {font-weight:bold;}
.pageTitle ._dirName a {text-decoration:none;}
.pageTitle h1 {line-height:1.3; color:var(--orange); letter-spacing:.06em;}
.pageTitle h1 i:first-of-type {display:block; margin-top:.8em; color:#1a1a1a; font-family:"Urbanist",var(--initFonts); font-style:normal; letter-spacing:0;}
.pageTitle ._pic {overflow:hidden;}
.pageTitle ._pic img {width:100%; height:100%; object-fit:cover;}

/* パンくず */
.breadcrumb {position:relative; z-index:3; display:flex; flex-wrap:wrap; margin:25px auto 20px; line-height:1.5; font-size:var(--fs14);}
.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 {color:inherit;}

@media (min-width:600px){
  .pageTitle {height:460px;}
  .pageTitle:before {content:""; position:absolute; left:0; top:50%; display:block; width:8px; height:150px; background:var(--orange); translate:0 -50%;}
  .pageTitle .container {display:flex; align-items:center; width:clamp(0px,calc(100% - 76px),1090px); height:100%;}
  .pageTitle h1 {position:relative; z-index:2; width:min(750px,100%); font-size:var(--fs46);}
  .pageTitle h1 i {font-size:var(--fs20);}
  .pageTitle ._pic {position:absolute; left:272px; z-index:0; width:max(693px,calc(50vw + 50% - 272px)); height:100%; background:#0001; border-radius:20px 0 0 20px;}
  .pageTitle ._pic:after {content:""; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:linear-gradient(90deg, #fffb 0%, #fff0 60%);}
  .pageTitle.-noPic {height:235px;}
  .pageTitle.-noPic:before {top:calc(42px + 50%);}
  .pageTitle.-noPic .container {padding-top:85px;}
  .breadcrumb {width:var(--pcContainerWidth);}
}
@media (min-width:1366px){
  .pageTitle .container, .breadcrumb {width:calc(100% - 276px);}
  .pageTitle ._pic {max-width:calc(50vw + 25%); left:25%;}
}
@media (max-width:599px){
  .pageTitle {background-size:130% auto;}
  .pageTitle .container {margin:0; padding-top:40px;}
  .pageTitle h1 {padding-inline:var(--spPI); border-left:5px var(--orange) solid; font-size:var(--fs38);}
  .pageTitle h1 i {font-size:var(--fs16);}
  .pageTitle ._pic {margin-top:40px;}
  .breadcrumb {margin-inline:var(--spPI);}
}

/* H2～H6 */
:root {--fsH2:var(--fs18); --fsH3:var(--fs18); --fsH4:var(--fs18); --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-weight:bold;
  /*specific style   */ margin:3.5em 0 1.4em; padding:.5em 1em; background:var(--green); font-weight:500; color:#fff;}
:where(h2, .h2).-bgGrey, .-bgGrey :where(h2, .h2) {background:#f0f0f0; color:#1a1a1a;}
h3, .h3 {/*initialize*/ all:unset; display:block; line-height:var(--hllh); font-size:var(--fsH3); font-weight:bold;
  /*specific style   */ margin:1.8em 0 .75em; font-weight:bold; color:var(--green);}
h4, .h4 {/*initialize*/ all:unset; display:block; line-height:var(--hllh); font-size:var(--fsH4); font-weight:bold;
  /*specific style   */ margin:1.8em 0 .6em; padding-bottom:.5em; border-bottom:1px #0002 solid; font-weight:500;}
h5, .h5 {/*initialize*/ all:unset; display:block; line-height:var(--hllh); font-size:var(--fsH5); font-weight:bold;
  /*specific style   */ margin:1.2em 0 .4em; font-weight:500;}
h6, .h6 {/*initialize*/ all:unset; display:block; line-height:var(--hllh); font-size:var(--fsH6); font-weight:bold;
  /*specific style   */ margin:.8em 0 .2em; font-weight:500;}
:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6):first-child:not(.-mtInit) {margin-top:0;}
.-fcOrange {color:var(--orange);}
.-fcGreen {color:var(--green);}
*:is(.-fcBlack) {color:#1a1a1a;}

.-engSub {margin-bottom:.2em; padding:0; background:none; font-size:var(--fs38); font-weight:bold;}
.-engSub i {display:block; font-style:normal; font-size:var(--fs16); font-family:"Urbanist",var(--initFonts); color:#1a1a1a;}
.-largeNumBehind {display:grid; grid-template-rows:1fr auto;}
.-largeNumBehind > :is(._num,._txt) {position:relative; grid-column:1/1;}
.-largeNumBehind ._num {z-index:1; grid-row:1/3; display:flex; align-items:flex-end; line-height:.8; font-size:7.8125rem; font-family:"Urbanist",var(--initFonts); font-weight:bold; color:#A3D8BC; -webkit-text-stroke:3px var(--green); text-stroke:3px var(--green); opacity:.25;}
.-largeNumBehind ._txt {z-index:2; grid-row:2/3; line-height:1.6; font-size:var(--fs26); font-weight:bold;}
.-largeNumBehind ._txt i {display:block; font-style:normal; font-size:1rem; font-weight:500;}

@media (max-width:599px){
}

/* buttons & tabs */
:root {--arwClr:var(--orange);}
.btn1 :is(a,button), :is(a,button).btn1 {position:relative; display:inline-block; padding:1em 3.5em 1em 4.5em; border:1px #111 solid; border-radius:100px; background:transparent; text-decoration:none; line-height:1.4; font-weight:bold; color:inherit; transition:.2s all;}
.btn1 :is(a,button):before, :is(a,button).btn1:before {content:""; display:block; height:10px; width:10px; position:absolute; left:2.5em; top:50%; border:var(--arwClr) solid; border-width:2px 2px 0 0; rotate:45deg; scale:.8; translate:0 -50%;}
.btn1.-green a:before, a.btn1.-green:before {--arwClr:var(--green);} 
.btn1 :is(a,button):hover, :is(a,button).btn1:hover {background:#111; color:#fff;}
.btn1.-large :is(a,button), :is(a,button).btn1.-large {padding:1em 4.5em 1em 3.5em; border-color:var(--orange); font-size:var(--fs20); color:var(--orange);}
.btn1.-large :is(a,button):before, :is(a,button).btn1.-large:before {left:unset; right:2.5em;}
.btn1.-large :is(a,button):hover, :is(a,button).btn1.-large:hover {background:var(--orange); color:#fff;}
.btn1.-large :is(a,button):hover:before, :is(a,button).btn1.-large:hover:before {border-color:#fff;}
.btn2 a, a.btn2 {color:inherit;}
.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;}

.tabs1,.tabs2 {display:grid; grid-template-columns:repeat(auto-fit, minmax(6rem,1fr));}
:is(.tabs1,.tabs2) > li > :is(a,button) {display:flex; align-items:center; justify-content:center; text-decoration:none; color:inherit;}
:is(.tabs1,.tabs2) > li > :is(a,button):is(.-on,[aria-selected="true"],[aria-current="page"]) {pointer-events:none;}
.tabs1 {gap:3px;}
.tabs1 > li > :is(a,button) {padding:1rem; background:#f0f0f0; font-weight:bold; color:var(--green);}
.tabs1 > li > :is(a,button):is(.-on,[aria-selected="true"]) {background:var(--green); color:#fff;}
.tabs2 {gap:.8rem 2.5%;}
.tabs2 > li > :is(a,button) {padding:.4rem; border:2px var(--orange) solid; font-size:var(--fs15); font-weight:500; color:var(--orange);}
.tabs2 > li > :is(a,button):is(.-on,[aria-selected="true"],[aria-current="page"]) {background:var(--orange); color:#fff;}

:root {--bg1:#f5f5f5; --bg2:#eef3fa; --bg3:#eefaf2; --bgNotice:#fceef3;}
.-bg1 {background:var(--bg1);} .-bg2 {background:var(--bg2);} .-bg2 {background:var(--bg3);} .-bgNotice {background:var(--bgNotice);}

/* .padBox */
.padBox {padding:50px 60px; background:var(--bg1);}

@media (max-width:599px){
  .padBox {padding:25px 30px;}
}

/* .companyLogos */
.companyLogos {display:grid; grid-template-columns:repeat(auto-fill, minmax(140px,1fr)); gap:1cqw 1.5cqw;}
.companyLogos li {text-align:center;}
.companyLogos img {max-width:100%;}

@media (max-width:599px){
  .companyLogos {grid-template-columns:repeat(auto-fill, minmax(100px,1fr));}
}

/* txtPicAlternation 1,2 */
.txtPicAlternation1 {counter-reset:tpa1counter;}
.txtPicAlternation1 article {counter-increment:tpa1counter 1;}
.txtPicAlternation1 article ._txt {position:relative;}
.txtPicAlternation1 article ._txt:before {content:"0" counter(tpa1counter); position:absolute; top:0; right:-8%; display:block; line-height:1; font-size:12.5rem; font-family: "Urbanist",var(--initFonts); font-weight:bold; translate:0 -20%; color:#fff0; -webkit-text-stroke:1px var(--green); text-stroke:1px var(--green); opacity:.5;}
.txtPicAlternation1 article:nth-of-type(n+10) ._txt:before {content:counter(tpa1counter);}
.txtPicAlternation1 h3 {line-height:1.71; font-size:var(--fs28); font-weight:bold;}
.txtPicAlternation1 ._pic img {height:100%; object-fit:cover;}
.txtPicAlternation1 article:nth-of-type(2n+1) ._pic img {object-position:0 50%;}
.txtPicAlternation1 article:nth-of-type(2n) ._pic img {object-position:100% 50%;}

@media (min-width:600px){
  .txtPicAlternation1 article {display:grid; gap:0 9.37%;}
  .txtPicAlternation1 article + article {margin-top:120px;}
  .txtPicAlternation1 ._pic {position:relative; height:524px;}
  .txtPicAlternation1 ._pic img {position:absolute; top:0; width:max(calc(100% + (50vw - 50cqw)),547px);}
  .txtPicAlternation1 article:nth-of-type(2n+1) {grid-template-columns:38% 1fr;}
  .txtPicAlternation1 article:nth-of-type(2n+1) ._pic img {left:0; border-radius:20px 0 0 20px;}
  .txtPicAlternation1 article:nth-of-type(2n) {grid-template-columns:1fr 38%;}
  .txtPicAlternation1 article:nth-of-type(2n) ._txt {grid-column:2/3;}
  .txtPicAlternation1 article:nth-of-type(2n) ._pic {grid-column:1/2; grid-row:1/-1;}
  .txtPicAlternation1 article:nth-of-type(2n) ._pic img {right:0; border-radius:0 20px 20px 0;}
}
@media (max-width:599px){
  .txtPicAlternation1 article + article {margin-top:60px;}
  .txtPicAlternation1 article ._txt:before {right:-2%; font-size:10rem;}
  .txtPicAlternation1 ._pic {aspect-ratio:9/5; margin-top:2rem;}
  .txtPicAlternation1 ._pic img {width:100%; border-radius:15px;}
}

@media (min-width:600px){
  .txtPicAlternation2 article {position:relative; display:flow-root; min-height:630px; padding-top:75px;}
  .txtPicAlternation2 article + article {margin-top:100px;}
  .txtPicAlternation2 article ._txt {position:relative; z-index:2; min-height:550px; width:calc(50cqw - 42px); padding:70px 8px 65px;}
  .txtPicAlternation2 article ._txt:before {content:""; position:absolute; left:-42px; top:0; display:block; width:calc(100% + 84px); height:100%; border-radius:20px; background:#f5f5f5;}
  .txtPicAlternation2 article ._txt > * {position:relative;}
  .txtPicAlternation2 article ._pic {position:absolute; top:0; height:580px; width:max(calc(50vw + 13.76cqw),620px);}
  .txtPicAlternation2 article ._pic img {width:100%; height:100%; object-fit:cover;}
  .txtPicAlternation2 article:nth-of-type(2n+1) ._txt {float:right}
  .txtPicAlternation2 article:nth-of-type(2n+1) ._pic {right:36.24%;}
  .txtPicAlternation2 article:nth-of-type(2n) ._txt {float:left;}
  .txtPicAlternation2 article:nth-of-type(2n) ._pic {left:36.24%;}
}
@media (max-width:599px){
  .txtPicAlternation2 article + article {margin-top:60px;}
  .txtPicAlternation2 ._pic {margin-top:2rem;}
  .txtPicAlternation2 ._pic img {border-radius:15px;}
}

/* .datedList (mod) */
.datedList {border-top:0;}
.datedList > dt {padding-top:1.1em; font-size:var(--fs13); font-family:"Urbanist", var(--initFonts); font-weight:500; color:var(--orange);}
.datedList > dd a {text-decoration:none; color:inherit;}

/* .dlTable (mod) */
.-dtW13 {--dtW:13rem;}
@media (min-width:600px){
  .dlTable > dt {display:flex; align-items:center; justify-content:center; background:#f0f0f0; text-align:center;}
  .dlTable > dd {padding-left:2rem;}
}

/* .indexPanels, dirNav */
.indexPanels a {display:grid; grid-template-rows:auto 1fr; text-decoration:none; font-weight:bold; color:inherit;}
.indexPanels ._pic {display:block; aspect-ratio:1.42/1; margin-bottom:.7rem;}
.indexPanels ._pic img {width:100%; height:100%; object-fit:cover;}
.indexPanels ._txt {position:relative; display:flex; align-items:center; line-height:1.5; font-size:var(--fs20);}
.indexPanels ._txt i {position:absolute; top:.8em; display:block; width:30px; height:30px; border-radius:50%; border:1px #111 solid; transition:.2s all; translate:100% -50%;}
.indexPanels ._txt i:before {content:""; position:relative; left:25%; top:calc(50% - 5px); display:block; width:10px; height:10px; border:#111 solid; border-width:2px 2px 0 0; rotate:45deg; scale:.7; transition:.2s all;}

.dirNav {z-index:10;}
.dirNav:before {content:""; position:absolute; right:50%; top:0; display:block; width:max(100vw,980px); height:100%; translate:-50% 0; box-shadow:max(100vw,980px) 0 0 #f5f5f5;}
.dirNav h2 {position:absolute; left:50%; top:0; text-align:center; font-size:var(--fs30); translate:-50% -25%; white-space:nowrap;}
.dirNav h2 ~ * {position:relative;}

@media (min-width:600px){
  .indexPanels {display:flex; flex-wrap:wrap; gap:5.5cqw 4.58cqw;}
  .indexPanels.-jcCenter {justify-content:center;}
  .indexPanels > li {width:calc(33.33% - 3.0534cqw);}
  .indexPanels ._txt {padding-right:4.5rem;}
  .indexPanels ._txt i {right:3.5rem;}
  .indexPanels a:hover ._txt i {border:0; background:var(--orange); translate:133% -50%;}
  .indexPanels a:hover ._txt i:before {border-color:#fff;}
  .dirNav {padding-top:100px;}
  .dirNav .indexPanels {justify-content:unset;}
}
@media (max-width:599px){
  .indexPanels {display:grid; grid-template-columns:repeat(auto-fill, minmax(240px,1fr)); gap:30px;}
  .indexPanels ._txt {padding-right:50px;}
  .indexPanels ._txt i {right:30px;}
  .dirNav {padding-top:70px;}
  .dirNav .indexPanels {display:flex; flex-direction:column; gap:20px;}
  .dirNav .indexPanels > li > a {display:flex; align-items:center; gap:min(3.5cqw,20px);}
  .dirNav .indexPanels ._pic {width:20cqw; margin-bottom:0;}
  .dirNav .indexPanels ._txt {flex-grow:1; font-size:var(--fs18);}
  .dirNav .indexPanels ._txt i {top:50%; right:30px;}
}

.numberedTitle {position:relative; padding-left:2.2em;}
.numberedTitle:before {content:attr(data-num); display:block; position:absolute; left:0; top:.8em; translate:0 -40%; width:1.8em; aspect-ratio:1/1; background:var(--green); border-radius:50%; text-align:center; line-height:1.7; font-family:'Poppins',var(--initFont); font-weight:bold; color:#fff; white-space:nowrap;}

.captionedGallery > li {display:flex; flex-direction:column;}
@media (min-width:600px){
  .captionedGallery > li {justify-content:space-between;}
}  
@media (max-width:599px){
  .captionedGallery > li > img {order:-1; margin-bottom:.8em;}
}


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


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

.home_mv {position:relative; z-index:10; margin-inline:auto;}
.home_mv ._slide {margin-bottom:0;}
.home_mv ._slide.-whiteGradientFor80thLogo li:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.home_mv ._slide > li {overflow:hidden; border-radius:var(--mv_corner);}
.home_mv ._slide > li > img {width:100%; height:100%; object-fit:cover;}
.home_mv ._slide:after {content:""; display:block; width:100vw; height:140%; position:absolute; left:50%; z-index:100; translate:-50% 0; background:url(../images/common/bgfull.webp) no-repeat -40% bottom / 50% auto, url(../images/common/bgfull.webp) no-repeat -75% 80% / 50% auto, url(../images/common/bgfull.webp) no-repeat 130% -30% / 40% auto, url(../images/common/bgfull.webp) no-repeat 95% -40% / 30% auto;}
.home_mv ._overlay {display:flex; align-items:center; position:absolute; top:0; z-index:53; height:100%;}
.home_mv ._overlay p {line-height:1; color:var(--orange); font-weight:bold;}
.home_mv ._overlay p:only-child {margin-inline:auto;}
.home_mv ._overlay p > span {display:inline-block; margin-block:8px; padding:.2em 0 .25em .3em; background:#fff; letter-spacing:.06em; white-space:nowrap;}

.home_block02:before,
.home_block02:after,
.home_block03:before {content:""; display:block; position:absolute; top:0; left:50%; background:url(../images/common/corner_bg.webp) no-repeat 0 0 / contain; translate:-50% 0;}

:where(.home_block01, .home_block02, .home_recruit, .home_block03) {position:relative;} 
:where(.home_block01, .home_block02, .home_block03) > * {position:relative; z-index:2;}
.home_about ._fig {position:relative; container-type:inline-size;}
.home_about ._fig dl {position:absolute; top:38%; left:38%; display:grid; grid-template-columns:auto auto; gap:1cqw 2.28cqw; line-height:4.7cqw;}
.home_about ._fig dl dt {display:flex; align-items:flex-start; gap:1cqw; padding-bottom:.2cqw; font-size:2.28cqw;}
.home_about ._fig dl dt:before {content:""; display:block; width:.32em; height:1.5em; background:var(--blue); translate:0 15%;}
.home_about ._fig dl dd :is(b,strong) {font-size:3.5cqw; font-weight:bold; color:var(--blue);}
.home_about ._fig dl dd :is(b,strong) small {display:inline-block; font-size:60%;}
.home_about ._fig dl dd i {display:block; margin:0 0 .3em -.5em; line-height:1.3; font-size:var(--fs12); font-weight:normal; font-style:normal;}
.home_customers dd {position:relative;}
.home_customers dd:before {content:""; display:block; position:absolute; border:5px transparent solid;}
.home_customers ~ .btn1 a {font-size:var(--fs14);}
.home_customers ~ .btn1 a:before {left:2em;}
.home_block01 ._bottomImg {position:absolute; z-index:0; left:50%; bottom:0; translate:-50% 0;}
.home_block01 ._bottomImg img {position:absolute; left:0; bottom:0; width:100%; height:100%; object-fit:cover;}
.home_block01 ._bottomImg:after {content:""; display:block; width:100%; height:55%; position:absolute; left:0; top:0; background:linear-gradient(180deg, #ffff 0%, #fff0 100%);}

.home_block02 {position:relative; padding-block:100px;}
.home_block02 .txtPicAlternation1 {--arwClr:var(--green);}

.home_recruit {position:relative; z-index:2; text-align:center; overflow:hidden;}
.home_recruit ._pic {position:absolute; z-index:0; left:0; top:0; width:100%; height:100%;}
.home_recruit ._pic img {width:100%; height:100%; object-fit:cover;}
.home_recruit:after {content:""; position:absolute; z-index:1; left:0; top:0; display:block; width:100%; height:100%; background:#168D4DC8; mix-blend-mode:multiply;}
.home_recruit ._pic ~ * {position:relative; z-index:2;}
.home_recruit h2 {margin:0 0 1em; padding:0; background:none; font-size:var(--fs32); font-weight:bold; color:#fff;}
.home_recruit h2 i {display:block; line-height:1; font-family:"Urbanist",var(--initFonts); font-size:6.875rem; font-style:normal; color:#fff0; -webkit-text-stroke:1px #fff; text-stroke:1px #fff;}
.home_recruit .btn1 a {--arwClr:var(--green); border:0; background:#fff;}
.home_recruit .btn1 a:hover {background:var(--green); color:#fff;}
.home_recruit .btn1 a:hover:before {--arwClr:#fff;}

.home_block03 {position:relative; z-index:1;}
.home_news :is(h2, .btn1) {text-align:center;}
.home_news .btn1 a {font-size:var(--fs14);}
.home_news .btn1 a:before {left:2em;}

@media (min-width:600px){
  .home_mv {width:max(950px,calc(100% - 76px));}
  .home_mv ._slide {aspect-ratio:1.7362/1; --mv_corner:20px;}
  .home_mv ._slide.-whiteGradientFor80thLogo li:not(.-noMask):after {background:linear-gradient(90deg, #fff1 0%, #fff8 100%); opacity:.6;}
  .home_mv ._overlay {left:7.75%; width:84.5%; justify-content:space-between;}
  .home_mv ._overlay p {width:41%; font-size:max(42px,4.3vw);}
  .home_mv ._overlay ._tempElm {width:44.6%;}
  .home_mv ._overlay ._tempElm img {width:100%; filter:drop-shadow(20px 5px 10px #fff);}

  .home_block02:before,
  .home_block02:after,
  .home_block03:before {width:max(100vw,980px); height:518px;}
  .home_block02:after {top:auto; bottom:0; rotate:180deg; translate:-50% 100px;}
  .home_block03:before {translate:-50% -150px;}
  
  .home_block01 {padding:50px 0 clamp(488px,50vw,680px);}
  .home_about {display:grid; grid-template-columns:auto 57.7%; gap:clamp(30px,calc(3px + 2.7vw),40px);}
  .home_about ._txt {display:flex; flex-direction:column; justify-content:center;}
  .home_about ._fig img {width:100%;}
  .home_customers {display:grid; grid-template-columns:auto 1fr;}
  .home_customers dt {display:flex; align-items:center; padding-right:3cqw; font-weight:bold; font-size:var(--fs18); white-space:nowrap;}
  .home_customers dd {padding-left:4cqw; border-left:1px #111 solid;}
  .home_customers dd:before {border-right:0; border-left-color:#1a1a1a; left:0; top:50%; translate:0 -50%;}
  .home_block01 ._bottomImg {width:max(100vw,980px); height:clamp(488px,56vw,680px);}
  .home_block02 {max-width:1174px;}
  .home_recruit {max-width:1290px; padding:90px 0 65px; border-radius:12px;}
  .home_block03 {padding:100px 0 150px;}
  .home_news {display:grid; grid-template-columns:13rem 1fr; grid-template-rows:1fr auto; gap:0 50px;}
  .home_news .datedList {grid-column:2/3; grid-row:1/3; margin:0;}
  .home_news .btn1 {grid-column:1/2; grid-row:2/3;}
  .home_news .btn1 a {padding:1em 2.5em 1em 3.5em;}
}
@media (max-width:599px){
  .home_mv {margin:var(--spPI); padding-top:20px;}
  .home_mv ._slide {aspect-ratio:1/.8; --mv_corner:15px;}
  .home_mv ._slide:after {height:120%; background:url(../images/common/bgfull.webp) no-repeat -180% bottom / 80% auto, url(../images/common/bgfull.webp) no-repeat 170% -30% / 60% auto;}
  .home_mv ._slide > li > img {object-position:20% 50%;}
  .home_mv ._slide.-whiteGradientFor80thLogo li:not(.-noMask):after {background:linear-gradient(180deg, #fff1 0%, #fff8 100%);}
  .home_mv ._overlay {flex-direction:column; justify-content:center; gap:8vw;}
  .home_mv ._overlay > * {margin-inline:auto; text-align:center;}
  .home_mv ._overlay p {font-size:8vw;}
  .home_mv ._overlay ._tempElm img {width:50vw; filter:drop-shadow(10px 4px 6px #fff);}
  
  .home_mv ~ main:before,
  .home_block02:before,
  .home_block02:after,
  .home_block03:before {width:100vw; height:60vw; background-size:150vw auto;}
  .home_block02:after {top:auto; bottom:0; rotate:180deg; translate:-50% 80px;}
  .home_block03:before {translate:-50% -100px;}
  
  .home_block01 {padding:50px 0 35vw;}
  .home_about ._fig {margin-top:2em;}
  .home_about ._fig dl dd i {font-size:var(--fs10);}
  .home_customers dt {width:fit-content; margin-inline:auto; padding:0 2em 1em; border-bottom:1px #111 solid; text-align:center;}
  .home_customers dd {padding-top:1em;}
  .home_customers dd:before {border-bottom:0; border-top-color:#1a1a1a; left:50%; top:0; translate:-50% 0;}
  .home_block01 ._bottomImg {width:100vw; height:40vw;}
  .home_block02 .txtPicAlternation1 .btn1 {text-align:center;}
  .home_recruit {margin-inline:0;}
  .home_recruit ._pic img {object-position:50% 70%;}
  .home_recruit h2 i {font-size:4rem;}
  .home_block03 {padding:60px 0 80px;}
  .home_news .btn1 {margin-top:3rem;}
}

/* =============== TOHOの特徴 */

/* 歩み */
.about_historyNav {letter-spacing:.03rem;}
.about_historyNav > li > * > span {font-family:"Urbanist",var(--initFonts); font-size:var(--fs20); font-weight:600;}
.about_historyCnt ._timeline > dl {position:relative; margin:0; padding-left:3rem;}
.about_historyCnt ._timeline > dl:not(:last-child) {padding-bottom:1.5rem;}
.about_historyCnt ._timeline > dl:not(:last-child):before {content:""; position:absolute; left:0; top:1em; display:block; height:100%; border-left:2px #111 solid;}
.about_historyCnt ._timeline dt {position:relative; font-size:var(--fs20); font-weight:bold; color:var(--green); letter-spacing:.05rem;}
.about_historyCnt ._timeline dt span {font-size:var(--fs24); font-family:"Urbanist",var(--initFonts); font-weight:600;}
.about_historyCnt ._timeline dt:before {content:""; position:absolute; left:-3rem; top:50%; width:21px; aspect-ratio:1/1; border:5px var(--green) solid; border-radius:50%; background:#fff; translate:-50% -50%;}
.about_historyCnt ._pics {font-size:var(--fs15);}
.about_historyCnt ._pics img {display:block; width:100%; aspect-ratio:76/43; object-fit:cover; margin-bottom:.2em;}

@media (min-width:600px){
  .about_historyCnt {display:flex; justify-content:space-between;}
  .about_historyCnt ._timeline {width:50%; padding-top:2rem;}
  .about_historyCnt ._pics {width:42.22%; order:-1;}
  .about_historyCnt ._pics > li + li {margin-top:30px;}
}
@media (max-width:599px){
  .about_historyCnt ._timeline {margin-left:15px;}
  .about_historyCnt ._pics {display:grid; grid-template-columns:repeat(auto-fill, minmax(180px,1fr)); gap:20px; margin-top:50px;}
}

/* ネットワーク */
.about_networkMap {position:relative;}
.about_networkMap img {display:block; width:100%;}
.about_networkMap ul {margin:0; position:absolute; container-type:inline-size;}
.about_networkMap ul {background:url(../images/about/network/grid.png) no-repeat 50% 50% / 100% 100%; background-image:unset;}
.about_networkMap li {display:contents;}
.about_networkMap li a {position:absolute; display:block; padding:.3em .5em; background:#f000; color:#fff0;}
.about_networkList h2 {margin-bottom:.6em; padding:0; background:none; color:var(--orange); font-size:var(--fs20); font-weight:bold;}
.about_networkList h2:before {content:"〈"; margin:0 .2em 0 -.3em;}
.about_networkList h2:after {content:"〉"; margin-left:.2em;}
.about_networkList h3 {margin-top:50px;}
.about_networkList h2 + h3 {margin-top:0;}
.about_networkList ._block + ._block {margin-top:50px;}
.about_networkList h4 {padding:0; border:0; color:var(--orange);}
.about_networkList ._pic {aspect-ratio:1.845/1; background:#0001;}
.about_networkList ._pic img {width:100%; height:100%; object-fit:cover;}
.about_networkList dl {display:grid; grid-template-columns:5rem 1fr; gap:0 1rem;}
.about_networkList dt {font-weight:500;}
.about_networkList a[href=""] {text-decoration:none; color:inherit;}

@media (min-width:600px){
  .about_networkMap ._aichi {right:0; top:15%; width:45%; height:85%;}
  .about_networkMap ._japan {left:0; top:15%; width:50%; height:85%;}
  .about_networkMap ul li {font-size:2.5cqw;}
  .about_networkMap ._aichi a[href="#tokai01"] {left:2%; top:35%;}
  .about_networkMap ._aichi a[href="#tokai02"] {left:78%; top:44%;}
  .about_networkMap ._aichi a[href="#tokai03"] {left:2%; top:27%;}
  .about_networkMap ._aichi a[href="#tokai04"] {left:78%; top:54%;}
  .about_networkMap ._aichi a[href="#tokai05"] {left:2%; top:80%;}
  .about_networkMap ._aichi a[href="#tokai06"] {left:73%; top:28%;}
  .about_networkMap ._aichi a[href="#tokai07"] {left:64%; top:19%;}
  .about_networkMap ._aichi a[href="#tokai08"] {left:6.5%; top:17%;}
  .about_networkMap ._aichi a[href="#tokai09"] {left:6.5%; top:8%;}
  .about_networkMap ._aichi a[href="#tokai10"] {left:2%; top:73%;}
  .about_networkMap ._aichi a[href="#tokai11"] {left:2%; top:42.5%;}
  .about_networkMap ._aichi a[href="#tokai12"] {left:78%; top:88%;}
  .about_networkMap ._japan a[href="#tokai14"] {left:8%; top:45%;}
  .about_networkMap ._japan a[href="#east01"] {left:38%; top:29%;}
  .about_networkMap ._japan a[href="#east02"] {left:21%; top:36%;}
  .about_networkMap ._japan a[href="#east03"] {left:78%; top:88%;}
  .about_networkMap ._japan a[href="#east04"] {left:70%; top:80%;}
  .about_networkMap ._japan a[href="#west01"] {left:8%; top:55%;}
  .about_networkMap ._japan a[href="#west02"] {left:37%; top:88%;}
  .about_networkList ._block {display:grid; grid-template-columns:34% 1fr; grid-template-rows:auto auto 1fr; gap:0 4.6%;}
  .about_networkList ._block ._pic {grid-column:1/2; grid-row:1/4;}
  .about_networkList ._block h4 {grid-column:2/3; grid-row:1/2;}
  .about_networkList ._block dl {grid-column:2/3; grid-row:2/3; margin:0;}
}
@media (max-width:599px){
  .about_networkMap ._aichi {left:0; top:55%; width:100%; height:45%;}
  .about_networkMap ._japan {left:0; top:0%; width:100%; height:52%;}
  .about_networkMap ul li {font-size:2.5cqw;}
  .about_networkMap ._aichi a[href="#tokai01"] {left:0%; top:39%;}
  .about_networkMap ._aichi a[href="#tokai02"] {left:66%; top:48%;}
  .about_networkMap ._aichi a[href="#tokai03"] {left:0%; top:30%;}
  .about_networkMap ._aichi a[href="#tokai04"] {left:66%; top:59%;}
  .about_networkMap ._aichi a[href="#tokai05"] {left:0%; top:87%;}
  .about_networkMap ._aichi a[href="#tokai06"] {left:61.5%; top:32%;}
  .about_networkMap ._aichi a[href="#tokai07"] {left:55%; top:23%;}
  .about_networkMap ._aichi a[href="#tokai08"] {left:3%; top:21%;}
  .about_networkMap ._aichi a[href="#tokai09"] {left:4%; top:12%;}
  .about_networkMap ._aichi a[href="#tokai10"] {left:0%; top:78%;}
  .about_networkMap ._aichi a[href="#tokai11"] {left:0%; top:47%;}
  .about_networkMap ._aichi a[href="#tokai12"] {left:67%; top:94%;}
  .about_networkMap ._japan a[href="#tokai14"] {left:8%; top:53%;}
  .about_networkMap ._japan a[href="#east01"] {left:38%; top:39%;}
  .about_networkMap ._japan a[href="#east02"] {left:21%; top:45.5%;}
  .about_networkMap ._japan a[href="#east03"] {left:78%; top:92%;}
  .about_networkMap ._japan a[href="#east04"] {left:70%; top:84.5%;}
  .about_networkMap ._japan a[href="#west01"] {left:8%; top:61%;}
  .about_networkMap ._japan a[href="#west02"] {left:9%; top:88%;}
}

/* 輸送・倉庫・物流 */
.about_tpwh,
.about_tpwh :is(._desc, ._desc > *) {position:relative;}
.about_tpwh h2 {padding:0; background:none; font-size:var(--fs30); font-weight:bold; text-align:center; color:var(--green);}
.about_tpwh .-largeNumBehind {grid-template-columns:1fr auto;}
.about_tpwh .-largeNumBehind ._num {grid-column:2/3; translate:0 1.5rem;}
.about_tpwh .-largeNumBehind ._txt {grid-column:1/-1;}
.about_tpwh ._desc > dl {margin:0;}
.about_tpwh ._desc > dl > * {position:relative;}
.about_tpwh ._desc ._pic {margin:.8rem 0 1rem;}
.about_tpwh ._desc ._pic img {max-width:100%;}
.about_tpwh ._desc dt + dd {z-index:10;}

.about_logistics,
.about_logistics :is(._desc, ._desc > *) {position:relative;}
.about_logistics ._desc ._pic img {max-width:100%;}

@media (min-width:600px){
  .about_tpwh {padding-top:150px;}
  .about_tpwh ._bg {width:max(100vw,980px); height:100%; position:absolute; left:50%; top:0; background:url(../images/common/bgfull.webp) no-repeat left 44%;}
  .about_tpwh ._bg:before, 
  .about_tpwh ._bg:after {content:""; display:block; position:absolute; width:38%; aspect-ratio:1/1; }
  .about_tpwh ._bg:before {top:0; left:18%; background:url(../images/common/bgfull.webp) no-repeat left top / contain; translate:0 -50%;}
  .about_tpwh ._bg:after {bottom:0; right:120%; background:url(../images/common/bgfull.webp) no-repeat left top / contain; translate:0 80%; rotate:40deg;}
  .about_tpwh ._desc {display:grid; grid-template-columns:1fr 1fr; gap:80px 12%;}
  .about_tpwh ._desc:before,
  .about_tpwh ._desc:after {content:""; display:block; position:absolute; z-index:0; background:#f4fff9; mix-blend-mode:multiply;}
  .about_tpwh ._desc.-first {padding-bottom:70px;}
  .about_tpwh ._desc.-first:before {width:max(50vw,490px); height:57%; left:75%; top:-150px;}
  .about_tpwh ._desc.-first:after {width:max(80vw,800px); height:370px; right:30%; bottom:0;}
  .about_tpwh ._desc.-second:before {width:max(50vw,490px); height:60%; left:68%; top:240px;}
  .about_tpwh ._desc.-second:after {width:max(80vw,800px); height:370px; right:50%; bottom:-150px;}
  
  .about_logistics {padding-top:70px;}
  .about_logistics ._bg {width:max(60vw,980px); height:100%; position:absolute; right:60%; top:0; background:url(../images/common/bgfull.webp) no-repeat 100% 28% / 750px auto;}
  .about_logistics ._bg:before, 
  .about_logistics ._bg:after {content:""; display:block; position:absolute; width:80%; aspect-ratio:1/1; }
  .about_logistics ._bg:before {top:-170px; left:120%; background:url(../images/common/bgfull.webp) no-repeat left top / contain; translate:0 -50%;}
  .about_logistics ._bg:after {bottom:0; left:135%; background:url(../images/common/bgfull.webp) no-repeat left top / contain; translate:0 45%;}
  .about_logistics ._desc:before,
  .about_logistics ._desc:after {content:""; display:block; position:absolute; z-index:0; background:#f4fff9; mix-blend-mode:multiply;}
  .about_logistics ._desc:before {width:max(80vw,490px); height:37%; left:34%; top:0;}
  .about_logistics ._desc:after {width:max(80vw,800px); height:40%; right:67%; bottom:-150px;}
  .about_logistics ._desc > dl {display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto 1fr; gap:30px 11%; margin:0;}
  .about_logistics ._desc > dl +dl {margin-top:2rem;}
  .about_logistics ._desc dt {grid-column:1/2; grid-row:1/2;}
  .about_logistics ._desc ._pic {grid-column:2/3; grid-row:1/-1; padding-top:4rem;}
  .about_logistics ._desc ._exp {grid-column:1/2; grid-row:2/3;}
}
@media (max-width:599px){
  :is(.about_tpwh ,.about_logistics) {padding:80px 0 40px;}
  :is(.about_tpwh ,.about_logistics) ._desc > div + div {margin-top:3rem;}
  .about_logistics ._desc ._pic {margin:.8rem 0 1rem;}
}

/* 強み */
.about_strengthPoints {display:flex; align-items:center; justify-content:space-between;}
.about_strengthPoints li {position:relative; padding:1.38cqw; border-radius:50%; background:#e8590e11; line-height:1; white-space:nowrap; container-type:inline-size;}
.about_strengthPoints a {display:flex; width:100cqw; height:100cqw; flex-direction:column; align-items:center; justify-content:center; border-radius:50%; background:linear-gradient(90deg, #ff9b64 0%, #e8590e 100%); text-decoration:none; container-type:inline-size;}
.about_strengthPoints i {font-size:14cqw; font-family:"Urbanist",var(--initFonts); font-weight:bold; font-style:normal; color:transparent; -webkit-text-stroke:1px #fff; text-stroke:1px #fff; opacity:.4;}
.about_strengthPoints :is(b,strong) {padding-bottom:.5em; font-weight:bold; font-size:13cqw; color:#fff;}

.about_strengthDesc h2 {padding:0; background:none; color:var(--orange);}
.about_strengthDesc h2 i {display:block; margin-bottom:-.8rem; line-height:.85; font-family:"Urbanist", var(--initFonts); font-size:4.375rem; font-style:normal; font-weight:bold; color:#FFE2D3; -webkit-text-stroke:3px var(--orange); text-stroke:3px var(--orange); opacity:.2;}
.about_strengthDesc h2 :is(b,strong) {font-weight:bold; font-size:var(--fs20);}
.about_strengthDesc ._catch {line-height:1.77; font-size:var(--fs26); font-weight:bold;}

@media (min-width:600px){
  .about_strengthPoints li {width:max(17.6%,11rem);}
}
@media (max-width:599px){
  .about_strengthPoints {flex-wrap:wrap; justify-content:center; gap:1cqw 2cqw;}
  .about_strengthPoints li {width:min(32cqw,9rem);}
  .about_strengthPoints i {font-size:15cqw;}
  .about_strengthPoints :is(b,strong) {font-size:14cqw;}
  .about_strengthDesc h2 {text-align:center;}
  .about_strengthDesc ._catch {text-align:center; font-size:var(--fs20);}
}

/* =============== サステナビリティ */

/* 環境への取り組み */
.sustainablity_envGoals ._icons {display:grid; grid-template-columns:repeat(auto-fill, minmax(80px,1fr)); gap:12px; margin-bottom:25px;}

@media (min-width:600px){
  .sustainablity_envGoals {padding-top:30px;}
}
@media (max-width:599px){
  .sustainablity_envGoals {max-width:320px; margin-inline:auto;}
}

/* マテリアリティ */

.sustainability_materialityBlock ._guidelines {border:1px #ddd solid;}
.sustainability_materialityBlock ._guidelines ._label {margin-bottom:1.2rem; border-bottom:1px #0002 solid; background:#e8e8e8; text-align:center; font-weight:500;}
.sustainability_materialityBlock ._guidelines dl {padding-left:1.2rem;}
.sustainability_materialityBlock ._guidelines dt {position:relative; font-weight:500;}
.sustainability_materialityBlock ._guidelines * ~ dt {margin-top:.3em;}
.sustainability_materialityBlock ._guidelines dt:before {content:""; width:1rem; aspect-ratio:1; display:inline-block;border-radius:50%; background:currentColor; margin:0 .4rem 0 -1.4rem; scale:.8; translate:0 10%;}
.sustainability_materialityBlock table {margin:0;}
.sustainability_materialityBlock th {background:#e8e8e8;}
.sustainability_materialityBlock tr:has(*:nth-child(2):last-child) > * {width:50%;}
.sustainability_materialityBlock .thead th + th {background:#DCEBE0;}
.sustainability_materialitySdgs {width:fit-content; margin:2.5rem 0 0 auto;}
.sustainability_materialitySdgs ul {display:flex; flex-wrap:wrap; gap:12px;}
.sustainability_materialitySdgs li {width:60px;}
.sustainability_materialitySdgs li img {width:100%;}
.sustainability_materialitySdgs + h2 {margin-top:5em;}

@media (min-width:600px){
  .sustainability_materialityBlock {display:grid; grid-template-columns:3fr 2fr; margin-top:2.5rem;}
  .sustainability_materialityBlock:has(table tr > * ~ *) {grid-template-columns:8fr 9fr;} 
  .sustainability_materialityBlock ._guidelines {padding:0 1.4rem 1.2rem; border-right:none;}
  .sustainability_materialityBlock ._guidelines ._label {width:calc(100% + 2.8rem); height:3em; display:flex; align-items:center; justify-content:center; margin-left:-1.4rem;}
  .sustainability_materialityBlock .thead > * {height:3em;}
  .sustainability_materialityBlock td {padding-block:1.2em;}
/*  .sustainability_materialitySdgs li {width:clamp(5.5rem, 2.159rem + 5.455vw, 6.25rem);}*/
  .sustainability_materialityEndImg img {--ofst:calc(clamp(40px, 100vw - 100cqw, 220px) * -.2); width:min(855px,80%); translate:var(--ofst) -10%;}
}
@media (max-width:599px){
  .sustainability_materialityBlock ._guidelines {padding:0 1rem 1.2rem; border-bottom:0;}
  .sustainability_materialityBlock ._guidelines ._label {width:calc(100% + 2rem); margin-left:-1rem; padding:.4em; line-height:1.4;}
  .sustainability_materialityBlock table {width:100%;}
  .sustainability_materialityBlock td {padding-block:.6rem;}
  .sustainability_materialitySdgs {margin-top:2rem;}
  .sustainability_materialityEndImg {margin-top:4rem;}
}


/* =============== 会社情報 */

/* 企業理念 */
.company_philosophyHeader {position:relative;}
.company_philosophyHeader > * {position:relative;}
.company_philosophyHeader:before {content:""; position:absolute; left:50%; display:block; width:100vw; background:url(https://23961337.fs1.hubspotusercontent-na1.net/hubfs/23961337/taikoh.co.jp/company/philosophy_bg.webp) no-repeat 50% 0 / cover; translate:-50% 0;}
.company_philosophyHeader ._catch {text-align:center; font-weight:bold; color:var(--orange);}
.company_philosophyHeader li {position:relative; display:flex; align-items:center; justify-content:center; aspect-ratio:1/1; background:#ffffffc8; border-radius:50%; text-align:center; box-shadow:0 0 0 15px #ffffff56;}
.company_philosophyHeader li b, .company_philosophyHeader li strong {position:absolute; left:50%; top:0; display:block; line-height:1; font-family:"Urbanist",var(--initFonts); font-size:5em; font-weight:bold; -webkit-text-stroke:3px var(--orange); text-shadow:0 0 0 3px var(--orange); color:#FFE2D3; opacity:.55; translate:-50% -28%;}

@media (min-width:600px){
  .company_philosophyHeader {margin-bottom:150px; padding-bottom:370px;}
  .company_philosophyHeader:before {top:-80px; min-width:980px; height:calc(100% + 80px);}
  .company_philosophyHeader ._catch {margin-bottom:60px; font-size:var(--fs30);}
  .company_philosophyHeader ul {display:flex; justify-content:space-between; width:clamp(950px,100%,1010px); margin-inline:auto; font-size:var(--fs18);}
  .company_philosophyHeader li {width:min(280px,28%);}
}
@media (max-width:599px){
  .company_philosophyHeader {margin-bottom:80px; padding-bottom:100px;}
  .company_philosophyHeader:before {top:-50px; height:calc(100% + 50px);}
  .company_philosophyHeader ._catch {font-size:var(--fs23);}
  .company_philosophyHeader ul {width:fit-content; display:flex; flex-direction:column; gap:50px; margin:60px auto 0;}
  .company_philosophyHeader li {width:200px;}
}

/* 取引先一覧 */
.company_customerList li::marker {color:#ccc;}

@media (min-width:600px){
  .company_customerList {columns:2;}
}

/* リンク */
.company_links ._pic {display:flex; gap:16px;}
.company_links ._block {display:flex;}
.company_links ._block + ._block {margin-top:60px;}

@media (min-width:600px){
  .company_links ._block {align-items:flex-start; gap:7cqw;}
  .company_links .dlTable {width:calc(93cqw - 244px); margin:0;}
  .company_links ._pic {width:244px; flex-direction:column;}
  .company_links ._pic.-pcTrimToHalf img {aspect-ratio:5/8; object-fit:cover;}
  .company_links ._pic img {width:100%;}
}
@media (max-width:599px){
  .company_links ._block {flex-direction:column;}
  .company_links ._pic {order:-1; margin-bottom:1.5em;}
  .company_links ._pic:not(.-pcTrimToHalf) img {width:calc(49.99% - 8px);}
  .company_links ._pic.-pcTrimToHalf img {max-width:300px; margin-inline:auto;}
}

/* =============== 新着情報 */
.news_indexHeader .tabs2 a {white-space:nowrap;}
.news_indexBody {display:grid;}
.news_indexBody a {display:block; text-decoration:none; color:inherit;}
.news_indexBody img {width:100%; height:100%; object-fit:cover;}
.news_indexBody ._pic {background:#0001;}
.news_indexBody ._pic:empty {display:flex; align-items:center; justify-content:center;}
.news_indexBody ._pic:empty:before {content:"no image"; display:inline-block; width:4em; line-height:1.2; text-align:center; font-family:"Urbanist",var(--initFonts); font-weight:600; font-size:var(--fs20); letter-spacing:.05em; color:#0005;}
.news_indexBody ._txt {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.5rem; margin-top:1rem;}
:is(.news_indexBody,.news_entryHeader) ._ctg {min-width:10.5em; padding:0 .5em; background:var(--orange); text-align:center; font-size:var(--fs12); font-weight:500; color:#fff;}
:is(.news_indexBody,.news_entryHeader) ._date {font-size:var(--fs13);}
.news_indexBody ._date {margin-left:auto;}
.news_indexBody ._title {width:100%; line-height:1.5; font-weight:bold;}
.pagination {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.3em; font-size:var(--fs15);}
.pagination :is(a,span,button) {display:flex; align-items:center; justify-content:center; width:2.5rem; aspect-ratio:1/1; text-decoration:none; text-align:center; color:inherit;}
.pagination ._backToIndex a {width:fit-content; aspect-ratio:unset; text-decoration:underline;}
.pagination :is(*.-current, .-current *) {background:#f0f0f0;}
.pagination :is(._newer,._older) {position:relative; overflow:hidden; white-space:nowrap; text-indent:200%;}
.pagination ._newer {margin-right:2em;}
.pagination ._older {margin-left:2em;}
.pagination ._newer:before,
.pagination ._older:before {content:""; position:absolute; top:calc(50% - 6px); display:block; width:12px; height:12px; border:#111 solid; border-width:1px 1px 0 0;}
.pagination ._newer:before {left:calc(50% - 8px); rotate:-135deg;}
.pagination ._older:before {right:calc(50% - 8px); rotate:45deg;}

.news_entryHeader {margin-bottom:2rem;}
.news_entryHeader :is(._ctg,._date) {display:inline-block;}
.news_entryHeader ._ctg {margin-right:1.2rem;}
.news_entryHeader ._title {margin-top:.4em; font-weight:bold;}
.news_entryBody img {max-width:100%; height:auto;}

@media (min-width:600px){
  .news_indexHeader {display:flex; align-items:flex-end; justify-content:space-between; width:var(--pcContainerWidth); margin-inline:auto;}
  .news_indexHeader .breadcrumb {width:unset; margin:unset;}
  .news_indexHeader .tabs2 {width:min(750px, calc(100% - 9rem));}
  .news_indexBody {grid-template-columns:1fr 1fr 1fr; gap:70px 5%;}
  .news_indexBody ._pic {aspect-ratio:15/9;}
  .pagination {margin-top:100px;}
  
  .news_entryHeader ._title {font-size:var(--fs26);}
}
@media (min-width:1366px){
  .news_indexHeader {width:calc(100% - 276px);}
}
@media (max-width:599px){
  .news_indexHeader {margin-top:30px;}
  .news_indexHeader .tabs2 {grid-template-columns:repeat(auto-fill, minmax(10em,1fr)); margin:30px var(--spPI);}
  .news_indexHeader .tabs2 a {padding-block:.2em;}
  .news_indexBody li + li {margin-top:2.5rem;}
  .news_indexBody a {display:flex; align-items:flex-start; justify-content:space-between;}
  .news_indexBody ._pic {width:25%; aspect-ratio:4/3;}
  .news_indexBody ._pic:empty:before {font-size:var(--fs17);}
  .news_indexBody ._txt {width:calc(75% - 16px); margin-top:0;}
  .pagination {margin-top:60px;}

  .news_entryHeader ._title {font-size:var(--fs22);}
}



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

.formCaption {display:block; line-height:1.5; font-style:normal; font-size:var(--fs12); color:#757575;}
form .dlTable {--dtW:16rem;}
form .dlTable dt {display:flex; align-items:flex-start; justify-content:space-between; padding-inline:1.8rem;}
form .dlTable dt.req:after {margin-top:.4rem; background:var(--orange);}
form .dlTable dd {padding-left:2rem;}

@media (max-width:599px){
  form .dlTable dt.req:after {float:right;}
  form .dlTable.-spFlatB dd {padding:1rem 0 1.6rem;}
}




/* 追加*/
form.hs-form .hs-form-field {--dtW:16rem; --vPad:1em; display:grid; grid-template-columns:var(--dtW) 1fr;  border:var(--tpGray) solid; border-width:.5px 0; overflow:hidden;}
form.hs-form .hs-form-field > label {grid-column-start:1; padding:var(--vPad) 0; border-top:1px var(--tpGray) solid; font-weight:bold;}
form.hs-form .hs-form-field .input {grid-column-start:2; padding:var(--vPad) 0; var(--tpGray) solid; padding-left:1em;}
form.hs-form .hs-form-field > label:first-child,form.hs-form .hs-form-field > label+.input {border-top:0;}
form.hs-form .hs-error-msgs { display: none;}

@media (max-width:599px){
  .dlTable[class*="-spFlat"] {display:block;}
  .dlTable.-spFlatB {border:0;}
  .dlTable.-spFlatB :is(dt,dd) {width:100%; padding:.4em 0; border:0;} 
  .dlTable.-spFlatB dt {padding:.4em .6em; font-weight:500; background:#0001;} 
  .dlTable.-spFlatB dd+dt {margin-top:15px;}
}

@media (min-width:600px){
  form.hs-form .hs-form-field > label {display:flex; align-items:center; justify-content:center; background:#f0f0f0; text-align:center;}
  form.hs-form  .input {padding-left:2rem;}
}

.formCaption {display:block; line-height:1.5; font-style:normal; font-size:var(--fs12); color:#757575;}
form.hs-form .hs-form-field > label {display:flex; align-items:flex-start; justify-content:space-between; padding-inline:1.8rem;}
form.hs-form .hs-form-field > label .hs-form-required:after {margin-top:.4rem; background:var(--orange);}
form.hs-form .input {padding-left:2rem;}
form.hs-form .input select.error {color: #1a1a1a; font-weight: normal;}
form.hs-form .input .inputs-list.error{color: #1a1a1a; font-weight: normal;}

.hs_error_rollup {	text-align: center; color: red; font-weight: bold;margin-bottom: 1em;}

@media (max-width:599px){
  form.hs-form .hs-form-field > label .hs-form-required:after {float:right;}
  form.hs-form .-spFlatB .input {padding:1rem 0 1.6rem;}
  form.hs-form .hs-form-field { display: block; }
  form.hs-form .hs-form-field > label {width:100%; padding:.4em .6em; font-weight:500; background:#0001;width:100%; border:0;} 
  form.hs-form .hs-form-field  .input {width:100%; padding:.4em 0; margin-bottom: 1rem; border:0;} 
  }

.hs-form-required {	color: #f0f0f0;}
.hs-form-required:after { content: "必須"; display: inline-block; margin-left: 0.4em; padding: 0 0.4em; background: #f45577; line-height: 1.7; font-size: var(--fs11); color: #fff;}
form.hs-form .inputs-list li { display: inline;}

.hs_submit .actions {text-align: center;}
.hs_submit .actions input	{padding: 1em 4.5em 1em 3.5em;    border-color: var(--orange);    font-size: var(--fs20);    color: var(--orange); position: relative;    display: inline-block;    padding: 1em 3.5em 1em 3.5em;    border: 1px #111 solid;    border-radius: 100px;    background: transparent;    text-decoration: none;    line-height: 1.4;    font-weight: bold;    color: inherit;    transition: .2s all;}
        
 .hs_submit .actions input:before {content: "";    display: block;    height: 10px;    width: 10px;    position: absolute;    left: 2.5em;    top: 50%;    border: var(--arwClr) solid;    border-width: 2px 2px 0 0;    rotate: 45deg;    scale: .8;    translate: 0 -50%;}
 .hs_submit .actions input:hover {    background: var(--orange);    color: #fff;}