@charset "utf-8";
/* =========================================================
   hanagoza
========================================================= */
/* hanagoza-deadline */
#mainWrapper--new .hanagoza-deadline{
  background-color: #F8F1DF;
  border: 1px solid #DDB553;
  display: flex;
  flex-direction: column;
}
#mainWrapper--new .hanagoza-deadline h3{
  font-size: var(--fz-22);
  display: inline-block;
  margin-inline: auto;
  position: relative;
}
#mainWrapper--new .hanagoza-deadline h3::before,#mainWrapper--new .hanagoza-deadline h3::after{
  position: absolute;
  content: "";
  display: inline-block;
  background: url(/assets_sbe/image/sub/hanagoza-deadline--dec.svg) no-repeat center center / contain;
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
}
#mainWrapper--new .hanagoza-deadline__list{
  display: grid;
  row-gap: var(--spc-15);
}
#mainWrapper--new .hanagoza-deadline__list li{
  display: grid;
  align-items: center;
}
@media screen and (min-width: 768px){
  #mainWrapper--new .hanagoza-deadline{
    max-width: 850px;
    padding-left: var(--spc-80);
    padding-right: var(--spc-80);
  }
  #mainWrapper--new .hanagoza-deadline h3::before,#mainWrapper--new .hanagoza-deadline h3::after{
    width: clamp(45px, 5vw, 60px);
  }
  #mainWrapper--new .hanagoza-deadline h3::before{
    right: 115%;
  }
  #mainWrapper--new .hanagoza-deadline h3::after{
    left: 115%;
  }
  #mainWrapper--new .hanagoza-deadline__list li{
    padding: var(--spc-10) var(--spc-40);
    grid-template-columns: 1fr 12fr;
    column-gap: 15px;
  }
}
@media screen and (max-width: 767px){
  #mainWrapper--new .hanagoza-deadline{
    padding-left: var(--spc-30);
    padding-right: var(--spc-30);
  }
  #mainWrapper--new .hanagoza-deadline h3::before,#mainWrapper--new .hanagoza-deadline h3::after{
    width: clamp(35px, 4vw, 45px);
  }
  #mainWrapper--new .hanagoza-deadline h3::before{
    right: 105%;
  }
  #mainWrapper--new .hanagoza-deadline h3::after{
    left: 105%;
  }
  #mainWrapper--new .hanagoza-deadline__list li{
    padding: var(--spc-15);
    grid-template-columns: 1fr 8fr;
    column-gap: 7px;
    font-size: 12px;
    line-height: 1.5;
  }
  #mainWrapper--new .hanagoza-deadline__list img{
    width: 50px;
    margin-right: 10px;
  }
}
/* hanagoza-process */
#mainWrapper--new .hanagoza-process__list{
  display: grid;
  counter-reset: flow;
}
#mainWrapper--new .hanagoza-process__list li{
  counter-increment: flow;
}
#mainWrapper--new .hanagoza-process__list--img{
  position: relative;
  margin-bottom: var(--spc-10);
}
#mainWrapper--new .hanagoza-process__list--img::before{
  position: absolute;
  content: counter(flow);
  font-family: var(--ff-ja);
  font-weight: 600;
  top: 0;
  left: 0;
  color: var(--c-white);
  background: var(--c-main-100);
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mainWrapper--new .hanagoza-process__list--txt h3{
  margin-bottom: 5px;
}
#mainWrapper--new .hanagoza-process__list li{
  position: relative;
}
#mainWrapper--new .hanagoza-process__list li::after{
  position: absolute;
  content: "";
  display: inline-block;
}
@media screen and (min-width: 768px){
  #mainWrapper--new .hanagoza-process__list{
    grid-template-columns: repeat(3,1fr);
    gap: var(--spc-75) var(--spc-50);
    padding-right: 3%;
  }
  #mainWrapper--new .hanagoza-process__list li{
    display: flex;
    flex-direction: column;
    border-bottom: 2px solid var(--c-bgColor-300);
    padding-bottom: var(--spc-20);
  }
  #mainWrapper--new .hanagoza-process__list li:not(:last-child)::after{
    background: url(/assets_sbe/image/sub/hanagoza-process-beside.svg) no-repeat center center / 100%;
    width: var(--spc-20);
    aspect-ratio: 1 / 3;
    top: 50%;
    transform: translateY(-50%);
    left: 105%;
  }
  #mainWrapper--new .hanagoza-process__list--img::before{
    font-size: var(--fz-18);
    width: var(--spc-50);
  }
  #mainWrapper--new .hanagoza-process__list--img img{
    aspect-ratio: 5 / 3;
  }
}
@media screen and (max-width: 767px){
  #mainWrapper--new .hanagoza-process__list{
    row-gap: var(--spc-50);
  }
  #mainWrapper--new .hanagoza-process__list li{
    display: grid;
    grid-template-columns: 4fr 5fr;
    column-gap: var(--spc-15);
  }
  #mainWrapper--new .hanagoza-process__list li:not(:last-child)::after{
    background: url(/assets_sbe/image/sub/hanagoza-process-under.svg) no-repeat center center / 100%;
    width: var(--spc-50);
    aspect-ratio: 3 / 1;
    left: 50%;
    transform: translateX(-50%);
    top: 107%;
  }
  #mainWrapper--new .hanagoza-process__list--img::before{
    font-size: var(--fz-16);
    width: var(--spc-40);
  }
  #mainWrapper--new .hanagoza-process__list--img img{
    aspect-ratio: 5 / 4;
  }
}

/* =========================================================
   okitatami
========================================================= */
/* okitatami-tab */
#mainWrapper--new .okitatami-tab__ctn{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  column-gap: clamp(10px, 1.7vw, 25px);
}
#mainWrapper--new .okitatami-tab__ctn li{
  border: 1px solid var(--c-main-200);
  box-shadow: 5px 5px 10px #d7d7d7;
}
#mainWrapper--new .okitatami-tab__ctn a{
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: clamp(12px, 2.2vw, 30px) clamp(12px, 2.2vw, 30px) clamp(10px, 1.5vw, 20px) clamp(12px, 2.2vw, 30px);
}
#mainWrapper--new .okitatami-tab__ctn p{
  margin-bottom: var(--spc-20);
}
#mainWrapper--new .okitatami-tab__ctn--heri h3{
  background-color: var(--c-main-200);
  margin-bottom: var(--spc-15);
}
#mainWrapper--new .okitatami-tab__ctn--heri-none h3{
  background-color: var(--c-main-100);
  margin-bottom: var(--spc-15);
}
#mainWrapper--new .okitatami-tab__ctn--img{
  margin-bottom: var(--spc-20);
}
#mainWrapper--new .okitatami-tab__ctn--arrow{
  aspect-ratio: 6 / 5;
  margin-inline: auto;
  margin-top: auto;
}
#mainWrapper--new .okitatami-tab__ctn a:hover{
  background-color: var(--c-bgColor-200);
  opacity: 1;
}
#mainWrapper--new .okitatami-material__ttl{
  display: flex;
  align-items: center;
  margin-bottom: var(--spc-25);
}
#mainWrapper--new .okitatami-heri--label{
  background-color: var(--c-main-200);
  text-align: center;
  width: clamp(170px, 20vw, 240px);
  padding: 2px 0;
}
#mainWrapper--new .okitatami-heri-none--label{
  background-color: var(--c-main-100);
  text-align: center;
  width: clamp(170px, 20vw, 240px);
  padding: 2px 0;
}
#mainWrapper--new .okitatami-material__list li{
  position: relative;
}
#mainWrapper--new .okitatami-material__list li::before{
  position: absolute;
  content: "";
  display: inline-block;
  width: 20%;
  aspect-ratio: 40 / 19;
  top: var(--spc-10);
  left: var(--spc-10);
}
#mainWrapper--new .okitatami-material__list--heri li::before{
  background: url(/assets_sbe/image/sub/okitatami-list--heri.jpg) no-repeat center center / contain;
}
#mainWrapper--new .okitatami-material__list--heri-none li::before{
  background: url(/assets_sbe/image/sub/okitatami-list--heri-none.jpg) no-repeat center center / contain;
}
@media screen and (min-width: 768px){
    #mainWrapper--new .okitatami-tab__ctn--img{
    aspect-ratio: 5 / 2;
  }
  #mainWrapper--new .okitatami-tab__ctn--heri h3,#mainWrapper--new .okitatami-tab__ctn--heri-none h3{
    padding: 8px 0;
  }
  #mainWrapper--new .okitatami-tab__ctn--arrow{
    width: var(--spc-40);
  }
  #mainWrapper--new .okitatami-material__ttl{
    padding: var(--spc-10) 0 var(--spc-10) var(--spc-40);
    column-gap: var(--spc-30);
  }
}
@media screen and (max-width: 767px){
  #mainWrapper--new .okitatami-tab__ctn h3{
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.5;
  }
  #mainWrapper--new .okitatami-tab__ctn--img{
    aspect-ratio: 14 / 9;
  }
  #mainWrapper--new .okitatami-tab__ctn--arrow{
    width: 20px;
  }
  #mainWrapper--new .okitatami-material__ttl{
    padding: var(--spc-10) 0 var(--spc-10) var(--spc-20);
    column-gap: var(--spc-25);
  }
}
/* okitatami-chanoyu__intro */
#mainWrapper--new .okitatami-chanoyu__series{
  font-size: var(--fz-22);
}
@media screen and (min-width: 768px){
  #mainWrapper--new .okitatami-chanoyu__intro{
    width: 70%;
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px){
  #mainWrapper--new .okitatami-chanoyu__intro{
    width: 90%;
    margin-inline: auto;
  }
  #mainWrapper--new .okitatami-chanoyu__series--list{
    width: 90%;
    margin-inline: auto;
    row-gap: var(--spc-40);
  }
}
/* banner */
@media screen and (min-width: 768px){
  #mainWrapper--new .p-banner{
    width: 500px;
    margin-inline: auto;
  }
}
/* =========================================================
   enza
========================================================= */
/* enza-intro */
#mainWrapper--new .enza-intro__cnt{
  display: flex;
}
#mainWrapper--new .enza-intro__cnt .c-sec-ttl{
  margin-bottom: var(--spc-20);
}
#mainWrapper--new .enza-intro__cnt .c-sec-ttl__line--center{
  margin-left: 0;
  width: clamp(40px, 5.5vw, 70px);
}
#mainWrapper--new .enza-intro__cnt .c-sec-ttl__line--center::after{
  width: clamp(20px, 3vw, 35px);
}
#mainWrapper--new .enza-intro01 img{
  aspect-ratio: 4 / 3;
}
#mainWrapper--new .enza-intro02 img{
  aspect-ratio: 345 / 178;
}
@media screen and (min-width: 768px){
  #mainWrapper--new .enza-intro__cnt{
    justify-content: space-between;
    align-items: center;
  }
  #mainWrapper--new .enza-intro01 img{
    width: 50%;
  }
  #mainWrapper--new .enza-intro01 .enza-intro__txt{
    width: 45%;
  }
  #mainWrapper--new .enza-intro02{
    flex-direction: row-reverse;
  }
  #mainWrapper--new .enza-intro02 img{
    width: 55%;
  }
  #mainWrapper--new .enza-intro02 .enza-intro__txt{
    width: 40%;
  }
}
@media screen and (max-width: 767px){
  #mainWrapper--new .enza-intro__cnt{
    flex-direction: column;
    row-gap: var(--spc-20);
  }
}
/* enza-item */
#mainWrapper--new .enza-item{
  display: flex;
  border: 1px solid var(--c-main-100);
}
#mainWrapper--new .enza-item__cnt h3{
  font-size: var(--fz-22);
  border-bottom: 1px solid var(--c-bgColor-300);
  padding-bottom: var(--spc-10);
  margin-bottom: var(--spc-20);
}
#mainWrapper--new .enza-item__cnt a{
  text-align: right;
  text-decoration: underline;
  letter-spacing: .2em;
  margin-top: var(--spc-20);
}
@media screen and (min-width: 768px){
  #mainWrapper--new .enza-item{
    justify-content: space-between;
    align-items: center;
    padding: var(--spc-30) var(--spc-75);
  }
  #mainWrapper--new .enza-item img{
    width: 40%;
  }
  #mainWrapper--new .enza-item__cnt{
    width: 50%;
  }
}
@media screen and (max-width: 767px){
  #mainWrapper--new .enza-item{
    flex-direction: column;
    padding: var(--spc-20) var(--spc-40);
  }
  #mainWrapper--new .enza-item img{
    margin-bottom: var(--spc-10);
  }
}
/* =========================================================
   uwasiki
========================================================= */
/* uwasiki-intro */
#mainWrapper--new .uwasiki-intro__list{
  display: grid;
}
#mainWrapper--new .uwasiki-intro__list li{
  display: flex;
  flex-direction: column;
  align-items: center;
}
#mainWrapper--new .uwasiki-intro__list img{
  width: 75%;
  aspect-ratio: 143 / 221;
  margin-bottom: var(--spc-30);
}
#mainWrapper--new .uwasiki-intro__cnt h4{
  display: flex;
  align-items: center;
  column-gap: var(--spc-10);
  margin-bottom: var(--spc-10);
}
#mainWrapper--new .uwasiki-intro__circle{
  display: block;
  width: clamp(15px, 1.6vw, 18px);
  aspect-ratio: 1 / 1;
  background-color: var(--c-bgColor-300);
}
@media screen and (min-width: 768px){
  #mainWrapper--new .uwasiki-intro__list{
    width: 80%;
    margin-inline: auto;
    grid-template-columns: repeat(2,1fr);
    column-gap: var(--spc-30);
  }
}
@media screen and (max-width: 767px){
  #mainWrapper--new .uwasiki-intro__list{
    row-gap: var(--spc-40);
  }
}
/* uwasiki-point */
#mainWrapper--new .uwasiki-point h2{
  margin-bottom: var(--spc-10);
}
#mainWrapper--new .uwasiki-point__txt{
  border-top: 1px solid var(--c-bgColor-300);
  border-bottom: 1px solid var(--c-bgColor-300);
  margin-inline: auto;
}
#mainWrapper--new .uwasiki-point__cnt{
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
}
#mainWrapper--new .uwasiki-point__cnt img{
  width: 70%;
}
@media screen and (min-width: 768px){
  #mainWrapper--new .uwasiki-point__txt{
    padding: var(--spc-20) 0;
    width: 85%;
  }
  #mainWrapper--new .uwasiki-point__list{
    display: flex;
    justify-content: center;
    column-gap: var(--spc-40);
  }
  #mainWrapper--new .uwasiki-point__list li{
    width: 150px;
  }
}
@media screen and (max-width: 767px){
  #mainWrapper--new .uwasiki-point__txt{
    padding: var(--spc-15) 0;
    width: 90%;
  }
  #mainWrapper--new .uwasiki-point__list{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-areas: "top top" "left right";
    gap: 0 var(--spc-20);
    align-items: center;
  }
  #mainWrapper--new .uwasiki-point__list li{
    width: clamp(110px, 13vw, 150px);
  }
  #mainWrapper--new .uwasiki-point__list li:nth-child(1){
    grid-area: top;
    justify-self: center;
    /* margin-bottom: -10px; */
  }
  #mainWrapper--new .uwasiki-point__list li:nth-child(2){
    grid-area: left;
    justify-self: end;
  }
  #mainWrapper--new .uwasiki-point__list li:nth-child(3){
    grid-area: right;
    justify-self: start;
  }
}
/* uwasiki-hikimeori */
#mainWrapper--new .uwasiki-hikimeori__cnt{
  display: grid;
}
#mainWrapper--new .uwasiki-hikimeori__cnt img{
  aspect-ratio: 3 / 2;
}
#mainWrapper--new .uwasiki-hikimeori__txt h4{
  border-bottom: 1px solid var(--c-bgColor-300);
  padding-bottom: var(--spc-10);
  margin-bottom: var(--spc-20);
}
@media screen and (min-width: 768px){
  #mainWrapper--new .uwasiki-hikimeori__cnt{
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
  }
  #mainWrapper--new .uwasiki-hikimeori__txt{
    margin: 0 var(--spc-60);
  }
}
@media screen and (max-width: 767px){
  #mainWrapper--new .uwasiki-hikimeori__cnt img{
    margin-bottom: var(--spc-20);
  }
}
/* uwasiki-about */
#mainWrapper--new .uwasiki-about{
  display: flex;
  flex-direction: column;
}
#mainWrapper--new .uwasiki-about h3{
  margin-bottom: var(--spc-10);
}
#mainWrapper--new .uwasiki-about__line{
  background: var(--c-bgColor-300);
  width: 90%;
  height: 1px;
  margin: var(--spc-15) 0;
}
@media screen and (min-width: 768px){
  #mainWrapper--new .uwasiki-about{
    padding-left: var(--spc-50);
    padding-right: var(--spc-50);
  }
}
@media screen and (max-width: 767px){
  #mainWrapper--new .uwasiki-about{
    padding-left: var(--spc-20);
    padding-right: var(--spc-20);
  }
}
/* uwasiki-tateito */
#mainWrapper--new .uwasiki-tateito__cnt{
  display: grid;
  align-items: center;
}
#mainWrapper--new .uwasiki-tateito__cnt img{
  aspect-ratio: 39 / 23;
}
@media screen and (min-width: 768px){
  #mainWrapper--new .uwasiki-tateito__cnt{
    grid-template-columns: 1fr 2fr;
    column-gap: var(--spc-40);
  }
}
@media screen and (max-width: 767px){
  #mainWrapper--new .uwasiki-tateito__cnt img{
    width: 75%;
    margin-inline: auto;
    margin-bottom: var(--spc-10);
  }
}
/* uwasiki-heri */
#mainWrapper--new .uwasiki-heri{
  background: #FEFFF0;
}
#mainWrapper--new .uwasiki-heri__list{
  margin-inline: auto;
  display: grid;
  justify-content: center;
}
#mainWrapper--new .uwasiki-heri__list li{
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: 1px solid var(--c-bgColor-300);
  padding-bottom: var(--spc-10);
}
#mainWrapper--new .uwasiki-heri__list img{
  margin-bottom: clamp(3px, .4vw, 5px);
}
@media screen and (min-width: 768px){
  #mainWrapper--new .uwasiki-heri__list{
    width: 80%;
    gap: var(--spc-20) var(--spc-10);
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
}
@media screen and (max-width: 767px){
  #mainWrapper--new .uwasiki-heri__list{
    width: 95%;
    gap: var(--spc-15) var(--spc-10);
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  }
}
/* uwasiki-nonSlip */
#mainWrapper--new .uwasiki-nonSlip__list{
  display: grid;
  grid-template-columns: repeat(2,1fr);
}
#mainWrapper--new .uwasiki-nonSlip__list img{
  margin-bottom: var(--spc-10);
  aspect-ratio: 1 / 1;
}
#mainWrapper--new .uwasiki-nonSlip__list h3{
  margin-bottom: var(--spc-15);
  padding-bottom: var(--spc-10);
  border-bottom: 1px solid var(--c-bgColor-300);
}
@media screen and (min-width: 768px){
  #mainWrapper--new .uwasiki-nonSlip__intro{
    width: 70%;
    margin-inline: auto;
  }
  #mainWrapper--new .uwasiki-nonSlip__list{
    column-gap: var(--spc-50);
  }
}
@media screen and (max-width: 767px){
  #mainWrapper--new .uwasiki-nonSlip__intro{
    width: 90%;
    margin-inline: auto;
  }
  #mainWrapper--new .uwasiki-nonSlip__list{
    column-gap: var(--spc-10);
  }
}







/* uwasiki-case */
#mainWrapper--new .uwasiki-case__list{
  display: grid;
  grid-template-columns: repeat(3,1fr);
}
#mainWrapper--new .uwasiki-case__list img{
  margin-bottom: var(--spc-10);
  aspect-ratio: 1 / 1;
}
@media screen and (min-width: 768px){
  #mainWrapper--new .uwasiki-case__list{
    column-gap: var(--spc-10);
  }
}
@media screen and (max-width: 767px){
	#mainWrapper--new .uwasiki-case__list{
	  display: grid;
	  grid-template-columns: repeat(2,1fr);
	}
  #mainWrapper--new .uwasiki-case__list{
    column-gap: var(--spc-10);
  }
}











/* uwasiki-cut */
#mainWrapper--new .uwasiki-cut{
  background: #FEFFF0;
}
#mainWrapper--new .uwasiki-cut__img{
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px){
  #mainWrapper--new .uwasiki-cut__img{
    width: 60%;
    margin-inline: auto;
    column-gap: var(--spc-75);
  }
  #mainWrapper--new .uwasiki-cut__txt{
    width: 70%;
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px){
  #mainWrapper--new .uwasiki-cut__img{
    width: 85%;
    margin-inline: auto;
  }
  #mainWrapper--new .uwasiki-cut__txt{
    width: 90%;
    margin-inline: auto;
  }
}
/* =========================================================
   item
========================================================= */
/* item-fv */
#mainWrapper--new .item-fv__img img{
  margin-bottom: var(--spc-15);
  aspect-ratio: 16 / 9;
}
/* item-intro */
#mainWrapper--new .item-intro-sub-1clm img{
  aspect-ratio: 16 / 9;
}
#mainWrapper--new .item-intro-sub-2clm{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  column-gap: var(--spc-30);
}
#mainWrapper--new .item-intro-sub-2clm img{
  aspect-ratio: 8 / 5;
}
@media screen and (min-width: 768px){
  #mainWrapper--new .item-fv__img img{
    width: 90%;
    margin-inline: auto;
  }
  #mainWrapper--new .item-fv__img p{
    width: 90%;
    margin-inline: auto;
  }
}
/* item-orderFlow */
#mainWrapper--new .item-orderFlow__ttl{
  position: relative;
  background: var(--c-main-200);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: var(--spc-15) 0;
}
#mainWrapper--new .item-orderFlow__ttl::after{
  position: absolute;
  content: "";
  background: url(/assets_sbe/image/sub/pattern.png) no-repeat center center / cover;
  display: inline-block;
  width: 100%;
  height: 100%;
  z-index: 0;
}
#mainWrapper--new .item-orderFlow__ttl h2{
  z-index: 1;
}
#mainWrapper--new .item-orderFlow__list{
  display: flex;
  justify-content: center;
}
#mainWrapper--new .item-orderFlow__list li{
  position: relative;
}
#mainWrapper--new .item-orderFlow__list li:not(:last-child)::after{
  position: absolute;
  content: "";
  display: inline-block;
  background: url(/assets_sbe/image/item/item-flow.svg) no-repeat center center / contain;
  aspect-ratio: 1 / 3;
  top: 50%;
}
#mainWrapper--new .item-orderFlow__icon{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spc-10);
  border-radius: 50%;
  aspect-ratio: 1 / 1;
}

@media screen and (min-width: 768px){
  #mainWrapper--new .item-orderFlow{
    max-width: 850px;
  }
  #mainWrapper--new .item-orderFlow__ttl{
    width: 45%;
  }
  #mainWrapper--new .item-orderFlow__list{
    max-width: 650px;
    margin-inline: auto;
    column-gap: var(--spc-40);
  }
  #mainWrapper--new .item-orderFlow__list li:not(:last-child)::after{
    width: var(--spc-15);
    left: 110%;
    transform: translateY(-70%);
  }
  #mainWrapper--new .item-orderFlow__icon img{
    width: 50%;
  }
}
@media screen and (max-width: 767px){
  #mainWrapper--new .item-orderFlow__ttl{
    width: 100%;
  }
  #mainWrapper--new .item-orderFlow__list{
    width: 90%;
    margin-inline: auto;
    column-gap: var(--spc-25);
  }
  #mainWrapper--new .item-orderFlow__list li{
    max-width: 80px;
  }
  #mainWrapper--new .item-orderFlow__list li:not(:last-child)::after{
    width: 7px;
    left: 107%;
    transform: translateY(-80%);
  }
  #mainWrapper--new .item-orderFlow__list p{
    font-size: .8em;
  }
  #mainWrapper--new .item-orderFlow__icon img{
    width: 60%;
  }
}
/* item-anker */
#mainWrapper--new .item-anker__list a{
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: clamp(7px, .8vw, 10px);
}
#mainWrapper--new .item-anker__list span{
  line-height: 1.1;
}
#mainWrapper--new .item-anker__list img{
  width: var(--spc-15);
}
@media screen and (min-width: 768px){
  #mainWrapper--new .item-anker__list{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    column-gap: var(--spc-10);
  }
  #mainWrapper--new .item-anker__list a{
    height: 80px;
  }
}
@media screen and (max-width: 767px){
  #mainWrapper--new .item-anker__list{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: var(--spc-10);
  }
  #mainWrapper--new .item-anker__list a{
    height: 50px;
  }
  #mainWrapper--new .item-anker__list span{
    font-size: 1em;
  }
}
/* item-priceTable */
#mainWrapper--new .item-priceTable table{
  width: 100%;
  border-collapse: collapse;
  border: 2px solid var(--c-gray-200);
}
#mainWrapper--new .item-priceTable th,#mainWrapper--new .item-priceTable td{
  border: 1px solid var(--c-gray-200);
}
#mainWrapper--new .item-priceTable th{
  padding: clamp(5px, .7vw, 8px) var(--spc-10);
}
#mainWrapper--new .item-priceTable td{
  padding: var(--spc-15);
}
#mainWrapper--new .item-priceTable tr:nth-child(odd){
  background: var(--c-bgColor-100);
}
#mainWrapper--new .item-priceTable td:first-child{
  width: 60%;
}
#mainWrapper--new .item-priceTable td:last-child{
  width: 40%;
}
@media screen and (min-width: 768px){
  #mainWrapper--new .item-priceTable{
    max-width: 650px;
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px){
  #mainWrapper--new .item-priceTable td{
    line-height: 1.2;
  }
}
/* item-merit */
#mainWrapper--new .item-merit__list{
  display: grid;
  grid-template-columns: repeat(2,1fr);
}
#mainWrapper--new .item-merit__img{
  position: relative;
  margin-bottom: var(--spc-10);
}
#mainWrapper--new .item-merit__subImg{
  position: absolute;
}
#mainWrapper--new .item-merit__cap{
  margin-bottom: var(--spc-20);
}
#mainWrapper--new .item-merit__cap h3{
  position: relative;
  padding: clamp(5px, .6vw, 8px);
}
#mainWrapper--new .item-merit__triangle::before{
  position: absolute;
  content: "";
  display: inline-block;
  background: url(/assets_sbe/image/item/item-merit-triangle.svg) no-repeat center center / 100%;
  width: clamp(18px, 2.2vw, 28px);
  aspect-ratio: 1 / 1;
  top: 50%;
  transform: translateY(-50%);
  left: 2%;
}
#mainWrapper--new .item-merit__circle::before{
  position: absolute;
  content: "";
  display: inline-block;
  background: url(/assets_sbe/image/item/item-merit-double-circle.svg) no-repeat center center / 100%;
  width: clamp(18px, 2.2vw, 28px);
  aspect-ratio: 1 / 1;
  top: 50%;
  transform: translateY(-50%);
  left: 2%;
}
#mainWrapper--new .item-merit__sizeFree{
  margin-inline: auto;
}
#mainWrapper--new .item-merit__sizeFree .item-merit__img img{
  width: 85%;
  margin-inline: auto;
}
#mainWrapper--new .item-merit__sizeFree--list{
  display: grid;
  row-gap: 5px;
}
#mainWrapper--new .item-merit__sizeFree--list li{
  position: relative;
  padding-left: var(--spc-20);
}
#mainWrapper--new .item-merit__sizeFree--list li::before{
  position: absolute;
  content: "";
  display: inline-block;
  background: var(--c-bgColor-300);
  width: var(--spc-15);
  aspect-ratio: 1 / 1;
  left: 0;
  top: .45em;
}
@media screen and (min-width: 768px){
  #mainWrapper--new .item-merit__list{
    max-width: 760px;
    margin-inline: auto;
    gap: var(--spc-60) var(--spc-50);
  }
  #mainWrapper--new .item-merit__subImg{
    width: 28%;
    top: -8%;
    left: -3%;
  }
  #mainWrapper--new .item-merit__sizeFree{
    max-width: 500px;
  }
}
@media screen and (max-width: 767px){
  #mainWrapper--new .item-merit__list{
    gap: var(--spc-50) var(--spc-30);
  }
  #mainWrapper--new .item-merit__subImg{
    width: 35%;
    max-width: 70px;
    top: -8%;
    left: -8%;
  }
  #mainWrapper--new .item-merit__cap h3{
    font-size: .8em;
  }
  #mainWrapper--new .item-merit__sizeFree{
    width: 90%;
  }
}
/* item-contact */
#mainWrapper--new .item-contact__list{
  display: grid;
  margin-inline: auto;
}
#mainWrapper--new .item-contact__list li{
  border-radius: var(--spc-20);
  line-height: 1.4;
  padding: var(--spc-20) 0;
}
@media screen and (min-width: 768px){
  #mainWrapper--new .item-contact__list{
    max-width: 800px;
    grid-template-columns: repeat(3,1fr);
    column-gap: var(--spc-15);
  }
}
@media screen and (max-width: 767px){
  #mainWrapper--new .item-contact__list{
    width: 90%;
    row-gap: var(--spc-15);
  }
}
/* item-measure */
#mainWrapper--new .item-measure{
  border: 2px solid var(--c-main-100);
}
#mainWrapper--new .item-measure__ttl h2{
  padding: var(--spc-15) 0;
}
#mainWrapper--new .item-measure__list{
  margin-top: var(--spc-20);
  border-bottom: 1px solid var(--c-bgColor-300);
  padding-bottom: var(--spc-40);
}
#mainWrapper--new .item-measure__list li span{
  font-size: 1.5em;
  margin-right: clamp(3px, .4vw, 5px);
}
#mainWrapper--new .item-measure__img{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  column-gap: var(--spc-20);
  margin-top: var(--spc-30);
}
@media screen and (min-width: 768px){
  #mainWrapper--new .item-measure__ttl{
    width: 80%;
    margin-inline: auto;
  }
  #mainWrapper--new .item-measure__list{
    display: flex;
    justify-content: center;
    column-gap: var(--spc-80);
    width: 80%;
    margin-inline: auto;
  }
   #mainWrapper--new .item-measure__intro{
    max-width: 500px;
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px){
  #mainWrapper--new .item-measure__ttl,#mainWrapper--new .item-measure__intro{
    width: 90%;
    margin-inline: auto;
  }
  #mainWrapper--new .item-measure__list{
    width: 85%;
    margin-inline: auto;
  }
}
/* =========================================================
   kaishagaiyou
========================================================= */
/* kaishagaiyou-intro */
#mainWrapper--new .kaishagaiyou-intro p:not(:last-child)
{
  margin-bottom: var(--spc-20);
}
#mainWrapper--new .kaishagaiyou-info{
  background: #FCF9F4;
}
#mainWrapper--new .kaishagaiyou-info__list{
  display: grid;
}
#mainWrapper--new .kaishagaiyou-info__list li{
  display: grid;
  align-items: center;
  padding: var(--spc-15) 0;
  column-gap: var(--spc-15);
}
#mainWrapper--new .kaishagaiyou-info__list li:not(:last-child){
  border-bottom: 1px solid var(--c-gray-200);
}
@media screen and (min-width: 768px){
  #mainWrapper--new .kaishagaiyou-info__list{
    max-width: 800px;
  }
  #mainWrapper--new .kaishagaiyou-info__list li{
    grid-template-columns: 2fr 3fr;
  }
  #mainWrapper--new .kaishagaiyou-info__article{
    margin-left: var(--spc-40);
  }
  #mainWrapper--new .kaishagaiyou-info__txt{
    margin-right: var(--spc-40);
  }
}
@media screen and (max-width: 767px){
  #mainWrapper--new .kaishagaiyou-info__list li{
    grid-template-columns: 3fr 4fr;
  }
  #mainWrapper--new .kaishagaiyou-info__article{
    margin-left: var(--spc-20);
  }
  #mainWrapper--new .kaishagaiyou-info__txt{
    margin-right: var(--spc-20);
  }
}