@charset "utf-8";
/* CSS Document */
.cate_concept{
  position:relative;
}
.cate_concept .inner{
  width:100%;
  margin:0 auto;
  align-items:center;
  gap:clamp(52px,8vw,110px);
  position:relative;
  z-index:2;
}
.cate_concept .txtarea{
  width:calc(48% - clamp(52px,8vw,110px) / 2);
}
.cate_concept .main_img{
  width:calc(52% - clamp(52px,8vw,110px) / 2);
  aspect-ratio:520/600;
  border-radius:5px;
}
.cate_concept .main_img img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.cate_concept .txtbox{
  margin-top:clamp(34px,4.5vw,56px);
}
.cate_concept .txtbox p{
  color:#6A513F;
}
.cate_concept .deco{
  position:absolute;
  z-index:1;
  pointer-events:none;
}
.cate_concept .deco img{
  width:100%;
  height:auto;
  display:block;
}
.cate_concept .txtarea{
  position:relative;
}
.cate_concept .main_img{
  position:relative;
}
.cate_concept .deco{
  position:absolute;
  pointer-events:none;
  z-index:5;
}
.cate_concept .deco img{
  width:100%;
  height:auto;
  display:block;
}
.cate_concept .txtarea{
  position:relative;
  z-index:1;
}
.cate_concept .txtarea .titlebox,
.cate_concept .txtarea .txtbox{
  position:relative;
  z-index:2;
}
.cate_concept .deco1{
  width:clamp(110px,13vw,170px);
  left:clamp(-42px,-3vw,-18px);
  bottom:clamp(-44px,-3vw,-20px);
  z-index:1;
}
.cate_concept .deco2{
  width:clamp(110px,13vw,170px);
  left:clamp(-58px,-4vw,-24px);
  top:clamp(-46px,-3vw,-20px);
}
@media screen and (max-width:768px){
  .cate_concept .deco1{
    width:clamp(82px,20vw,120px);
    left:auto;
    right:clamp(8px,4vw,24px);
    bottom:clamp(-36px,-5vw,-18px);
  }
  .cate_concept .deco2{
    width:clamp(82px,20vw,120px);
    left:clamp(-20px,-3vw,-8px);
    top:clamp(-28px,-4vw,-14px);
  }
}
@media screen and (max-width:576px){
  .cate_concept .deco1,
  .cate_concept .deco2{
    width:clamp(68px,22vw,96px);
  }
}

@media screen and (max-width:900px){
  .cate_concept .inner{
    gap:clamp(36px,6vw,54px);
  }
  .cate_concept .txtarea{
    width:calc(50% - clamp(36px,6vw,54px) / 2);
  }
  .cate_concept .main_img{
    width:calc(50% - clamp(36px,6vw,54px) / 2);
  }
}
@media screen and (max-width:768px){
  .cate_concept .inner{
    flex-direction:column;
    align-items:flex-start;
  }
  .cate_concept .txtarea,
  .cate_concept .main_img{
    width:100%;
  }

    .cate_concept .deco1{
        bottom: -50px;
    }
    
  .cate_concept .deco2{
  
    right:auto;
      left: 0;
  }
     .cate_concept .main_img{
    order:1;
    width:100%;
  }
  .cate_concept .txtarea{
    order:2;
    width:100%;
  }
  .cate_concept .main_img img{
    object-position:center clamp(8%,2vw,18%);
  }
    
}
@media screen and (max-width:576px){
  .cate_concept .titlebox .en{
    letter-spacing:.24em;
  }
  .cate_concept .deco{
    opacity:.75;
  }
      .cate_concept .main_img img{
    object-position:center top;
  }
    
}
.about_feature{
  position:relative;
  overflow:hidden;
}
.about_feature .titlebox .en{
  font-size:clamp(12px,1.2vw,14px);
  line-height:1;
  letter-spacing:.16em;
  margin-bottom:8px;
}


.about_feature .feature_list{
  width:100%;
  margin:0 auto;
}
.about_feature .feature_item + .feature_item{
  margin-top:clamp(34px,5vw,62px);
}

.about_feature .headbox .num{
  line-height:1;
  margin-bottom:clamp(10px,1.4vw,16px);
}
.about_feature .headbox .title{
  color:#6A513F;
  font-weight:400;
}
.about_feature .feature_item{
  --feature-gap:clamp(20px,4vw,40px);
  align-items:center;
  gap:var(--feature-gap);
    max-width: 1280px;
    width: 100%;
}
.about_feature .icon{
  width:clamp(92px,10vw,128px);
  aspect-ratio:1;
  border-radius:50%;
  overflow:hidden;
  flex:0 0 clamp(92px,10vw,128px);
  background:#fff;
}
.about_feature .headbox{
  width:calc(25% - var(--feature-gap) / 2);
  flex:0 0 calc(25% - var(--feature-gap) / 2);
    max-width: 200px;
}
.about_feature .txtbox{
  width:calc(75% - clamp(92px,10vw,128px) - var(--feature-gap) * 2 - var(--feature-gap) / 2);
  flex:1 1 auto;
}

.about_feature .txtbox p{
  color:#6A513F;
}
@media screen and (max-width:900px){
   .about_feature .feature_item{
    --feature-gap:clamp(20px,4vw,34px);
  }
  .about_feature .headbox{
    width:calc(34% - var(--feature-gap) / 2);
    flex-basis:calc(34% - var(--feature-gap) / 2);
  }
  .about_feature .txtbox{
    width:calc(66% - clamp(92px,10vw,128px) - var(--feature-gap) * 2 - var(--feature-gap) / 2);
  }
    
}
@media screen and (max-width:768px){
  .about_feature .feature_item{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    gap:clamp(18px,5vw,28px);
      max-width: 360px;
  }
  .about_feature .icon{
    width:96px;
    flex:0 0 96px;
  }
  .about_feature .headbox{
    width:calc(100% - 96px - clamp(18px,5vw,28px));
    flex:0 0 calc(100% - 96px - clamp(18px,5vw,28px));
    padding-top:2px;
  }
  .about_feature .headbox .num{
    margin-bottom:clamp(10px,2vw,14px);
  }
  .about_feature .txtbox{
    width:100%;
    flex:0 0 100%;
    padding-left:0;
    margin-top:clamp(6px,2vw,12px);
    box-sizing:border-box;
  }
}
@media screen and (max-width:576px){
  .about_feature .feature_item{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
  }
  .about_feature .icon{
    width:92px;
    flex-basis:92px;
    margin-bottom:0;
  }
  .about_feature .headbox{
    width:calc(100% - 92px - 18px);
    flex-basis:calc(100% - 92px - 18px);
  }
  .about_feature .txtbox{
    width:100%;
    flex-basis:100%;
    padding-left:0;
    margin-top:4px;
  }
}
.about_origin{
  position:relative;
  overflow:hidden;
}
.about_origin .origin_box{
  position:relative;
  width:min(100%,1000px);
  min-height:clamp(520px,55vw,720px);
  margin:0 auto;
  padding:clamp(70px,8vw,100px) clamp(30px,7vw,90px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:#fff;
  border-radius:500px;
  box-sizing:border-box;
}
.about_origin .logo{
  width:clamp(230px,18vw,350px);
  margin-bottom:clamp(18px,2vw,28px);
}
.about_origin .logo img{
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
}
.about_origin .lead1{
  color:#6A513F;
  margin-bottom:clamp(28px,3vw,42px);
  letter-spacing:.08em;
}
.about_origin .txtbox p{
  color:#6A513F;
}
.about_origin .deco{
  position:absolute;
  z-index:2;
  pointer-events:none;
}
.about_origin .deco img{
  width:100%;
  height:auto;
  display:block;
}
.about_origin .deco7{
  width:clamp(70px,9vw,120px);
  left:clamp(20px,4vw,56px);
  top:clamp(74px,9vw,120px);
}
.about_origin .deco8{
  width:clamp(70px,9vw,120px);
  right:clamp(28px,5vw,70px);
  bottom:clamp(74px,9vw,120px);
}
@media screen and (max-width:768px){
  .about_origin .origin_box{
    width:100%;
    min-height:auto;
    border-radius:46% / 34%;
    padding:clamp(58px,12vw,80px) clamp(24px,7vw,48px);
  }
  .about_origin .deco7{
    left:0;
    top:clamp(40px,8vw,70px);
  }
  .about_origin .deco8{
    right:0;
    bottom:clamp(40px,8vw,70px);
  }
}
@media screen and (max-width:576px){
  .about_origin .origin_box{
    border-radius:42% / 24%;
    padding:60px 22px;
  }
  .about_origin .logo{
    width:160px;
  }
  .about_origin .deco{
    width:70px;
  }
}
.clay_about{
  position:relative;
  overflow:hidden;
}
.clay_about .clay_intro{
  --clay-intro-gap:clamp(44px,7vw,82px);
  width:100%;
  margin-left:auto;
  margin-right:auto;
  align-items:center;
  justify-content:center;
  gap:var(--clay-intro-gap);
    max-width: 1280px;
}
.clay_about .main_img{
  width:calc(47% - var(--clay-intro-gap) / 2);
  aspect-ratio:420/265;
  border-radius:5px;
  overflow:hidden;
}
.clay_about .main_img img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.clay_about .txtarea{
  width:calc(53% - var(--clay-intro-gap) / 2);
}
.clay_about .lead{
  color:#6A513F;
  font-weight:400;
  margin-bottom:clamp(18px,2.5vw,28px);
}
.clay_about .txtbox p{
  color:#6A513F;
}
.clay_about .effect_title{
  width:100%;
  margin:0 auto clamp(20px,3vw,30px);
  align-items:center;
  gap:8px;
}
.clay_about .effect_title .icon{
  width:clamp(10px,1.2vw,14px);
  flex-shrink:0;
}
.clay_about .effect_title .icon img{
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
}
.clay_about .effect_title p{
  color:#6A513F;
}
.clay_about .effect_list{
  --effect-gap:clamp(28px,4vw,44px);
  gap:var(--effect-gap);
  align-items:stretch;
}
.clay_about .effect_item{
  width:calc((100% - var(--effect-gap)) / 2);
  padding:clamp(28px,4vw,38px) clamp(28px,4vw,40px);
  border-radius:4px;
  box-sizing:border-box;
}
.clay_about .care_title{
  align-items:center;
  gap:8px;
  margin-bottom:clamp(14px,1.8vw,20px);
    justify-content: flex-start;
}
.clay_about .care_title .en{
  line-height:1;
  letter-spacing:.12em;
  white-space:nowrap;
}
.clay_about .care_title .jp{
  color:#6A513F;
  line-height:1;
  letter-spacing:.08em;
}
.clay_about .effect_item > p{
  color:#6A513F;
}
@media screen and (max-width:768px){
  .clay_about .clay_intro{
    flex-direction:column;
    gap:clamp(28px,6vw,42px);
  }
  .clay_about .main_img,
  .clay_about .txtarea{
    width:100%;
  }
  .clay_about .effect_list{
    flex-direction:column;
  }
  .clay_about .effect_item{
    width:100%;
  }
}
@media screen and (max-width:576px){
  .titlebox1 .en{
    letter-spacing:.24em;
  }
  .clay_about .main_img{
    aspect-ratio:4/3;
  }
  .clay_about .effect_item{
    padding:26px 22px;
  }
  .clay_about .care_title{
    flex-wrap:wrap;
  }
}

.clay_about .effect_title{
  display:flex;
  align-items:center;
  gap:8px;
    justify-content: flex-start;
}
.clay_about .effect_title .icon{
  width:clamp(10px,1.2vw,14px);
  flex-shrink:0;
}
.clay_about .effect_title .icon img{
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
}
.clay_about .effect_title p{
  color:#6A513F;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}