:root {
  --h2-smaller:calc(var(--h2) * 1);
  --h3-smaller:calc(var(--h3) * 1);
  --h4-smaller:calc(var(--h4) * 1);
  --h5-smaller:calc(var(--h5) * 1);
  --text-smaller:calc(var(--text) * 1);
  --s-text-smaller:calc(var(--s-text) * 1);
}

/* info-list */

ul.info-list{
    display: flex;
    flex-direction: column;
    justify-self: center;
    margin:-20px 0 50px;
}

ul.info-list li a{text-decoration:underline; font-size:var(--s-text); color:#444; padding:3px 0 3px 1em; position:relative; display:block; font-weight:600; }
ul.info-list li a:hover{text-decoration:none; color:var(--new-green)}
ul.info-list li a:before{content:""; width:0.2em; height:0.2em; border-radius:0.1em; display:block; background:#444; position:absolute; left:0; top:var(--text)}


/* anchor-list */
.anchor-wrap{padding:34px;}
.anchor-in{max-width:1280px; width:100%; padding:0 25px; margin:0 auto;}
.anchor-in nav ul{display:flex; flex-wrap:wrap; gap:45px; row-gap:15px; justify-content: center;}
.anchor-in nav ul li a{text-decoration:none; display:block; position:relative; padding-left:24px; font-size:var(--s-text); font-weight:600;}
.anchor-in nav ul li a:before{content:""; width:20px; height:20px; display:block; background:url(/assets/images/_resource/pages/products/products/anchor.png) no-repeat; background-size:20px 20px; position:absolute; left:0; top:calc(50% - 10px); }
.anchor-in nav ul li a:hover{color:var(--new-green);}

/* inquiry-list */
.main-inquiry-list{display:flex; flex-wrap:wrap; gap:var(--gap-col4); margin:30px auto;}
.main-inquiry-list li{width:calc((100% - var(--gap-col4) * 3) / 4); background:var(--q-bg); border:var(--border); border-radius:20px; display:flex;}
.main-inquiry-list li a{display:flex; width:100% ; align-items: center;  flex-direction: column; text-decoration:none; font-family:"Noto Sans","BIZ UDGothic",sans-serif; position:relative;padding:20px;}
.main-inquiry-list li a:hover{border-color:var(--new-green); color:var(--new-green); cursor: pointer;}
.main-inquiry-list li a:before{content:""; width:50px; height:50px; margin:0 auto 20px; background-size:auto; background-repeat:no-repeat;}
.main-inquiry-list li#i01 a:before{background-image:url(/assets/images/_resource/pages/customer/list/i01_dark.svg);}
.main-inquiry-list li#i02 a:before{background-image:url(/assets/images/_resource/pages/customer/list/i02_dark.svg);}
.main-inquiry-list li#i03 a:before{background-image:url(/assets/images/_resource/pages/customer/list/i03_dark.svg);}
.main-inquiry-list li#i04 a:before{background-image:url(/assets/images/_resource/pages/customer/list/i04_dark.svg);}
.main-inquiry-list li#i05 a:before{background-image:url(/assets/images/_resource/pages/customer/list/i05_dark.svg);}
.main-inquiry-list li#i06 a:before{background-image:url(/assets/images/_resource/pages/customer/list/i06_dark.svg);}
.main-inquiry-list li#i07 a:before{background-image:url(/assets/images/_resource/pages/customer/list/i07_dark.svg);}
.main-inquiry-list li#i08 a:before{background-image:url(/assets/images/_resource/pages/customer/list/i08_dark.svg);}
.main-inquiry-list li#i09 a:before{background-image:url(/assets/images/_resource/pages/customer/list/i09_dark.svg);}
.main-inquiry-list li#i10 a:before{background-image:url(/assets/images/_resource/pages/customer/list/i10_dark.svg);}


br.mo-only{display:none;}

@media (max-width:960px){
  .main-inquiry-list{display:flex; gap:var(--gap-col4); flex-wrap: wrap;}
  .main-inquiry-list li {
      flex-basis: calc((100% - var(--gap-col4) * 2) / 3);
      width: calc((100% - var(--gap-col4) * 2) / 3);
  }
  .main-inquiry-list li a{padding:16px;}
  .main-inquiry-list li a:before{width:44px; height:44px; margin:10px auto; background-size:44px;}
}
@media (max-width:768px){
  .main-inquiry-list{display:flex; gap:var(--gap-col5); flex-wrap: wrap;}
  .main-inquiry-list li {
      flex-basis: calc((100% - var(--gap-col5) * 1) / 2);
      width: calc((100% - var(--gap-col5) * 1) / 2);
  }
  .main-inquiry-list li a{padding:12px;}
  .main-inquiry-list li a:before{width:38px; height:38px; margin:10px auto; background-size:38px;}
}

@media (max-width:480px){
  .main-inquiry-list{display:flex; gap:10px; flex-wrap: wrap; justify-content: center;}
  .main-inquiry-list li {
      flex-basis: calc((100% - 10px * 1) / 2);
      width: calc((100% - 10px * 1) / 2);
  }
  .main-inquiry-list li a{padding:12px;}
  /*.main-inquiry-list li {
      flex-basis: 100%;
      width: 100%;
      padding:12px;
  }*/
  .main-inquiry-list li a:before{width:32px; height:32px; margin:10px auto; background-size:32px;}
  br.mo-only{display:inline-block;}
}

.main-inquiry-list li a .link{font-size:var(--text); font-weight:600; position:relative; padding-left:28px; line-height:1.3; letter-spacing:0.01em;}
.main-inquiry-list li a .link:before{
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background: url(/assets/images/_resource/pages/products/products/anchor.png) no-repeat;
  background-size: 20px 20px;
  position: absolute;
  left: 0;
  top: 2px;
}

.inquiry-detail-block .flex-list{display:flex; gap:40px; flex-wrap:wrap;}
.inquiry-detail-block fieldset .flex-list{display:flex; gap:40px; row-gap:5px; flex-wrap:wrap;}
.inquiry-detail-block fieldset .flex-list li{font-weight:600;}

.inquiry-detail-block .flex-list div{width:calc((100% - 40px * 1) / 2);}
.inquiry-detail-block .flex-list div.full-length{width:100%;}
.inquiry-detail-block .flex-list div.full-length .freedial{margin:30px 0;}
.inquiry-detail-block .flex-list div .inquiry-title{font-size:var(--h4-smaller); letter-spacing:0.01em; padding-left:42px; margin-bottom:14px;}
.inquiry-detail-block .flex-list div .inquiry-title.long-text{font-size:var(--text-smaller); letter-spacing:0.01em; padding-left:42px; margin-bottom:14px;}
.inquiry-detail-block .flex-list div .inquiry-title.no-point{padding-left:0; margin-bottom:-5px;}
.inquiry-detail-block .flex-list div .inquiry-title:before{content:""; display:block; position:absolute; left:0; top:0;}
.inquiry-detail-block .inquiry-title.telephone:before{width:36px; height:36px; background:url(/assets/images/_resource/pages/customer/phone.svg) no-repeat; background-size:36px 36px;}
.inquiry-detail-block .inquiry-title.online:before{width:36px; height:36px; background:url(/assets/images/_resource/pages/customer/laptop.svg) no-repeat; background-size:36px 36px;}
.inquiry-detail-block .inquiry-title.letter:before{width:36px; height:36px; background:url(/assets/images/_resource/pages/customer/pen.svg) no-repeat; background-size:36px 36px;}
.inquiry-detail-block .inquiry-title.branch:before{width:36px; height:36px; background:url(/assets/images/_resource/pages/customer/branch.svg) no-repeat; background-size:36px 36px;}
.inquiry-detail-block .inquiry-title.email:before{width:36px; height:36px; background:url(/assets/images/_resource/pages/customer/email.svg) no-repeat; background-size:36px 36px;}

.inquiry-detail-block .phone-num{font-size:var(--h3-smaller); font-weight:600;}


.inquiry-detail-block .flex-list div div{width:auto;}
.inquiry-detail-block .flex-list div .btn-wrap a.auto{min-width:320px;}
.inquiry-detail-block .flex-list div div.freedial{width:90%; margin:0 auto;}
.inquiry-detail-block .flex-list .flex-in{display:flex; gap:40px;width:100%;}
.inquiry-detail-block .flex-list .flex-in div{width:calc((100% - 40px * 1) / 2);}
.inquiry-detail-block .flex-list p.link-arrow{font-weight:600; padding-top:10px;}
.inquiry-detail-block .flex-list p.link-arrow a{color:#444; text-decoration:none;}
.inquiry-detail-block .flex-list p.letter-text{font-weight:600; font-size:var(--text-smaller); line-height:1.7;}
.inquiry-detail-block .flex-list p.letter-text span{display:inline-block;}
.inquiry-detail-block .flex-list div .list-indent{margin-left:42px; width:calc(100% - 42px);}
.inquiry-detail-block .flex-list .flex-in p{font-size:var(--s-text-smaller); font-weight:600; line-height:1.7;}

.inquiry-detail-block h3 + .flex-list{margin:0 0 40px}
.section-title.icons-ttl{padding-left:46px; position:relative; display:flex; justify-self: center; width:fit-content; margin-bottom:60px; font-size:var(--h2-smaller)}
.section-title#inquiry-service:before{content:""; display:block; width:36px; height:36px; background-image:url(/assets/images/_resource/pages/customer/list/i01.svg); background-size:36px 36px; position: absolute; top:calc(50% - 18px); left:0;}
.section-title#inquiry-elderly:before{content:""; display:block; width:40px; height:40px; background-image:url(/assets/images/_resource/pages/customer/list/i02.svg); background-size:40px 40px; position: absolute; top:calc(50% - 20px); left:0;}
.section-title#inquiry-professional:before{content:""; display:block; width:40px; height:40px; background-image:url(/assets/images/_resource/pages/customer/list/i03.svg); background-size:40px 40px; position: absolute; top:calc(50% - 20px); left:0;}
.section-title#inquiry-fine-chemicals:before{content:""; display:block; width:40px; height:40px; background-image:url(/assets/images/_resource/pages/customer/list/i04.svg); background-size:40px 40px; position: absolute; top:calc(50% - 20px); left:0;}
.section-title#inquiry-corporate:before{content:""; display:block; width:40px; height:40px; background-image:url(/assets/images/_resource/pages/customer/list/i05.svg); background-size:40px 40px; position: absolute; top:calc(50% - 20px); left:0;}
.section-title#inquiry-factory:before{content:""; display:block; width:40px; height:40px; background-image:url(/assets/images/_resource/pages/customer/list/i06.svg); background-size:40px 40px; position: absolute; top:calc(50% - 20px); left:0;}
.section-title#inquiry-recruit:before{content:""; display:block; width:40px; height:40px; background-image:url(/assets/images/_resource/pages/customer/list/i07.svg); background-size:40px 40px; position: absolute; top:calc(50% - 20px); left:0;}
.section-title#inquiry-balancemaster:before{content:""; display:block; width:40px; height:40px; background-image:url(/assets/images/_resource/pages/customer/list/i08.svg); background-size:40px 40px; position: absolute; top:calc(50% - 20px); left:0;}
.section-title#inquiry-onlineshop:before{content:""; display:block; width:40px; height:40px; background-image:url(/assets/images/_resource/pages/customer/list/i09.svg); background-size:40px 40px; position: absolute; top:calc(50% - 20px); left:0;}
.section-title#inquiry-garden-mate:before{content:""; display:block; width:40px; height:40px; background-image:url(/assets/images/_resource/pages/customer/list/i10.svg); background-size:40px 40px; position: absolute; top:calc(50% - 20px); left:0;}

.group-list .section-stitle{font-size:var(--h3-smaller);}
.inquiry-detail-block .section-stitle{font-size:var(--h3-smaller);}

.group-list h3.section-stitle a{padding-left:36px; position: relative; text-decoration:none;}
.group-list h3.section-stitle a:before{content:""; display:block; width:30px; height:30px; background-image:url(/assets/images/_resource/pages/customer/link-title.svg); background-size:30px 30px; position:absolute; left:0; top:3px;}
.group-list h3.section-stitle a.outer-link{padding-left:0; padding-right:36px;}
.group-list h3.section-stitle a.outer-link:before{display:none;}
.group-list h3.section-stitle a.outer-link:after{content:""; display:block; width:30px; height:30px; background-image:url(/assets/images/_resource/pages/customer/outer-link.svg); background-size:30px 30px; position:absolute; right:0; top:5px;}

.group-list + .group-list{
  border-top:1px solid #999;
  margin-top:60px;
  padding-top:60px;
}


@media (max-width:960px){
.inquiry-detail-block .flex-list div{width:100%;}
.inquiry-detail-block .flex-list div.full-length{width:100%;}
.inquiry-detail-block .flex-list div .inquiry-title{padding-left:36px;}
.inquiry-detail-block .flex-list div .inquiry-title.long-text{padding-left:36px;}

.inquiry-detail-block .flex-list div .inquiry-title:before{content:""; display:block; position:absolute; left:0; top:0;}
.inquiry-detail-block .inquiry-title.telephone:before{width:32px; height:32px; background-size:32px 32px;}
.inquiry-detail-block .inquiry-title.online:before{width:32px; height:32px; background-size:32px 32px;}
.inquiry-detail-block .inquiry-title.letter:before{width:32px; height:32px; background-size:32px 32px;}
.inquiry-detail-block .inquiry-title.branch:before{width:32px; height:32px; background-size:32px 32px;}
.inquiry-detail-block .inquiry-title.email:before{width:32px; height:32px; background-size:32px 32px;}
.inquiry-detail-block .flex-list div .list-indent{margin-left:35px; width:calc(100% - 34px);}

.group-list h3.section-stitle a{padding-left:32px; position: relative; text-decoration:none;}
.group-list h3.section-stitle a:before{width:26px; height:26px; background-size:26px 26px; left:0; top:5px;}
.group-list h3.section-stitle a.outer-link{padding-left:0; padding-right:32px;}
.group-list h3.section-stitle a.outer-link:after{width:26px; height:26px; background-size:26px 26px; position:absolute; right:0; top:5px;}

.section-title.icons-ttl{padding-left:40px;}
.section-title#inquiry-elderly:before,
.section-title#inquiry-professional:before,
.section-title#inquiry-fine-chemicals:before,
.section-title#inquiry-corporate:before,
.section-title#inquiry-factory:before,
.section-title#inquiry-recruit:before,
.section-title#inquiry-balancemaster:before,
.section-title#inquiry-onlineshop:before,
.section-title#inquiry-garden-mate:before{width:34px; height:34px; background-size:34px 34px; top:calc(50% - 17px); left:0;}

.inquiry-detail-block .flex-list div .btn-wrap a.auto{min-width:auto;}

.inquiry-detail-block .flex-list .flex-in{display:flex; flex-direction: column; gap:30px;width:100%;}
.inquiry-detail-block .flex-list .flex-in div{width:100%;}
.group-list + .group-list{
  margin-top:45px;
  padding-top:45px;
}
}

@media (max-width:768px){
.inquiry-detail-block .flex-list div{width:100%;}
.inquiry-detail-block .flex-list div.full-length{width:100%;}
.inquiry-detail-block .flex-list div .inquiry-title{padding-left:32px;}
.inquiry-detail-block .flex-list div .inquiry-title.long-text{padding-left:32px;}
.inquiry-detail-block .flex-list div .inquiry-title:before{content:""; display:block; position:absolute; left:0; top:1px;}
.inquiry-detail-block .inquiry-title.telephone:before{width:28px; height:28px; background-size:28px 28px;}
.inquiry-detail-block .inquiry-title.online:before{width:28px; height:28px; background-size:28px 28px;}
.inquiry-detail-block .inquiry-title.letter:before{width:28px; height:28px; background-size:28px 28px;}
.inquiry-detail-block .inquiry-title.branch:before{width:28px; height:28px; background-size:28px 28px;}
.inquiry-detail-block .inquiry-title.email:before{width:28px; height:28px; background-size:28px 28px;}

.inquiry-detail-block .flex-list div .list-indent{margin-left:30px; width:calc(100% - 30px);}

.group-list h3.section-stitle a{padding-left:28px; position: relative; text-decoration:none;}
.group-list h3.section-stitle a:before{width:22px; height:22px; background-size:22px 22px; left:0; top:2px;}
.group-list h3.section-stitle a.outer-link{padding-left:0; padding-right:28px;}
.group-list h3.section-stitle a.outer-link:after{width:22px; height:22px; background-size:22px 22px; position:absolute; right:0; top:2px;}

.section-title.icons-ttl{padding-left:36px;}
.section-title#inquiry-elderly:before,
.section-title#inquiry-professional:before,
.section-title#inquiry-fine-chemicals:before,
.section-title#inquiry-corporate:before,
.section-title#inquiry-factory:before,
.section-title#inquiry-recruit:before,
.section-title#inquiry-balancemaster:before,
.section-title#inquiry-onlineshop:before,
.section-title#inquiry-garden-mate:before{width:30px; height:30px; background-size:30px 30px; top:calc(50% - 15px); left:0;}


.group-list + .group-list{
  margin-top:30px;
  padding-top:30px;
}
}

@media (max-width:576px){
.section-title.icons-ttl{padding-left:36px; line-height:1.5;}
}

/* improvement-list */
.improvement-list{display:flex; flex-wrap:wrap; gap:50px;}
.improvement-item{border:var(--border); border-radius:20px; width:calc(50% - 25px); padding:35px 0; display:flex; flex-direction: column; align-items: center; justify-content: center;}
.improvement-title{font-size:var(--h3); font-weight:600; letter-spacing:0; padding:0 30px; line-height:1.4;}
.improvement-title span{display:inline-block;}

.improvement-article{display:flex; gap:30px; padding:30px 30px;}
.improvement-article .article-photo{width:200px}
.improvement-article .article-ttl{font-size:var(--h4); font-weight:600; line-height:1; margin-bottom:20px;}
.improvement-article .article-text{width:calc(100% - 200px - 30px); }
.improvement-article .article-text p{font-size:var(--s-text); line-height:1.7; font-weight:600;}
.improvement-article .article-text p span{display:inline-block;}

.safety-article{display:flex; flex-direction: column; gap:10px; padding:30px 0; align-items: center;}
.safety-article p{font-size:var(--text); font-weight:600; padding:5px 20px;}


@media (max-width:1080px){
  .improvement-title{padding:0 30px}
  .improvement-list{display:flex; flex-wrap:wrap; flex-direction: column;  gap:30px;}
  .improvement-item{width:100%;}
}

@media (max-width:768px){
  .improvement-title{padding:0 30px} 
  .anchor-in{padding:0;}
  .anchor-in nav ul{display:flex; flex-wrap:wrap; gap:25px; row-gap:10px; justify-content: center;}
  .anchor-in nav ul li a{text-decoration:none; display:block; position:relative; padding-left:18px;}
  .anchor-in nav ul li a:before{content:""; width:16px; height:16px; display:block; background:url(/assets/images/_resource/pages/products/products/anchor.png) no-repeat; background-size:16px 16px; position:absolute; left:0; top:calc(50% - 10px)}
}
@media (max-width:576px){
.improvement-article{display:flex; flex-direction: column; gap:30px; padding:30px 30px;}
.improvement-article .article-photo{width:100%; max-width:400px; margin:0 auto;}
.improvement-article .article-text{width:100%; }
.improvement-article .article-text p span{display:inline-block;}
}

.detail-in{width:100%; max-width:1000px; margin:0 auto;}
.detail-in-tb{width:100%; max-width:1000px; margin:0 auto 50px;}

.products-list.col3 .products-item.inquiry-item.full{width:100% !important; flex-basis:auto;}

.inquiry-item{background:#fff; border:var(--border); padding:35px; border-radius:20px; display:flex; align-items: center; flex-direction: column; gap:20px;}
.inquiry-title{font-size:var(--h5); font-weight:600; letter-spacing:0; position:relative; padding-left:30px; line-height:1.4;}
.inquiry-title.no-point{padding-left:0;}
.inquiry-title span{display:inline-block; }
.inquiry-title:before{content:""; display:inline-block; position:absolute; left:0px; top:3px;}
.inquiry-title#telephone:before{width:24px; height:24px; background:url(/assets/images/_resource/pages/customer/phone.svg) no-repeat; background-size:24px 24px;}
.inquiry-title#online:before{width:24px; height:24px; background:url(/assets/images/_resource/pages/customer/laptop.svg) no-repeat; background-size:24px 24px;}
.inquiry-title#letter:before{width:24px; height:24px; background:url(/assets/images/_resource/pages/customer/pen.svg) no-repeat; background-size:24px 24px;}

.inquiry-img-block{display:flex; flex-direction: column; gap:10px; align-items: center; justify-content: center;}
.inquiry-img-block p{text-align:center; font-size:var(--s-text); font-weight:600; line-height:1.5;}
.inquiry-item p.letter-text{font-size:var(--s-text); font-weight:600; width:fit-content; justify-self: center; display:inline-grid; line-height:1.7;}
.inquiry-item p.letter-text span{display:inline-block;}

@media (max-width:1200px){
.products-list.inquiry-list{gap:30px;}
.products-list.col3 .products-item.inquiry-item{width:calc(50% - 15px); flex-basis:auto;}
.products-list.col3 .products-item.inquiry-item.full{width:calc(50% - 15px) !important; flex-basis:auto;}
.inquiry-item{background:#fff; border:var(--border); padding:35px; border-radius:20px; display:flex; justify-content: center; align-items: center; flex-direction: column; gap:20px;}
.inquiry-img-block img{width:85%;}
}

@media (max-width:960px){
.products-list.inquiry-list{gap:30px;}
.products-list.col3 .products-item.inquiry-item{width:100%; flex-basis:auto;}
.products-list.col3 .products-item.inquiry-item.full{width:100% !important; flex-basis:auto;}
.inquiry-item{background:#fff; border:var(--border); padding:35px; border-radius:20px; display:flex; justify-content: center; align-items: center; flex-direction: column; gap:20px;}
.inquiry-title{font-size:var(--h5); font-weight:600; position:relative; padding-left:20px;}
.inquiry-title:before{content:""; display:inline-block; position:absolute; left:-4px; top:4px;}
.inquiry-title#telephone:before{width:20px; height:20px; background:url(/assets/images/_resource/pages/customer/phone.svg) no-repeat; background-size:20px 20px;}
.inquiry-title#online:before{width:20px; height:20px; background:url(/assets/images/_resource/pages/customer/laptop.svg) no-repeat; background-size:20px 20px;}
.inquiry-title#letter:before{width:20px; height:20px; background:url(/assets/images/_resource/pages/customer/pen.svg) no-repeat; background-size:20px 20px;}
.inquiry-item p.letter-text{display:block;}
}

@media screen and (min-width: 768px){
a[href*="tel:"] {
    pointer-events: none; 
    cursor: default;
    text-decoration: none;
}
}


/*tab*/

/* Tabs */
.tabs {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
  width:100%;
}

[role="tablist"] {
  display: flex;
  gap: 30px;
  width:100%;
}

.tab {
  background: none;
  border: none;
  width:calc(50% - 15px);
  font-size: var(--h3);
  padding: 12px 0;
  cursor: pointer;
  position: relative;
  font-weight:600;
  color:#444;
  border-bottom: 2px solid #ccc;
  font-family:"Noto Sans","BIZ UDGothic",sans-serif;
}

.tab .check{position:relative; display:inline-block; width:20px; height:20px; margin-right:10px; border-radius:50%;background: var(--new-green); opacity: 0;}
.tab .check::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 50%;
  width: 8px;
  height: 4px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: translateY(-70%) rotate(-45deg);
  opacity: 0;
}
.tab.is-active .check,
.tab.is-active .check::before{
  opacity: 1;
}

.tab[aria-selected="true"] {
  color: var(--new-green);
  font-weight: bold;
}

.tab[aria-selected="true"]::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 3px;
  background:var(--new-green);
}

/* Panels animation */
.tab-panel {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .3s ease, transform .3s ease;
}

.tab-panel.is-active {
  opacity: 1;
  transform: translateY(0);
}

.tab-panel[hidden] {
  display: block; /* アニメーション用 */
  visibility: hidden;
  height: 0;
  overflow: hidden;
}

@media (max-width:768px){
  [role="tablist"] {
  display: flex;
  gap: 0;
  width:100%;
}
.tab {
  background: none;
  border: none;
  width:50%;
  font-size: var(--h4);
  padding: 12px 0;
  border-bottom: 2px solid #ccc;
}
.tab b{display:inline-block;}
.tab .check{width:14px; height:14px; margin-right:6px;}
.tab .check::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 50%;
  width: 6px;
  height: 3px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: translateY(-70%) rotate(-45deg);
  opacity: 0;
}

}

@media (max-width:576px){
  .tab {
  background: none;
  width:50%;
  padding: 12px 0;
  border-bottom: 2px solid #ccc;
}
}


/* Form */
.inquiries{padding:20px 0 50px;}

.inquiry-status{display:flex; width:90%; gap:90px; justify-content: center; margin:10px auto 30px; }
.inquiry-status li{display:flex; justify-items: center; align-items: center; flex-direction: column; gap:10px; position:relative;}
.inquiry-status li:after{content:""; display:block; width:90px; height:2px; background:#ccc; position: absolute; top:36px; left:90px}
.inquiry-status li:nth-child(2):after{content:""; left:130px}
.inquiry-status li:last-child:after{display:none;}

.inquiry-status li .num{width:72px; height:72px; text-align: center; border-radius:50%; border:solid 2px var(--new-green); font-size:36px; color:var(--new-green); line-height:1.9em;}
.inquiry-status li.is-active .num{width:72px; height:72px; text-align: center; border-radius:50%; border:solid 2px var(--new-green); font-size:36px; color:#fff; background:var(--new-green)}
.inquiry-status li .status-text{font-size:var(--text); color:#444; font-weight:600;}

.inquiry-status + .section-lead{padding:0 0 20px 0;}

.notes-on-inquiries{width:90%; max-width:1000px; margin:20px auto; border-radius:20px; border:var(--border);overflow: hidden;}
.notes-toggle{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E7DFCE;
    border: none;
    padding: 20px;
    cursor: pointer;
    gap: 40px;
    color:#444;
    /*font-size:var(--h3-smaller);*/
    font-size:var(--h4);
    font-weight:600;
    border-radius: 20px 20px 0 0;
    height:100px;
    font-family:"Noto Sans","BIZ UDGothic",sans-serif;
    position:relative;
    transition:opacity 0.3s ease-in-out;
}
.notes-plus{position:absolute; right:25px; font-size:40px;}
.notes-block{
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: all 0.4s ease;
    background: #fff;
}
.notes-block-inner{padding:40px; background:#fff; border-radius: 0 0 20px 20px; overflow:hidden}
ul.list-items + .notes-stitle{margin-top:40px;}
ul.list-items{margin:2px 0 20px;}
ul.list-items li{padding:0 0 0 1em; position:relative; border:none; font-size:var(--s-text-smaller); font-weight:600; line-height:1.7;}
ul.list-items li:before{content:""; display:block; position:absolute; left:0.2em; top:0.75em; width:0.2em; height:0.2em; border-radius:0.1em; background:#444;}

.notes-toggle:hover{opacity:.75;}
.inquiry-info{padding-top:40px; margin-top:30px; border-top:solid 1px #444}


@media (max-width:768px){
  .inquiry-status{display:flex; width:100%; gap:45px; justify-content: center; margin:30px auto 30px; }
  .inquiry-status li:after{content:""; display:block; width:50px; height:2px; background:#ccc; position: absolute; top:25px; left:60px}
  .inquiry-status li:nth-child(2):after{content:""; left:85px; width:60px}
  .inquiry-status li .num{width:50px; height:50px; font-size:25px; line-height:1.9em;}
  .inquiry-status li.is-active .num{width:50px; height:50px; font-size:25px;}
  .inquiry-status li .status-text{font-size:var(--text);}

  .notes-toggle{
    padding: 16px 50px;
    cursor: pointer;
    gap: 20px;
    font-weight:600;
    border-radius: 16px 16px 0 0;
    height:auto;
    min-height:80px;
    font-family:"Noto Sans","BIZ UDGothic",sans-serif;
    position:relative;
  }
  .notes-toggle span{display:inline-block;}
  .notes-block-inner{padding:30px; border-radius: 0 0 16px 16px;}
  .notes-plus{position:absolute; right:25px; font-size:28px;}
  ul.list-items + .notes-stitle{margin-top:30px;}
}
@media (max-width:576px){
  .inquiry-status{display:flex; width:100%; gap:45px; justify-content: center; margin:20px auto 40px; }
  .inquiry-status li:after{content:""; display:block; width:50px; height:2px; background:#ccc; position: absolute; top:25px; left:57px}
  .inquiry-status li:nth-child(2):after{content:""; left:80px; width:50px}

  .notes-on-inquiries{width:95%;}
  .notes-toggle{font-size:var(--h4); padding: 12px 40px;}
  .notes-plus{position:absolute; right:20px; font-size:20px;}
  .notes-block-inner{padding:15px; border-radius: 0 0 16px 16px;}
  .inquiry-status li .status-text{font-size:var(--s-text);}
  ul.list-items + .notes-stitle{margin-top:20px;}
}

.inquiry-detail-block{width:100%; max-width:1000px; margin:20px auto;}
.inquiry-detail-block fieldset,
.inquiry-detail-block .form-group{margin-bottom:45px;}
.inquiry-detail-block .form-group p.notes{font-size:var(--s-text); font-weight:600; color:#555; padding-top:4px; line-height:1.7;}

.inquiry-detail-block input[type=text],
.inquiry-detail-block input[type=email],
.inquiry-detail-block input[type=tel]{width:100%; padding:20px; border:var(--border); border-radius: 10px; font-size:var(--text)}
.inquiry-detail-block input[type=text].small-field{width:33%;}

.inquiry-detail-block input[type=text]::placeholder,
.inquiry-detail-block input[type=email]::placeholder,
.inquiry-detail-block input[type=tel]::placeholder{color:#999; font-size:var(--text);}
.inquiry-detail-block textarea{width:100%; padding:20px; border:var(--border); border-radius: 10px; font-size:var(--text); min-height:6em;}

.inquiry-detail-block p{font-weight: 600;}
.inquiry-detail-block p.org a{color:var(--orangeAA)} 

label.inquiry-stitle,
.inquiry-detail-block legend{font-size:var(--text); margin-bottom:15px; font-weight:700; display:block;}

label.inquiry-stitle span,
.inquiry-detail-block legend span{color:var(--orangeAA); padding-left:0.05em;}

.privacy-title{font-size:var(--h5); margin-bottom:15px; font-weight:700; display:block;}
.confirm-text{font-size:var(--text); font-weight:600; padding:0;}

.inquiry-item-list{margin-bottom:30px;}
.inquiry-item-list li{font-size:var(--s-text); font-weight:600;}
.flex-list{display:flex; gap:20px; flex-wrap:wrap;}

.agreement-block{display:flex; align-items: center; flex-direction: column; justify-content: center; gap:20px; margin:50px 0 50px;}
.inquiry-finish-block{margin:40px 0 80px; display:flex; align-items: center; justify-content: center; gap:60px; flex-direction: column;}
.inquiry-finish-block p{display:block; width:100%; font-size:var(--s-text)}
.freedial{width:80%; max-width:480px;}

.balance_master_main{border-radius:20px; margin-bottom:20px;}

@media (max-width:768px){
.agreement-block{gap:20px; margin:40px 0 40px;}
.inquiry-finish-block{margin:40px 0 60px; gap:40px; flex-direction: column;}
.freedial{width:80%; max-width:480px;}
}

.inquiry-detail-block button{transition: opacity 0.3s ease-in-out; cursor: pointer;}
.inquiry-detail-block button:hover{opacity:0.75;  cursor: pointer;}
.inquiry-detail-block button[type=reset]{background:#dcdcdc; color:#444; width:270px; height:50px; border-radius:25px; display:flex; align-items:center; justify-content: center; border:none; font-size:var(--text); font-weight:700;}
.inquiry-detail-block button[type=submit],
.inquiry-detail-block button[type=button]{background:var(--new-green); color:#fff; width:270px; height:50px; border-radius:25px;border:none; font-size:var(--text); font-weight:700; position:relative;}
.inquiry-detail-block button[type=submit]:after{
    content: '';
    background-image: url(/assets/images/_resource/shared/icons/icon-btn-arrow-white.svg);
    width: 8px;
    height: 13px;
    aspect-ratio: 4 / 6;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 15px;
}

/*radio,check*/
.check-item{
  display:flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
  position:relative;
}
.check-item .label-items{width:calc(100% - 28px);}

.check-item input{
  position:absolute;
  opacity:0;
  width:1px;
  height:1px;
}

.check-box{
  width:20px;
  height:20px;
  border:2px solid #666;
  border-radius:4px;
  display:inline-block;
  position:relative;
  transition:.2s;
}
.check-box::after{
  content:"";
  position:absolute;
  width:6px;
  height:10px;
  border:solid white;
  border-width:0 3px 3px 0;
  transform:rotate(45deg);
  left:4px;
  top:-1px;
  opacity:0;
}
.check-item input:checked + .check-box{
  background:var(--new-green);
  border-color:var(--new-green);
}

.check-item input:checked + .check-box::after{
  opacity:1;
}

.radio-box{
  width:20px;
  height:20px;
  border:2px solid #666;
  border-radius:50%;
  position:relative;
  display:inline-block;
}
.radio-box::after{
  content:"";
  position:absolute;
  width:10px;
  height:10px;
  background:#fff;
  border-radius:50%;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%) scale(0);
  transition:.2s;
}
.check-item input:checked + .radio-box{
  background:var(--new-green);
  border-color:var(--new-green);
}
.check-item input:checked + .radio-box + .label-items{color:var(--new-green)}

.check-item input:checked + .radio-box::after{
  transform:translate(-50%,-50%) scale(1);
}
.check-item input:focus-visible + .check-box,
.check-item input:focus-visible + .radio-box{
  outline:3px solid var(--new-green);
  outline-offset:2px;
}
.check-item:hover .check-box,
.check-item:hover .radio-box{
  border-color:var(--new-green);
}
.check-item{
  min-height:44px;
}

/*error*/

.error-message{
color:#c00;
font-size:var(--s-text);
}
input + .error-message{padding-top:5px;}

.form-error{
border:2px solid #c00;
padding:16px;
margin-bottom:24px;
}

[aria-invalid="true"]{
/*border:2px solid #c00;*/
}
:focus{
  outline:3px solid var(--new-green);
  outline-offset:2px; 
}
:focus:not(:focus-visible) {
  outline: none;
}

.error-field input[type=text],
.error-field input[type=email],
.error-field input[type=tel],
.error-field textarea{background:#fcf2f2}

/* news */

.news-year,
.news-detail{width:100%; max-width:1100px; margin:0 auto; padding:10px;}
.news-year + .news-year{padding-top:70px;}

.news-year .news-year__title{font-weight:700; font-size:var(--h3); color:var(--new-green); padding-left:20px; border-left:solid 8px var(--new-green); line-height:1.6; margin-bottom:30px;}
.news-item article a{display:flex; gap:15px; text-decoration:none; padding:10px 0; font-size:var(--text)}
.news-item article a time{color:var(--new-green); width:9em; font-weight:600;}
.news-item article a .news-title{width:calc(100% - 15px - 9em);}
.news-list{margin-left:28px;}


.section-lead-time{display:block; padding:0 0 30px; text-align:center; font-size:var(--text); font-weight:600;}
.section-title + .section-lead-time{margin-top:-40px;}
.news-detail{padding-bottom:40px;}
.news-detail p{padding:5px 0 10px; font-size:var(--text)}

@media (max-width:768px){
.news-year + .news-year{padding-top:50px;}
.news-year .news-year__title{ padding-left:16px; border-left:solid 5px var(--new-green); margin-bottom:20px;}
.news-item article a{gap:5px; flex-direction: column;}
.news-item article a time{color:var(--new-green); width:100%; font-weight:600;}
.news-item article a .news-title{width:100%;;}
.news-list{margin-left:21px;}

.section-title + .section-lead-time{margin-top:-20px;}
}


/*kaizen*/

.kaizen-list{display:flex; gap:var(--gap-col3); flex-wrap: wrap;}
.kaizen-item{display:flex; width:calc((100% - var(--gap-col3) * 2) / 3); border-radius:20px;  border:var(--border)}
.kaizen-item article a{display:flex; text-decoration:none; width:100%; flex-direction: column; gap:10px; padding:20px;}
.kaizen-item a .kaizen-thumb{width:50%; max-width:200px; margin:10px auto;}

.kaizen-item a .kaizen-link{font-size:var(--text); font-weight:700; position:relative; margin-bottom:5px;}
.kaizen-item a .kaizen-link.link-arrow:hover{color:var(--new-green)}
.kaizen-item a p{font-size:var(--s-text); font-weight:500;}
.kaizen-item a .link-arrow:before{background-color:var(--new-green)}
.kaizen-item a .link-arrow:hover{color:var(--new-green)}

.case{padding:20px 0;}
.case-before{width:100%; margin:20px auto; background:#f8fbf6; border:var(--border); border-radius:20px; padding:20px 20px 30px; position: relative; margin:30px 0 140px;  z-index:2;}
.customer-voice-title{font-size:var(--h4); background:var(--new-green); color:#fff; display:block; padding:14px 28px; width:fit-content; border-radius:10px; margin:-50px auto 20px; line-height:1.3;}
.case-before p{font-size:var(--text); color:#444; font-weight:600; text-align:center;}
/*.case-before:after{content:"ここを改善"; display:flex; justify-content: center; width:100%; max-width:540px;; height:auto;padding:5% 0 10%; margin:0 auto;  text-align:center; background:var(--orangeAA); font-size:var(--h4); color:#fff; clip-path: polygon(50% 100%, 0 0, 100% 0); position:absolute; left:25%;}*/

.case-before::after{
  content:"ここが改善";
  position:absolute;
  bottom:-110px;
  left:25%;
  width:50%;
  /*transform:translateX(-50%);*/
  font-size:var(--h4);
  text-align:center;
  padding:1em 0 1.5em;
  background:var(--orangeAA);
  font-weight:700;
  color:#fff;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  z-index:-1;
  border-radius:0;
}
.case-after{width:100%; margin:20px auto; background:#fff; border:var(--border); border-radius:20px; padding:0;}
.after-block{padding:30px; margin-bottom:30px;}
.after-block p.after-text{font-size:var(--text); color:#444; font-weight:600; width:90%; margin:10px auto;}
.after-photo-list{display:flex; gap:30px; justify-content: center; width:90%; margin:40px auto;}
.after-photo-list li{width:calc((100% - 30px * 3) / 4);}
.after-photo-list p{font-size:var(--s-text); padding:10px 0; font-weight:600;}
.after-voice{background:#faece6; position:relative; padding:30px; border-radius:0 0 20px 20px;}
.after-title{font-size:var(--h4); background:var(--orangeAA); color:#fff; display:block; padding:14px 28px; width:fit-content; border-radius:10px; margin:-50px auto 20px; line-height:1.3;}
.after-voice-text{font-size:var(--text); color:#444; font-weight:600; text-align:center;}

@media (max-width:960px){
  .kaizen-list{display:flex; gap:var(--gap-col4); flex-wrap: wrap;}
  .kaizen-item {
      flex-basis: calc((100% - var(--gap-col4) * 1) / 2);
      width: calc((100% - var(--gap-col4) * 1) / 2);
  }
  .kaizen-item article a{padding:16px;}
}
@media (max-width:768px){
  .kaizen-list{display:flex; gap:var(--gap-col6); flex-wrap: wrap;}
  .kaizen-item {
      flex-basis: calc((100% - var(--gap-col6) * 1) / 2);
      width: calc((100% - var(--gap-col6) * 1) / 2);
  }
  .kaizen-item article a{padding:14px;}

  .case-before{padding:20px 20px 30px; margin:30px 0 100px;}
  .case-before::after{
    content:"ここが改善";
    position:absolute;
    bottom:-80px;
    left:20%;
    width:60%;
  }
  .after-block p.after-text{width:100%; margin:5px auto;}
  .after-photo-list{display:flex; gap:30px; flex-wrap:wrap; justify-content: center; width:100%; margin:40px auto;}
  .after-photo-list li{width:calc((100% - 30px * 1) / 2);}
  .after-photo-list p{font-size:var(--s-text); padding:10px 0;}
}

@media (max-width:576px){
  .kaizen-item {
      flex-basis: 100%;
      width: 100%;
  }
}
.section-stitle + .btn-wrap{margin-top:-60px; width:100%;}
.large.type01,.large.type02{width:calc(50% - 15px); max-width:700px; border-radius:10px; padding:20px 40px; line-height:1.7; flex-direction: column; align-items: center; justify-self: center; text-align:center;}
.large.type01 span,.large.type02 span{font-size:var(--s-text); margin-top:8px;}

@media (max-width:768px){
.large.type01,.large.type02{width:100%; max-width:600px; border-radius:10px; padding:20px 40px; line-height:1.7;}
}