@charset "utf-8";
/* CSS Document */



/*** ------------------------------------------------------------------------------ 

message （代表挨拶）

-----------------------------------------------------------------------------  ***/
#message main{
  margin: 0 auto;
}

/* visual
------------------------------------------------ */
#message .visual{
  background: #fff;
  /*background: url("../../imgs/company/message/visual-bg.png") no-repeat center center / cover , #E60012;*/
}
#message .visual .visual-cont{
  padding: 0 20px;
  height: 1380px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

#message .visual-image::before{
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 50%;
  height: 100%;
  background: url("../../imgs/company/message/visual-bg01.png?ver=250925") no-repeat right center / cover;
}
#message .visual-image::after{
  position: absolute;
  right: 0;
  top: 0;
  content: '';
  width: 50%;
  height: 100%;
  background: url("../../imgs/company/message/visual-bg02.png?ver=250925") no-repeat left center / cover;
}
#message .visual .visual-cont .visual-cont-in{
  position: relative;
  z-index: 1;
}
#message .visual .visual__img{
  text-align: center;
  margin: 0 0 22.0vw;
  transition: 0.3s;
}
#message .visual .visual__text{
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2.5;
  margin: 0 0 2.0em;
  color: #fff;
  letter-spacing: 0.1vw;
}
#message .visual .visual__text:last-of-type{
  margin: 0;
}
@media (max-width:1500px){
  #message .visual-image::before{
    background: url("../../imgs/company/message/visual-bg01.png?ver=250925") no-repeat right top / auto 100%;
  }
}
@media (max-width:1350px){
  #message .visual-image::after{
    background: url("../../imgs/company/message/visual-bg02.png?ver=250925") no-repeat left top / auto 100%;
  }
}
@media (max-width:1000px){
  #message .visual .visual__img{
    width: 90%;
    margin: 0 auto 27.0vw;
  }
}
@media (max-width:768px){
  #message .visual{
  }
  #message .visual .visual-cont{
    height: 850px;
  }
  #message .visual-image::before{
    width: 100%;
    background: url("../../imgs/company/message/visual-bg.png?ver=250925") no-repeat top center / cover;
    /*background: url("../../imgs/company/message/visual-bg01sp.png") no-repeat right top / cover;*/
  }
  #message .visual-image::after{
    /*background: url("../../imgs/company/message/visual-bg02sp.png") no-repeat left top / cover;*/
    content: none;
  }
  #message .visual .visual__img{
    max-width: 300px; 
    width: 100%;
    margin: 22.5vw auto 25.0vw;
  }
  #message .visual .visual__text{
    font-size: 1.4rem;
    line-height: 2.2;
  }
}
@media (max-width:700px){
  #message .visual .visual__img{
    margin: 25.0vw auto 25.0vw;
  }
}
@media (max-width:600px){
  #message .visual .visual__img{
    margin: 30.0vw auto 30.0vw;
  }
}
@media (max-width:500px){
  #message .visual-image::before{
    background: url("../../imgs/company/message/visual-bg-sp.png?ver=250925") no-repeat top center / cover;
  }
  #message .visual .visual__img{
    margin: 27.5vw auto 40.0vw;
  }
}
@media (max-width:470px){
  #message .visual .visual__img{
    margin: 25.0vw auto 40.0vw;
  }
}
@media (max-width:420px){
  #message .visual .visual__img{
    margin: 18.0vw auto 45.0vw;
  }
}



/* secion-message
------------------------------------------------ */
#message .secion-message{
  background: url("../../imgs/company/message/message-img01big.jpg") no-repeat center center;
}
#message .secion-message .secion-message__img{
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
}
#message .secion-message .secion-message__img-text{
  position: absolute;
  left: 50%;
  bottom: 25px;
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 0 40px;
  box-sizing: border-box;
  transform: translateX(-50%);
}
#message .secion-message .secion-message__img-text .title{
  position: relative;
  font-size: 3.0rem;
  font-weight: bold;
  line-height: 1.5;
}
#message .secion-message .secion-message__img-text .title::before{
  position: absolute;
  left: -40px;
  top: 50%;
  content: '';
  width: 12px;
  height: 12px;
  background: var(--color_red);
  border-radius: 50%;
  transform: translateY(-50%);
}
#message .secion-message .secion-message__img-text .txt-en{
  font-family: var(--font_en);
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.5;
  color: #B4B4B4;
}
@media (max-width:768px){
  #message .secion-message .secion-message__img-text{
    top: 5%;
    bottom: auto;
  }
  #message .secion-message .secion-message__img-text{
    display: flex;
    align-items: flex-end;
  }
  #message .secion-message .secion-message__img-text .title{
    font-size: 2.0rem;
    margin: 0 10px 0 0;
  }
  #message .secion-message .secion-message__img-text .title::before{
    left: -20px;
  }
  #message .secion-message .secion-message__img-text .txt-en{
    font-size: 1.4rem;
  }
}


/* section-message01
------------------------------------------------ */
#message .section-message01{
  padding: 85px 0 80px;
}

#message .section-message01 .flex{
  display: flex;
}
#message .section-message01 .flex .flex__profile{
  width: 51.5%;
  padding: 0 0 0 8%;
  box-sizing: border-box;
}
#message .section-message01 .flex .flex__profile .flex__profile-title{
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 1.8;
  margin: 0 0 1.0em;
  letter-spacing: 0.2vw;
}
#message .section-message01 .flex .flex__profile .flex__profile-txt-s{
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 0 0.25em;
}
#message .section-message01 .flex .flex__profile .flex__profile-name{
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.5;
}
#message .section-message01 .flex .flex__profile .flex__profile-en{
  font-family: var(--font_en);
  line-height: 1.5;
  letter-spacing: 0.05vw;
  margin: 0.25em 0 0;
}
#message .section-message01 .flex .flex__text{
  width: 48.5%;
  padding: 80px 0 0;
  box-sizing: border-box;
}
#message .section-message01 .flex .flex__text .flex__text-catch{
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.05vw;
  margin: 2.5em 0 0.75em;
}
@media (max-width:1000px){
  #message .section-message01 .flex .flex__profile{
    padding: 0;
  }
}
@media (max-width:768px){
  #message .section-message01{
    padding: 30px 0 50px;
  }
  #message .section-message01 .flex{
    display: block;
  }
  #message .section-message01 .flex .flex__profile{
    width: 100%;
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    gap: 0 4%;
  }
  #message .section-message01 .flex .flex__profile .flex__profile-title{
    font-size: 2.0rem;
  }
  #message .section-message01 .flex .flex__profile .flex__profile-txt-s{
    font-size: 1.2rem;
  }
  #message .section-message01 .flex .flex__profile .flex__profile-name{
    font-size: 2.6rem;
  }
  #message .section-message01 .flex .flex__profile .flex__profile-en{
    font-size: 1.2rem;
  }
  #message .section-message01 .flex .flex__text{
    width: 100%;
    padding: 0;
  }
  #message .section-message01 .flex .flex__text .flex__text-catch{
    margin: 2.0em 0 0.5em;
    font-size: 1.6rem;
  }
  #message .section-message01 .flex .flex__text .flex__text-txt{
    font-size: 1.4rem;
  }
}


#message .section-message01 .flex01{
  display: flex;
  align-items: center;
  margin: 65px 0 0;
}
#message .section-message01 .flex01 .flex01__text{
  width: 51%;
  padding: 0 0 0 20px;
  box-sizing: border-box;
}
#message .section-message01 .flex01 .flex01__text .flex01__text-in{
  max-width: 555px;
  margin: 0 0 0 auto;
  padding: 0 100px 0 0;
  box-sizing: border-box;
}
#message .section-message01 .flex01 .flex01__text .flex01__text-catch{
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 1.0em;
}
#message .section-message01 .flex01 .flex01__text .flex01__text-txt{
  line-height: 2.0;
}
#message .section-message01 .flex01 .flex01__img{
  width: 49%;
}
#message .section-message01 .flex01 .flex01__img img{
  border-radius: 15px 0 0 15px;
}
@media (max-width:1150px){
  #message .section-message01 .flex01{
    align-items: flex-start;
  }
}
@media (max-width:1000px){
  #message .section-message01 .flex01 .flex01__text .flex01__text-in{
    padding: 0 10% 0 0;
  }
}
@media (max-width:768px){
  #message .section-message01 .flex01{
    flex-wrap: wrap;
    margin: 40px 0 0;
  }
  #message .section-message01 .flex01 .flex01__img{
    order: 1;
    width: 100%;
    padding: 0 0 0 20px;
    box-sizing: border-box;
  }
  #message .section-message01 .flex01 .flex01__text{
    order: 2;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
  }
  #message .section-message01 .flex01 .flex01__text .flex01__text-in{
    max-width: 100%;
    margin: 0 auto;
    padding: 20px 0;
  }
  #message .section-message01 .flex01 .flex01__text .flex01__text-catch{
    font-size: 1.6rem;
    line-height: 1.5;
  }
  #message .section-message01 .flex01 .flex01__text .flex01__text-txt{
    font-size: 1.4rem;
    line-height: 2.0;
  }
}

#message .section-message01 .flex02{
  display: flex;
  align-items: center;
  margin: 65px 0 0;
}
#message .section-message01 .flex02 .flex02__text{
  width: 51%;
  padding: 0 20px 0 0;
  box-sizing: border-box;
}
#message .section-message01 .flex02 .flex02__text .flex02__text-in{
  max-width: 555px;
  margin: 0 auto 0 0;
  padding: 0 0 0 100px;
  box-sizing: border-box;
}
#message .section-message01 .flex02 .flex02__text .flex02__text-catch{
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 1.0em;
}
#message .section-message01 .flex02 .flex02__text .flex02__text-txt{
  line-height: 2.0;
}
#message .section-message01 .flex02 .flex02__img{
  width: 49%;
}
#message .section-message01 .flex02 .flex02__img img{
  border-radius: 0 15px 15px 0;
}
@media (max-width:1150px){
  #message .section-message01 .flex02{
    align-items: flex-start;
  }
}
@media (max-width:1000px){
  #message .section-message01 .flex02 .flex02__text .flex02__text-in{
    padding: 0 0 0 10%;
  }
}
@media (max-width:768px){
  #message .section-message01 .flex02{
    flex-wrap: wrap;
    margin: 40px 0 0;
  }
  #message .section-message01 .flex02 .flex02__img{
    width: 100%;
    padding: 0 20px 0 0;
    box-sizing: border-box;
  }
  #message .section-message01 .flex02 .flex02__text{
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
  }
  #message .section-message01 .flex02 .flex02__text .flex02__text-in{
    max-width: 100%;
    margin: 0 auto;
    padding: 20px 0;
  }
  #message .section-message01 .flex02 .flex02__text .flex02__text-catch{
    font-size: 1.6rem;
  }
  #message .section-message01 .flex02 .flex02__text .flex02__text-txt{
    font-size: 1.4rem;
    line-height: 2.0;
  }
}


/* section-message02
------------------------------------------------ */
#message .section-message02{
  padding: 80px 0 105px;
  background: #F8F7F5;
}
#message .section-message02 .section-message02__img{
  max-width: 924px;
  margin: 0 auto;
}
#message .section-message02 .section-message02__img img{
  border-radius: 15px;
}
#message .section-message02 .section-message02__catch{
  max-width: 856px;
  margin: 2.0em auto 0.75em;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.05vw;
}
#message .section-message02 .section-message02__text{
  max-width: 856px;
  margin: 0 auto;
  line-height: 2.0;
}
@media (max-width:768px){
  #message .section-message02{
    padding: 0 0 60px;
    background: #F8F7F5;
  }
  #message .section-message02 .section-message02__img{
    margin: 0 -20px;
  }
  #message .section-message02 .section-message02__img img{
    border-radius: 0;
  }
  #message .section-message02 .section-message02__catch{
    font-size: 1.6rem;
    line-height: 1.5;
    margin: 2.0em auto 0.75em;
  }
  #message .section-message02 .section-message02__text{
    font-size: 1.4rem;
    line-height: 2.0;
  }
}


/* company-other-link
------------------------------------------------ */
#message .company-other-link{
  padding: 70px 20px 70px;
}




/*** ------------------------------------------------------------------------------ 

corporate （経営理念）

-----------------------------------------------------------------------------  ***/

/* l-visual-page
------------------------------------------------ */
.l-visual-page{
  margin: 40px 0 0;
}
.l-visual-page-flex{
  display: flex;
  align-items: center;
}
.l-visual-page-flex__text{
  width: 51.75%;
  padding: 0 0 0 20px;
  box-sizing: border-box;
}
.l-visual-page-flex__text .text-in{
  max-width: 580px;
  margin: 0 0 0 auto;
  padding: 0 5% 0 0;
  box-sizing: border-box;
}
.l-visual-page-flex__text .text-in .headline{
  margin: 0 0 30px;
} 
.l-visual-page-flex__text .text-in .headline .ja{
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.0;
  margin: 0 0 1.0em;
}
.l-visual-page-flex__text .text-in .headline .ja::before{
  display: inline-block;
  content: '';
  width: 12px;
  height: 12px;
  background: var(--color_red);
  border-radius: 50%;
  margin: 0 10px 0 0;
}
.l-visual-page-flex__text .text-in .headline .en{
  font-family: var(--font_en);
  font-size: 6.0rem;
  font-weight: 900;
  line-height: 1.2;
}
.l-visual-page-flex__text .text-in .headline .en .span01{
  display: inline-block;
}
.l-visual-page-flex__text .text-in .text{
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.05vw;
}
.l-visual-page-flex__img{
  width: 48.25%;
}
.l-visual-page-flex__img img{
  border-radius: 12px 0 0 12px;
}
@media (max-width:768px){
  .l-visual-page{
    margin: 0;
  }
  .l-visual-page-flex{
    display: block;
  }
  .l-visual-page-flex__text{
    width: 100%;
    padding: 40px 20px;
    box-sizing: border-box;
  }
  .l-visual-page-flex__text .text-in{
    max-width:100%;
  }
  .l-visual-page-flex__text .text-in .headline{
    margin: 0;
  }
  .l-visual-page-flex__text .text-in .headline .ja{
    font-size: 1.4rem;
    margin: 0 0 0.75em;
  }
  .l-visual-page-flex__text .text-in .headline .en{
    font-size: 2.8rem;
    margin: 0;
  }
  .l-visual-page-flex__text .text-in .text{
    display: none;
  }
  .l-visual-page-flex__img{
    width: 100%;
    padding: 0 0 0 55px;
    box-sizing: border-box;
  }
}

@media (max-width:1009px){
  .l-visual-page-flex__text .br02{
    display: none;
  }
}
@media (max-width:806px){
  .l-visual-page-flex__text .br01{
    display: none;
  }
}


/* section-philosophy
------------------------------------------------ */
#philosophy .section-philosophy{
  padding: 70px 0 77px;
}
#philosophy .section-philosophy .section-philosophy__box{
  max-width: 977px;
  margin: 0 auto;
  padding: 50px 20px;
  background: #FFF7ED;
  border-radius: 8px;
  box-sizing: border-box;
}
#philosophy .section-philosophy .section-philosophy__catch{
  text-align: center;
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 1.7;
  letter-spacing: 0.05vw;
}
@media (max-width:768px){
  #philosophy .section-philosophy{
    padding: 60px 0 40px;
  }
  #philosophy .section-philosophy .section-philosophy__box{
    padding: 35px 20px;
  }
  #philosophy .section-philosophy .section-philosophy__catch{
    font-size: 2.0rem;
  }
}


/* section-important
------------------------------------------------ */
#philosophy .section-important{
  padding: 77px 0 80px;
}
#philosophy .section-important .section-important__text{
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  margin: 0 0 50px;
}
#philosophy .section-important .section-important-box01{
  max-width: 1100px;
  margin: 0 auto 50px;
}
#philosophy .section-important .section-important-box01 .section-important-box01__img {
  position: relative;
}
#philosophy .section-important .section-important-box01 .section-important-box01__img::before{
  position:absolute;
  left: -70px;
  top: 0;
  content: '';
  width: 52px;
  height: 278px;
  background: url("../../imgs/company/philosophy/mission-txt.svg") no-repeat center top;
}
#philosophy .section-important .section-important-box01 .section-important-box01__img img{
  border-radius: 12px;
}
#philosophy .section-important .section-important-box01 .section-important-box01__text {
  max-width: 747px;
  background: #FFF7ED;
  border-radius: 8px;
  padding: 45px 55px;
  margin: -30px 0 0;
  position: relative;
}
@media (max-width:1260px){
  #philosophy .section-important .section-important-box01{
    max-width: 1100px;
    margin: 0 0 50px auto;
  }
}
@media (max-width:1190px){
  #philosophy .section-important .section-important-box01{
    max-width: 1170px;
    margin: 0 0 50px auto;
    padding: 0 0 0 70px;
    box-sizing: border-box;
  }
}
@media (max-width:768px){
  #philosophy .section-important{
    padding: 40px 0 30px;
  }
  #philosophy .section-important .section-important__text{
    font-size: min(1.4rem, 3.5vw);
  }
  #philosophy .section-important .section-important-box01{
    max-width: 100%;
    margin: 0 auto 50px;
    padding: 0;
  }
  #philosophy .section-important .section-important-box01 .section-important-box01__img::after{
    content: none;
  }
  #philosophy .section-important .section-important-box01 .section-important-box01__img img{
    border-radius: 0;
  }
  #philosophy .section-important .section-important-box01 .section-important-box01__text{
    width: calc(100% - 40px);
    margin: -30px auto 0;
    padding: 35px 20px;
  }
}

#philosophy .section-important  .box .box__text-ja{
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.5;
}
#philosophy .section-important  .box .box__text-en{
  font-family: var(--font_en);
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.05vw;
  color: var(--color_red);
  margin: 0 0 1.0em;
}
#philosophy .section-important  .box .box__text-txt{
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 0.05vw;
}
#philosophy .section-important  .box .box__text-txt strong{
  display: block;
  font-size: 2.2rem;
  margin: 0 0 0.5em;
}
#philosophy .section-important  .box .box__text-link{
  margin: 1.0em 0 0;
}
#philosophy .section-important  .box .box__text-link a{
  font-size: 1.6rem;
  font-weight: 500;
  text-decoration: none;
  position: relative;
  transition: 0.3s;
}
#philosophy .section-important  .box .box__text-link a::before{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  content: '';
  width: 100%;
  height: 100%;
}
#philosophy .section-important  .box .box__text-link a b{
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  line-height: 1.0;
  margin: 0 0 0 6px;
  box-sizing: border-box;
  background: var(--color_red);
  transform: translateY(4px);
  overflow: hidden;
}
#philosophy .section-important  .box .box__text-link a b svg{
  transform: scale(1.09) !important;
}
@media (min-width:769px){
  #philosophy .section-important  .box .box__text-link a:hover{
    color: var(--color_red);
  }
}
@media (max-width:768px){
  #philosophy .section-important  .box .box__text-ja{
    font-size: 2.0rem;
    text-align: center;
  }
  #philosophy .section-important  .box .box__text-en{
    font-size: 1.4rem;
    line-height: 1.5;
    text-align: center;
    margin: 0 0 2.0em;
  }
  #philosophy .section-important  .box .box__text-link{
    text-align: right;
  }
  #philosophy .section-important  .box .box__text-txt strong{
    text-align: center;
    font-size: 1.9rem;
    line-height: 1.5;
    margin: 0 0 0.75em;
  }
}

#philosophy .section-important .section-important-box02{
  max-width: 1100px;
  margin: 0 auto 50px;
}
#philosophy .section-important .section-important-box02 .section-important-box02__img{
  position: relative;
}
#philosophy .section-important .section-important-box02 .section-important-box02__img::before{
  position: absolute;
  right: -70px;
  top: 0;
  content: '';
  width: 52px;
  height: 224px;
  background: url("../../imgs/company/philosophy/vision-txt.svg") no-repeat center top;
}
#philosophy .section-important .section-important-box02 .section-important-box02__img img{
  border-radius: 12px;
}
#philosophy .section-important .section-important-box02 .section-important-box02__text {
  max-width: 747px;
  background: #FFF7ED;
  border-radius: 8px;
  padding: 45px 55px;
  margin: -30px 0 0 auto;
  position: relative;
}
@media (max-width:1260px){
  #philosophy .section-important .section-important-box02{
    max-width: 1100px;
    margin: 0 auto 50px 0;
  }
}
@media (max-width:1190px){
  #philosophy .section-important .section-important-box02{
    max-width: 1170px;
    margin: 0 auto 50px 0;
    padding: 0 70px 0 0;
    box-sizing: border-box;
  }
}
@media (max-width:768px){
  #philosophy .section-important .section-important-box02{
    max-width: 100%;
    margin: 0 auto 50px;
    padding: 0;
  }
  #philosophy .section-important .section-important-box02 .section-important-box02__img img{
    border-radius: 0;
  }
  #philosophy .section-important .section-important-box02 .section-important-box02__img::before{
    content: none;
  }
  #philosophy .section-important .section-important-box02 .section-important-box02__text{
    width: calc(100% - 40px);
    margin: -30px auto 0;
    padding: 35px 20px;
  }
}

#philosophy .section-important .section-important-box03{
  max-width: 1100px;
  margin: 100px auto 0;
  padding: 60px 70px 70px;
  background: #FFF7ED;
  border-radius: 8px;
  position: relative;
}
#philosophy .section-important .section-important-box03::before{
  position:absolute;
  left: -70px;
  top: 0;
  content: '';
  width: 51px;
  height: 211px;
  background: url("../../imgs/company/philosophy/value-txt.svg") no-repeat center top;
}
@media (max-width:1260px){
  #philosophy .section-important .section-important-box03{
    max-width: 1100px;
    margin: 100px 0 50px auto;
  }
}
@media (max-width:1190px){
  #philosophy .section-important .section-important-box03{
    max-width: 1170px;
    margin: 100px 0 50px 70px;
    box-sizing: border-box;
  }
}
#philosophy .section-important .section-important-box03 .section-important-box03__catch01{
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 0.05vw;
  margin: 1.5em 0 0.5em;
}
#philosophy .section-important .section-important-box03 .section-important-box03__text{
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.05vw;
  margin: 1.0em 0 2.5em;
}
#philosophy .section-important .section-important-box03 .list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  gap: 30px 2.0%;
}
#philosophy .section-important .section-important-box03 .list .list__item{
  max-width: 144px;
  width: calc(100% / 6 - 1.6%);
  text-align: center;
}
@media (max-width:1169px){
  #philosophy .section-important .section-important-box03 .list .list__item{
    width: calc(100% / 6 - 2.0%);
  } 
}
@media (max-width:900px){
  #philosophy .section-important .section-important-box03 .list .list__item{
    width: calc(100% / 3 - 2.0%);
  } 
}
@media (max-width:768px){
  #philosophy .section-important .section-important-box03 .list{
    gap: 30px 7.5%;
  }
  #philosophy .section-important .section-important-box03 .list .list__item{
    width: calc(100% / 2 - 2.0%);
  }
  #philosophy .section-important .section-important-box03 .section-important-box03__text{
    font-size: 1.4rem;
  }
}
@media (max-width:400px){
  #philosophy .section-important .section-important-box03 .list{
    gap: 30px 2.0%;
  }
  #philosophy .section-important .section-important-box03 .list .list__item{
    max-width: 120px;
    max-width: 100%;
    width: calc(100% / 2 - 1%);
  }
}
#philosophy .section-important .section-important-box03 .list .list__item .text{
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  margin: 1.0em 0 0.3em;
}
#philosophy .section-important .section-important-box03 .list .list__item .txt-s{
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.35;
}
#philosophy .section-important .section-important-box03 .section-important-box03__catch02{
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 0.05vw;
  margin: 4.0em 0 1.0em;
  text-align: center;
}
#philosophy .section-important .section-important-box03 .section-important-box03__catch03{
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 0.05vw;
  margin: 2.5em 0 1.0em;
  text-align: center;
}
#philosophy .section-important .section-important-box03 .card{
  display: flex;
  justify-content: space-between;
  gap: 0 3%;
}
#philosophy .section-important .section-important-box03 .card .card__item{
  width: calc(100% / 3);
}
#philosophy .section-important .section-important-box03 .card .card__item .card__item-img img{
  border-radius: 6px;
}
#philosophy .section-important .section-important-box03 .card .card__item .card__item-title{
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.55;
  margin: 1.0em 0 0.5em;
}
#philosophy .section-important .section-important-box03 .card .card__item .card__item-text{
  font-size: 1.4rem;
  line-height: 1.5;
}
@media (max-width:768px){
  #philosophy .section-important .section-important-box03{
    max-width: 100%;
    margin: 40px auto 0;
    padding: 45px 20px 50px;
  }
  #philosophy .section-important .section-important-box03::before{
    content: none;
  }
  #philosophy .section-important .section-important-box03 .section-important-box03__catch01{
    text-align: center;
  }
  #philosophy .section-important .section-important-box03 .card{
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px 3%;
  }
  #philosophy .section-important .section-important-box03 .card .card__item{
    width: 100%;
  }
  #philosophy .section-important .section-important-box03 .card .card__item .card__item-img{
    text-align: center;
  }
  #philosophy .section-important .section-important-box03 .section-important-box03__catch01{
    font-size: 1.8rem;
  }
  #philosophy .section-important .section-important-box03 .section-important-box03__catch02{
    font-size: 1.6rem;
  }
  #philosophy .section-important .section-important-box03 .section-important-box03__catch03{
    font-size: 1.8rem;
  }
  #philosophy .section-important .section-important-box03 .card .card__item .card__item-title{
    font-size: 1.6rem;
  }
}
@media (max-width:340px){
  #philosophy .section-important .section-important-box03 .list{
    gap: 30px 2.5%;
  }
  #philosophy .section-important .section-important-box03 .list .list__item{
    max-width: 120px;
    max-width: 100%;
    width: calc(100% / 2 - 1.25%);
  }
  #philosophy .section-important .section-important-box03 .list .list__item .text{
    font-size: min(1.6rem, 4.5vw);
  }
}

/* company-other-link
------------------------------------------------ */
.company-other-link{
  padding: 25px 20px 70px;
}
.company-other-link .company-other-link_cont{
  max-width: 985px;
  margin: 0 auto;
}
.company-other-link .company-other-link_cont .company-other-link__title{
  font-size: 3.0rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.15vw;
  margin: 0 0 0.5em;
}
.company-other-link .company-other-link_cont .company-other-link-list{
  display: flex;
  flex-wrap: wrap;
  gap: 0 8%;
}
.company-other-link .company-other-link_cont .company-other-link-list .company-other-link-list__item{
  width: calc(100% / 2 - 4%);
  border-bottom: 1px solid #6E6E6E;
}
.company-other-link .company-other-link_cont .company-other-link-list .company-other-link-list__item a{
  display: block;
  padding: 25px 40px 25px 0;
  text-decoration: none;
  position: relative;
}
.company-other-link .company-other-link_cont .company-other-link-list .company-other-link-list__item a::before{
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  content: '';
  width: 100%;
  height: 100%;
}
.company-other-link .company-other-link_cont .company-other-link-list .company-other-link-list__item a b{
  position: absolute;
  right: 0;
  top: 50%;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  line-height: 1.0;
  box-sizing: border-box;
  background: var(--color_red);
  transform: translateY(-50%);
  overflow: hidden;
}
.company-other-link .company-other-link_cont .company-other-link-list .company-other-link-list__item a b svg{
  transform: scale(1.09) !important;
}
.company-other-link .company-other-link_cont .company-other-link-list .company-other-link-list__item a .company-other-link-list__item-ja{
  display: block;
  font-size: 2.4rem;
  line-height: 1.5;
  transition: 0.3s;
}
.company-other-link .company-other-link_cont .company-other-link-list .company-other-link-list__item a .company-other-link-list__item-en{
  display: block;
  font-family: var(--font_en);
  font-size: 1.4rem;
  line-height: 1.5;
  transition: 0.3s;
}
@media (min-width:769px){
  .company-other-link .company-other-link_cont .company-other-link-list .company-other-link-list__item a:hover .company-other-link-list__item-ja{
    color: var(--color_red);
  }
  .company-other-link .company-other-link_cont .company-other-link-list .company-other-link-list__item a:hover .company-other-link-list__item-en{
    color: var(--color_red);
  } 
}
@media (max-width:768px){
  .company-other-link .company-other-link_cont .company-other-link__title{
    font-size: 2.0rem;
  }
  .company-other-link .company-other-link_cont .company-other-link-list{
    display: block;
  }
  .company-other-link .company-other-link_cont .company-other-link-list .company-other-link-list__item{
    width: 100%;
  }
  .company-other-link .company-other-link_cont .company-other-link-list .company-other-link-list__item a{
    padding: 20px 0;
  }
  .company-other-link .company-other-link_cont .company-other-link-list .company-other-link-list__item a .company-other-link-list__item-ja{
    font-size: 1.8rem;
  }
  .company-other-link .company-other-link_cont .company-other-link-list .company-other-link-list__item a .company-other-link-list__item-en{
    font-size: 1.2rem;
  }
}




/*** ------------------------------------------------------------------------------ 

about （会社概要・沿革）

-----------------------------------------------------------------------------  ***/

/* page-link
------------------------------------------------ */
.company .page-link{
  padding: 0 20px;
}
.company .page-link .page-link-list{
  display: flex;
  justify-content: center;
  gap: 0 15px;
}
.company .page-link .page-link-list__item{
  max-width: 230px;
  width: 100%;
}
.company .page-link .page-link-list__item a{
  min-width: inherit;
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
  padding: 16px 50px 16px 30px;
  position: relative;
  text-decoration: none;
  /*
  border: 1px solid #1D1D1D;
  border-radius: 35px;
  transition: 0.3s;
  */
}

.company .page-link .page-link-list__item a span::before{
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  width: 30px;
  height: 30px;
  background: url("../img/icon-circleArrow-uncer-black.svg") no-repeat center center / 30px auto;
  transition: 0.3s;
}
@media screen and (min-width: 769px){
  .company .page-link .page-link-list__item a span:hover::before{
    background: url("../img/icon-circleArrow-uncer-red.svg") no-repeat center center / 30px auto;
  }
}
@media screen and (max-width: 768px){
  .company .page-link .page-link-list{
    gap: 0 10px;
  }
  .company .page-link .page-link-list__item a{
    line-height: 1.5;
    font-size: min(1.4rem, 3.75vw);
    font-weight: 600;
    padding: 20px 5px 45px;
    text-align: center;
    border-radius: 12px;
  }
  .company .page-link .page-link-list__item a::after{
    position: absolute;
    right: auto;
    top: auto;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    content: '';
    width: 16px;
    height: 16px;
    background: url("../img/icon-circleArrow-uncer-red.svg") no-repeat center center / 16px auto;
    transition: 0.3s;
  }
  .company .page-link .page-link-list__item a span::before{
    content: none;
  }
}


#profile .page-link{
  padding: 45px 20px 75px;
}
@media screen and (max-width: 768px){
  #profile .page-link{
    padding: 55px 20px 37px;
  } 
}


/* section-profile
------------------------------------------------ */
#profile .section-profile{
  padding: 75px 0 90px;
}
#profile .section-profile .section-profile-table{
  max-width: 944px;
  width: 100%;
  margin: 75px 0 0 auto;
  border-spacing: 0;
}
#profile .section-profile .section-profile-table tr th{
  width: 224px;
  padding: 25px 20px 25px 24px;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(62,58,57,0.2);
  line-height: 1.35;
}
#profile .section-profile .section-profile-table tr:first-of-type th{
  border-top: 1px solid rgba(62,58,57,0.2);
}
#profile .section-profile .section-profile-table tr td{
  width: calc(100% - 224px);
  padding: 25px 0;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(62,58,57,0.2);
  line-height: 1.35;
}
#profile .section-profile .section-profile-table tr:first-of-type td{
  border-top: 1px solid rgba(62,58,57,0.2);
}
@media screen and (max-width: 768px){
  #profile .section-profile{
    padding: 37px 0 60px;
  }
  #profile .section-profile .section-profile-table{
    margin: 35px auto 0;
    border-spacing: 0;
  }
  #profile .section-profile .section-profile-table tr th{
    float: left;
    width: 100%;
    padding: 25px 20px 5px;
    border-bottom: none;
  }
  #profile .section-profile .section-profile-table tr td{
    float: left;
    width: 100%;
    padding: 5px 20px 25px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(62,58,57,0.2);
    line-height: 1.35;
  }
  #profile .section-profile .section-profile-table tr:first-of-type td{
    border-top: none;
  }
}

/* section-location
------------------------------------------------ */
#profile .section-location{
  padding: 70px 0 50px;
  background: #FFF7ED;
  border-radius: 40px;
}
#profile .section-location .flex{
  display: flex;
  margin: 0 auto 75px;
}
#profile .section-location .flex .flex-img{
  width: 65.75%;
}
#profile .section-location .flex .flex-img img{
  border-radius: 8px;
}
#profile .section-location .flex .flex-text{
  width: 34.25%;
  padding: 0 0 0 20px;
  box-sizing: border-box;
}
#profile .section-location .flex .flex-text .flex-text__title{
  display: flex;
  align-items: flex-start;
  line-height: 1.0;
  margin: 0 0 5px;
}
#profile .section-location .flex .flex-text .flex-text__title .flex-text__title-ja{
  font-size: min(3.0rem, 2.25vw);
  font-weight: bold;
  line-height: 1.0;
  margin: 0 10px 0 0
}
#profile .section-location .flex .flex-text .flex-text__title .flex-text__title-en{
  position: relative;
  right: -5px;
  font-family: var(--font_en);
  font-size: min(6.0rem, 4.5vw);
  font-weight: 900;
  line-height: 1.0;
  color: #FFDAAD;
  transform: translateY(-7px);
}
#profile .section-location .flex .flex-text .flex-text__txt{
  font-size: min(1.6rem, 1.5vw);
  line-height: 1.5;
  margin: 0.75em 0 1.5em;
}
#profile .section-location .flex .flex-text .flex-text__map{
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 60%; /* 75% 比率を4:3に固定 */
}
#profile .section-location .flex .flex-text .flex-text__map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#profile .section-location .section-location__title{
  font-size: 3.0rem;
  font-weight: bold;
  margin: 0 0 0.75em;
  line-height: 1.5;
}
#profile .section-location .list{
  display: flex;
  gap: 0 5.3%;
  margin: 0 auto 75px;
}
#profile .section-location .list .list__item{
  width: calc(100% / 2);
}
#profile .section-location .list .list__item .list__item-img{
  margin: 0 0 20px;
}
#profile .section-location .list .list__item .list__item-img img{
  border-radius: 8px;
}
#profile .section-location .list__item-flex{
  display: flex;
}
#profile .section-location .list__item-flex .list__item-flex-text{
  width: 53.6%;
}
#profile .section-location .list__item-flex .list__item-flex-text .title{
  display: flex;
}
#profile .section-location .list__item-flex .list__item-flex-text .title .title-ja{
  font-size: min(2.0rem, 1.75vw);
  font-weight: bold;
  line-height: 1.4;
  margin: 0 7px 0 0;
}
#profile .section-location .list__item-flex .list__item-flex-text .title .title-en{
  font-family: var(--font_en);
  font-size: min(3.3rem, 2.5vw);
  font-weight: 900;
  color: #FFDAAD;
  line-height: 1.0;
}
#profile .section-location .list__item-flex .list__item-flex-text .text{
  font-size: min(1.6rem, 1.5vw);
  line-height: 1.5;
  padding: 0 25px 0 0;
}
#profile .section-location .list__item-flex .list__item-flex-text .text--addr{
  margin: 0 0 10px;
}
#profile .section-location .list__item-flex .list__item-flex-map{
  width: 46.4%;
}
#profile .section-location .list__item-flex .list__item-flex-map .map{
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 60%; /* 75% 比率を4:3に固定 */
}
#profile .section-location .list__item-flex .list__item-flex-map .map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1100px){
  #profile .section-location .list{
    gap: 0 3.5%;
  }
}
@media screen and (max-width: 768px){
  #profile .section-location{
    padding: 45px 0 65px;
  }
  #profile .section-location .flex{
    display: block;
  }
  #profile .section-location .flex .flex-img{
    width: calc(100% - 15px);
    margin: 0 0 0 -20px;
  }
  #profile .section-location .flex .flex-img img{
    border-radius: 0 12px 12px 0;
  }
  #profile .section-location .flex .flex-text{
    width: 100%;
    padding: 20px 0 0;
  }
  #profile .section-location .flex .flex-text .flex-text__title .flex-text__title-ja{
    font-size: 1.8rem;
    margin: 0 10px 0 0
  }
  #profile .section-location .flex .flex-text .flex-text__title .flex-text__title-en{
    position: static;
    right: 0;
    font-size: 3.0rem;
    transform: translateY(-7px);
  }
  #profile .section-location .flex .flex-text .flex-text__txt{
    font-size: 1.6rem;
    line-height: 1.8;
    margin: 0.5em 0 20px;
  }
  #profile .section-location .section-location__title{
    font-size: 2.8rem;
    margin: 0 0 0.5em;
    line-height: 1.0;
  }
  #profile .section-location .list{
    display: block;
    margin: 0 0 60px;
  }
  #profile .section-location .list:last-of-type{
    margin: 0;
  }
  #profile .section-location .list .list__item{
    width: 100%;
    margin: 0 0 60px;
  }
  #profile .section-location .list .list__item:last-child{
    width: 100%;
    margin: 0;
  }
  #profile .section-location .list .list__item .list__item-img{
    width: calc(100% - 15px);
    margin: 0 0 0 -20px;
  }
  #profile .section-location .list .list__item .list__item-img img{
    border-radius: 0 12px 12px 0;
  }
  #profile .section-location .list__item-flex{
    display: block;
  }
  #profile .section-location .list__item-flex .list__item-flex-text{
    width: 100%;
    padding: 20px 0 0;
  }
  #profile .section-location .list__item-flex .list__item-flex-text .title .title-ja{
    font-size: 1.8rem;
    font-weight: bold;
    margin: 0 10px 0 0;
  }
  #profile .section-location .list__item-flex .list__item-flex-text .title .title-en{
    font-size: 3.0rem;
    font-weight: 900;
  }
  #profile .section-location .list__item-flex .list__item-flex-text .text{
    font-size: 1.6rem;
    line-height: 1.8;
    margin: 0 0 10px;
  }
  #profile .section-location .list__item-flex .list__item-flex-text .text--addr{
    margin: 0;
  }
  #profile .section-location .list__item-flex .list__item-flex-map{
    width: 100%;
    margin: 20px 0 0;
  }
}



/* section-history
------------------------------------------------ */
#profile .section-history{
  padding: 110px 0;
}
#profile .section-history .flex{
  display: flex;
}
#profile .section-history .flex .flex-cont-l{
  width: 310px;
}
#profile .section-history .flex .flex-cont-l .stiky{
  position: sticky;
  top: 100px;
}
#profile .section-history .flex .flex-cont-l .title{
  font-family: var(--font_en);
  font-size: 4.0rem;
  font-weight: bold;
  line-height: 1.0;
  margin: 0 0 0.75em;
}
#profile .section-history .flex .flex-cont-l .nav-history{
}
#profile .section-history .flex .flex-cont-l .nav-history li a{
  font-size: 2.0rem;
  font-weight: bold;
  color: #BBB;
}
#profile .section-history .flex .flex-cont-l .nav-history li.link-current a{
  color: #000;
}
#profile .section-history .flex .flex-cont-l .nav-history li a::before{
  display: inline-block;
  content: '';
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 50%;
  margin: 0 10px 0 0;
}
#profile .section-history .flex .flex-cont-l .nav-history li.link-current a::before{
  background: var(--color_red);
}
#profile .section-history .flex .flex-cont-r{
  width: calc(100% - 310px);
}
#profile .section-history .history-list{
  
}
#profile .section-history .history-list .history-list__item{
  display: flex;
}
#profile .section-history .history-list .history-list__item .history-year{
  width: 230px;
  font-family: var(--font_en);
  font-size: 5.4rem;
  font-weight: bold;
  line-height: 1.0;
  position: relative;
  padding: 30px 0;
}
#profile .section-history .history-list .history-list__item .history-year::before{
  position: absolute;
  right: 50px;
  top: 0;
  content: '';
  width: 1px;
  height: 100%;
  background: #BCBCBC;
}
#profile .section-history .history-list .history-list__item:first-of-type .history-year::before{
  top: 60px;
}
#profile .section-history .history-list .history-list__item:last-of-type .history-year::before{
  top: auto;
  bottom: 65px;
}
#profile .section-history .history-list .history-list__item .history-year::after{
  position: absolute;
  right: 50px;
  top: 45px;
  content: '';
  transform: translate(50%, 0);
  width: 16px;
  height: 16px;
  background: #fff;
  border: 2px solid var(--color_red);
  border-radius: 50%;
}
#profile .section-history .history-list .history-list__item .history-year span{
  display: block;
  font-size: 1.2rem;
}
#profile .section-history .history-list .history-list__item .history-cont{
  width: calc(100% - 230px);
  padding: 40px 0 20px;
}
#profile .section-history .history-list .history-list__item .history-cont .history-cont-img{
  max-width: 280px;
  margin: 0 0 10px;
}
#profile .section-history .history-list .history-list__item .history-cont .history-cont-img:nth-of-type(3){
  margin: 20px 0 10px;
}
#profile .section-history .history-list .history-list__item .history-cont .history-cont-img img{
  border-radius: 8px;
}
#profile .section-history .history-list .history-list__item .history-cont .history-cont-text{
  font-size: 1.8rem;
  line-height: 1.35;
}

@media screen and (max-width: 900px){
  #profile .section-history .flex .flex-cont-l{
    width: 180px;
  }
  #profile .section-history .flex .flex-cont-r{
    width: calc(100% - 180px);
  }
}
@media screen and (max-width: 768px){
  #profile .section-history{
    padding: 60px 0;
  }

  #profile .section-history .sp-fix-history-wrap{
    position: fixed;
    left: 0;
    top: 80px;
    z-index: 100;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 20px;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
  }
  #profile .section-history .sp-fix-history-wrap.is_active{
    visibility: visible;
    opacity: 1;
  }
  #profile .section-history .sp-fix-history-wrap.is_active_end{
    visibility: hidden;
    opacity: 0;
  }
  #profile .section-history .sp-fix-history{
    position: relative;
    width: 100%;
    background: #F3F3F3;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 35px;
    box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.4);
    border-right: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  #profile .sp-fix-history::-webkit-scrollbar{
    display: none;
  }
  #profile .sp-fix-history .sp-fix-history-list{
    background: #F3F3F3;
    max-width: 1060px;
    min-width: 770px;
    margin: 0 auto;
    padding: 10px 30px;
    list-style: none;
    display: flex;
    justify-content: space-between;
  }
  #profile .sp-fix-history .sp-fix-history-list .sp-fix-history-list__item{
    text-align: center;
    margin: 0 5px;
  }
  #profile .sp-fix-history .sp-fix-history-list .sp-fix-history-list__item a{
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.5;
    color: #808080;
    text-decoration: none;
  }
  #profile .sp-fix-history .sp-fix-history-list .sp-fix-history-list__item.link-current a{
    color: #000;
  }
  #profile .sp-fix-history .sp-fix-history-list .sp-fix-history-list__item a::before{
    display: inline-block;
    content: '';
    width: 12px;
    height: 12px;
    background: #F3F3F3;
    border-radius: 50%;
    margin: 0 10px 0 0;
  }
  #profile .sp-fix-history .sp-fix-history-list .sp-fix-history-list__item.link-current a::before{
    background: var(--color_red);
  }
  #profile .sp-fix-history .sp-fix-history-list .sp-fix-history-list__item a::after{
    content: '/';
    margin: 0 0 0 10px;
    color: #fff;
  }
  #profile .section-history .flex{
    display: block;
  }
  #profile .section-history .flex .flex-cont-l{
    display: none;
  }
  #profile .section-history .flex .flex-cont-r{
    width: 100%;
  }
  #profile .section-history .history-list .history-list__item .history-year{
    width: 90px;
    font-size: 2.0rem;
    padding: 30px 0 15px;
  }
  #profile .section-history .history-list .history-list__item .history-year::before{
    position: absolute;
    right: 18px;
    top: 0;
    content: '';
    width: 1px;
    height: 100%;
    background: #BCBCBC;
  }
  #profile .section-history .history-list .history-list__item:first-of-type .history-year::before{
    top: 45px;
  }
  #profile .section-history .history-list .history-list__item:last-of-type .history-year::before{
    top: 0;
    bottom: auto;
    height: 40px;
  }
  #profile .section-history .history-list .history-list__item .history-year::after{
    position: absolute;
    right: 19px;
    top: 35px;
    content: '';
    transform: translate(50%, 0);
    width: 10px;
    height: 10px;
    background: #fff;
    border: 2px solid var(--color_red);
    border-radius: 50%;
  }
  #profile .section-history .history-list .history-list__item .history-year span{
    font-size: 1.0rem;
    margin: 5px 0 0;
  }
  #profile .section-history .history-list .history-list__item .history-cont{
    width: calc(100% - 90px);
    padding: 35px 0 15px;
  }
  #profile .section-history .history-list .history-list__item:last-of-type .history-cont{
    padding: 25px 0 15px;
  }
  #profile .section-history .history-list .history-list__item .history-cont .history-cont-text{
    font-size: 1.5rem;
  }
}




/*** ------------------------------------------------------------------------------ 

direct （直営店）

-----------------------------------------------------------------------------  ***/

/* page-link
------------------------------------------------ */
#shop .page-link{
  padding: 50px 20px 0;
}


/* section-shop
------------------------------------------------ */
#shop .section-shop{}
#shop .section-shop--choco-shop{
  padding: 45px 0 0;
}
#shop .section-shop--wakuzaku{
  padding: 95px 0;
}

#shop .section-shop .section-shop__img{
  height: 330px;
}
#shop .section-shop .section-shop__img--choco-shop{
  background: url("../../imgs/company/shop/choco-shop-visual.jpg") no-repeat center center / cover;
}
#shop .section-shop .section-shop__img--wakuzaku{
  background: url("../../imgs/company/shop/wakuzaku-visual.jpg") no-repeat center center / cover;
}
@media screen and (max-width: 1200px){
  #shop .section-shop .section-shop__img{
    height: auto;
    padding-top: 32.5vw;
  }
}
@media screen and (max-width: 768px){
  #shop .section-shop .section-shop__img{
    padding-top: 27.5vw;
  }
}

#shop .section-shop .headline04{
  margin: 75px auto;
}
@media screen and (max-width: 768px){
  #shop .section-shop .headline04{
    margin: 35px auto;
    padding: 0 0 0 15px;
  }
  #shop .section-shop .headline04 .headline04__ja{
    order: 2;
    font-size: 1.6rem;
  }
  #shop .section-shop .headline04 .headline04__en{
    order: 1;
    margin: 0 0 10px;
    position: relative;
    font-size: 3.4rem;
  }
  #shop .section-shop .headline04 .headline04__en::before{
    position: absolute;
    left: -15px;
    top: 13px;
    content: '';
    width: 8px;
    height: 8px;
    background: var(--color_red);
    border-radius: 50%;
  }
  #shop .section-shop .headline04 .headline04__en::after{
    position: absolute;
    left: -118px;
    top: 16px;
    content: '';
    width: 100px;
    height: 2px;
    background: var(--color_red);
  }
}

#shop .section-shop .section-shop-flex{
  display: flex;
  margin: 0 auto 70px;
}
#shop .section-shop .section-shop-flex .section-shop-flex__text{
  width: 56.4%;
  padding: 0 5% 0 0;
  box-sizing: border-box;
}
#shop .section-shop .section-shop-flex .section-shop-flex__text .section-shop-flex__text-catch{
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 0.005vw;
  line-height: 1.5;
  margin: 0 0 1.0em;
}
#shop .section-shop .section-shop-flex .section-shop-flex__text .section-shop-flex__text-txt{
  line-height: 1.8;
  margin: 0 0 1.5em;
}
#shop .section-shop .section-shop-flex .section-shop-flex__text .section-shop-flex__text-txt-s{
  line-height: 1.8;
  font-size: 1.4rem;
}
#shop .section-shop .section-shop-flex .section-shop-flex__text  .section-shop-flex__btn{
  margin: 25px 0 0;
}
#shop .section-shop .section-shop-flex .section-shop-flex__text  .section-shop-flex__btn a{
  max-width: 287px;
  width: 100%;
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
  padding: 10px 50px 10px 25px;
  /*
  color: var(--color_yellow);
  background: #000;
  border: 4px solid var(--color_yellow);
  border-radius: 35px;
  padding: 12px 50px 12px 25px;
  */
  text-decoration: none;
}
#shop .section-shop .section-shop-flex .section-shop-flex__img{
  width: 43.6%;
}
#shop .section-shop .section-shop-flex .section-shop-flex__img .img-list .img-list__item{
  margin: 0 0 13px;
}
#shop .section-shop .section-shop-flex .section-shop-flex__img .img-list .img-list__item img{
  border-radius: 8px;
}
@media screen and (max-width: 965px){
  #shop .section-shop .section-shop-flex .section-shop-flex__text .section-shop-flex__text-catch br{
    display: none;
  }
}
@media screen and (max-width: 768px){
  #shop .section-shop .section-shop-flex{
    display: block;
    margin: 0 auto 45px;
  }
  #shop .section-shop .section-shop-flex .section-shop-flex__text{
    width: 100%;
    padding: 0 0 40px;
  }
  #shop .section-shop .section-shop-flex .section-shop-flex__text .section-shop-flex__text-catch{
    font-size: 1.6rem;
  }
  #shop .section-shop .section-shop-flex .section-shop-flex__text .section-shop-flex__text-txt{
    font-size: 1.4rem;
  }
  #shop .section-shop .section-shop-flex .section-shop-flex__text .section-shop-flex__btn a{
    margin: 0 auto;
  }
  #shop .section-shop .section-shop-flex .section-shop-flex__img{
    width: 100%;
  }
  #shop .section-shop .section-shop-flex .section-shop-flex__img .img-list .img-list__item{
    margin: 0 0 20px;
  }
}

#shop .section-shop .recommendation{
  margin: 0 0 80px;
}
#shop .section-shop .recommendation .recommendation__title{
  text-align: center;
  font-size: 3.0rem;
  font-weight: bold;
  margin: 0 0 0.25em;
}
#shop .section-shop .recommendation .recommendation_text{
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.8;
  margin: 0 0 2.0em;
}
@media (max-width:1010px){
  #shop .section-shop .recommendation .recommendation_text br{
    display: none;
  }
}
#shop .section-shop .recommendation .recommendation-list{
  display: flex;
  justify-content: center;
  gap: 0 5%;
}
#shop .section-shop .recommendation .recommendation-list .recommendation-list__item{
  max-width: 245px;
}
@media screen and (min-width: 769px){
  #shop .section-shop .recommendation .recommendation-list .recommendation-list__item{
    margin-right: 0 !important;
  } 
}
#shop .section-shop .recommendation .recommendation-list .recommendation-list__item .recommendation-list__item-txt-s{
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.45;
  margin: 10px 0 5px;
}
#shop .section-shop .recommendation .recommendation-list .recommendation-list__item .recommendation-list__item-title{
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.75;
  margin: 10px 0 0;
}
@media screen and (max-width: 768px){
  #shop .section-shop .recommendation{
    margin: 0 auto 30px;
  }
  #shop .section-shop .recommendation .recommendation__title{
    font-size: 2.0rem;
  }
  #shop .section-shop .recommendation .recommendation_text{
    text-align: left;
    font-size: 1.4rem;
  }
  #shop .section-shop .recommendation .recommendation_text br{
    display: none;
  }
  #shop .section-shop .recommendation .recommendation-list{
    justify-content: flex-start;
    gap: 0;
  }
  #shop .section-shop .recommendation .recommendation-list .recommendation-list__item{
    max-width: 100%;
  }
  #shop .section-shop .recommendation .recommendation-list .recommendation-list__item .recommendation-list__item-img{
    max-width: 245px;
    margin: 0 auto;
    text-align: center;
  }
  #shop .section-shop .recommendation .recommendation-list .recommendation-list__item .recommendation-list__item-txt-s{
    max-width: 245px;
    margin: 10px auto 5px;
  }
  #shop .section-shop .recommendation .recommendation-list .recommendation-list__item .recommendation-list__item-title{
    max-width: 245px;
    margin: 0 auto;
  }
  
  #shop .swiper-control{
    max-width: 1120px;
    margin: 20px auto 0;
    padding: 15px 135px 15px 20px;
    box-sizing: border-box;
    position: relative;
  }
  #shop .swiper-container {
    position: relative;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
  }
  #shop .swiper-scrollbar-cont{
    position: relative;
    max-width: 950px;
    width: 100%;
  }
  #shop .swiper-scrollbar {
    background: #C1C1C1;
    height: 4px;
    position: absolute;
    bottom: -1px;
    left: 10px;
    max-width: 950px;
    width: 100%;
  }
  #shop .swiper-scrollbar .swiper-scrollbar-drag {
    background: var(--color_red);
    border-radius: 8px;
  }
  #shop .swiper-button-prev{
    top: auto;
    right: 60px;
    bottom: 0;
    left: auto;
    width: 49px;
    height: 28px;
    background: url("../img/swiiper-prev.svg") no-repeat center center;
    z-index: 55;
    transition: 0.3s;
  }
  #shop .swiper-button-prev::after{
    content: none;
  }
  #shop .swiper-button-next{
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;
    width: 49px;
    height: 28px;
    background: url("../img/swiiper-next.svg") no-repeat center center;
    z-index: 55;
    transition: 0.3s;
  }
  #shop .swiper-button-next::after{
    content: none;
  }
}

#shop .section-shop .news{
  background: #F8F7F5;
  border-radius: 8px;
  margin: 0 auto 70px;
  padding: 45px 100px 52px; 
}
#shop .section-shop .news .news__title{
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.8;
  margin: 0 0 1.5em;
}
#shop .section-shop .news .news-list{
  border-top: 1px solid #E1E1E1;
}
#shop .section-shop .news .news-list .news-list__item{
  border-bottom: 1px solid #E1E1E1;
}
#shop .section-shop .news .news-list .news-list__item a{
  display: block;
  padding: 27px 50px 27px 0;
  text-decoration: none;
  position: relative;
}
#shop .section-shop .news .news-list .news-list__item a::before{
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  content: '';
  width: 100%;
  height: 100%;
}
#shop .section-shop .news .news-list .news-list__item a b{
  position: absolute;
  right: 0;
  top: 50%;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  line-height: 1.0;
  box-sizing: border-box;
  transform: translateY(-50%);
  overflow: hidden;
}
#shop .section-shop .news .news-list .news-list__item a .news-list__item-date{
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 0 5px;
  transition: 0.3s;
}
#shop .section-shop .news .news-list .news-list__item a .news-list__item-title{
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  transition: 0.3s;
}
@media screen and (min-width: 769px){
  #shop .section-shop .news .news-list .news-list__item a:hover .news-list__item-date{
    color: var(--color_red);
  }
  #shop .section-shop .news .news-list .news-list__item a:hover .news-list__item-title{
    color: var(--color_red);
  }
}
@media screen and (max-width: 768px){
  #shop .section-shop .news{
    background: #F8F7F5;
    margin: 0 -20px 50px;
    padding: 30px 20px 35px; 
  }
  #shop .section-shop .news .news__title{
    text-align: left;
    font-size: 2.0rem;
  }
  #shop .section-shop .news .news-list .news-list__item a .news-list__item-date{
    font-size: 1.4rem;
  }
  #shop .section-shop .news .news-list .news-list__item a .news-list__item-title{
    font-size: 1.4rem;
  }
}

#shop .section-shop .access-flex{
  display: flex;
}
#shop .section-shop .access-flex .access-flex-map{
  width: 44%;
}
#shop .section-shop .access-flex .access-flex-map .map{
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 60%; /* 75% 比率を4:3に固定 */
}
#shop .section-shop .access-flex .access-flex-map .map iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#shop .section-shop .access-flex .access-flex-text{
  width: 56%;
  padding: 0 0 0 8%;
  box-sizing: border-box;
}
#shop .section-shop .access-flex .access-flex-text dl{
  display: flex;
  flex-wrap: wrap;
}
#shop .section-shop .access-flex .access-flex-text dl dt{
  width: 95px;
  font-size: 1.8rem;
  font-weight: bold;
}
#shop .section-shop .access-flex .access-flex-text dl dd{
  width: calc(100% - 95px);
  font-size: 1.6rem;
  line-height: 1.8;
  padding: 3px 0 0;
}
@media screen and (max-width: 768px){
  #shop .section-shop .access-flex{
    flex-wrap: wrap;
  }
  #shop .section-shop .access-flex .access-flex-text{
    width: 100%;
    padding: 0 0 20px;
    order: 1;
  }
  #shop .section-shop .access-flex .access-flex-map{
    width: 100%;
    order: 2;
  }
  #shop .section-shop .access-flex .access-flex-text dl dt{
    font-size: 1.6rem;
  }
  #shop .section-shop .access-flex .access-flex-text dl dd{
    font-size: 1.4rem;
  }
}

#shop .section-shop .special{
  margin: 0 0 70px;
}
#shop .section-shop .special .special__title{
  text-align: center;
  font-size: 3.0rem;
  font-weight: bold;
  margin: 0 0 0.25em;
}
#shop .section-shop .special .special__title .icon-thunder{
  display: inline-block;
  width: 24px;
  height: 26px;
  background: url("../img/icon-thunder.svg") no-repeat center center / 24px auto;
}
#shop .section-shop .special .special_text{
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.8;
  margin: 0 0 2.0em;
}
#shop .section-shop .special .special-flex{
  display: flex;
  margin: 0 auto 70px;
}
#shop .section-shop .special .special-flex .special-flex__text{
  width: 56.4%;
  padding: 0 5% 0 0;
  box-sizing: border-box;
}
#shop .section-shop .special .special-flex .special-flex__text .special-flex__text-txt{
  line-height: 1.8;
  margin: 0 0 1.5em;
}
#shop .section-shop .special .special-flex .special-flex__img{
  width: 43.6%;
}
#shop .section-shop .special .special-flex .special-flex__img img{
  border-radius: 8px;
}
@media screen and (max-width: 768px){
  #shop .section-shop .special .special__title{
    font-size: 2.0rem;
  }
  #shop .section-shop .special .special__title .icon-thunder{
    width: 18px;
    height: 20px;
    background: url("../img/icon-thunder.svg") no-repeat center center / 18px auto;
  }
  #shop .section-shop .special .special_text{
    font-size: 1.4rem;
  }
  #shop .section-shop .special .special-flex{
    display: block;
  }
  #shop .section-shop .special .special-flex .special-flex__text{
    width: 100%;
    padding: 0 0 20px;
  }
  #shop .section-shop .special .special-flex .special-flex__text .special-flex__text-txt{
    margin: 0;
    font-size: 1.4rem;
  }
  #shop .section-shop .special .special-flex .special-flex__img{
    width: 100%;
  }
}

#shop .section-shop .section-shop__catch{
  text-align: center;
  margin: 60px auto 15px;
}
#shop .section-shop .section-shop__catch span{
  display: inline-block;
  position: relative;
}
#shop .section-shop .section-shop__catch span::before{
  position: absolute;
  left: -30px;
  bottom: 15px;
  content: '';
  width: 18px;
  height: 1px;
  background: #000;
  transform: rotate(65deg);
}
#shop .section-shop .section-shop__catch span::after{
  position: absolute;
  right: -30px;
  bottom: 15px;
  content: '';
  width: 18px;
  height: 1px;
  background: #000;
  transform: rotate(-65deg);
}
#shop .section-shop .section-shop__btn{
  text-align: center;
}
#shop .section-shop .section-shop__btn a{
  min-width: inherit;
  max-width: 342px;
  width: 100%;
}
#shop .section-shop .section-shop__btn a span{
  padding: 0 60px 0 45px;
}
#shop .section-shop .section-shop__btn a span::before{
  position: absolute;
  left: 20px;
  top: 50%;
  content: '';
  width: 12px;
  height: 12px;
  background: url("../img/icon-cart-black.svg") no-repeat center center;
  transform: translateY(-50%);
}
@media screen and (min-width: 769px){
  #shop .section-shop .section-shop__btn a:hover span::before{
    background: url("../img/icon-cart-red01.svg") no-repeat center center;
  }
}
@media screen and (max-width: 768px){
  #shop .section-shop .section-shop__catch span{
    line-height: 1.35;
  }
  #shop .section-shop .section-shop__catch span::before{
    left: -35px;
     bottom: 20px;
    width: 50px;
  }
  #shop .section-shop .section-shop__catch span::after{
    right: -35px;
     bottom: 20px;
    width: 50px;
  }
  #shop .section-shop .section-shop__btn a span{
    padding: 0 0 0 10px;
    display: inline-block;
    line-height: 1.35;
  }
}


/*** ------------------------------------------------------------------------------ 

quality （品質へのこだわり）

-----------------------------------------------------------------------------  ***/

/* l-visual-page
------------------------------------------------ */
#quality .l-visual-page-flex__text .text-in .headline .en{
  font-size: min(6.0rem, 6.0vw);
}
@media (max-width:768px){
  #quality .l-visual-page-flex__text .text-in .headline .en{
    font-size: min(2.8rem, 7.5vw);
  }
}


/* section-quality
------------------------------------------------ */
#quality .section-quality{
  padding: 130px 0 0;
}
#quality .section-quality .section-quality__title{
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.84;
  text-align: center;
  margin: 0 auto 0.5em;
}
#quality .section-quality .section-quality__text{
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.8;
  margin: 0 0 3.0em;
}
#quality .section-quality .section-quality-bg{
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  /*background: url("../../imgs/company/quality/quality-bg.jpg") no-repeat center center / cover;*/
  padding: 0 20px;
  position: relative;
  overflow: hidden;
}
#quality .section-quality .section-quality-bg .section-quality-bg-in{
  position: fixed;
  position: absolute;
  z-index: -5;/*最背面に設定*/
  top: 0;
  right:0;
  left:0;
  bottom:0;
  overflow: hidden;
}
#quality .section-quality .section-quality-bg #video01 {
  /*天地中央配置*/
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(2.3);
  /*縦横幅指定*/
  width: 177.77777778vh;
  height: 56.25%;
  min-height: 100%;
  min-width: 100%;
}
@media screen and (max-width: 768px){
  #quality .section-quality .section-quality-bg #video01 {
    transform: translate(-50%, -50%) scale(2.0);
  }
}
@media screen and (max-width: 450px){
  #quality .section-quality .section-quality-bg #video01 {
    transform: translate(-50%, -50%) scale(2.4);
  }
}
#quality .section-quality .section-quality-bg .section-quality-box{
  max-width: 969px;
  width: 100%;
  padding: 57px 20px 65px;
  border-radius: 20px;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
#quality .section-quality .section-quality-bg .section-quality-box::before{
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.6);
}
#quality .section-quality .section-quality-bg .section-quality-box::after{
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
  content: "";
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
#quality .section-quality .section-quality-bg .section-quality-box .section-quality-box__title{
  text-align: center;
  font-size: 3.0rem;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 0.05vw;
  margin: 0 0 1.2em;
}
#quality .section-quality .section-quality-bg .section-quality-box .section-quality-box-list .section-quality-box-list__item{
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 2.7;
  text-align: center;
}
#quality .section-quality .page-link{
  padding: 50px 20px 105px;
}
#quality .section-quality .page-link .page-link-list{
  gap: 0 25px;
}
#quality .section-quality .page-link .page-link-list__item{
  max-width: 280px;
}
@media screen and (max-width: 972px){
  #quality .section-quality .section-quality-bg{
    height: auto;
    padding: 40px 20px;
  }
}
@media screen and (max-width: 768px){
  #quality .section-quality{
    padding: 35px 0 0;
  }
  #quality .section-quality .section-quality__title{
    font-size: 2.4rem;
    line-height: 1.5;
  }
  #quality .section-quality .section-quality__text{
    font-size: 1.4rem;
    line-height: 2.0;
    margin: 0 0 4.0em;
  }
  #quality .section-quality .section-quality-bg{
    height: auto;
    padding: 80px 20px;
  }
  #quality .section-quality .section-quality-bg .section-quality-box{
    padding: 40px 25px;
  }
  #quality .section-quality .section-quality-bg .section-quality-box .section-quality-box__title{
    font-size: 2.2rem;
    line-height: 2.18;
    margin: 0 0 0.75em;
  }
  #quality .section-quality .section-quality-bg .section-quality-box .section-quality-box-list .section-quality-box-list__item{
    text-align: left;
    font-size: 1.6rem;
    font-weight: 500;
    text-indent: -1em;
    margin: 0 0 1.0em;
    padding: 0 0 0 1.0em;
    line-height: 2.0;
  }
  #quality .section-quality .page-link{
    padding: 40px 20px;
  }
}



/* section-quality-control
------------------------------------------------ */
#quality .section-quality-control{
  padding: 100px 0 95px;
  position: relative;
}
#quality .section-quality-control--01::before{
  position: absolute;
  left: 50%;
  top: 45px;
  z-index: -1;
  content: '';
  transform: translateX(-50%);
  max-width: 772px;
  width: 100%;
  height: 167px;
  background: url("../../imgs/company/quality/quality-txt01.svg") no-repeat center center / 100% auto;
}
#quality .section-quality-control--02{
  padding: 170px 0 95px;
}
#quality .section-quality-control--02::before{
  position: absolute;
  left: 50%;
  top: 125px;
  z-index: -1;
  content: '';
  transform: translateX(-50%);
  max-width: 1052px;
  width: 100%;
  height: 131px;
  background: url("../../imgs/company/quality/quality-txt02.svg") no-repeat center center / 100% auto;
}
#quality .section-quality-control--01::after{
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
  content: '';
  width: 100%;
  height: 100%;
  background: #F8F7F5;
}
#quality .section-quality-control .section-quality-control__title{
  font-size: 3.8rem;
  font-weight: bold;
  line-height: 1.8;
  color: #590000;
  text-align: center;
  margin: 0 auto 100px;
}
#quality .section-quality-control .section-quality-control__title span{
  padding: 5px 0 5px 60px;
}
#quality .section-quality-control .section-quality-control__title--01 span{
  background: url("../../imgs/company/quality/icon-hand.svg") no-repeat left center;
}
#quality .section-quality-control .section-quality-control__title--02 span{
  background: url("../../imgs/company/quality/icon-light.svg") no-repeat left center;
}
#quality .section-quality-control .section-quality-control-flex{
  display: flex;
  align-items: center;
}
#quality .section-quality-control .section-quality-control-flex .section-quality-control-flex__img{
  width: 47%;
}
#quality .section-quality-control .section-quality-control-flex .section-quality-control-flex__img--video{
  border-radius: 15px 0 0 15px;
  overflow: hidden;
}
#quality .section-quality-control .section-quality-control-flex .section-quality-control-flex__img video{
  width: 100%;
  height: 100%;
  transform: scale(1.2);
}
#quality .section-quality-control .section-quality-control-flex .section-quality-control-flex__img img{
  border-radius: 15px 0 0 15px;
}
#quality .section-quality-control .section-quality-control-flex .section-quality-control-flex__text{
  width: 53%;
  padding: 0 0 0 20px;
  box-sizing: border-box;
}
#quality .section-quality-control .section-quality-control-flex .section-quality-control-flex__text .section-quality-control-flex__text-in{
  max-width: 580px;
  margin: 0 0 0 auto;
  padding: 0 10% 0 0;
  box-sizing: border-box;
}
#quality .section-quality-control .section-quality-control-flex .section-quality-control-flex__text .section-quality-control-flex__text-title{
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.8;
  margin: 0 0 1.0em;
}
#quality .section-quality-control .section-quality-control-flex .section-quality-control-flex__text .section-quality-control-flex__text-txt{
  font-size: 1.6rem;
  line-height: 2.0;
}
@media screen and (max-width: 768px){
  #quality .section-quality-control{
    padding: 55px 0;
  }
  #quality .section-quality-control--01::before{
    top: -10px;
    width: 82.5%;
  }
  #quality .section-quality-control--02{
    padding: 70px 0;
  }
  #quality .section-quality-control--02::before{
    top: 35px;
    max-width: 480px;
    width: 90.0%;
    height: 200px;
    background: url("../../imgs/company/quality/quality-txt02sp.svg") no-repeat top center / 100% auto;
  }
  #quality .section-quality-control .section-quality-control__title{
    text-align: center;
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 1.35;
    margin: 0 auto 50px;
  }
  #quality .section-quality-control .section-quality-control__title span{
    display: inline-block;
  }
  #quality .section-quality-control .section-quality-control-flex{
    flex-wrap: wrap;
    margin: 0 auto 60px;
  }
  #quality .section-quality-control .section-quality-control-flex .section-quality-control-flex__img{
    order: 1;
    width: 100%;
    margin: 0 auto 20px;
    padding: 0 0 0 20px;
    box-sizing: border-box;
  }
  #quality .section-quality-control .section-quality-control-flex .section-quality-control-flex__img--video{
    width: calc(100% - 20px);
    margin: 0 0 20px auto;
    padding: 0;
  }
  #quality .section-quality-control .section-quality-control-flex .section-quality-control-flex__text{
    order: 2;
    width: 100%;
    padding: 0;
  }
  #quality .section-quality-control .section-quality-control-flex .section-quality-control-flex__text .section-quality-control-flex__text-in{
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
  }
  #quality .section-quality-control .section-quality-control-flex .section-quality-control-flex__text .section-quality-control-flex__text-title{
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.2;
    margin: 0 0 1.0em;
    text-align: center;
  }
  #quality .section-quality-control .section-quality-control-flex .section-quality-control-flex__text .section-quality-control-flex__text-txt{
    font-size: 1.4rem;
    line-height: 1.8;
  }
}
@media screen and (max-width: 400px){
  #quality .section-quality-control .section-quality-control__title{
    margin: 0 auto 30px;
  }
}

#quality .section-quality-control .section-quality-control-flex01{
  max-width: 1310px;
  width: 100%;
  display: flex;
  align-items: center;
  margin: 55px auto 0;
  padding: 0 20px;
}
#quality .section-quality-control .section-quality-control-flex01 .section-quality-control-flex01__img{
  width: 49.6%;
}
#quality .section-quality-control .section-quality-control-flex01 .section-quality-control-flex01__img img{
  border-radius: 8px;
}
#quality .section-quality-control .section-quality-control-flex01 .section-quality-control-flex01__text{
  width: 50.4%;
  padding: 0 5%;
  box-sizing: border-box;
}
#quality .section-quality-control .section-quality-control-flex01 .section-quality-control-flex01__text .section-quality-control-flex01__text-title{
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.8;
  margin: 0 0 1.0em;
}
#quality .section-quality-control .section-quality-control-flex01 .section-quality-control-flex01__text .section-quality-control-flex01__text-txt{
  margin: 0 0 1.25em;
}
#quality .section-quality-control .section-quality-control-flex01 .section-quality-control-flex01__text .section-quality-control-flex01__text-txt:last-of-type{
  margin: 0;
}
#quality .section-quality-control .section-quality-control-flex01 .section-quality-control-flex01__text .section-quality-control-flex01__text-txt strong{
  font-size: 1.4rem;
}
#quality .section-quality-control .section-quality-control-flex01 .section-quality-control-flex01__text .section-quality-control-flex01__text-txt--bg{
  position: relative;
}
#quality .section-quality-control .section-quality-control-flex01 .section-quality-control-flex01__text .section-quality-control-flex01__text-txt--bg::after{
  position: absolute;
  right: 0;
  top: -45px;
  content: '';
  width: 35.0%;
  height: 201px;
  background: url("../../imgs/company/quality/logo-dnv.png") no-repeat center center / 100% auto;
}

#quality .section-quality-control .section-quality-control-list-cont{
  max-width: 1080px;
  margin: 100px auto 0;
}
@media (min-width:769px){
  #quality .section-quality-control .section-quality-control-list{
    /*display: flex;*/
    /*gap: 0 20px;*/
  }
  #quality .section-quality-control .section-quality-control-list .section-quality-control-list__item{
    height: auto;
  }
}
#quality .section-quality-control .section-quality-control-list .section-quality-control-list__item{
  background: #fff;
  border-radius: 20px;
  padding: 30px 45px 40px;
}
#quality .section-quality-control .section-quality-control-list .section-quality-control-list__item .section-quality-control-list__item-img{
  margin: 0 auto;
  max-width: 320px;
  width: 100%;
}
#quality .section-quality-control .section-quality-control-list .section-quality-control-list__item .section-quality-control-list__item-title{
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
  margin: 0.5em 0 1.05em;
}
#quality .section-quality-control .section-quality-control-list .section-quality-control-list__item .section-quality-control-list__item-text{
  font-size: 1.5rem;
  line-height: 1.8;
}

@media (min-width:769px){
  #quality .section-quality-control .swiper-button-prev{
    display: none;
  }
  #quality .section-quality-control .swiper-button-prev::after{
    content: none;
  }
  #quality .section-quality-control .swiper-button-next{
    display: none;
  }
  #quality .section-quality-control .swiper-button-next::after{
    content: none;
  }
}
@media (max-width:768px){
  #quality .section-quality-control .swiper-control{
    max-width: 1120px;
    margin: 30px auto 0;
    padding: 15px 135px 15px 20px;
    box-sizing: border-box;
    position: relative;
  }
  #quality .section-quality-control .swiper-container {
    position: relative;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
  }
  #quality .section-quality-control .swiper-scrollbar-cont{
    position: relative;
    max-width: 950px;
    width: 100%;
  }
  #quality .section-quality-control .swiper-scrollbar {
    background: #C1C1C1;
    height: 4px;
    position: absolute;
    bottom: -1px;
    left: 10px;
    max-width: 950px;
    width: 100%;
  }
  #quality .section-quality-control .swiper-scrollbar .swiper-scrollbar-drag {
    background: var(--color_red);
    border-radius: 8px;
  }
  #quality .section-quality-control .swiper-button-prev{
    top: auto;
    right: 60px;
    bottom: 0;
    left: auto;
    width: 49px;
    height: 28px;
    background: url("../img/swiiper-prev.svg") no-repeat center center;
    z-index: 55;
    transition: 0.3s;
  }
  #quality .section-quality-control .swiper-button-prev::after{
    content: none;
  }
  #quality .section-quality-control .swiper-button-next{
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;
    width: 49px;
    height: 28px;
    background: url("../img/swiiper-next.svg") no-repeat center center;
    z-index: 55;
    transition: 0.3s;
  }
  #quality .section-quality-control .swiper-button-next::after{
    content: none;
  }
  #quality .section-quality-control  .swiper-container {
    padding: 0;
    box-sizing: border-box;
  }
}


@media screen and (max-width: 1000px){
  #quality .section-quality-control .section-quality-control-flex01 .section-quality-control-flex01__text{
    padding: 0 0 0 5%;
  }
}
@media screen and (max-width: 768px){
  #quality .section-quality-control .section-quality-control-flex01{
    display: block;
    margin: 40px 0 0;
  }
  #quality .section-quality-control .section-quality-control-flex01 .section-quality-control-flex01__img{
    width: 100%;
    text-align: center;
    margin: 0 auto 20px;
  }
  #quality .section-quality-control .section-quality-control-flex01 .section-quality-control-flex01__text{
    width: 100%;
    padding: 0;
  }
  #quality .section-quality-control .section-quality-control-flex01 .section-quality-control-flex01__text .section-quality-control-flex01__text-title{
    text-align: center;
    font-size: 1.6rem;
  }
  #quality .section-quality-control .section-quality-control-flex01 .section-quality-control-flex01__text .section-quality-control-flex01__text-txt{
    font-size: 1.4rem;
    line-height: 1.8;
  }
  #quality .section-quality-control .section-quality-control-flex01 .section-quality-control-flex01__text .section-quality-control-flex01__text-txt--bg::after{
    top: auto;
    bottom: 0;
    width: 104px;
    height: 100px;
    background: url("../../imgs/company/quality/logo-dnv.png") no-repeat center center / 100% auto;
  }
  #quality .section-quality-control .section-quality-control-flex01 .section-quality-control-flex01__text .section-quality-control-flex01__text-txt strong{
    font-size: 1.3rem;
  }
  #quality .section-quality-control .section-quality-control-list-cont{
    margin: 50px auto 0;
  }
  #quality .section-quality-control .section-quality-control-list .section-quality-control-list__item{
    height: auto;
    padding: 25px 20px;
  }
}
@media screen and (max-width: 400px){
  #quality .section-quality-control .section-quality-control-flex01 .section-quality-control-flex01__text .section-quality-control-flex01__text-txt--bg::after{
    top: auto;
    bottom: 0;
    width: 30%;
    height: 100px;
    background: url("../../imgs/company/quality/logo-dnv.png") no-repeat center center / 100% auto;
  }
}

#quality .section-quality-control .section-quality-control-flex02{
  max-width: 1310px;
  width: 100%;
  display: flex;
  align-items: center;
  margin: 55px auto 0;
  padding: 0 20px;
}
#quality .section-quality-control .section-quality-control-flex02 .section-quality-control-flex02__img{
  width: 49.6%;
}
#quality .section-quality-control .section-quality-control-flex02 .section-quality-control-flex02__img img{
  border-radius: 8px;
}
#quality .section-quality-control .section-quality-control-flex02 .section-quality-control-flex02__text{
  width: 50.4%;
  padding: 0 5%;
  box-sizing: border-box;
}
#quality .section-quality-control .section-quality-control-flex02 .section-quality-control-flex02__text .section-quality-control-flex02__text-title{
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.8;
  margin: 0 0 1.0em;
}
#quality .section-quality-control .section-quality-control-flex02 .section-quality-control-flex02__text .section-quality-control-flex02__text-txt{
  margin: 0 0 1.25em;
}
@media screen and (max-width: 1000px){
  #quality .section-quality-control .section-quality-control-flex02 .section-quality-control-flex02__text{
    padding: 0 5% 0 0;
  }
}
@media screen and (max-width: 768px){
  #quality .section-quality-control .section-quality-control-flex02{
    flex-wrap: wrap;
    margin: 40px auto 0;
  }
  #quality .section-quality-control .section-quality-control-flex02 .section-quality-control-flex02__img{
    order: 1;
    width: 100%;
    text-align: center;
    margin: 0 auto 20px;
  }
  #quality .section-quality-control .section-quality-control-flex02 .section-quality-control-flex02__text{
    order: 2;
    width: 100%;
    padding: 0;
  }
  #quality .section-quality-control .section-quality-control-flex02 .section-quality-control-flex02__text .section-quality-control-flex02__text-title{
    text-align: center;
    font-size: 1.6rem;
  }
  #quality .section-quality-control .section-quality-control-flex02 .section-quality-control-flex02__text .section-quality-control-flex02__text-txt{
    font-size: 1.4rem;
    line-height: 1.8;
  }
  #quality .section-quality-control .section-quality-control-flex02 .section-quality-control-flex02__text .section-quality-control-flex02__text-btn{
    text-align: center;
  }
}








/*** ------------------------------------------------------------------------------ 

sustainability （サステナビリティ）

-----------------------------------------------------------------------------  ***/


/* section-sustainability
------------------------------------------------ */
#sustainability .section-sustainability{
  padding: 125px 0 130px;
}
#sustainability .section-sustainability .inner03{
  position: relative;
}
#sustainability .section-sustainability .inner03::before{
  position: absolute;
  left: -200px;
  top: -100px;
  content: '';
  width: 330px;
  height: 391px;
  background: url("../../imgs/sustainability/sustainability-img01.png?ver=250927") no-repeat center center;
}
#sustainability .section-sustainability .inner03::after{
  position: absolute;
  right: -150px;
  top: -20px;
  content: '';
  width: 280px;
  height: 222px;
  background: url("../../imgs/sustainability/sustainability-img02.png?ver=250915") no-repeat center center;
}
#sustainability .section-sustainability .section-sustainability__title{
  text-align: center;
  font-size: 4.0rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 1.0em;
}
#sustainability .section-sustainability .section-sustainability__text{
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.66;
}
@media screen and (max-width: 1000px){
  #sustainability .section-sustainability .inner03::before{
    left: -250px;
  }
  #sustainability .section-sustainability .inner03::after{
    right: -200px;
  }
}
@media screen and (max-width: 800px){
  #sustainability .section-sustainability .inner03::before{
    content: none;
  }
  #sustainability .section-sustainability .inner03::after{
    content: none;
  }
}
@media screen and (max-width: 768px){
  #sustainability .section-sustainability{
    padding: 40px 0 400px;
    background: url("../../imgs/sustainability/sustainability-img01sp.png?ver=250918") no-repeat center bottom 50px / 417px auto;
  }
  #sustainability .section-sustainability .section-sustainability__title{
    font-size: 2.4rem;
    line-height: 1.5;
  }
  #sustainability .section-sustainability .section-sustainability__text{
    font-size: 1.4rem;
    line-height: 2.0;
  }
  #sustainability .section-sustainability .section-sustainability__text br{
    display: none;
  }
}


/* section-problem
------------------------------------------------ */
#sustainability .section-problem{
  background: #F8F7F5;
  padding: 60px 0 80px;
}
#sustainability .section-problem .section-problem-flex{
  display: flex;
  align-items: center;
  margin: 0 auto 75px;
}
#sustainability .section-problem .section-problem-flex .section-problem-flex__text{
  width: 44.5%;
  padding: 0 7.0% 0 0;
  box-sizing: border-box;
}
#sustainability .section-problem .section-problem-flex .section-problem-flex__text .section-problem-flex__text-en{
  font-family: var(--font_en);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--color_red);
}
#sustainability .section-problem .section-problem-flex .section-problem-flex__text .section-problem-flex__text-ja{
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 0.5em;
}
#sustainability .section-problem .section-problem-flex .section-problem-flex__text .section-problem-flex__text-catch{
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.05vw;
  margin: 0 0 1.0em;
}
#sustainability .section-problem .section-problem-flex .section-problem-flex__text .section-problem-flex__text-link{
  text-align: right;
  margin: 1.5em 0 0;
}
#sustainability .section-problem .section-problem-flex .section-problem-flex__text .section-problem-flex__text-link a{
  font-weight: bold;
  text-decoration: none;
  display: block;
  max-width: 150px;
  margin: 0 0 0 auto;
  text-align: left;
  position: relative;
  transition: 0.3s;
}
@media (min-width:769px){
  #sustainability .section-problem .section-problem-flex .section-problem-flex__text .section-problem-flex__text-link a:hover{
    color: var(--color_red);
  } 
}
#sustainability .section-problem .section-problem-flex .section-problem-flex__text .section-problem-flex__text-link a::after{
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  content: '';
  width: 100%;
  height: 100%;
}
#sustainability .section-problem .section-problem-flex .section-problem-flex__text .section-problem-flex__text-link a b{
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  line-height: 1.0;
  margin: 0 0 0 6px;
  box-sizing: border-box;
  background: var(--color_red);
  transform: translateY(4px);
  overflow: hidden;
}
#sustainability .section-problem .section-problem-flex .section-problem-flex__text .section-problem-flex__text-link a b svg{
  transform: scale(1.09) !important;
}

#sustainability .section-problem .section-problem-flex .section-problem-flex__img{
  width: 55.5%;
}
#sustainability .section-problem .section-problem-list{
  display: flex;
  padding: 0 65px;
  gap: 0 4%;
}
#sustainability .section-problem .section-problem-list .section-problem-list__item{
  width: calc(100% / 2);
  border-bottom: 1px solid #DCDCDC;
}
#sustainability .section-problem .section-problem-list .section-problem-list__item a{
  display: flex;
  align-items: center;
  padding: 15px 0;
  text-decoration: none;
  position: relative;
  transition: 0.3s;
}
#sustainability .section-problem .section-problem-list .section-problem-list__item a::before{
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  content: '';
  width: 100%;
  height: 100%;
}
#sustainability .section-problem .section-problem-list .section-problem-list__item a .section-problem-list__item-img{
  width: 160px;
}
#sustainability .section-problem .section-problem-list .section-problem-list__item a .section-problem-list__item-img img{
  border-radius: 6px;
}
#sustainability .section-problem .section-problem-list .section-problem-list__item a .section-problem-list__item-text{
  width: calc(100% - 160px);
  padding: 0 30px;
  box-sizing: border-box;
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;
  transition: 0.3s;
}
#sustainability .section-problem .section-problem-list .section-problem-list__item a .section-problem-list__item-text b{
  position: absolute;
  right: 0;
  top: 50%;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  line-height: 1.0;
  box-sizing: border-box;
  background: var(--color_red);
  transform: translateY(-50%);
  overflow: hidden;
}
#sustainability .section-problem .section-problem-list .section-problem-list__item a .section-problem-list__item-text b svg{
  transform: scale(1.09) !important;
}

@media screen and (min-width: 769px){
  #sustainability .section-problem .section-problem-list .section-problem-list__item a:hover .section-problem-list__item-text{
    color: var(--color_red);
  }
}
@media screen and (max-width: 1000px){
  #sustainability .section-problem .section-problem-list{
    padding: 0;
    gap: 0 3%;
  }
}
@media screen and (max-width: 768px){
  #sustainability .section-problem{
    padding: 60px 0 50px;
  }
  #sustainability .section-problem .section-problem-flex{
    flex-wrap: wrap;
    margin: 0 auto 35px;
  }
  #sustainability .section-problem .section-problem-flex .section-problem-flex__img{
    width: 100%;
    order: 1;
    margin: 0 0 50px;
    padding: 0 20px;
    box-sizing: border-box;
  }
  #sustainability .section-problem .section-problem-flex .section-problem-flex__text{
    width: 100%;
    padding: 0;
    order: 2;
  }
  #sustainability .section-problem .section-problem-flex .section-problem-flex__text .section-problem-flex__text-ja{
    font-size: 2.6rem;
    margin: 0 0 1.25em;
  }
  #sustainability .section-problem .section-problem-flex .section-problem-flex__text .section-problem-flex__text-catch{
    font-size: 2.0rem;
  }
  #sustainability .section-problem .section-problem-list{
    display: block;
  }
  #sustainability .section-problem .section-problem-list .section-problem-list__item{
    width: 100%;
    margin: 0 0 10px;
  }
  #sustainability .section-problem .section-problem-list .section-problem-list__item a .section-problem-list__item-img{
    width: 100px;
  }
  #sustainability .section-problem .section-problem-list .section-problem-list__item a .section-problem-list__item-text{
    width: calc(100% - 100px);
    font-size: 1.5rem;
    padding: 0 30px 0 15px;
  }
}


/* section-social
------------------------------------------------ */
#sustainability .section-social{
  padding: 60px 0 130px;
}
#sustainability .section-social .section-social-flex{
  display: flex;
  margin: 0 auto 75px;
}
#sustainability .section-social .section-social-flex .section-social-flex__text{
  width: 44.5%;
  padding: 35px 0 0 7.0%;
  box-sizing: border-box;
}
#sustainability .section-social .section-social-flex .section-social-flex__text .section-social-flex__text-en{
  font-family: var(--font_en);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--color_red);
}
#sustainability .section-social .section-social-flex .section-social-flex__text .section-social-flex__text-ja{
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 0.5em;
}
#sustainability .section-social .section-social-flex .section-social-flex__text .section-social-flex__text-catch{
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.05vw;
  margin: 0 0 0.75em;
}
#sustainability .section-social .section-social-flex .section-social-flex__text .section-social-flex__text-link{
  text-align: right;
  margin: 1.0em 0 0;
}
#sustainability .section-social .section-social-flex .section-social-flex__text .section-social-flex__text-link a{
  font-weight: bold;
  text-decoration: none;
  max-width: 150px;
  margin: 0 0 0 auto;
  position: relative;
  transition: 0.3s;
}
@media (min-width:769px){
  #sustainability .section-social .section-social-flex .section-social-flex__text .section-social-flex__text-link a:hover{
    color: var(--color_red);
  } 
}
#sustainability .section-social .section-social-flex .section-social-flex__text .section-social-flex__text-link a::before{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  content: '';
  width: 100%;
  height: 100%;
}
#sustainability .section-social .section-social-flex .section-social-flex__text .section-social-flex__text-link a b{
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  line-height: 1.0;
  margin: 0 0 0 6px;
  box-sizing: border-box;
  background: var(--color_red);
  transform: translateY(4px);
  overflow: hidden;
}
#sustainability .section-social .section-social-flex .section-social-flex__text .section-social-flex__text-link a b svg{
  transform: scale(1.09) !important;
}
#sustainability .section-social .section-social-flex .section-social-flex__img{
  width: 55.5%;
}

#sustainability .section-social .section-social-list{
  display: flex;
  padding: 0 65px;
  gap: 0 4%;
}
#sustainability .section-social .section-social-list .section-social-list__item{
  width: calc(100% / 2);
  border-bottom: 1px solid #DCDCDC;
}
#sustainability .section-social .section-social-list .section-social-list__item a{
  display: flex;
  align-items: center;
  padding: 15px 0;
  text-decoration: none;
  position: relative;
  transition: 0.3s;
}
#sustainability .section-social .section-social-list .section-social-list__item a::before{
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  content: '';
  width: 100%;
  height: 100%;
}
#sustainability .section-social .section-social-list .section-social-list__item a .section-social-list__item-img{
  width: 160px;
  positon:relative;
}
#sustainability .section-social .section-social-list .section-social-list__item:nth-of-type(2) a .section-social-list__item-img:after{
    content:"©SAN-EN NEOPHOENIX /PHOTO:YUKI SHIMIZU";
    position:absolute;
    left:5px;
    bottom:14px;
    color:#FFF;
    font-size:0.7rem;
}

#sustainability .section-social .section-social-list .section-social-list__item a .section-social-list__item-img img{
  border-radius: 6px;
}
#sustainability .section-social .section-social-list .section-social-list__item a .section-social-list__item-text{
  width: calc(100% - 160px);
  padding: 0 30px;
  box-sizing: border-box;
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;
  transition: 0.3s;
}
#sustainability .section-social .section-social-list .section-social-list__item a .section-social-list__item-text b{
  position: absolute;
  right: 0;
  top: 50%;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  line-height: 1.0;
  box-sizing: border-box;
  background: var(--color_red);
  transform: translateY(-50%);
  overflow: hidden;
}
#sustainability .section-social .section-social-list .section-social-list__item a .section-social-list__item-text b svg{
  transform: scale(1.09) !important;
}
@media screen and (min-width: 769px){
  #sustainability .section-social .section-social-list .section-social-list__item a:hover .section-social-list__item-text{
    color: var(--color_red);
  }
}
@media screen and (max-width: 1000px){
  #sustainability .section-social .section-social-list{
    padding: 0;
    gap: 0 3%;
  }
}
@media screen and (max-width: 768px){
  #sustainability .section-social{
    padding: 60px 0 50px;
  }
  #sustainability .section-social .section-social-flex{
    flex-wrap: wrap;
    margin: 0 auto 35px;
  }
  #sustainability .section-social .section-social-flex .section-social-flex__img{
    width: 100%;
    order: 1;
    margin: 0 0 50px;
    padding: 0 20px;
    box-sizing: border-box;
  }
  #sustainability .section-social .section-social-flex .section-social-flex__text{
    width: 100%;
    padding: 0;
    order: 2;
  }
  #sustainability .section-social .section-social-flex .section-social-flex__text .section-social-flex__text-ja{
    font-size: 2.6rem;
    margin: 0 0 1.25em;
  }
  #sustainability .section-social .section-social-flex .section-social-flex__text .section-social-flex__text-catch{
    font-size: 2.0rem;
  }
  #sustainability .section-social .section-social-list{
    display: block;
  }
  #sustainability .section-social .section-social-list .section-social-list__item{
    width: 100%;
    margin: 0 0 10px;
  }
  #sustainability .section-social .section-social-list .section-social-list__item a .section-social-list__item-img{
    width: 100px;
  }
#sustainability .section-social .section-social-list .section-social-list__item:nth-of-type(2) a .section-social-list__item-img:after{
    font-size:0.4rem;
    bottom:17px
}
  #sustainability .section-social .section-social-list .section-social-list__item a .section-social-list__item-text{
    width: calc(100% - 100px);
    font-size: 1.5rem;
    padding: 0 30px 0 15px;
  }
}




/*** ------------------------------------------------------------------------------ 

environment （環境問題）

-----------------------------------------------------------------------------  ***/

/* .visual-page
------------------------------------------------ */
/*
#envaironmental .visual-page{
  border-bottom: none;
}
*/

/* section-environment
------------------------------------------------ */
#envaironmental .section-environment{
  padding: 65px 0 70px;
}
#envaironmental .section-environment .section-environment__title{
  text-align: center;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.1vw;
  margin: 0 0 1.0em;
}
#envaironmental .section-environment .section-environment__img{
  text-align: center;
}
#envaironmental .section-environment .section-environment__catch{
  text-align: center;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 1.75em 0 1.0em;
}
#envaironmental .section-environment .section-environment__text{
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.8;
  margin: 0;
}
@media (max-width:768px){
  #envaironmental .section-environment{
    padding: 20px 0 40px;
  }
  #envaironmental .section-environment .section-environment__title{
    font-size: 2.6rem;
    line-height: 1.86;
    letter-spacing: 0.2vw;
  }
  #envaironmental .section-environment .section-environment__catch{
    font-size: 1.6rem;
    line-height: 1.6;
  }
  #envaironmental .section-environment .section-environment__text{
    text-align: left;
    font-size: 1.4rem;
    line-height: 2.0;
  }
}


/* section-plan
------------------------------------------------ */
#envaironmental .section-plan{
  padding: 45px 0 85px;
  position: relative;
}
#envaironmental .section-plan::after{
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  content: '';
  width: 100%;
  height: calc(100% - 45px);
  background: #F8F7F5;
}
#envaironmental .section-plan .section-plan-flex{
  display: flex;
}
#envaironmental .section-plan .section-plan-flex .section-plan-flex__text{
  width: 51.0%;
  padding: 65px 0 0 20px;
  box-sizing: border-box;
}
#envaironmental .section-plan .section-plan-flex .section-plan-flex__text .section-plan-flex__text-in{
  max-width: 560px;
  margin: 0 0 0 auto;
  padding: 0 7.0% 0 0;
  box-sizing: border-box;
}
#envaironmental .section-plan .section-plan-flex .section-plan-flex__text .section-plan-flex__text-catch{
  font-size: 3.0rem;
  font-weight: bold;
  line-height: 1.6;
  margin: 0 0 1.0em;
}
#envaironmental .section-plan .section-plan-flex .section-plan-flex__text .section-plan-flex__text-text{
  font-size: 1.6rem;
  line-height: 1.8;
  margin: 0 0 2.0em;
}
#envaironmental .section-plan .section-plan-flex .section-plan-flex__text ul li{
  text-indent: -1.0em;
  margin: 0 0 1.0em;
  padding: 0 0 0 1.0em;
  line-height: 1.8;
}
#envaironmental .section-plan .section-plan-flex .section-plan-flex__img{
  width: 49.0%;
  transform: translateY(-45px);
}
#envaironmental .section-plan .section-plan-flex .section-plan-flex__img img{
  border-radius: 15px 0 0 15px;
}
#envaironmental .section-plan .section-plan-action-flex{
  display: flex;
  margin: 45px auto 0;
  padding: 22px 110px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 9px;
}
#envaironmental .section-plan .section-plan-action-flex .section-plan-action-flex__img{
  text-align: center;
  width: 133px;
}
#envaironmental .section-plan .section-plan-action-flex .section-plan-action-flex__text{
  width: calc(100% - 133px);
  padding: 0 0 0 12.5%;
  box-sizing: border-box;
}
#envaironmental .section-plan .section-plan-action-flex .section-plan-action-flex__text .section-plan-action-flex__text-title{
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.8;
}
#envaironmental .section-plan .section-plan-action-flex .section-plan-action-flex__text .section-plan-action-flex__text-txt{
  font-size: 1.4rem;
  line-height: 1.8;
}
#envaironmental .section-plan .section-plan-action-flex .section-plan-action-flex__text .section-plan-action-flex__text-txt a{
  text-decoration: underline;
  font-weight: 600;
  color: var(--color_red);
  transition: 0.3s;
}
@media (min-width:769px){
  #envaironmental .section-plan .section-plan-action-flex .section-plan-action-flex__text .section-plan-action-flex__text-txt a:hover{
    text-decoration: none;
  } 
}
@media (max-width:1300px){
  #envaironmental .section-plan .section-plan-flex .section-plan-flex__text{
    width: 45.0%;
  }
  #envaironmental .section-plan .section-plan-flex .section-plan-flex__img{
    width: 55.0%;
  }
}
@media (max-width:1100px){
  #envaironmental .section-plan .section-plan-flex{
    align-items: center;
  }
  #envaironmental .section-plan .section-plan-flex .section-plan-flex__img{
    transform: translateY(0);
  }
  #envaironmental .section-plan .section-plan-action-flex{
    padding: 22px 50px;
  }
}
@media (max-width:768px){
  #envaironmental .section-plan{
    padding: 0 0 35px;
  }
  #envaironmental .section-plan .section-plan-flex{
    flex-wrap: wrap;
  }
  #envaironmental .section-plan .section-plan-flex .section-plan-flex__img{
    width: calc(100% - 40px);
    margin: 0 auto 20px;
    order: 1;
  }
  #envaironmental .section-plan .section-plan-flex .section-plan-flex__img img{
    border-radius: 15px;
  }
  #envaironmental .section-plan .section-plan-flex .section-plan-flex__text{
    width: 100%;
    order: 2;
    padding: 0 20px;
    box-sizing: border-box;
  }
  #envaironmental .section-plan .section-plan-flex .section-plan-flex__text .section-plan-flex__text-in{
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
  }
  #envaironmental .section-plan .section-plan-flex .section-plan-flex__text .section-plan-flex__text-catch{
    font-size: 2.0rem; 
    line-height: 1.5;
  }
  #envaironmental .section-plan .section-plan-flex .section-plan-flex__text .section-plan-flex__text-text{
    font-size: 1.4rem;
    line-height: 1.5;
  }
  #envaironmental .section-plan .section-plan-flex .section-plan-flex__text ul li{
    font-size: 1.4rem;
    line-height: 1.8;
  }
  #envaironmental .section-plan .section-plan-action-flex{
    display: block;
    margin: 30px auto 0;
    padding: 30px 20px;
  }
  #envaironmental .section-plan .section-plan-action-flex .section-plan-action-flex__img{
    width: 74px;
    margin: 0 auto 20px;
  }
  #envaironmental .section-plan .section-plan-action-flex .section-plan-action-flex__text{
    width: 100%;
    padding: 0;
  }
}


/* section-project
------------------------------------------------ */
#envaironmental .section-project{
  padding: 85px 0 120px;
}
#envaironmental .section-project .section-project__catch{
  font-size: 3.0rem;
  font-weight: bold;
  line-height: 1.6;
  margin: 0 0 0.75em;
}
#envaironmental .section-project .section-project__text{
  font-size: 1.8rem;
  line-height: 1.8;
}
#envaironmental .section-project .section-project-flex{
  display: flex;
  align-items: center;
  margin: 0 auto;
  padding: 67px 0 0;
}
#envaironmental .section-project .section-project-flex .section-project-flex__img{
  width: 43.7%;
}
#envaironmental .section-project .section-project-flex .section-project-flex__img img{
  border-radius: 8px;
}
#envaironmental .section-project .section-project-flex--reverse .section-project-flex__img{
  order: 2; 
}
#envaironmental .section-project .section-project-flex .section-project-flex__text{
  width: 56.3%;
  padding: 0 0 0 7.5%;
  box-sizing: border-box;
}
#envaironmental .section-project .section-project-flex--reverse .section-project-flex__text{
  order: 1; 
  padding: 0 7.5% 0 0;
}
#envaironmental .section-project .section-project-flex .section-project-flex__text .section-project-flex__text-title{
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 2.0;
  margin: 0 0 0.25em;
  padding: 12px 0 12px 90px;
}
#envaironmental .section-project .section-project-flex .section-project-flex__text .section-project-flex__text-title--01{
  background: url("../../imgs/sustainability/envaironmental/project-icon01.svg") no-repeat left center;
}
#envaironmental .section-project .section-project-flex .section-project-flex__text .section-project-flex__text-title--02{
  background: url("../../imgs/sustainability/envaironmental/project-icon02.svg") no-repeat left center;
}
#envaironmental .section-project .section-project-flex .section-project-flex__text .section-project-flex__text-title--03{
  background: url("../../imgs/sustainability/envaironmental/project-icon03.svg") no-repeat left center;
}
#envaironmental .section-project .section-project-flex .section-project-flex__text .section-project-flex__text-txt{
  line-height: 1.8;
}
@media (max-width:900px){
  #envaironmental .section-project .section-project-flex{
    align-items: flex-start;
  }
  #envaironmental .section-project .section-project-flex .section-project-flex__img{
    padding: 12px 0 0;
  }
}
@media (max-width:768px){
  #envaironmental .section-project{
    padding: 60px 0;
  }
  #envaironmental .section-project .section-project__catch{
    font-size: 2.0rem;
    line-height: 1.5;
  }
  #envaironmental .section-project .section-project__text{
    font-size: 1.4rem;
  }
  #envaironmental .section-project .section-project__text br{
    display: none;
  }
  #envaironmental .section-project .section-project-flex{
    display: block;
    padding: 40px 0 0;
  }
  #envaironmental .section-project .section-project-flex .section-project-flex__img{
    padding: 0;
    width: 100%;
    margin: 0 auto 10px;
  }
  #envaironmental .section-project .section-project-flex .section-project-flex__text{
    width: 100%;
    padding: 0;
  }
  #envaironmental .section-project .section-project-flex .section-project-flex__text .section-project-flex__text-title{
    font-size: 1.8rem;
    line-height: 2.66;
    padding: 15px 0 10px 80px;
  }
  #envaironmental .section-project .section-project-flex .section-project-flex__text .section-project-flex__text-txt{
    font-size: 1.4rem;
  }
}


/* sustainability-other-link
------------------------------------------------ */
.sustainability-other-link{
  padding: 45px 20px 90px;
}
.sustainability-other-link .sustainability-other-link_cont{
  max-width: 985px;
  margin: 0 auto;
}
.sustainability-other-link .sustainability-other-link_cont .sustainability-other-link__title{
  font-size: 3.0rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.15vw;
  margin: 0 0 0.5em;
}
.sustainability-other-link .sustainability-other-link_cont .sustainability-other-link-list{
  display: flex;
  flex-wrap: wrap;
  gap: 0 8%;
}
.sustainability-other-link .sustainability-other-link_cont .sustainability-other-link-list .sustainability-other-link-list__item{
  width: calc(100% / 2 - 4%);
  border-bottom: 1px solid #6E6E6E;
}
.sustainability-other-link .sustainability-other-link_cont .sustainability-other-link-list .sustainability-other-link-list__item a{
  display: block;
  padding: 25px 40px 25px 0;
  text-decoration: none;
  position: relative;
}
.sustainability-other-link .sustainability-other-link_cont .sustainability-other-link-list .sustainability-other-link-list__item a::before{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  content: '';
  width: 100%;
  height: 100%;
}
.sustainability-other-link .sustainability-other-link_cont .sustainability-other-link-list .sustainability-other-link-list__item a b{
  position: absolute;
  right: 0;
  top: 50%;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  line-height: 1.0;
  box-sizing: border-box;
  background: var(--color_red);
  transform: translateY(-50%);
  overflow: hidden;
}
.sustainability-other-link .sustainability-other-link_cont .sustainability-other-link-list .sustainability-other-link-list__item a b svg{
  transform: scale(1.09) !important;
}
.sustainability-other-link .sustainability-other-link_cont .sustainability-other-link-list .sustainability-other-link-list__item a .sustainability-other-link-list__item-ja{
  display: block;
  font-size: 2.4rem;
  line-height: 1.5;
}
.sustainability-other-link .sustainability-other-link_cont .sustainability-other-link-list .sustainability-other-link-list__item a .sustainability-other-link-list__item-en{
  display: block;
  font-family: var(--font_en);
  font-size: 1.4rem;
  line-height: 1.5;
}
@media (max-width:768px){
  .sustainability-other-link{
    padding: 25px 20px 50px;
  }
  .sustainability-other-link .sustainability-other-link_cont .sustainability-other-link__title{
    font-size: 2.0rem;
  }
  .sustainability-other-link .sustainability-other-link_cont .sustainability-other-link-list{
    display: block;
  }
  .sustainability-other-link .sustainability-other-link_cont .sustainability-other-link-list .sustainability-other-link-list__item{
    width: 100%;
  }
  .sustainability-other-link .sustainability-other-link_cont .sustainability-other-link-list .sustainability-other-link-list__item a{
    padding: 20px 0;
  }
  .sustainability-other-link .sustainability-other-link_cont .sustainability-other-link-list .sustainability-other-link-list__item a .sustainability-other-link-list__item-ja{
    font-size: 1.8rem;
  }
  .sustainability-other-link .sustainability-other-link_cont .sustainability-other-link-list .sustainability-other-link-list__item a .sustainability-other-link-list__item-en{
    font-size: 1.2rem;
  }
}



/*** ------------------------------------------------------------------------------ 

social-contribution （社会貢献）

-----------------------------------------------------------------------------  ***/

/* .visual-page
------------------------------------------------ */
/*
#society .visual-page{
  border-bottom: none;
}
*/

/* .section-social
------------------------------------------------ */
#society .section-social{
  padding: 40px 0 60px;
}
#society .section-social .section-social__title{
  text-align: center;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 1.0em;
  letter-spacing: 0.1vw;
}
#society .section-social .section-social__img{
  text-align: center;
}
#society .section-social .section-social__catch{
  text-align: center;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 1.75em 0 1.0em;
}
#society .section-social .section-social__text{
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.8;
  margin: 0;
}
#society .section-social .section-social-list{
  display: flex;
  justify-content: center;
  margin: 45px 0 0;
  gap: 0 15px;
}
#society .section-social .section-social-list .section-social-list__item{
  max-width: 260px;
  width: 100%;
}
#society .section-social .section-social-list .section-social-list__item a{
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
  padding: 16px 50px 16px 60px;
  position: relative;
  text-decoration: none;
  /*border: 1px solid #1D1D1D;*/
  border-radius: 35px;
  transition: 0.3s;
}
#society .section-social .section-social-list .section-social-list__item a span{
  padding: 16px 50px 16px 85px;
}
#society .section-social .section-social-list .section-social-list__item--world a span{
  background: url("../../imgs/sustainability/society/icon-world.svg") no-repeat left 40px center / 30px auto, #fff;
}
#society .section-social .section-social-list .section-social-list__item--local a span{
  background: url("../../imgs/sustainability/society/icon-local.svg") no-repeat left 35px center / 40px auto, #fff;
}
/*
#society .section-social .section-social-list .section-social-list__item--world a{
  background: url("../../imgs/sustainability/society/icon-world.svg") no-repeat left 30px center / 30px auto;
}
#society .section-social .section-social-list .section-social-list__item--local a{
  background: url("../../imgs/sustainability/society/icon-local.svg") no-repeat left 25px center / 40px auto;
}
*/
#society .section-social .section-social-list .section-social-list__item a span::before{
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  width: 30px;
  height: 30px;
  background: url("../img/icon-circleArrow-uncer-black.svg") no-repeat center center / 30px auto;
  transition: 0.3s;
}

@media screen and (min-width: 769px){
  #society .section-social .section-social-list .section-social-list__item a:hover{
    /*border: 1px solid var(--color_red);*/
  }
  #society .section-social .section-social-list .section-social-list__item a span:hover::before{
    background: url("../img/icon-circleArrow-uncer-red.svg") no-repeat center center / 30px auto;
  }
}
@media screen and (max-width: 768px){
  #society .section-social{
    padding: 25px 0 40px;
  }
  #society .section-social .section-social__title{
    font-size: 2.6rem;
    line-height: 1.84;
  }
  #society .section-social .section-social__catch{
    font-size: 1.6rem;
    line-height: 2.0;
    margin: 1.25em 0 1.0em;
  }
  #society .section-social .section-social__text{
    font-size: 1.4rem;
  }
  #society .section-social .section-social-list{
    gap: 0 10px;
  }
  #society .section-social .section-social-list .section-social-list__item a{
    font-size: min(1.4rem, 3.75vw);
    font-weight: 600;
    line-height: 1.5;
    padding: 50px 5px 40px;
    text-align: center;
    border-radius: 12px;
  }
  #society .section-social .section-social-list .section-social-list__item--world a{
    background: url("../../imgs/sustainability/society/icon-world.svg") no-repeat top 12px center / 30px auto;
  }
  #society .section-social .section-social-list .section-social-list__item--local a{
    background: url("../../imgs/sustainability/society/icon-local.svg") no-repeat top 10px center / 40px auto;
  }
  #society .section-social .section-social-list .section-social-list__item a::after{
    position: absolute;
    right: auto;
    top: auto;
    left: 50%;
    bottom: 15px;
    transform: translateX(-50%);
    content: '';
    width: 16px;
    height: 16px;
    background: url("../img/icon-circleArrow-uncer-red.svg") no-repeat center center / 16px auto;
    transition: 0.3s;
  }
  #society .section-social .section-social-list .section-social-list__item a span{
    padding: 0;
    background: none;
  }
  #society .section-social .section-social-list .section-social-list__item a span::before{
    content: none;
  }
}


/* .section-world
------------------------------------------------ */
#society .section-world{
  padding: 110px 0 75px;
  position: relative;
}
#society .section-world::before{
  position: absolute;
  left: 50%;
  top: 45px;
  z-index: -1;
  content: '';
  transform: translateX(-50%);
  max-width: 954px;
  width: 100%;
  height: 130px;
  background: url("../../imgs/sustainability/society/world-txt.svg?ver=250915") no-repeat center center / 100% auto;
}
#society .section-world::after{
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
  content: '';
  width: 100%;
  height: 100%;
  background: #F8F7F5;
}
#society .section-world .section-world_title{
  text-align: center;
  font-size: 3.8rem;
  font-weight: bold;
  line-height: 1.26;
  color: #590000;
  margin: 0 0 2.0em;
}
#society .section-world .section-world_title span{
  display: inline-block;
  padding: 0 0 0 60px;
  background: url("../../imgs/sustainability/society/icon-world.svg") no-repeat left center;
}
#society .section-world .section-world-flex{
  display: flex;
  margin: 0 auto 65px;
}
#society .section-world .section-world-flex .section-world-flex__text{
  width: 51%;
  padding: 0 0 0 20px;
  box-sizing: border-box;
}
#society .section-world .section-world-flex .section-world-flex__text .section-world-flex__text-in{
  max-width: 570px;
  margin: 0 0 0 auto;
  padding: 0 7% 0 0;
  box-sizing: border-box;
}
#society .section-world .section-world-flex .section-world-flex__text .section-world-flex__text-title{
  font-size: 3.0rem;
  font-weight: bold;
  line-height: 1.6;
  margin: 0 0 0.8em;
}
#society .section-world .section-world-flex .section-world-flex__text .section-world-flex__text-txt{
  font-size: 1.6rem;
  margin: 0 0 1.5em;
}
#society .section-world .section-world-flex .section-world-flex__text .section-world-flex__text-img{
  margin: 0 0 20px;
}
#society .section-world .section-world-flex .section-world-flex__text .section-world-flex__text-btn a{
  min-width: inherit;
  max-width: 352px;
  width: 100%;
}
@media (max-width: 768px){
  #society .section-world .section-world-flex .section-world-flex__text .section-world-flex__text-btn a{
    line-height: 1.3;
  } 
}

#society .section-world .section-world-flex .section-world-flex__img{
  width: 49%;
}
#society .section-world .section-world-flex .section-world-flex__img img{
  border-radius: 15px 0 0 15px;
}
#society .section-world .section-world_subTitle{
  text-align: center;
  margin: 95px auto 1.0em;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 2.0;
}
#society .section-world .section-world-card{
  display: flex;
  justify-content: space-between;
  gap: 0 4%;
}
#society .section-world .section-world-card .section-world-card__item{
  width: calc(100% / 2);
  background: #fff;
  padding: 35px 20px 55px;
  box-sizing: border-box;
  border-radius: 9px;
}
#society .section-world .section-world-card .section-world-card__item .section-world-card__item-img{
  text-align: center;
}
#society .section-world .section-world-card .section-world-card__item .section-world-card__item-img--ace img{
  max-width: 213px;
  width: 100%;
}
#society .section-world .section-world-card .section-world-card__item .section-world-card__item-img--jica img{
  max-width: 362px;
  width: 100%;
}
#society .section-world .section-world-card .section-world-card__item .section-world-card__item-title{
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
}
#society .section-world .section-world-card .section-world-card__item .section-world-card__item-en{
  text-align: center;
  font-family: var(--font_en);
  font-size: 1.4rem;
  line-height: 1.8;
}
#society .section-world .section-world-card .section-world-card__item .section-world-card__item-text{
  max-width: 388px;
  line-height: 1.8;
  margin: 0.5em auto 1.5em;
}
#society .section-world .section-world-card .section-world-card__item .section-world-card__item-btn{
  text-align: center;
}
@media screen and (max-width: 768px){
  #society .section-world{
    padding: 68px 0 60px;
  }
  #society .section-world::before{
    top: 0;
  }
  #society .section-world .section-world_title{
    font-size: 2.8rem;
    margin: 0 0 1.0em;
  }
  #society .section-world .section-world_title span{
    padding: 0 0 0 45px;
    background: url("../../imgs/sustainability/society/icon-world.svg") no-repeat left center / 34px auto;
  }
  #society .section-world .section-world-flex{
    flex-wrap: wrap;
    margin: 0 auto 50px;
  }
  #society .section-world .section-world-flex .section-world-flex__img{
    order: 1;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
  }
  #society .section-world .section-world-flex .section-world-flex__img img{
    border-radius: 15px;
  }
  #society .section-world .section-world-flex .section-world-flex__text{
    order: 2;
    width: 100%;
    padding: 20px 20px 0;
    box-sizing: border-box;
  }
  #society .section-world .section-world-flex .section-world-flex__text .section-world-flex__text-in{
    max-width: 100%;
    padding: 0;
  }
  #society .section-world .section-world-flex .section-world-flex__text .section-world-flex__text-title{
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.2;
    margin: 0 0 1.0em;
  }
  #society .section-world .section-world-flex .section-world-flex__text .section-world-flex__text-txt{
    font-size: 1.4rem;
    line-height: 1.8;
  }
  #society .section-world .section-world-flex .section-world-flex__text .section-world-flex__text-img{
    display: none;
  }
  #society .section-world .section-world-flex .section-world-flex__text .section-world-flex__text-btn{
    text-align: center;
  }
  #society .section-world .section-world_subTitle{
    font-size: 1.8rem;
    margin: 50px auto 1.0em;
  }
  #society .section-world .section-world-card{
    display: block;
  }
  #society .section-world .section-world-card .section-world-card__item{
    width: 100%;
    margin: 0 auto 20px;
    padding: 30px 5%;
  }
  #society .section-world .section-world-card .section-world-card__item:last-child{
    margin: 0 auto;
  }
  #society .section-world .section-world-card .section-world-card__item .section-world-card__item-text{
    max-width: 100%;
    width: 85%;
    font-size: 1.4rem;
  }
}


/* .section-local
------------------------------------------------ */
#society .section-local{
  padding: 110px 0 60px;
  position: relative;
}
#society .section-local::before{
  position: absolute;
  left: 50%;
  top: 45px;
  z-index: -1;
  content: '';
  transform: translateX(-50%);
  max-width: 942px;
  width: 100%;
  height: 125px;
  background: url("../../imgs/sustainability/society/local-txt.svg?ver=250915") no-repeat center center / 100% auto;
}
#society .section-local .section-local__title{
  text-align: center;
  font-size: 3.8rem;
  font-weight: bold;
  line-height: 1.26;
  color: #590000;
  margin: 0 0 2.0em;
}
#society .section-local .section-local__title span{
  display: inline-block;
  padding: 0 0 0 70px;
  background: url("../../imgs/sustainability/society/icon-local.svg") no-repeat left center;
}
#society .section-local .section-local-flex{
  display: flex;
  margin: 0 auto 65px;
}
#society .section-local .section-local-flex .section-local-flex__text{
  width: 51%;
  padding: 0 0 0 20px;
  box-sizing: border-box;
}
#society .section-local .section-local-flex .section-local-flex__text .section-local-flex__text-in{
  max-width: 570px;
  margin: 0 0 0 auto;
  padding: 0 7% 0 0;
  box-sizing: border-box;
}
#society .section-local .section-local-flex .section-local-flex__text .section-local-flex__text-title{
  font-size: 3.0rem;
  font-weight: bold;
  line-height: 1.6;
  margin: 0 0 0.8em;
}
#society .section-local .section-local-flex .section-local-flex__text .section-local-flex__text-txt{
  font-size: 1.8rem;
  margin: 0 0 1.5em;
}
#society .section-local .section-local-flex .section-local-flex__text .section-local-flex__text-img{
  margin: 0 0 20px;
}

#society .section-local .section-local-flex .section-local-flex__img{
  width: 49%;
}
#society .section-local .section-local-flex .section-local-flex__img img{
  border-radius: 15px 0 0 15px;
}

#society .section-local .section-local__subTitle{
  text-align: center;
  margin: 95px auto 1.0em;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 2.0;
}
#society .section-local .section-local-list{
  display: flex;
  justify-content: space-between;
  gap: 40px 2.5%;
  margin: 0 auto 80px;
}
#society .section-local .section-local-list .section-local-list__item{
  width: calc(100% / 3);
}
#society .section-local .section-local-list .section-local-list__item .section-local-list__item-img{
    position:relative;
}
#society .section-local .section-local-list .section-local-list__item:nth-of-type(2) .section-local-list__item-img:after{
    content:"©SAN-EN NEOPHOENIX /PHOTO:YUKI SHIMIZU";
    position:absolute;
    left:5px;
    bottom:2px;
    color:#FFF;
    font-size:1.1rem;
}
#society .section-local .section-local-list .section-local-list__item .section-local-list__item-img img{
  border-radius: 8px;
}
#society .section-local .section-local-list .section-local-list__item .section-local-list__item-title{
  text-align: center;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.4;
  margin: 0.75em 0;
}
#society .section-local .section-local-list .section-local-list__item .section-local-list__item-text{
  line-height: 1.5;
  margin: 0 0 1.25em;
}
#society .section-local .section-local-list .section-local-list__item .btn-black a{
  max-width: 287px;
  width: 100%;
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
  /*
  color: var(--color_yellow);
  background: #000;
  border: 4px solid var(--color_yellow);
  border-radius: 35px;
  */
  padding: 8px 50px 8px 25px;
  text-decoration: none;
}
#society .section-local .section-local-shop-flex{
  display: flex;
}
#society .section-local .section-local-shop-flex__text{
  width: 54.5%;
  padding: 0 5% 0 0;
  box-sizing: border-box;
}
#society .section-local .section-local-shop-flex__text .section-local-shop-flex__text-title{
  font-size: 3.0rem;
  font-weight: bold;
  margin: 0 0 0.5em;
}
#society .section-local .section-local-shop-flex__text .section-local-shop-flex__text-txt{
  font-size: 1.8rem;
  line-height: 1.33;
  margin: 0 0 1.0em;
}

#society .section-local .section-local-shop-flex__text .section-local-shop-flex__text-btn{
  margin: 15px 0 0;
}
#society .section-local .section-local-shop-flex__text .section-local-shop-flex__text-btn a{
  min-width: inherit;
  max-width: 287px;
  width: 100%;
}



#society .section-local .section-local-shop-flex__text .btn-black a{
  max-width: 287px;
  width: 100%;
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
  /*
  color: var(--color_yellow);
  background: #000;
  border: 4px solid var(--color_yellow);
  border-radius: 35px;
  */
  padding: 19px 50px 19px 25px;
  text-decoration: none;
}
#society .section-local .section-local-shop-flex__img{
  width: 45.5%;
}
#society .section-local .section-local-shop-flex__img img{
  border-radius: 8px;
}
@media screen and (max-width: 768px){
  #society .section-local{
    padding: 68px 0 60px;
  }
  #society .section-local::before{
    top: 0;
    width: 96%;
    margin: 0 auto;
  }
  #society .section-local .section-local__title{
    font-size: 2.8rem;
    margin: 0 0 1.0em;
  }
  #society .section-local .section-local__title span{
    padding: 0 0 0 45px;
    background: url("../../imgs/sustainability/society/icon-local.svg") no-repeat left center / 40px auto;
  }
  
  #society .section-local .section-local-flex{
    flex-wrap: wrap;
  }
  #society .section-local .section-local-flex .section-local-flex__img{
    width: 100%;
    order: 1;
    padding: 0 20px
  }
  #society .section-local .section-local-flex .section-local-flex__img img{
    border-radius: 15px;
  }
  #society .section-local .section-local-flex .section-local-flex__text{
    width: 100%;
    order: 2;
    padding: 30px 20px 0;
  }
  #society .section-local .section-local-flex .section-local-flex__text .section-local-flex__text-in{
    max-width: 100%;
    padding: 0;
  }
  #society .section-local .section-local-flex .section-local-flex__text .section-local-flex__text-title{
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.5;
    margin: 0 0 1.0em;
  }
  #society .section-local .section-local-flex .section-local-flex__text .section-local-flex__text-title br{
    display: none;
  }
  #society .section-local .section-local-flex .section-local-flex__text .section-local-flex__text-txt{
    font-size: 1.4rem;
  }
  #society .section-local .section-local__subTitle{
    margin: 50px auto 10px;
  }
  #society .section-local .section-local-list{
    display: block;
  }
  #society .section-local .section-local-list .section-local-list__item{
    width: 100%;
    margin: 0 0 50px;
  }
  #society .section-local .section-local-list .section-local-list__item .section-local-list__item-title{
    font-size: 1.6rem;
  }
  #society .section-local .section-local-list .section-local-list__item .section-local-list__item-text{
    font-size: 1.4rem;
    margin: 0 0 1.5em;
  }
  #society .section-local .section-local-list .section-local-list__item .section-local-list__item-btn{
    text-align: center;
  }
  #society .section-local .section-local-list .section-local-list__item .btn-black a{
    margin: 0 auto;
    text-align: left;
  }
  
  #society .section-local .section-local-shop-flex{
    flex-wrap: wrap;
  }
  #society .section-local .section-local-shop-flex__img{
    order: 1;
    width: 100%;
  }
  #society .section-local .section-local-shop-flex__text{
    order: 2;
    width: 100%;
    padding: 20px 0 0;
  }
  #society .section-local .section-local-shop-flex__text .section-local-shop-flex__text-title{
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.2;
    margin: 0 0 1.0em;
  }
  #society .section-local .section-local-shop-flex__text .section-local-shop-flex__text-txt{
    font-size: 1.4rem;
    margin: 0 0 1.5em;
  }
  #society .section-local .section-local-shop-flex__text .section-local-shop-flex__text-btn{
    text-align: center;
  }
  #society .section-local .section-local-shop-flex__text .section-local-shop-flex__text-btn a{
    margin: 0 auto;
    text-align: left;
  }
}



/*** ------------------------------------------------------------------------------ 

lineup （商品情報）

-----------------------------------------------------------------------------  ***/

/* section-release
------------------------------------------------ */
#product .section-release{
  background: #FFFEF4;
  padding: 55px 20px 90px;
  position: relative;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
#product .section-release::before{
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 58px;
  height: 100%;
  background: url("../../imgs/product/release-bg01.svg") repeat-y right center;
}
#product .section-release::after{
  position: absolute;
  right: 0;
  top: 0;
  content: '';
  width: 58px;
  height: 100%;
  background: url("../../imgs/product/release-bg02.svg") repeat-y left center;
}
#product .section-release .section-release__title{
  max-width: 1100px;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 auto 1.25em;
  color: var(--color_red);
  position: relative;
}
#product .section-release .swiper-out{
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
#product .section-release .swiper-container{
  max-width: 1180px;
  margin: 0 auto;
  overflow: hidden;
}
#product .section-release .section-release-list{}

#product .section-release .section-release-list__item a{
  display: block;
  text-decoration: none;
  position: relative;
}
#product .section-release .section-release-list__item a .icon-new{
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  padding: 5px 15px;
  background: var(--color_red);
  font-size: 1.3rem;
  color: #fff;
  line-height: 1.0;
  border-radius: 8px 0 8px 0;
}
#product .section-release .section-release-list__item-img{
  border-radius: 8px;
  margin: 0 0 5px;
  background: #fff;
}
#product .section-release .section-release-list__item-img img{
  border:  1px solid #D9D9D9;
  border-radius: 8px;
  transition: 0.3s;
}
#product .section-release .section-release-list__item-text{
  padding: 0 20px;
}
#product .section-release .section-release-list__item-text .txt-s{
  font-size: 1.1rem;
  font-weight: 500;
  transition: 0.3s;
}
#product .section-release .section-release-list__item-text .title{
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.75;
  transition: 0.3s;
}
#product .swiper-button-prev{
  left: -60px;
  width: 44px;
  height: 44px;
  background: url("../../imgs/product/icon-prev.svg") no-repeat center center;
  transition: 0.3s;
}
#product .swiper-button-prev::after{
  content: none;
}
#product .swiper-button-next{
  right: -60px;
  width: 44px;
  height: 44px;
  background: url("../../imgs/product/icon-next.svg") no-repeat center center;
  transition: 0.3s;
}
#product .swiper-button-next::after{
  content: none;
}
@media (min-width:769px){
  #product .section-release a:hover .section-release-list__item-img img{
    border: 1px solid var(--color_red);
  }
  #product .section-release a:hover .section-release-list__item-text .txt-s{
    color: var(--color_red);
  }
  #product .section-release a:hover .section-release-list__item-text .title{
    color: var(--color_red);
  }
  #product .swiper-button-prev:hover{
    background: url("../../imgs/product/icon-prev-red.svg") no-repeat center center;
  }
  #product .swiper-button-next:hover{
    background: url("../../imgs/product/icon-next-red.svg") no-repeat center center;
  }
}
@media (max-width:1340px){
  #product .section-release .swiper-out{
    max-width: 100%;
  }
  #product .swiper-button-prev{
    left: -10px;
  }
  #product .swiper-button-next{
    right: -10px;
  }
}
@media (max-width:768px){
  #product .section-release{
    padding: 55px 0 60px;
  }
  #product .section-release::before{
    width: 35px;
    background: url("../../imgs/product/release-bg01.svg") repeat-y right center / 35px auto;
  }
  #product .section-release::after{
    width: 35px;
    background: url("../../imgs/product/release-bg02.svg") repeat-y left center / 35px auto;
  }
  #product .section-release .swiper-out{
    padding: 0 50px;
    box-sizing: border-box;
  }
  #product .section-release .section-release__title{
    font-size: 2.4rem;
    padding: 0 0 0 47px;
  }
  #product .swiper-button-prev{
    left: 5px;
    width: 32px;
    height: 32px;
    background: url("../../imgs/product/icon-prev.svg") no-repeat center center / 32px auto;
  }
  #product .swiper-button-next{
    right: 5px;
    width: 32px;
    height: 32px;
    background: url("../../imgs/product/icon-next.svg") no-repeat center center / 32px auto;
  }
}

#product .swiper-control{
  max-width: 1120px;
  margin: 60px auto 0;
  padding: 15px 20px;
  box-sizing: border-box;
  position: relative;
}
#product .swiper-container {
  position: relative;
  width: 100%;
}
#product .swiper-scrollbar-cont{
  position: relative;
  width: 100%;
}
#product .swiper-scrollbar {
  background: #C1C1C1;
  height: 4px;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
}
#product .swiper-scrollbar .swiper-scrollbar-drag {
  background: var(--color_red);
  border-radius: 8px;
}
@media (max-width:768px){
  #product .swiper-control{
    margin: 20px auto 0;
  }
  #product .swiper-scrollbar{
    left: 0;
  }
}

/* section-cat
------------------------------------------------ */
#product .section-cat{
  margin: 0 0 30px;
  padding: 60px 20px 75px;
 /* border-bottom: 1px solid rgba(0,0,0,0.1);*/
}
#product .section-cat .section-cat__title{
  max-width: 1100px;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 auto 1.0em;
}
#product .section-cat .section-cat-list{
  max-width: 1100px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  gap: 25px 4%;
}
#product .section-cat .section-cat-list .section-cat-list__item{
  width: calc(100% / 3 - 2.7%);
}
#product .section-cat .section-cat-list .section-cat-list__item a{
  display: block;
  border: 1px solid transparent;
  font-size: min(1.6rem, 1.25vw);
  font-weight: 600;
  border-radius: 8px;
  text-decoration: none;
  padding: 18px 50px 18px 100px;
  position: relative;
  transition: 0.3s;
}
#product .section-cat .section-cat-list .section-cat-list__item--regular a{
  background: url("../../imgs/product/title-regular.svg") no-repeat left 30px center;
}
#product .section-cat .section-cat-list .section-cat-list__item--hitokuchi a{
  background: url("../../imgs/product/title-hitokuchi.svg") no-repeat left 30px center;
}
#product .section-cat .section-cat-list .section-cat-list__item--family a{
  background: url("../../imgs/product/title-family.svg") no-repeat left 30px center;
}
#product .section-cat .section-cat-list .section-cat-list__item--area a{
  background: url("../../imgs/product/title-area.svg") no-repeat left 30px center;
}
#product .section-cat .section-cat-list .section-cat-list__item--other a{
  background: url("../../imgs/product/title-other.svg") no-repeat left 30px center;
}
#product .section-cat .section-cat-list .section-cat-list__item--shop a{
  background: url("../../imgs/product/title-shop.svg") no-repeat left 30px center;
}
#product .section-cat .section-cat-list .section-cat-list__item a::after{
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  width: 33px;
  height: 33px;
  background: url("../img/icon-circleArrow-uncer-black.svg") no-repeat center center;
  transition: 0.3s;
}
@media screen and (min-width: 769px){
  #product .section-cat .section-cat-list .section-cat-list__item a:hover{
    border: 1px solid var(--color_red);
  }
  #product .section-cat .section-cat-list .section-cat-list__item a:hover::after{
    background: url("../img/icon-circleArrow-uncer-red.svg") no-repeat center center;
  }
}
@media screen and (max-width: 1000px){
  #product .section-cat .section-cat-list .section-cat-list__item{
    width: calc(100% / 2 - 2.7%);
  }
  #product .section-cat .section-cat-list .section-cat-list__item a{
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 768px){
  #product .section-cat{
    padding: 30px 20px 40px;
  }
  #product .section-cat .section-cat__title{
    font-size: 2.0rem;
    margin: 0 auto 1.0em;
  }
  #product .section-cat .section-cat-list{
    gap: 10px 2%;
  }
  #product .section-cat .section-cat-list .section-cat-list__item{
    width: calc(100% / 2 - 1%);
  }
  #product .section-cat .section-cat-list .section-cat-list__item a{
    font-size: 1.4rem;
    padding: 51px 5px 30px;
    text-align: center;
    border: 1px solid var(--color_red);
  }
  #product .section-cat .section-cat-list .section-cat-list__item--regular a{
    background: url("../../imgs/product/title-regular.svg") no-repeat center top 20px;
  }
  #product .section-cat .section-cat-list .section-cat-list__item--hitokuchi a{
    background: url("../../imgs/product/title-hitokuchi.svg") no-repeat center top 11px;
  }
  #product .section-cat .section-cat-list .section-cat-list__item--family a{
    background: url("../../imgs/product/title-family.svg") no-repeat center top 11px;
  }
  #product .section-cat .section-cat-list .section-cat-list__item--area a{
    background: url("../../imgs/product/title-area.svg") no-repeat center top 11px;
  }
  #product .section-cat .section-cat-list .section-cat-list__item--other a{
    background: url("../../imgs/product/title-other.svg") no-repeat center top 16px;
  }
  #product .section-cat .section-cat-list .section-cat-list__item--shop a{
    background: url("../../imgs/product/title-shop.svg") no-repeat center top 11px;
  }
  #product .section-cat .section-cat-list .section-cat-list__item a::after{
    position: absolute;
    right: auto;
    top: auto;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
    content: '';
    width: 16px;
    height: 16px;
    background: url("../img/icon-circleArrow-uncer-red.svg") no-repeat center center / 16px auto;
    transition: 0.3s;
  }
}
@media screen and (max-width: 400px){
  #product .section-cat .section-cat-list .section-cat-list__item a{
    font-size: min(1.4rem, 3.5vw);
  }
}



/* sp-fix-cat
------------------------------------------------ */
@media screen and (min-width: 769px){
  #product .sp-fix-cat-wrap{
    display: none;
  }
}
@media screen and (max-width: 768px){
  #product .sp-fix-cat-wrap{
    position: fixed;
    left: 0;
    top: 80px;
    z-index: 100;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 0 10px 5%;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
  }
  #product .sp-fix-cat-wrap.is_active{
    visibility: visible;
    opacity: 1;
  }
  #product .sp-fix-cat-wrap.is_active_end{
    visibility: hidden;
    opacity: 0;
  }
  #product .sp-fix-cat{
    position: relative;
    width: 100%;
    background: #fff;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 35px 0 0 35px;
    box-shadow: 0px 0px 16px -2px rgba(0,0,0,0.4);
    border-right: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  #product .sp-fix-cat::-webkit-scrollbar{
    display: none;
  }
  #product .sp-fix-cat .sp-fix-cat-list{
    background: #FFFEF4;
    max-width: 1060px;
    min-width: 770px;
    margin: 0 auto;
    padding: 10px 30px;
    list-style: none;
    display: flex;
    justify-content: space-between;
  }
  #product .sp-fix-cat .sp-fix-cat-list .sp-fix-cat-list__item{
    text-align: center;
    margin: 0 5px;
  }
  #product .sp-fix-cat .sp-fix-cat-list .sp-fix-cat-list__item a{
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.5;
    color: #808080;
    text-decoration: none;
  }
  #product .sp-fix-cat .sp-fix-cat-list .sp-fix-cat-list__item.link-current a{
    color: #222;
  }
  
  #product .sp-fix-cat-wrap .simplebar-scrollbar {
    background-color: #3760d0 !important;
    border-radius: 13px;
  }
  #product .sp-fix-cat-wrap .simplebar-track {
      background-color: #fff;
  }
}


/* section-lineup
------------------------------------------------ */
#product .section-lineup{
  margin: -60px 0 60px;
  /*padding: 60px 20px 75px;*/
  padding: 95px 20px 40px;
  /*border-bottom: 1px solid rgba(0,0,0,0.1);*/
}
#product .section-lineup .section-lineup__text{
  max-width: 1100px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.0;
  margin: 0.5em auto 3.0em;
  padding: 0;
}
#product .section-lineup .section-lineup__title{
  max-width: 1100px;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 auto 0.25em;
  padding: 0 0 0 75px;
  box-sizing: border-box;
}
#product .section-lineup .section-lineup__title--regular{
  background: url("../../imgs/product/title-regular.svg") no-repeat left center;
}
#product .section-lineup .section-lineup__title--hitokuchi{
  background: url("../../imgs/product/title-hitokuchi.svg") no-repeat left center;
}
#product .section-lineup .section-lineup__title--family{
  background: url("../../imgs/product/title-family.svg") no-repeat left center;
}
#product .section-lineup .section-lineup__title--area{
  background: url("../../imgs/product/title-area.svg") no-repeat left center;
}
#product .section-lineup .section-lineup__title--other{
  background: url("../../imgs/product/title-other.svg") no-repeat left center;
  margin: 0 auto 1.25em;
}
#product .section-lineup .section-lineup__title--shop{
  background: url("../../imgs/product/title-shop.svg") no-repeat left center;
}

#product .section-lineup .section-lineup-list{
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 60px 3.5%;
}
#product .section-lineup .section-lineup-list__item{
  width: calc(100% / 4 - 2.75%);
}
#product .section-lineup .section-lineup-list__item a{
  display: block;
  text-decoration: none;
  position:relative;
}
#product .section-lineup .section-lineup-list__item a .icon-new{
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  padding: 5px 15px;
  background: var(--color_red);
  font-size: 1.3rem;
  color: #fff;
  line-height: 1.0;
  border-radius: 8px 0 8px 0;
}
#product .section-lineup .section-lineup-list__item-img{
  border-radius: 8px;
  margin: 0 0 5px;
}
#product .section-lineup .section-lineup-list__item-img img{
  border:  1px solid #D9D9D9;
  border-radius: 8px;
  transition: 0.3s;
}
#product .section-lineup .section-lineup-list__item-text .txt-s{
  font-size: 1.1rem;
  font-weight: 500;
  transition: 0.3s;
}
#product .section-lineup .section-lineup-list__item-text .title{
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.75;
  transition: 0.3s;
}
#product .section-lineup .section-lineup-list__item-text .txt-annotation{
  font-size: 1.28rem;
  transition: 0.3s;
}
@media screen and (min-width: 769px){
  #product .section-lineup a:hover .section-lineup-list__item-img img{
    border:  1px solid var(--color_red);
  }
  #product .section-lineup a:hover .section-lineup-list__item-text .txt-s,
  #product .section-lineup a:hover .section-lineup-list__item-text .title,
  #product .section-lineup a:hover .section-lineup-list__item-text .txt-annotation{
    color: var(--color_red);
  }
}
@media screen and (max-width: 940px){
  #product .section-lineup .section-lineup-list{
    gap: 40px 3.0%;
  }
  #product .section-lineup .section-lineup-list__item{
    width: calc(100% / 3 - 2.0%);
  }
}
@media screen and (max-width: 768px){
  #product .section-lineup{
    /*
    margin: -60px 0 60px;
    padding: 60px 20px 20px;
    */
    margin: -150px 0 60px;
    padding: 150px 20px 20px;
  }
  #product .section-lineup .section-lineup__title{
    font-size: 2.0rem;
    line-height: 1.5;
    padding: 10px 0 10px 65px;
  }
  #product .section-lineup .section-lineup__title--other{
    margin: 0 auto 1.0em;
  }
  #product .section-lineup .section-lineup__text{
    line-height: 1.4;
    margin: 0 auto 2.0em;
  }
}
@media screen and (max-width: 580px){
  #product .section-lineup .section-lineup-list{
    gap: 15px 2%;
  }
  #product .section-lineup .section-lineup-list__item{
    width: calc(100% / 2 - 1.0%);
  }
  #product .section-lineup .section-lineup-list__item-text .title{
    font-size: 1.5rem;
    line-height: 1.5;
  }
  #product .section-lineup .section-lineup-list__item-text .txt-annotation{
    font-size: 1.1rem;
  }
}



/* lineup-online__btn
------------------------------------------------ */
#product .lineup-online__btn{
  text-align: center;
  margin: 65px auto;
  padding: 0 20px;
  box-sizing: border-box;
}

#product .lineup-online__btn a{
  min-width: inherit;
  max-width: 480px;
  height: 80px;
  width: 100%;
  padding: 24px 65px 24px 60px;
  border-radius: 45px;
}
#product .lineup-online__btn a span{
  padding: 0 60px 0 80px;
  font-size: 2.0rem;
}

#product .lineup-online__btn a span::before{
  position: absolute;
  left: 30px;
  top: 50%;
  content: '';
  width: 45px;
  height: 45px;
  background: url("../img/icon-cart-red.svg") no-repeat center center;
  transform: translateY(-50%);
}
#product .lineup-online__btn a span b{
  right: 20px;
  width: 36px !important;
  height: 36px !important;
}
#product .lineup-online__btn a span b svg{
  transform: scale(1.1) !important;
}
@media (max-width:768px){
  #product .lineup-online__btn{
    margin: 45px auto;
  }
  #product .lineup-online__btn a{
    height: auto;
    line-height: 1.5;
  }
  #product .lineup-online__btn a span{
    font-size: 1.6rem;
    padding: 0;
    line-height: 1.5;
  }
  #product .lineup-online__btn a span::before{
    left: 20px;
    width: 38px;
    height: 38px;
    background: url("../img/icon-cart-red.svg") no-repeat center center / 100% auto;
  }
  #product .lineup-online__btn a span::after{
    right: 15px;
    width: 28px;
    height: 28px;
  }
}
@media (max-width:358px){
  #product .lineup-online__btn a{
    padding: 13px 65px 13px 60px; 
  }
}


/* l-section-blackThunder
------------------------------------------------ */
.l-section-blackThunder{
  background: #000;
  padding: 60px 0 90px 65px;
}
.l-section-blackThunder .inner01{
  position: relative;
}
.l-section-blackThunder .inner01::before{
  position: absolute;
  left: -65px;
  top: 0;
  content: '';
  width: 55px;
  height: 100%;
  background: url("../../imgs/product/blackThunder-txt01.svg") no-repeat center top / 55px auto ;
}
.l-section-blackThunder .section-blackThunder-list{
  display: flex;
  gap: 0 4%;
  background: #fff;
  padding: 45px 55px 50px;
  border-radius: 12px;
  box-sizing: border-box;
  border: 2px solid var(--color_yellow);
}
.l-section-blackThunder .section-blackThunder-list__item{
  width: calc(100% / 3);
}
.l-section-blackThunder .section-blackThunder-list__item a{
  display: block;
  text-decoration: none;
}
.l-section-blackThunder .section-blackThunder-list__item-img{
  overflow: hidden;
  border-radius: 8px;
  margin: 0 0 10px;
}
.l-section-blackThunder .section-blackThunder-list__item-img img{
  border-radius: 8px;
  transition: 0.3s;
  transform-origin: bottom center;
}
@media (min-width:769px){
  .l-section-blackThunder  a:hover .section-blackThunder-list__item-img img{
    transform: scale(1.04);
  } 
}
.l-section-blackThunder .section-blackThunder-list__item-text .txt-s{
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}
.l-section-blackThunder .section-blackThunder-list__item-text .title{
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 0.5em;
  text-align: center;
}
.l-section-blackThunder a.blank .section-blackThunder-list__item-text .title span{
  background: url("../img/icon-blank-black.svg") no-repeat right center;
  padding: 0 20px 0 0;
}


.l-section-blackThunder .section-blackThunder-list__item-text .text{
  font-size: 1.4rem;
  line-height: 1.5;
}
.l-section-blackThunder .section-blackThunder-sns{
  max-width: 360px;
  margin: 55px auto 0;
  position: relative;
}
.l-section-blackThunder .section-blackThunder-sns::after{
  position: absolute;
  right: -80%;
  top: 10px;
  content: '';
  width: 227px;
  height: 112px;
  background: url("../../imgs/product/blackThunder-txt02.svg") no-repeat center center;
}
.l-section-blackThunder .section-blackThunder-sns .section-blackThunder-sns-title{
  text-align: center;
  font-size: 2.5rem;
  font-weight: bold;
  color: var(--color_yellow);
  margin: 0 0 1.0em;
}
.l-section-blackThunder .section-blackThunder-sns-list{
  display: flex;
  justify-content: center;
  align-items: center;
}
.l-section-blackThunder .section-blackThunder-sns-list__item{
  margin: 0 5%;
}
.l-section-blackThunder .section-blackThunder-sns-list__item a{
  transition: 0.3s;
}
@media (min-width:769px){
  .l-section-blackThunder .section-blackThunder-sns-list__item a:hover{
    opacity: 0.8;
  } 
}
.l-section-blackThunder .section-blackThunder-sns-ballon{
  text-align: center;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.8;
  color: #fff;
  margin: 50px auto 0;
  padding: 20px;
  position: relative;
  border: 2px solid var(--color_yellow);
  border-radius: 8px;
}
.l-section-blackThunder .section-blackThunder-sns-ballon::after{
  position: absolute;
  left: 50%;
  top: 0;
  content: '';
  width:0;
  height:0;
  border-style:solid;
  border-width: 0 10px 20px 10px;
  border-color: transparent transparent #FFE300 transparent;
  transform: translate(-50%,-100%);
}
.l-section-blackThunder .section-blackThunder-sns-ballon::before{
  position: absolute;
  left: 50%;
  top: 0;
  content: '';
  z-index: 2;
  width:0;
  height:0;
  border-style:solid;
  border-width: 0 10px 20px 10px;
  border-color: transparent transparent #000000 transparent;
  transform: translate(-50%,-15px);
}
.l-section-blackThunder .loopSlide{
  display: none;
}
@media (max-width:768px){
	.l-section-blackThunder .loopSlide{
    display: block;
		height: 28px;
		background: url("../../imgs/product/blackThunder-slider.png") repeat-x center center / auto 100%;
		background-position: 0 0;
		-webkit-animation: casebgroop01 30s linear infinite;
		animation: casebgroop01 30s linear infinite;
	}
  .l-section-blackThunder .section-blackThunder-list__item-text .text{
    display: none;
  }
}
@-webkit-keyframes casebgroop01 {
    from {
        background-position: 0  0;
    }
    to {
        background-position: -1620px 0;
    }
}
@keyframes casebgroop01 {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -1620px 0;
    }
}

@media screen and (max-width: 1500px){
  .lineup .inner01,
  .l-section-blackThunder .inner01{
    margin: 0 0 0 auto;
  }
}
@media screen and (max-width: 1000px){
  .l-section-blackThunder .section-blackThunder-sns{
    margin: 0 auto;
    padding: 120px 0 0;
  }
  .l-section-blackThunder .section-blackThunder-sns::after{
    position: absolute;
    right: auto;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
    content: '';
    width: 176px;
    height: 87px;
    background: url("../../imgs/product/blackThunder-txt02.svg") no-repeat center center / 100% auto;
  }
}
@media screen and (max-width: 768px){
  .l-section-blackThunder{
    padding: 40px 0 60px;
  }
  .lineup .inner01,
  .l-section-blackThunder .inner01{
    margin: 0 auto;
  }
  .l-section-blackThunder .inner01::before{
    content: none;
  }
  .l-section-blackThunder .section-blackThunder-list{
    margin: 30px auto 0;
    padding: 20px 20px 25px;
    display: block;
  }
  .l-section-blackThunder .section-blackThunder-list__item{
    width: 100%;
    margin: 0 0 40px;
  }
  .l-section-blackThunder .section-blackThunder-list__item:last-of-type{
    margin: 0;
  }
  .l-section-blackThunder .section-blackThunder-sns-list__item{
    margin: 0 3%;
  }
  .l-section-blackThunder .section-blackThunder-sns-list__item img{
    max-width: 42px;
  }
  .l-section-blackThunder .section-blackThunder-sns-ballon{
    padding: 15px 10px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 420px){
  .l-section-blackThunder .section-blackThunder-sns .section-blackThunder-sns-title{
    font-size: min(2.5rem, 6.0vw);
  }
}


/* secion-message
------------------------------------------------ */
.l-secion-message{
  cursor: pointer;
}
.l-secion-message .l-secion-message-cont{
  position: relative;
}
.l-secion-message .l-secion-message-cont::before{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  content: '';
  width: 100%;
  height: 100%;
}
.l-secion-message .l-secion-message__img{
  text-align: center;
  background: url("../../imgs/product/message-img-big.jpg") no-repeat center center;
}
.l-secion-message .l-secion-message-text-box{
  margin: -95px auto 60px;
}
.l-secion-message .l-secion-message-text-box .l-secion-message-text-box__link{
  text-align: right;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5;
}
.l-secion-message .l-secion-message-text-box .l-secion-message-text-box__link a{
  padding: 0 40px 0 0;
/*  background: url("../img/icon-circleArrow.svg") no-repeat right center;*/
  text-decoration: none;
  transition: 0.3s;
  position: relative;
}
.l-secion-message .l-secion-message-text-box .l-secion-message-text-box__text{
  text-align: right;
  font-size: 1.5rem;
  font-weight: bold;
  transition: 0.3s;
}
.l-secion-message .l-secion-message-text-box .l-secion-message-text-box__link a::before{
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  content: '';
  width: 100%;
  height: 100%;
}
.l-secion-message .l-secion-message-text-box .l-secion-message-text-box__link a b{
  position: absolute;
  right: 0;
  top: 50%;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  line-height: 1.0;
  box-sizing: border-box;
  background: var(--color_red);
  transform: translateY(-50%);
  overflow: hidden;
}
.l-secion-message .l-secion-message-text-box .l-secion-message-text-box__link a b svg{
  transform: scale(1.09) !important;
}

@media screen and (min-width: 769px){
  .l-secion-message:hover .l-secion-message-text-box .l-secion-message-text-box__link a,
  .l-secion-message:hover .l-secion-message-text-box .l-secion-message-text-box__text{
    color: var(--color_red);
  } 
}
@media screen and (max-width: 768px){
  .l-secion-message{ }
  .l-secion-message .l-secion-message-text-box{
    margin: -52px auto 20px;
  }
  .l-secion-message .l-secion-message-text-box .l-secion-message-text-box__link a{
    font-size: 1.6rem;
    padding: 10px 40px 10px 0;
  }
  .l-secion-message .l-secion-message-text-box .l-secion-message-text-box__text{
    display: none;
  }
}



/*** ------------------------------------------------------------------------------ 

single-product （商品情報詳細）

-----------------------------------------------------------------------------  ***/
@media (max-width:1520px){
  #single-product .section-detail .inner01{
    padding: 0 120px 0 20px;
  }
}
@media (max-width:768px){
  #single-product .section-detail .inner01{
    padding: 0 20px;
  }
}


/* section-detail
------------------------------------------------ */
#single-product .section-detail{
  padding: 90px 0 30px;
}
#single-product .section-detail .flex{
  display: flex;
}
#single-product .section-detail .flex .img-cont{
  width: 47.0%;
  padding: 0 35px 0 0;
  box-sizing: border-box;
}
#single-product .section-detail .flex .img-cont .stiky{
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
}
#single-product .section-detail .flex .img-cont .img{
  text-align: center;
}
#single-product .section-detail .flex .img-cont .btn-list .btn-list__item{
  text-align: center;
  margin: 10px auto 0;
}
#single-product .section-detail .flex .img-cont .btn-list .btn-list__item a{
  min-width: inherit;
  max-width: 342px;
  height: 80px;
  width: 100%;
}
#single-product .section-detail .flex .img-cont .btn-list .btn-black a{
  height: auto;
  padding: 21px 50px 21px 25px;
}
#single-product .section-detail .flex .img-cont .btn-list .btn-list__item a span{
  line-height: 1.5;
}
#single-product .section-detail .flex .img-cont .btn-list .btn-list__item.cart a span{
  padding: 0 50px;
}
#single-product .section-detail .flex .img-cont .btn-list .btn-list__item.cart a span::before{
  position: absolute;
  left: 30px;
  top: 50%;
  content: '';
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background: url("../img/icon-cart-black.svg") no-repeat center center;
  transition: 0.3s;
}

#single-product .section-detail .flex .img-cont .btn-list .btn-list__item--black{
}
#single-product .section-detail .flex .img-cont .btn-list .btn-list__item--black a{
  color: var(--color_yellow);
  background:  var(--color_yellow);
}
#single-product .section-detail .flex .img-cont .btn-list .btn-list__item--black a:before,
#single-product .section-detail .flex .img-cont .btn-list .btn-list__item--black a:after{
  background: var(--color_yellow);
}
#single-product .section-detail .flex .img-cont .btn-list .btn-list__item--black a span{
  background-color: #000;
  border: 4px solid var(--color_yellow);
  width: calc(100% - 0px);
  height: calc(100% - 0px);
}
#single-product .section-detail .flex .img-cont .btn-list .btn-list__item--black a span::before{
  background: url("../img/icon-arrow-yellow01.svg") no-repeat center center;
}
#single-product .section-detail .flex .img-cont .btn-list .btn-list__item--black a span::after{
  background: #000;
}
#single-product .section-detail .flex .img-cont .btn-list .btn-list__item--blank a span::before{
  background: url("../img/icon-blank-white.svg") no-repeat center center;
}
@media (min-width:769px){
  #single-product .section-detail .flex .img-cont .btn-list .btn-list__item.cart a:hover span::before{
    background: url("../img/icon-cart-red01.svg") no-repeat center center;
  }
}
#single-product .section-detail .flex .text-cont{
  width: 53.0%;
}
#single-product .section-detail .flex .text-cont .section-detail__title{
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.05vw;
  margin: 0 0 0.25em;
}
#single-product .section-detail .flex .text-cont .section-detail__cat{
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.0;
  margin: 0 0 1.0em;
}
#single-product .section-detail .flex .text-cont .section-detail-channel-list{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 25px;
}
#single-product .section-detail .flex .text-cont .section-detail-channel-list .section-detail-channel-list__item{
  background: var(--color_yellow);
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.0;
  padding: 5px 10px;
  border-radius: 15px;
}
#single-product .section-detail .flex .text-cont .section-detail__catch{
  font-size: 2.0rem;
  font-weight: bold;
  color: var(--color_red);
  line-height: 1.5;
  margin: 0 0 0.75em;
}
#single-product .section-detail .flex .text-cont .section-detail__text{
  font-size: 1.6rem;
  line-height: 1.6;
  margin: 0 0 1.25em;
}
#single-product .section-detail .flex .text-cont .section-detail__text a{
  color: var(--color_red);
  text-decoration: underline;
}
@media (min-width:769px){
  #single-product .section-detail .flex .text-cont .section-detail__text a:hover{
    text-decoration: none;
  } 
}
#single-product .section-detail .flex .text-cont .spec{
  margin: 55px auto 0;
}
#single-product .section-detail .flex .text-cont .spec .spec-box{
  border-bottom: 1px solid #DCDCDC;
  padding: 30px 0;
}
/*
#single-product .section-detail .flex .text-cont .spec .spec-box:last-of-type{
  border-bottom: 1px solid #DCDCDC;
}
*/
#single-product .section-detail .flex .text-cont .spec .spec-box--download{
  padding: 80px 0;
}
#single-product .section-detail .flex .text-cont .spec .spec-box .spec-box__title{
  font-size: 2.0rem;
  line-height: 2.0;
  margin: 0 0 0.75em;
}
#single-product .section-detail .flex .text-cont .spec .spec-box .spec-box__title strong{
  font-weight: 700;
}
#single-product .section-detail .flex .text-cont .spec .spec-box .spec-box__text p{
  margin: 0 0 1.0em;
  font-size: 1.6rem;
  line-height: 1.6;
}
#single-product .section-detail .flex .text-cont .spec .spec-box .spec-box__text p.allergen-text01{
  line-height: 2.0;
}
#single-product .section-detail .flex .text-cont .spec .spec-box .spec-box__text p.allergen-text02{
  font-size: 1.4rem;
}
#single-product .section-detail .flex .text-cont .spec .spec-box .spec-box__text p:last-of-type{
  margin: 0;
}
#single-product .section-detail .flex .text-cont .spec .spec-box .spec-box__text p span{
  font-size: 1.4rem;
}
#single-product .section-detail .flex .text-cont .spec .spec-box .spec-box__text p.spec-box__text-title{
  margin: 1.5em 0 0.5em;
  font-size: 1.6rem;
  line-height: 1.6;
}
#single-product .section-detail .flex .text-cont .spec .spec-box .spec-box__text .component-list{
  display: flex;
  flex-wrap: wrap;
  margin: 15px 0 0;
}
#single-product .section-detail .flex .text-cont .spec .spec-box .spec-box__text .component-list--2{
  max-width: 360px;
}
#single-product .section-detail .flex .text-cont .spec .spec-box .spec-box__text .component-list--3{
  max-width: 520px;
}
#single-product .section-detail .flex .text-cont .spec .spec-box .spec-box__text .component-list--4{}
#single-product .section-detail .flex .text-cont .spec .spec-box .spec-box__text .component-list--2 .component-list__item{
  width: calc(100% / 2);
  padding: 0 10px 0 0;
  box-sizing: border-box;
}
#single-product .section-detail .flex .text-cont .spec .spec-box .spec-box__text .component-list--3 .component-list__item{
  width: calc(100% / 3);
  padding: 0 10px 0 0;
  box-sizing: border-box;
}
#single-product .section-detail .flex .text-cont .spec .spec-box .spec-box__text .component-list--4 .component-list__item{
  width: calc(100% / 4);
  padding: 0 10px 0 0;
  box-sizing: border-box;
}

#single-product .section-detail .flex .text-cont .spec .spec-box-lineup .spec-box__text .lineup-list{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 40px 4%;
}
#single-product .section-detail .flex .text-cont .spec .spec-box-lineup .spec-box__text .lineup-list .lineup-list__item{
  width: calc(100% / 4 - 3%);
  text-align: center;
}
#single-product .section-detail .flex .text-cont .spec .spec-box-lineup .spec-box__text .lineup-list .lineup-list__item span{
  display: block;
  text-align: center;
  font-size: 1.6rem;
  margin: 5px 0 0;
}



#single-product .section-detail .flex .text-cont .spec .spec-box .spec-box__text .allergen-box{
  margin: 35px 0;
}
#single-product .section-detail .flex .text-cont .spec .spec-box .spec-box__text .allergen-box .allergen-box__title{
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 0.5em;
}
#single-product .section-detail .flex .text-cont .spec .spec-box .spec-box__text .allergen-box .allergen-box-list{
  max-width: 528px;
  display: flex;
  flex-wrap: wrap;
  border-left: 1px solid #C1C1C1;
}
#single-product .section-detail .flex .text-cont .spec .spec-box .spec-box__text .allergen-box .allergen-box-list .allergen-box-list__item{
  width: calc(100% / 3);
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #C1C1C1;
  border-bottom: 1px solid #C1C1C1;
  box-sizing: border-box;
  text-align: center;
  font-size: min(1.6rem, 2.0vw);
  line-height: 1.2;
  padding: 7px 5px;
  background-image: linear-gradient(to left top, transparent calc(50% - 1px), #C1C1C1 calc(50% - .5px), #C1C1C1 calc(50% + .5px), transparent calc(50% + 1px), #fff);
  background-repeat: no-repeat;
}
#single-product .section-detail .flex .text-cont .spec .spec-box .spec-box__text .allergen-box .allergen-box-list .allergen-box-list__item img {
  margin: 0 5px 0 0;
}
#single-product .section-detail .flex .text-cont .spec .spec-box .spec-box__text .allergen-box .allergen-box-list .allergen-box-list__item.on{
  background: #FFE0E3;
  font-weight: bold;
}
#single-product .section-detail .flex .text-cont .spec .spec-box .spec-box__text .allergen-box .allergen-box-list .allergen-box-list__item.on img {
/*  filter: brightness(0) saturate(100%) invert(17%) sepia(96%) saturate(5680%) hue-rotate(358deg) brightness(101%) contrast(121%);*/
}
#single-product .section-detail .flex .text-cont .spec .spec-box .spec-box__text .allergen-box .allergen-box-list .allergen-box-list__item:nth-child(1),
#single-product .section-detail .flex .text-cont .spec .spec-box .spec-box__text .allergen-box .allergen-box-list .allergen-box-list__item:nth-child(2),
#single-product .section-detail .flex .text-cont .spec .spec-box .spec-box__text .allergen-box .allergen-box-list .allergen-box-list__item:nth-child(3){
  border-top: 1px solid #C1C1C1;
}
#single-product .section-detail .flex .text-cont .spec .spec-box .spec-box__text .allergen-box .allergen-box__text{
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 10px 0 0;
}
#single-product .section-detail .flex .text-cont .spec .spec-box .spec-box__text .allergen-box .allergen-box__text .txt-red{
  color: var(--color_red);
}
#single-product .section-detail .flex .text-cont .spec .spec-box .allergen-box .allergen-text01{
  font-size: 1.6rem;
  line-height: 1.6;
}
#single-product .section-detail .flex .text-cont .spec .spec-box .allergen-text01 span{
  display: inline-block;
  width: 90px;
  height: 30px;
  background: #FFE0E3;
  margin: 0 15px 0 0;
  transform: translateY(8px);
  border-radius: 6px;
}
#single-product .section-detail .flex .text-cont .spec .spec-box .allergen-box .allergen-text02{
  font-size: 1.4rem;
  line-height: 1.5;
}
#single-product .section-detail .flex .text-cont .spec .spec-box--download .download-list__item {
  max-width: 240px;
}
#single-product .section-detail .flex .text-cont .spec .spec-box--download .download-list__item a{
  text-decoration: none;
}
#single-product .section-detail .flex .text-cont .spec .spec-box--download .download-list__item a .download-list__item-img{
  overflow: hidden;
}
#single-product .section-detail .flex .text-cont .spec .spec-box--download .download-list__item a .download-list__item-img img{
  border: 1px solid #D9D9D9;
  border-radius: 8px;
  box-sizing: border-box;
  transition: 0.3s;
}
#single-product .section-detail .flex .text-cont .spec .spec-box--download .download-list__item .download-list__item-title{
  max-width: 300px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.35;
  margin: 0 0 5px;
  padding: 0 30px 0 0;
  box-sizing: border-box;
  background: url("../img/icon-download-red.svg") no-repeat right 6px center;
  transition: 0.3s;
}
#single-product .section-detail .flex .text-cont .spec .spec-box--download .download-list__item .download-list__item-txt-s{
  font-size: 1.2rem;
  font-weight: 500;
  transition: 0.3s;
}
@media (min-width: 769px){
  #single-product .section-detail .flex .text-cont .spec .spec-box--download .download-list__item a:hover .download-list__item-img img{
    border: 1px solid var(--color_red);
  }
  #single-product .section-detail .flex .text-cont .spec .spec-box--download .download-list__item a:hover .download-list__item-title,
  #single-product .section-detail .flex .text-cont .spec .spec-box--download .download-list__item a:hover .download-list__item-txt-s{
    color: var(--color_red);
  }
}
@media (max-width: 920px){
  #single-product .section-detail .flex .img-cont .btn-list .btn-black a{
    line-height: 1.3;
    padding: 16px 50px 16px 25px;
  }
}
@media (max-width: 768px){
  #single-product .section-detail{
    padding: 20px 0 30px;
  }
  #single-product .section-detail .flex{
    display: block;
  }
  #single-product .section-detail .flex .img-cont{
    width: 100%;
    margin: 0 0 40px;
    padding: 0;
  }
  #single-product .section-detail .flex .img-cont .btn-list .btn-list__item a{
    height: auto;
    padding: 16px 60px 16px 30px;
  }
  #single-product .section-detail .flex .img-cont .btn-list .btn-black a{
    height: auto;
    padding: 18px 60px 18px 30px;
  }
  #single-product .section-detail .flex .img-cont .btn-list .btn-list__item a span{
    font-size: min(1.5rem, 3.5vw);
  }
  #single-product .section-detail .flex .img-cont .btn-list .btn-list__item.cart a span{
    padding: 0 0 0 22px;
    display: inline-block;
  }
  #single-product .section-detail .flex .img-cont .btn-list .btn-list__item.cart a span::before{
    left: 30px;
    transform: translateY(-50%);
  }
  #single-product .section-detail .flex .text-cont{
    width: 100%;
  }
  #single-product .section-detail .flex .text-cont .spec{
   margin: 35px auto 0;
  }
  #single-product .section-detail .flex .text-cont .spec .spec-box{
    padding: 25px 0;
  }
  #single-product .section-detail .flex .text-cont .spec .spec-box .allergen-text01 span{
    width: 40px;
    margin: 0 10px 0 0;
  }
  #single-product .section-detail .flex .text-cont .spec .spec-box .spec-box__text .allergen-box .allergen-box-list .allergen-box-list__item{
    font-size: min(1.2rem, 3.5vw);
    padding: 7px 3px;
  }
  #single-product .section-detail .flex .text-cont .spec .spec-box .spec-box__text .allergen-box .allergen-box-list .allergen-box-list__item img {
    /*width: 17.5%;*/
    max-width: 17px;
    margin: 0 5px 0 0;
  }
  #single-product .section-detail .flex .text-cont .spec .spec-box--download .download-list__item{
    margin: 0 auto;
  }
  #single-product .section-detail .flex .text-cont .spec .spec-box--download .download-list__item a .download-list__item-img{
    margin: 0 auto 20px;
  }
  #single-product .section-detail .flex .text-cont .spec .spec-box--download .download-list__item .download-list__item-title{
    max-width: 240px;
    margin: 0 auto;
    padding: 0 30px 0 5px;
  }
  #single-product .section-detail .flex .text-cont .spec .spec-box--download .download-list__item .download-list__item-txt-s{
    max-width: 240px;
    margin: 0 auto !important;
    padding: 0 30px 0 5px;
  }
}


/* section-release
------------------------------------------------ */
#single-product .section-release{
  padding: 30px 0 80px;
}
#single-product .section-release .section-release__title{
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 1.0em;
}
#single-product .section-release .swiper-cont{
  position: relative;
}
#single-product .section-release .section-release-list{
  /*display: flex;*/
  /*gap: 0 3.5%;*/
}
#single-product .section-release .section-release-list__item{
/*  width: calc(100% / 4 - 2.75%);*/
}
#single-product .section-release .section-release-list__item a{
  display: block;
  text-decoration: none;
  position: relative;
}
#single-product .section-release .section-release-list__item a .icon-new{
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  padding: 5px 15px;
  background: var(--color_red);
  font-size: 1.3rem;
  color: #fff;
  line-height: 1.0;
  border-radius: 8px 0 8px 0;
}
#single-product .section-release .section-release-list__item-img{
  border-radius: 8px;
  margin: 0 0 5px;
}
#single-product .section-release .section-release-list__item-img img{
  border:  1px solid #D9D9D9;
  border-radius: 8px;
}
#single-product .section-release .section-release-list__item-text .txt-s{
  font-size: 1.1rem;
  font-weight: 500;
  transition: 0.3s;
}
#single-product .section-release .section-release-list__item-text .title{
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.75;
  transition: 0.3s;
}
#single-product .section-release .btn{
  text-align: center;
  margin: 45px auto 0;
}
#single-product .section-release .btn a{
  min-width: inherit;
  max-width: 230px;
  width: 100%;
}
#single-product .section-release .swiper-button-prev{
  left: -60px;
  width: 44px;
  height: 44px;
  background: url("../../imgs/product/icon-prev.svg") no-repeat center center;
}
#single-product .section-release .swiper-button-prev::after{
  content: none;
}
#single-product .section-release .swiper-button-next{
  right: -60px;
  width: 44px;
  height: 44px;
  background: url("../../imgs/product/icon-next.svg") no-repeat center center;
}
#single-product .section-release .swiper-button-next::after{
  content: none;
}

@media (min-width:769px){
  #single-product .section-release a:hover .section-release-list__item-img img{
    border: 1px solid var(--color_red);
  }
  #single-product .section-release a:hover .section-release-list__item-text .txt-s,
  #single-product .section-release a:hover .section-release-list__item-text .title{
    color: var(--color_red);
  }
}
@media (max-width:768px){
  #single-product .section-release .section-release__title{
    padding: 0 20px;
  }
  #single-product .section-release .inner03{
    padding: 0;
  }
  #single-product .section-release .swiper-cont{
    box-sizing: border-box;
    padding: 0 50px;
  }
  #single-product .section-release .swiper-button-prev{
    left: -15px;
  }
  #single-product .section-release .swiper-button-next{
    right: -15px;
  }
  
  #single-product .section-release .swiper-button-prev{
    left: 5px;
    width: 32px;
    height: 32px;
    background: url("../../imgs/product/icon-prev.svg") no-repeat center center / 32px auto;
  }
  #single-product .section-release .swiper-button-next{
    right: 5px;
    width: 32px;
    height: 32px;
    background: url("../../imgs/product/icon-next.svg") no-repeat center center / 32px auto;
  }
}




/*** ------------------------------------------------------------------------------ 

news （お知らせ一覧）

-----------------------------------------------------------------------------  ***/
/* section-news
------------------------------------------------ */
#news .section-news{
  padding: 60px 0;
}
#news .section-news .section-news-cat-list{
  display: flex;
  margin: 0 0 60px;
}
#news .section-news .section-news-cat-list  .section-news-cat-list__item{
  max-width: 185px;
  width: 100%;
  margin: 0 10px 0 0;
}
#news .section-news .section-news-cat-list  .section-news-cat-list__item select{
  width: 100%;
  padding: 11px 10px;
  box-sizing: border-box;
  font-size: 1.3rem;
  font-weight: bold;
  border-radius: 6px;  
  -webkit-appearance: none;
  appearance: none;
  background: url("../../imgs/news/select-arrow.svg") #fff;
  background-repeat: no-repeat;
  background-size: 13px auto;
  background-position: right 12px center;
  border: 1px solid #000;
  color: #000;
}
#news .section-news .section-news-cat-list  .section-news-cat-list__item select.template_archive,
#news .section-news .section-news-cat-list  .section-news-cat-list__item select.template_cat{
  background: url("../../imgs/news/select-arrow.svg") #FFF9F9;
  background-repeat: no-repeat;
  background-size: 13px auto;
  background-position: right 12px center;
}

#news .section-news .section-news-archive{
  margin: 0 0 60px;
}
#news .section-news .section-news-archive .section-news-archive__item{
  border-bottom: 1px solid #C1C1C1;
}
#news .section-news .section-news-archive .section-news-archive__item:first-child{
  border-top: 1px solid #C1C1C1;
}
#news .section-news .section-news-archive .section-news-archive__item a{
  display: flex;
  padding: 20px 10px;
  text-decoration: none;
}
#news .section-news .section-news-archive .section-news-archive__item a .section-news-archive__item-img{
  width: 123px;
  height: 71px;
  border-radius: 8px;
  overflow: hidden;
}
#news .section-news .section-news-archive .section-news-archive__item a .section-news-archive__item-img img{
  width: 123px;
  height: 71px;
  object-fit: cover;
  border-radius: 8px;
}
#news .section-news .section-news-archive .section-news-archive__item a .section-news-archive__item-text{
  width: calc(100% - 123px);
  padding: 0 0 0 32px;
  box-sizing: border-box;
}
#news .section-news .section-news-archive .section-news-archive__item a .section-news-archive__item-text .text{
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.05vw;
  margin: 0 0 0.5em;
}
#news .section-news .section-news-archive .section-news-archive__item a .section-news-archive__item-text .post-data{
  display: flex;
}
#news .section-news .section-news-archive .section-news-archive__item a .section-news-archive__item-text .post-data .post-data__date{
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0.05vw;
  color: #7E7E7E;
  margin: 0 20px 0 0;
}
#news .section-news .section-news-archive .section-news-archive__item a .section-news-archive__item-text .post-data .post-data__cat{
  min-width: 76px;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.05vw;
  color: #1E1E1E;
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 8px 5px 2px;
  line-height: 1.0;
  background: #eee;
  border-radius: 6px;
  text-align: center;
}
#news .section-news .section-news-archive .section-news-archive__item a .section-news-archive__item-text .post-data .post-data__cat--news{
  background: #8FFF97;
}
#news .section-news .section-news-archive .section-news-archive__item a .section-news-archive__item-text .post-data .post-data__cat--release{
  background: #FFD000;
}
@media (min-width:769px){
  #news .section-news .section-news-archive .section-news-archive__item a:hover{
    background: #FFF9F9;
  }
}
@media (max-width:768px){
  #news .section-news{
    padding: 0 0 30px;
  }
  #news .visual-page{
    border-bottom: none;
  }
  #news .section-news .section-news-cat-list{
    margin: 0 0 30px;
  }
  #news .section-news .section-news-cat-list .section-news-cat-list__item{
    max-width: 100%;
    width: 49%;
    margin: 0;
  }
  #news .section-news .section-news-cat-list .section-news-cat-list__item:first-child{
    margin: 0 2% 0 0;
  }
  #news .section-news .section-news-archive{
    margin: 0 0 40px;
  }
  #news .section-news .section-news-archive .section-news-archive__item a .section-news-archive__item-img{
    width: 70px;
    height: 40px;
  }
  #news .section-news .section-news-archive .section-news-archive__item a .section-news-archive__item-img img{
    width: 70px;
    height: 40px;
  }
  #news .section-news .section-news-archive .section-news-archive__item a .section-news-archive__item-text{
    width: calc(100% - 70px);
    padding: 0 0 0 20px;
  }
  #news .section-news .section-news-archive .section-news-archive__item a .section-news-archive__item-text .text{
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  #news .section-news .section-news-archive .section-news-archive__item a .section-news-archive__item-text .post-data .post-data__date{
    line-height: 1.4;
    margin: 0 10px 0 0;
    font-size: 1.2rem;
  }
  #news .section-news .section-news-archive .section-news-archive__item a .section-news-archive__item-text .post-data .post-data__cat{
    padding: 4px 5px;
  }
  #news .section-news .paginations{
    padding: 0;
  }
}




/*** ------------------------------------------------------------------------------ 

single-news （お知らせ詳細）

-----------------------------------------------------------------------------  ***/


/* section-post
------------------------------------------------ */
#single-news .section-post{
  padding: 60px 0;
}
#single-news .section-post .post-header{
  margin: 0 0 40px;
}
#single-news .section-post .post-header h1{
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.05vw;
}
#single-news .section-post .post-header .post-data{
  display: flex;
  margin: 10px 0 0;
}
#single-news .section-post .post-header .post-data .post-data__date{
  font-size: 1.8rem;
  font-weight: bold;
  color: #7E7E7E;
  margin: 0 20px 0 0;
  line-height: 1.0;
}
#single-news .section-post .post-header .post-data .post-data__cat{
  min-width: 76px;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.05vw;
  color: var(--color_red);
  display: inline-block;
  padding: 5px;
  line-height: 1.0;
  background: #eee;
  border-radius: 6px;
  text-align: center;
}

#single-news .section-post .article-post{}
#single-news .section-post .article-post .article-post__title{
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0 0 1.0em;
  line-height: 1.75;
}
#single-news .section-post .article-post p{
  font-size: 1.6rem;
  line-height: 1.8;
  margin: 0 0 2.0em;
}
#single-news .section-post .article-post h2{
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5;
  margin: 2.5em 0 1.0em;
}
#single-news .section-post .article-post h3{
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 2.0;
  margin: 2.5em 0 1.0em;
  padding: 0 0 0 20px;
  border-left: 6px solid var(--color_red);
}
#single-news .section-post .article-post h4{
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.8;
  margin: 1.5em 0 1.0em;

}
#single-news .section-post .article-post em{
  font-style: italic;
}
#single-news .section-post .article-post a{
  text-decoration: underline;
}
@media (min-width: 769px){
  #single-news .section-post .article-post a:hover{
    text-decoration: none;
  }
}
#single-news .section-post .article-post .wp-block-image .aligncenter{
  margin:  1.0em auto 1.5em;
}

#single-news .section-post .article-post ul,
#single-news .section-post .article-post ol{
  padding: 0 0 0 1.0em;
  margin: 2.0em 0;
}
#single-news .section-post .article-post ul li{
  list-style: disc;
}
#single-news .section-post .article-post ol li{
  list-style: decimal;
}


#single-news .section-post .article-post .wp-block-columns-is-layout-flex,
#single-news .section-post .article-post .flex{
  display: flex;
  flex-wrap: wrap;
  margin: 3.0em 0;
}
#single-news .section-post .article-post .flex .text{
  width: 50%;
  padding: 0 5% 0 0;
  box-sizing: border-box;
}
#single-news .section-post .article-post .flex .text h4{
  margin: 0 0 1.0em;
}
#single-news .section-post .article-post .flex .img{
  width: 50%;
}
#single-news .section-post .article-post .wp-block-image :where(figcaption),
#single-news .section-post .article-post .flex .img span{
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 2.0;
  margin: 5px 0 0;
}

#single-news .section-post .article-post .wp-block-buttons.is-layout-flex{
  justify-content: center;
} 
#single-news .section-post .article-post .wp-block-buttons > .wp-block-button,
#single-news .section-post .article-post .link-btn{
  text-align: center;
}

#single-news .section-post .article-post .wp-block-buttons>.wp-block-button .wp-block-button__link,
#single-news .section-post .article-post .link-btn a{
  background: #FFEEEE;
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--color_red);
  display: inline-block;
  padding: 18px 30px;
  text-decoration: none;
  border-radius: 30px;
  transition: 0.3s;
  min-width:290px;
  text-align:center;
}

#single-news .section-post .article-post .wp-block-buttons>.wp-block-button.blank .wp-block-button__link,
#single-news .section-post .article-post .link-btn.blank a{
  background: url("../img/icon-blank-red03.svg") no-repeat right 20px center #FFEEEE;
}



@media (min-width:769px){
  #single-news .section-post .article-post .wp-block-buttons>.wp-block-button .wp-block-button__link:hover,
  #single-news .section-post .article-post .link-btn a:hover{
    background: var(--color_red);
    color: #fff;
  }
  #single-news .section-post .article-post .wp-block-buttons>.wp-block-button.blank .wp-block-button__link:hover,
  #single-news .section-post .article-post .link-btn.blank a:hover{
    background: url("../img/icon-blank-white.svg") no-repeat right 20px center var(--color_red);
    color: #fff;
  }
}
@media (max-width:768px){
  #single-news .section-post{
    padding: 50px 0 30px;
  }
  #single-news .section-post .post-header h1{
    font-size: 1.8rem;
  }
  #single-news .section-post .post-header .post-data .post-data__date{
    font-size: 1.4rem;
    line-height: 1.5;
  }
  #single-news .section-post .post-header{
    margin: 0 0 25px;
  }
  #single-news .section-post .article-post p{
    font-size: 1.4rem;
  }
  #single-news .section-post .article-post h2{
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.8;
    margin: 2.0em 0 1.0em;
  }
  #single-news .section-post .article-post h3{
    font-size: 1.6rem;
    padding: 0 0 0 15px;
    border-left: 3px solid var(--color_red);
  }
  #single-news .section-post .article-post h4{
    font-size: 1.4rem;
  }
  #single-news .section-post .article-post .wp-block-columns-is-layout-flex,
  #single-news .section-post .article-post .flex{
    flex-wrap: wrap;
    margin: 1.5em 0;
  }
  #single-news .section-post .article-post .flex .text{
    width: 100%;
    padding: 0;
    margin: 0 0 20px;
  }
  #single-news .section-post .article-post .flex .img{
    width: 100%;
  }
}


/* section-download
------------------------------------------------ */
#single-news .section-download{
  padding: 60px 0;
}
#single-news .section-download h4{
  font-size: 2.0rem;
  font-weight: bold;
  margin: 0 0 1.0em;
}
#single-news .section-download .section-download-list{
  display: flex;
  flex-wrap: wrap;
  gap: 40px 3.5%;
  margin: 0 0 50px;
}
#single-news .section-download .section-download-list .section-download-list__item{
  width: calc(100% / 4 - 2.75%);
}
#single-news .section-download .section-download-list .section-download-list__item a{
  display: block;
  text-decoration: none;
}
#single-news .section-download .section-download-list .section-download-list__item .img{
  border-radius: 8px;
  margin: 0 0 5px;
  border:  1px solid #D9D9D9;
  display: flex;
  align-items: center;
}
#single-news .section-download .section-download-list .section-download-list__item .img img{
  border-radius: 8px;
}
#single-news .section-download .section-download-list .section-download-list__item .title{
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.35;
  margin: 10px 0 0;
  background: url('../img/icon-download-red.svg') no-repeat right center;
  transition: 0.3s;
}
#single-news .section-download .section-download-list .section-download-list__item .text{
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.35;
  transition: 0.3s;
}
#single-news .section-download .press-release a{
  text-decoration: underline;
  background: url("../img/icon-download-red01.svg") no-repeat left center;
  padding: 0 0 0 30px;
}
@media (min-width:769px){
  #single-news .section-download .press-release a:hover{
    text-decoration: none;
  } 
  #single-news .section-download .section-download-list .section-download-list__item a:hover .img{
    border: 1px solid var(--color_red);
  }
  #single-news .section-download .section-download-list .section-download-list__item a:hover .title,
  #single-news .section-download .section-download-list .section-download-list__item a:hover .text{
    color: var(--color_red);
  }
}
@media (max-width:768px){
  #single-news .section-download{
    padding: 30px 0 50px;;
  }
  #single-news .section-download h4{
    font-size: 1.4rem;
  }
  #single-news .section-download .section-download-list{
    gap: 25px 5%;
  }
  #single-news .section-download .section-download-list .section-download-list__item{
    width: calc(100% / 2 - 2.75%);
  }
  #single-news .section-download .section-download-list .section-download-list__item .title{
    font-size: 1.4rem;
  }
  #single-news .section-download .section-download-list .section-download-list__item .text{
    font-size: 1.2rem;
  }
  #single-news .section-download .press-release a{
    font-size: 1.4rem;
    padding: 0 0 0 30px;
  }
}



/* .pager
------------------------------------------------ */
#single-news .pager{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 5%;
  padding: 20px 0 40px;
}
#single-news .pager li a{
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0.05vw;
  text-decoration: none;
  transition: 0.3s;
  display: inline-block;
}
#single-news .pager li.prev a{
  background: url("../../imgs/news/single/icon-prev.svg") no-repeat left center;
  padding: 8px 0 8px 60px;
}
#single-news .pager li.next a{
  background: url("../../imgs/news/single/icon-next.svg") no-repeat right center;
  padding: 8px 60px 8px 0;
}
@media (min-width:769px){
  #single-news .pager li a:hover{
    color: var(--color_red);
  }
  #single-news .pager li.prev a:hover{
    background: url("../../imgs/news/single/icon-prev-over.svg") no-repeat left center;
  }
  #single-news .pager li.next a:hover{
    background: url("../../imgs/news/single/icon-next-over.svg") no-repeat right center;
  }
}
@media (max-width:768px){
  #single-news .pager{
    justify-content: space-between;
    padding: 0 20px;
  }
  #single-news .pager li{
    width: calc(100% / 2 - 2.75%);
  }
  #single-news .pager li.next{
    text-align: right;
  }
  #single-news .pager li a{
    font-size: 1.6rem;
  }
}


/* sns-box
------------------------------------------------ */
#single-news .sns-box{
  padding: 40px 0 60px;
}
#single-news .sns-box .sns-box__title{
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0 0 1.0em;
}
#single-news .sns-box .sns-box-list{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 4%;
}
#single-news .sns-box .sns-box-list .sns-box-list__item a{
  transition: 0.3s;
}
@media (min-width:769px){
  #single-news .sns-box .sns-box-list .sns-box-list__item a:hover{
    opacity: 0.6;
  }
}
@media (max-width:768px){
  #single-news .sns-box{
    padding: 60px 0;
  }
  #single-news .sns-box .sns-box-list{
    gap: 0 5%;
  }
}

/* section-other
------------------------------------------------ */
#single-news .section-other{
  background: #FAF7F1;
  padding: 70px 0;
}
#single-news .section-other .section-other-list{
  display: flex;
  flex-wrap: wrap;
  gap: 0 3.5%;
}
#single-news .section-other .section-other-list .section-other-list__item{
  width: calc(100% / 4 - 2.75%);
}
#single-news .section-other .section-other-list .section-other-list__item a{
  display: block;
  text-decoration: none;
}
#single-news .section-other .section-other-list .section-other-list__item a .img{
  overflow: hidden;
  border-radius: 8px;
}
#single-news .section-other .section-other-list .section-other-list__item a .img img{
  border-radius: 8px;
  transition: 0.3s;
}
#single-news .section-other .section-other-list .section-other-list__item a .en{
  font-size: 1.6rem;
  font-weight: 900;
  letter-spacing: 0.05vw;
  margin: 10px 0 0;
  transition: 0.3s;
}
#single-news .section-other .section-other-list .section-other-list__item a .ja{
  font-size: 1.6rem;
  font-weight: 500;
  margin: 0;
  line-height: 1.5;
  transition: 0.3s;
}
@media (min-width:769px){
  #single-news .section-other .section-other-list .section-other-list__item a:hover .img img{
    transform: scale(1.04);
  }
  #single-news .section-other .section-other-list .section-other-list__item a:hover .en,
  #single-news .section-other .section-other-list .section-other-list__item a:hover .ja{
    color: var(--color_red);
  }
}
@media (max-width:768px){
  #single-news .section-other{
    padding: 40px 0;
  }
  #single-news .section-other .section-other-list{
    gap: 25px 5%;
  }
  #single-news .section-other .section-other-list .section-other-list__item{
    width: calc(100% / 2 - 2.75%);
  }
  #single-news .section-other .section-other-list .section-other-list__item a .en{
    font-size: 1.2rem;
  }
  #single-news .section-other .section-other-list .section-other-list__item a .ja{
    font-size: 1.4rem;
  }
}






/*** ------------------------------------------------------------------------------ 

blackthunder （ブラックサンダー特設ページ）

-----------------------------------------------------------------------------  ***/
#blackthunder .fix-scroll-blackthunder{
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 100;
  content: '';
  width: 100%;
  background: #000;
  padding: 10px 20px;
  transition: 0.3s;
}
#blackthunder .fix-scroll-blackthunder.is_active{
  transform:translateY(120px);
}
#blackthunder .fix-scroll-blackthunder .fix-scroll-blackthunder-flex{
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
#blackthunder .fix-scroll-blackthunder .bland-logo{
  width: 140px;
}
#blackthunder .fix-scroll-blackthunder .pagelink-list{
  width: calc(100% - 388px);
  display: flex;
  gap: 0 4%;
}
#blackthunder .fix-scroll-blackthunder .pagelink-list .pagelink-list__item{
}
#blackthunder .fix-scroll-blackthunder .pagelink-list .pagelink-list__item a{
  font-family: var(--font_ja--dela);
  font-size: 3.0rem;
  color: var(--color_yellow);
  line-height: 1.6;
  text-decoration: none;
  background: url("../../imgs/blackthunder/icon-arrow-yellow.svg") no-repeat center bottom 5px;
  padding: 0 0 15px;
  transition: 0.3s;
}
@media (min-width: 769px){
  #blackthunder .fix-scroll-blackthunder .pagelink-list .pagelink-list__item a:hover{
    background: url("../../imgs/blackthunder/icon-arrow-yellow.svg") no-repeat center bottom 0px;
  } 
}

#blackthunder .fix-scroll-blackthunder .link-list{
  width: 248px;
  display: flex;
  gap: 0 4%;
}
@media (min-width:769px){
  #blackthunder .fix-scroll-blackthunder .link-list .link-list__item a{
    transition: 0.3s;
  }
  #blackthunder .fix-scroll-blackthunder .link-list .link-list__item a:hover{
    opacity: 0.6;
  }
}
@media (max-width:1100px){
  #blackthunder .fix-scroll-blackthunder .bland-logo{
    width: 120px;
  }
  #blackthunder .fix-scroll-blackthunder .pagelink-list{
    width: calc(100% - 368px);
  }
  #blackthunder .fix-scroll-blackthunder .link-list{
    width: 248px;
  }
}
@media (max-width:970px){
  #blackthunder .fix-scroll-blackthunder .pagelink-list .pagelink-list__item a{
    font-size: min(3.0rem, 2.4vw);
  }
}
@media (max-width:768px){
  #blackthunder .fix-scroll-blackthunder .bland-logo{
    width: 80px;
  }
  #blackthunder .fix-scroll-blackthunder .bland-logo img{
    width: 50px;
  }
  #blackthunder .fix-scroll-blackthunder .pagelink-list{
    width: calc(100% - 80px);
    justify-content: space-between;
  }
  #blackthunder .fix-scroll-blackthunder .pagelink-list .pagelink-list__item{
    margin: 0 0 10px;
  }
  #blackthunder .fix-scroll-blackthunder .pagelink-list .pagelink-list__item a{
    font-size: min(1.6rem, 3.5vw);
    padding: 0 0 20px;
    background: url("../../imgs/blackthunder/icon-arrow-yellow.svg") no-repeat center bottom 5px;
  }
  #blackthunder .fix-scroll-blackthunder .link-list{
    display: none;
  }
}
@media (max-width:400px){
  #blackthunder .fix-scroll-blackthunder{
    padding: 10px;
  }
  #blackthunder .fix-scroll-blackthunder .bland-logo{
    width: 60px;
  }
  #blackthunder .fix-scroll-blackthunder .bland-logo img{
    width: 50px;
  }
  #blackthunder .fix-scroll-blackthunder .pagelink-list{
    width: calc(100% - 60px);
  }
  #blackthunder .fix-scroll-blackthunder .pagelink-list .pagelink-list__item a{
    font-size: min(1.4rem, 3.0vw);
  }
}


/* header
------------------------------------------------ */
#blackthunder .header-cont{
  top: 30px;
}
@media (max-width:850px){
  #blackthunder .header-cont{
    top: 0;
  } 
}

/* main
------------------------------------------------ */
#blackthunder main{
  margin: 130px auto 0;
}
@media (max-width:850px){
  #blackthunder  main{
    margin: 65px auto 0;
  }
}

/* visual
------------------------------------------------ */
#blackthunder .visual{
  position: relative;
  background: #000;
}
#blackthunder .visual::after{
  position: absolute;
  left: 0;
  top: -130px;
  z-index: -1;
  content: '';
  width: 100%;
  height: 130px;
  background: #000;
}
#blackthunder .visual img{
  max-width: inherit;
  width: 100%;
}


#blackthunder .visual .swiper-control{
  max-width: 170px;
  width: 100%;
  margin: 0 auto;
  padding: 6px 10px;
  background: #000;
  border-radius: 20px;
  box-sizing: border-box;
  position: absolute;
  right: 70px;
  bottom: 25px;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#blackthunder .visual .swiper-button-prev{
  position: static;
  top: auto;
  bottom: 0;
  left: 50%;
  width: 49px;
  height: 28px;
  background: url("../img/swiiper-prev.svg") no-repeat center center / 100% auto;
  z-index: 55;
  transition: 0.3s;
  margin: 0;
}
#blackthunder .visual .swiper-button-prev::after{
  content: none;
}
#blackthunder .visual .swiper-button-next{
  position: static;
  top: auto;
  bottom: 0;
  left: 50%;
  width: 49px;
  height: 28px;
  background: url("../img/swiiper-next.svg") no-repeat center center / 100% auto;
  z-index: 55;
  transition: 0.3s;
  margin: 0;
}
#blackthunder .visual .swiper-button-next::after{
  content: none;
}
#blackthunder .visual .swiper-pagination-fraction{
  position: static;
  bottom: 0;
  width: auto;
  color: var(--color_yellow);
}
@media (min-width:769px){
  #blackthunder .visual .swiper-button-prev:hover{
    opacity: 0.6;
  }
  #blackthunder .visual .swiper-button-next:hover{
    opacity: 0.6;
  }
}
@media (max-width:768px){
  #blackthunder .visual .swiper-control{
    right: 20px;
  }
}




/* section-news
------------------------------------------------ */
#blackthunder .section-news{
  padding: 90px 0 140px;
  background: #F4F4F4;
  border-top: 4px solid var(--color_yellow);
}
#blackthunder .section-news .headline01{
  margin: 0 0 -45px;
  display: flex;
  align-items: flex-end;
}
#blackthunder .section-news .headline01 .headline01__en{
  font-family: var(--font_ja-m-plus);
  font-weight: 900;
  text-align: left;
  margin: 0 20px 0 0;
}
#blackthunder .section-news .headline01 .headline01__ja{
  font-family: var(--font_ja-m-plus);
  font-weight: 700;
  text-align: left;
}
#blackthunder .section-news .section-news-list .section-news-list__item a{
  display: block;
  text-decoration: none;
}
#blackthunder .section-news .section-news-list .section-news-list__item .section-news-list__item-img{
  overflow: hidden;
}
#blackthunder .section-news .section-news-list .section-news-list__item .section-news-list__item-img img{
  border-radius: 8px;
  transition: 0.3s;
}
#blackthunder .section-news .section-news-list .section-news-list__item .section-news-list__item-date{
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 2.0;
  margin: 1.0em 0 0;
}
#blackthunder .section-news .section-news-list .section-news-list__item .section-news-list__item-text{
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 2.0;
  margin: 0.5em 0 0;
}

#blackthunder .section-news .swiper-slide {
  transform-origin: bottom center;
  transform: scale(.8); /* 左右のスライドを小さくする */
  transition: .7s; /* ゆっくり小さくさせる */
}
#blackthunder .section-news .section-news-list .swiper-slide-active .section-news-list__item-date{
  font-size: 1.6rem;
}
#blackthunder .section-news .section-news-list .swiper-slide-active .section-news-list__item-text{
  font-size: 1.6rem;
}

#blackthunder .section-news .swiper-slide img {
  height: auto;
  width: 100%;
}
#blackthunder .section-news .swiper-slide-active {
  opacity: 1; /* 中央のスライドは薄くしない */
  transform: scale(1); /* 中央のスライドは小さくしない */
  z-index: 1; /* 中央のスライドを一番上にする */
}

#blackthunder .section-news .swiper-control{
  max-width: 1120px;
  margin: 30px auto 0;
  padding: 15px 135px 15px 20px;
  box-sizing: border-box;
  position: relative;
}
#blackthunder .section-news .swiper-container {
  position: relative;
  width: 100%;
}
#blackthunder .section-news .swiper-scrollbar-cont{
  position: relative;
  max-width: 950px;
  width: 100%;
}
#blackthunder .section-news .swiper-scrollbar {
  background: #C1C1C1;
  height: 4px;
  position: absolute;
  bottom: -1px;
  left: 10px;
  max-width: 950px;
  width: 100%;
}
#blackthunder .section-news .swiper-scrollbar .swiper-scrollbar-drag {
  background: var(--color_red);
  border-radius: 8px;
}
#blackthunder .section-news .swiper-button-prev{
  top: auto;
  /*right: 60px;*/
  bottom: 0;
  /*left: auto;*/
  left: 50%;
  transform: translateX(-100%);
  margin: 0 0 0 -35px;
  width: 49px;
  height: 28px;
  background: url("../img/swiiper-prev.svg") no-repeat center center;
  z-index: 55;
  transition: 0.3s;
}
#blackthunder .section-news .swiper-button-prev::after{
  content: none;
}
#blackthunder .section-news .swiper-button-next{
  top: auto;
  /*right: 0;*/
  bottom: 0;
  /*left: auto;*/
  left: 50%;
  transform: translateX(35px);
  width: 49px;
  height: 28px;
  background: url("../img/swiiper-next.svg") no-repeat center center;
  z-index: 55;
  transition: 0.3s;
}
#blackthunder .section-news .swiper-button-next::after{
  content: none;
}
#blackthunder .section-news .swiper-pagination-fraction{
  bottom: -2px;
  font-size: 1.8rem;
  font-weight: bold;
}
@media (min-width:769px){
  #blackthunder .section-news .swiper-button-prev:hover{
    opacity: 0.6;
  }
  #blackthunder .section-news .swiper-button-next:hover{
    opacity: 0.6;
  }
}
@media (max-width:1200px){
  #blackthunder .section-news .headline01{
    margin: 0 0 -10px;
  }
}
@media (max-width:1000px){
  #blackthunder .section-news .headline01{
    margin: 0 0 20px;
  }
}
@media (max-width:768px){
  #blackthunder .section-news{
    padding: 15px 0 80px;
  }
  #blackthunder .section-news .headline01 .headline01__en{
    font-size: 4.0rem;
  }
  #blackthunder .section-news .headline01 .headline01__ja{
    font-size: 1.2rem;
  }
  #blackthunder .section-news .swiper-control{
    margin: 35px auto 0;
  }
}


/* loop-slider-pc
------------------------------------------------ */
#blackthunder .loop-slider-pc{
  margin: -50px 0 0;
}
#blackthunder .loop-slider-pc .swiper-wrapper {
  transition-timing-function: linear;
}


/* loop-slider-sp
------------------------------------------------ */
#blackthunder .loop-slider-sp{
  margin: -40px 0 0;
}
#blackthunder .loop-slider-sp .swiper-wrapper {
  transition-timing-function: linear;
}



/* section-product
------------------------------------------------ */
#blackthunder .section-product{
  margin: -25px 0 0;
  padding: 80px 0 100px;
  background: #fff;
}
#blackthunder .section-product .section-product__title{
  text-align: center;
  font-size: 2.6rem;
  font-weight: bold;
  margin: 0 0 0.75em;
  letter-spacing: 0.1vw;
}
#blackthunder .section-product .section-product__title span{
  position: relative;
}
/*
#blackthunder .section-product .section-product__title span::before{
  position: absolute;
  left: -90px;
  top: 0;
  content: '';
  transform: rotateY(-50%);
  width: 74px;
  height: 71px;
  background: url("../../imgs/blackthunder/product-before.png") no-repeat center center / 100% auto;
}
#blackthunder .section-product .section-product__title span::after{
  position: absolute;
  right: -90px;
  top: 0;
  content: '';
  transform: rotateY(-50%);
  width: 74px;
  height: 71px;
  background: url("../../imgs/blackthunder/product-after.png") no-repeat center center / 100% auto;
}
*/
#blackthunder .section-product .section-product__btn{
  text-align: center;
  margin: 40px auto 0;
}
#blackthunder .section-product .section-product__btn a{
  min-width: inherit;
  max-width: 230px;
  width: 100%;
}

#blackthunder .section-product .section-product-list{
  display: flex;
  gap: 0 3.5%;
  margin: 30px 0 0;
}
#blackthunder .section-product .section-product-list .section-product-list__item{
  text-align: center;
  width: calc(100% / 3 - 2.75%);
}
#blackthunder .section-product .section-product-list .section-product-list__item.mt-20{
  margin-top: 20px;
}
#blackthunder .section-product .section-product-list .section-product-list__item.mt-40{
  margin-top: 40px;
}
#blackthunder .section-product .section-product-list .section-product-list__item.mt-60{
  margin-top: 60px;
}
#blackthunder .section-product .section-product-list .section-product-list__item a{
  display: block;
  text-decoration: none;
  position: relative;
}

#blackthunder .section-product .section-product-list .section-product-list__item .section-product-list__item-title{
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0.05vw;
  line-height: 1.55;
}
#blackthunder .section-product .section-product-list .section-product-list__item .section-product-list__item-cat{
  width: 100%;
  text-align: center;
  margin: 0 auto 10px;
}
#blackthunder .section-product .section-product-list .section-product-list__item .section-product-list__item-cat span{
  background: var(--color_yellow);
  display: inline-block;
  font-style: italic;
  padding: 5px 15px 6px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.5;
  border: 1px solid #000;
  border-radius: 15px;
  position: relative;
}
#blackthunder .section-product .section-product-list .section-product-list__item .section-product-list__item-cat span::before{
  position: absolute;
  left: 50%;
  bottom: 2px;
  content: '';
  transform: translate(-50%, 100%);
  z-index: 2;
  width:0;
  height:0;
  border-style:solid;
  border-width: 10px 8px 0 8px;
}
#blackthunder .section-product .section-product-list .section-product-list__item .section-product-list__item-cat span::after{
  position: absolute;
  left: 50%;
  bottom: 0;
  content: '';
  transform: translate(-50%, 100%);
  width:0;
  height:0;
  border-style:solid;
  border-width: 10px 8px 0 8px;
  border-color: #000000 transparent transparent transparent;
}
#blackthunder .section-product .section-product-list .section-product-list__item a .section-product-list__item-new{
  position: absolute;
  left: 0;
  top: -15px;
}
#blackthunder .section-product .section-product-list .section-product-list__item .section-product-list__item-cat--regular span{
  font-family: var(--font_ja-m-plus);
  background: var(--color_yellow);
}
#blackthunder .section-product .section-product-list .section-product-list__item .section-product-list__item-cat--regular span::before{
  border-color: var(--color_yellow) transparent transparent transparent;
}
#blackthunder .section-product .section-product-list .section-product-list__item .section-product-list__item-cat--hitokuchi span{
  background: #F6A900;
}
#blackthunder .section-product .section-product-list .section-product-list__item .section-product-list__item-cat--hitokuchi span::before{
  border-color: #F6A900 transparent transparent transparent;
}
@media (max-width:768px){
  #blackthunder .section-product{
    margin: -15px 0 0;
    padding: 70px 0 80px;
  }
  #blackthunder .section-product .section-product__title{
    font-size: 2.8rem;
  }
  /*
  #blackthunder .section-product .section-product__title span::before{
    left: -60px;
    top: 0;
    transform: rotateY(-50%);
    width: 40px;
    height: 40px;
    background: url("../../imgs/product/blackthunder/product-before.png") no-repeat center center / 40px auto;
  }
  #blackthunder .section-product .section-product__title span::after{
    right: -60px;
    top: 0;
    transform: rotateY(-50%);
    width: 40px;
    height: 40px;
    background: url("../../imgs/product/blackthunder/product-after.png") no-repeat center center / 40px auto;
  }
  */
  #blackthunder .section-product .section-product-list{
    display: flex;
    gap: 50px 3.5%;
    margin: 35px 0 0;
    flex-wrap: wrap;
  }
  #blackthunder .section-product .section-product-list .section-product-list__item{
    width: calc(100% / 2 - 1.75%);
  }
  #blackthunder .section-product .section-product-list .section-product-list__item:nth-child(3){
    display: none;
  }
  #blackthunder .section-product .section-product-list .section-product-list__item .section-product-list__item-cat span{
    padding: 2px 10px;
    font-size: 1.0rem;
  }
  #blackthunder .section-product .section-product-list .section-product-list__item .section-product-list__item-title{
    font-size: 1.4rem;
    line-height: 1.5;
  }
  #blackthunder .section-product .section-product-list .section-product-list__item a .section-product-list__item-new{
    top: -20px;
    width: 35px;
  }
  #blackthunder .section-product .section-product__btn{
    margin: 30px auto 0;
  }
}




/* section-pr
------------------------------------------------ */
#blackthunder .section-pr{
  background: var(--color_yellow);
  padding: 100px 0 100px;
  position: relative;
}
#blackthunder .section-pr::before{
  position: absolute;
  left: 0;
  top: -40px;
  content: '';
  width: 100%;
  height: 116px;
  background: url("../../imgs/blackthunder/pr-bg.svg") repeat-x top center;
}
#blackthunder .section-pr .inner01{
  padding: 0 180px;
  position: relative;
}
#blackthunder .section-pr .pos-img01{
  position: absolute;
  /*left: 50%;*/
  left: -20px;
  /*top: 10px;*/
  top: -100px;
  z-index: 11;
  /*margin: 0 0 0 -700px;*/
}
#blackthunder .section-pr .pos-img02{
  position: absolute;
  right: 50%;
  top: 10px;
  margin: 0 -700px 0 0;
}

#blackthunder .section-pr .section-pr__title{
  text-align: center;
  font-size: 3.0rem;
  font-weight: bold;
  line-height: 1.6;
  margin: 0 auto 30px;
  padding: 0 20px;
}
#blackthunder .section-pr .section-pr__title br{
  display: none;
}
#blackthunder .section-pr .section-pr__title span{
  position: relative;
  display: inline-block;
  font-family: var(--font_ja-m-plus);
}
#blackthunder .section-pr .section-pr__title span::before{
  position: absolute;
  left: -50px;
  top: 50%;
  content: '';
  transform: translateY(-50%);
  width: 41px;
  height: 42px;
  background: url("../../imgs/blackthunder/before.svg") no-repeat center center / 41px auto;
}
#blackthunder .section-pr .section-pr__title span::after{
  position: absolute;
  right: -50px;
  top: 50%;
  content: '';
  transform: translateY(-50%);
  width: 41px;
  height: 42px;
  background: url("../../imgs/blackthunder/after.svg") no-repeat center center / 41px auto;
}
#blackthunder .section-pr .section-pr-list{
  display: flex;
  justify-content: center;
  gap: 0 3.5%;
}
#blackthunder .section-pr .section-pr-list .section-pr-list__item a{
  transition: 0.3s;
  display: block;
}
@media (min-width: 769px){
  #blackthunder .section-pr .section-pr-list .section-pr-list__item a:hover{
    transform: translateY(10px);
  } 
}
@media (max-width:1200px){
  #blackthunder .section-pr .inner01{
    padding: 0 20px 0 220px;
  }
  #blackthunder .section-pr .pos-img02{
    display: none;
  } 
}
@media (max-width:960px){
  #blackthunder .section-pr .section-pr__title br{
    display: block;
  }
  #blackthunder .section-pr .section-pr__title span::before{
    top: 100%;
    transform: translateY(-90%);
  }
  #blackthunder .section-pr .section-pr__title span::after{
    top: 100%;
    transform: translateY(-90%);
  }
}
@media (max-width:768px){
  #blackthunder .section-pr{
    padding: 30px 0 60px;
  }
  #blackthunder .section-pr::before{
    position: absolute;
    left: 0;
    top: -30px;
    content: '';
    width: 100%;
    height: 116px;
    background: url("../../imgs/blackthunder/pr-bg.svg") repeat-x top center / 2000px auto ;
  }
  #blackthunder .section-pr .inner01{
    padding: 0 20px;
  }
  #blackthunder .section-pr .pos-img01{
    display: none;
  }
  #blackthunder .section-pr .section-pr__title{
    font-size: 1.6rem;
  }
  #blackthunder .section-pr .section-pr__title span::before{
    left: -30px;
    top: 100%;
    transform: translateY(-90%);
    width: 24px;
  }
  #blackthunder .section-pr .section-pr__title span::after{
    right: -30px;
    top: 100%;
    transform: translateY(-90%);
    width: 24px;
  }
  #blackthunder .section-pr .section-pr-list{
    flex-wrap: wrap;
    gap: 20px 4%;
    padding: 0 6.25%;
  }
  #blackthunder .section-pr .section-pr-list .section-pr-list__item{
    width: calc(100% / 2 - 2%);
    text-align: center;
  }
}


/* section-feel
------------------------------------------------ */
#blackthunder .section-feel{
  background: #000;
  padding: 85px 0 120px;
  position: relative;
}
#blackthunder .section-feel::before{
  position: absolute;
  left: 0;
  top: -20px;
  content: '';
  width: 100%;
  height: 116px;
  background: url("../../imgs/blackthunder/feel-bg.svg") repeat-x top center;
}
#blackthunder .pos-blacktuhnder-bar01{
  position: absolute;
  left: 50%;
  top: -382px;
  top: -376px;
  transition: 0.3s;
  margin: 0 0 0 -675px;
  opacity: 0;
}
@media (max-width:1380px){
  #blackthunder .pos-blacktuhnder-bar01{
    left: -132px;
    left: 0;
    margin: 0;
  }
}

@media (max-width:768px){
  #blackthunder .pos-blacktuhnder-bar01{
    left: 0;
    top: -60px;
    width: 90px;
  }
}
#blackthunder .pos-blacktuhnder-bar01 img{
  transition: 0.3s;
}
#blackthunder .pos-blacktuhnder-bar01.is_active{
  position: fixed;
  top: 20px;
  z-index: 10;
  opacity: 1;
}
#blackthunder .pos-blacktuhnder-bar01.is_end{
  opacity: 0;
  visibility: hidden;
}
@media (max-width:768px){
  #blackthunder .pos-blacktuhnder-bar01.is_active{
    top: 85px;
  }
}
#blackthunder .section-feel .inner01{
  padding: 0 20px 0 240px;
  position: relative;
}
#blackthunder .section-feel .section-feel__title{
  text-align: center;
  margin: 0 0 65px;
}
#blackthunder .section-feel .section-feel-list{
  display: flex;
  flex-wrap: wrap;
  gap: 0 3.5%;
  margin: 0 0 75px;
}
#blackthunder .section-feel .section-feel-list .section-feel-list__item{
  width: calc(100% / 2 - 1.75%);
}
#blackthunder .section-feel .section-feel-list .section-feel-list__item a{
  display: block;
  text-decoration: none;
}
#blackthunder .section-feel .section-feel-list .section-feel-list__item .section-feel-list__item-img{
  overflow: hidden;
  position: relative;  
}
#blackthunder .section-feel .section-feel-list .section-feel-list__item .section-feel-list__item-img b{
  position: absolute;
  right: 20px;
  bottom: 0;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 1.0;
  box-sizing: border-box;
  transform: translateY(-50%);
  overflow: hidden;
}
/*
#blackthunder .section-feel .section-feel-list .section-feel-list__item .section-feel-list__item-img::before{
  position: absolute;
  right: 20px;
  bottom: 20px;
  content: '';
  z-index: 1;
  width: 40px;
  height: 40px;
  background: url("../img/icon-arrow-red.svg") no-repeat center center;
  transition: 0.3s;
}
#blackthunder .section-feel .section-feel-list .section-feel-list__item .section-feel-list__item-img::after{
  position: absolute;
  right: 20px;
  bottom: 20px;
  content: '';
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  transition: 0.3s;
}
*/
#blackthunder .section-feel .section-feel-list .section-feel-list__item .section-feel-list__item-img a{
  display: block;
  position: relative;
  width: 100%;
  padding: 2px;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 10px;
}
#blackthunder .section-feel .section-feel-list .section-feel-list__item .section-feel-list__item-img a::before{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  content: '';
  width: 100%;
  height: 100%;
  border: 2px solid var(--color_yellow);
  box-sizing: border-box;
  border-radius: 10px;
}
#blackthunder .section-feel .section-feel-list .section-feel-list__item  .section-feel-list__item-img a img{
  transition: 0.3s;
}
@media (min-width:769px){
  #blackthunder .section-feel .section-feel-list .section-feel-list__item .section-feel-list__item-img a:hover img{
    transform: scale(1.04);
  }
  #blackthunder .section-feel .section-feel-list .section-feel-list__item .section-feel-list__item-img:hover::before{
    background: url("../img/icon-arrow-white.svg") no-repeat center center;
  }
  #blackthunder .section-feel .section-feel-list .section-feel-list__item .section-feel-list__item-img:hover::after{
    background: var(--color_red);
  }  
}
#blackthunder .section-feel .section-feel-list .section-feel-list__item .section-feel-list__item-text .title{
  font-family: var(--font_ja-m-plus);
  font-size: 2.2rem;
  font-weight: bold;
  color: var(--color_yellow);
  text-align: center;
  line-height: 1.5;
  margin: 10px 0 0;
}
#blackthunder .section-feel .section-feel-list .section-feel-list__item .section-feel-list__item-text .text{
  font-family: var(--font_ja-m-plus);
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
}

#blackthunder .section-feel .section-feel__bnr .img .img-in{
  position: relative;
  display: block;
  border: 1px solid #F6A900;
  box-sizing: border-box;
  border-radius: 140px;
  overflow: hidden;
}
#blackthunder .section-feel .section-feel__bnr .img .img-in span{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  height: 100%;
}
#blackthunder .section-feel .section-feel__bnr .img .img-in span img{
  height: 100%;
}
#blackthunder .section-feel .section-feel__bnr .img .img-in picture{
  text-align: right;
}
#blackthunder .section-feel .section-feel__bnr .img .img-in picture img{
  transition: 0.3s;
}
#blackthunder .section-feel .section-feel__bnr .text{
  text-align: center;
  font-family: var(--font_ja-maru);
  font-size: 2.1rem;
  font-weight: bold;
  color: var(--color_yellow);
  margin: 10px 0 0;
}
#blackthunder .section-feel .section-feel__bnr a .text span{
  display: inline-block;
  margin: 0 0 0 10px;
  padding: 8px 45px 8px 15%;
  background: url("../../imgs/blackthunder/icon-blank-white.svg") no-repeat right center / 38px auto;
  transition: 0.3s;
}

@media (min-width: 769px){
  #blackthunder .section-feel .section-feel__bnr a:hover .img .img-in > picture img{
    transform: scale(1.04);
  }
  #blackthunder .section-feel .section-feel__bnr a:hover .text span{
    background: url("../../imgs/blackthunder/icon-blank-red.svg") no-repeat right center / 38px auto;
  }
}
@media (max-width:850px){
  #blackthunder .section-feel .section-feel-list .section-feel-list__item{
    width: 100%;
    margin: 0 0 40px;
  }
  #blackthunder .section-feel .section-feel-list .section-feel-list__item:last-child{
    margin: 0;
  }
}
@media (max-width:768px){
  #blackthunder .section-feel{
    border-radius: 0 0 20px 20px;
    padding: 35px 0 80px;
  }
  #blackthunder .section-feel::before{
    background: url("../../imgs/blackthunder/feel-bg.svg") repeat-x top center / 2000px auto;
  }
  #blackthunder .section-feel .inner01{
    padding: 0 20px 0 94px;
  }
  #blackthunder .section-feel .section-feel-list{
    margin: 0 0 60px;
  }
  #blackthunder .section-feel .section-feel__title{
    max-width: 220px;
    margin: 0 auto 35px;
  }
  #blackthunder .section-feel .section-feel-list .section-feel-list__item .section-feel-list__item-text .title{
    font-size: 1.6rem;
    margin: 10px 0;
  }
  #blackthunder .section-feel .section-feel-list .section-feel-list__item .section-feel-list__item-text .text{
    font-size: 1.2rem;
    line-height: 1.5;
  }
  #blackthunder .section-feel .section-feel__bnr .text{
    font-size: 1.4rem;
  }
  #blackthunder .section-feel .section-feel__bnr a .text span{
    line-height: 1.5;
  }
  #blackthunder .section-feel .section-feel-list .section-feel-list__item .section-feel-list__item-img b{
    right: 10px;
    bottom: -5px;
    width: 30px;
    height: 30px;
  }
}


/* section-experience
------------------------------------------------ */
#blackthunder .section-experience{
  padding: 100px 0 85px;
  position: relative;
}
#blackthunder .section-experience::before{
  position: absolute;
  left: 0;
  top: -30px;
  content: '';
  width: 100%;
  height: 116px;
  background: url("../../imgs/blackthunder/experience-bg.svg") repeat-x top center;
}
#blackthunder .pos-blacktuhnder-bar02{
  position: absolute;
  left: 50%;
  top: 0;
  margin: 0 0 0 -709px;
  visibility: hidden;
  opacity: 0;
}
#blackthunder .pos-blacktuhnder-bar02.is_active{
  position: fixed;
  top: -150px;
  visibility: visible;
  opacity: 1;
}
#blackthunder .pos-blacktuhnder-bar02.is_end{
  visibility: hidden;
  opacity: 0;
}
#blackthunder .section-experience .section-experience-flex{
  width: calc(100% - calc(calc(100% - 1100px) / 2));
  margin: 0 0 0 auto;
  padding: 0 0 0 80px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width:1200px){
  #blackthunder .section-experience .section-experience-flex{
    padding: 0 0 0 200px;
    width: 100%;
  } 
}
#blackthunder .section-experience .section-experience-flex__text{
  width: 350px;
  padding: 0 30px 0 0;
  box-sizing: border-box;
}
#blackthunder .section-experience .section-experience-flex__text-text{
  max-width: 297px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
}
#blackthunder .section-experience .section-experience-flex__text-img{
  max-width: 297px;
}
#blackthunder .section-experience .section-experience-flex__text-img--01{
  text-align: center;
  margin: 0 0 70px;
}
#blackthunder .section-experience .section-experience-flex__text-img:nth-of-type(2){
  margin: 0 0 15px;
}
#blackthunder .section-experience .section-experience-flex__img{
  width: calc(100% - 350px);
  display: flex;
  flex-wrap: wrap;
}
#blackthunder .section-experience .section-experience-flex__img .section-experience-flex__img-item{
  width: 50%;
}
#blackthunder .section-experience .section-experience-flex__img .section-experience-flex__img-item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#blackthunder .section-experience .section-experience-flex__img .section-experience-flex__img-video{
  overflow: hidden;
}
#blackthunder .section-experience .section-experience-flex__img .section-experience-flex__img-video video{
  width: 100%;
  height: 100%;
  transform: scale(1.25);
}
#blackthunder .section-experience .section-experience__catch{
  text-align: center;
  margin: 70px 0 20px;
  font-family: var(--font_ja-m-plus);
  font-size: 3.0rem;
  font-weight: bold;
}
#blackthunder .section-experience .section-experience__catch span{
  position: relative;
}
#blackthunder .section-experience .section-experience__catch span::before{
  position: absolute;
  left: -50px;
  top: 50%;
  content: '';
  transform: translateY(-50%);
  width: 41px;
  height: 42px;
  background: url("../../imgs/blackthunder/before.svg") no-repeat center center / 41px auto;
}
#blackthunder .section-experience .section-experience__catch span::after{
  position: absolute;
  right: -50px;
  top: 50%;
  content: '';
  transform: translateY(-50%);
  width: 41px;
  height: 42px;
  background: url("../../imgs/blackthunder/after.svg") no-repeat center center / 41px auto;
}
#blackthunder .section-experience .section-experience__btn{
  text-align: center;
}
#blackthunder .section-experience .section-experience__btn a{
  min-width: inherit;
  max-width: 376px;
  width: 100%;
  text-align: center;
}
#blackthunder .section-experience .section-experience__btn a span{
  display: block;
  padding: 15px 50px 15px 25px;
}
@media (max-width:1000px){
  #blackthunder .section-experience .section-experience-flex__img .section-experience-flex__img-video video{
    transform: scale(1.3);
  }
}
@media (max-width:768px){
  #blackthunder .section-experience{
    padding: 60px 20px;
  }
  #blackthunder .section-experience::before{
    background: url("../../imgs/blackthunder/experience-bg.svg") repeat-x top center / 2000px auto;
  }
  #blackthunder .section-experience .section-experience-flex{
    width: 100%;
    padding: 0 0 0 74px;
    display: block;
  }
  #blackthunder .section-experience .section-experience-flex__text{
    width: 100%;
    margin: 0 0 40px;
    padding: 0;
  }
  #blackthunder .section-experience .section-experience-flex__text-text{
    max-width: 100%;
    font-size: 1.4rem;
    margin: 20px 0 0;
  }
  #blackthunder .section-experience .section-experience-flex__img{
    /*width: 100%;*/
    width: calc(100% + 20px);
    margin: 0 -20px 0 0;
  }
  #blackthunder .section-experience .inner03{
    padding: 0 0 0 74px;
  }
  #blackthunder .section-experience .section-experience__catch{
    font-size: 2.2rem;
    margin: 50px 0 15px;
  }
  #blackthunder .section-experience .section-experience__catch span::before{
    left: -30px;
    width: 22px;
    height: 22px;
    background: url("../../imgs/blackthunder/before.svg") no-repeat center center / 22px auto;
  }
  #blackthunder .section-experience .section-experience__catch span::after{
    right: -30px;
    width: 22px;
    height: 22px;
    background: url("../../imgs/blackthunder/after.svg") no-repeat center center / 22px auto;
  }
  #blackthunder .section-experience .section-experience-flex__text-img--01{
    max-width: 256px;
    margin: 0 auto 40px;
  }
  #blackthunder .section-experience .section-experience-flex__text-img:nth-of-type(2){
    margin: 0 auto 15px;
  }
  #blackthunder .section-experience .section-experience__btn a{
    text-align: left;
    line-height: 1.15;
    padding: 12px 60px 12px 40px;
  }
  #blackthunder .section-experience .section-experience__btn a span{
    padding: 0;
  }
}



/* section-connect
------------------------------------------------ */
#blackthunder .section-connect{
  background: #000;
  padding: 80px 0 160px;
  position: relative;
}
#blackthunder .section-connect::before{
  position: absolute;
  left: 0;
  top: -20px;
  content: '';
  width: 100%;
  height: 80px;
  background: url("../../imgs/blackthunder/connect-bg.svg") repeat-x top center;
}
#blackthunder .pos-blacktuhnder-bar03{
  position: absolute;
  left: 50%;
  top: -130px;
  margin: 0 0 0 -709px;
}
#blackthunder .pos-blacktuhnder-bar03.is_active{
  position: fixed;
  visibility: visible;
  opacity: 1;
}
#blackthunder .pos-blacktuhnder-bar03.is_end{
  visibility: hidden;
  opacity: 0;
}

#blackthunder .section-connect .inner01{
  padding: 0 20px 0 240px;
}
#blackthunder .section-connect .section-connect__title{
  text-align: center;
  margin: 0 auto 50px;
}
#blackthunder .section-connect .section-connect-flex{
  background: #fff;
  display: flex;
  padding: 40px 35px;
  border-radius: 10px;
}
#blackthunder .section-connect .section-connect-flex__img{
  width: 48.5%;
}
#blackthunder .section-connect .section-connect-flex__img img{
  border-radius: 8px;
}
#blackthunder .section-connect .section-connect-flex__text{
  width: 51.5%;
  padding: 0 0 0 35px;
  box-sizing: border-box;
}
#blackthunder .section-connect .section-connect-flex__text .section-connect-flex__text-tag{
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
}
#blackthunder .section-connect .section-connect-flex__text .section-connect-flex__text-tag span{
  font-family: var(--font_ja-m-plus);
  display: inline-block;
  padding: 2px 25px;
  border-radius: 25px;
  background: var(--color_red);
  line-height: 1.6;
}
#blackthunder .section-connect .section-connect-flex__text .section-connect-flex__text-title{
  font-family: var(--font_ja-m-plus);
  font-size: 3.0rem;
  font-weight: bold;
  margin: 5px 0 0.5em;
  line-height: 1.5;
}
#blackthunder .section-connect .section-connect-flex__text .section-connect-flex__text-text{
  font-family: var(--font_ja-m-plus);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
}
#blackthunder .section-connect .section-connect-flex__text .section-connect-flex__text-btn{
  margin: 25px 0 0;
}
#blackthunder .section-connect .section-connect-flex__text .section-connect-flex__text-btn a{
  font-family: var(--font_ja-m-plus);
  display: inline-block;
  padding: 15px 60px 17px 35px;
  font-weight: 500;
  color: var(--color_yellow);
  border-radius: 35px;
  text-decoration: none;
  background: url("../img/icon-blank-yellow.svg") no-repeat right 35px center #000;
  transition: 0.3s;
}
@media (min-width: 769px){
  #blackthunder .section-connect .section-connect-flex__text .section-connect-flex__text-btn a:hover{
    background: url("../img/icon-blank-black.svg") no-repeat right 30px center var(--color_yellow);
    color: #000;
  } 
}
@media screen and (max-width: 768px){
  #blackthunder .section-connect{
    padding: 35px 0 120px;
  }
  #blackthunder .section-connect::before{
    background: url("../../imgs/blackthunder/connect-bg.svg") repeat-x top center / 2000px auto;
  }
  #blackthunder .section-connect .inner01{
    padding: 0 20px 0 94px;
  }
  #blackthunder .section-connect .section-connect__title{
    max-width: 286px;
    margin: 0 auto 40px;
  }
  #blackthunder .section-connect .section-connect-flex{
    display: block;
    padding: 10px;
  }
  #blackthunder .section-connect .section-connect-flex__img{
    width: 100%;
    text-align: center;
    margin: 0 auto 20px;
  }
  #blackthunder .section-connect .section-connect-flex__text{
    width: 100%;
    padding: 0;
  }
  #blackthunder .section-connect .section-connect-flex__text .section-connect-flex__text-tag{
    font-size: 1.2rem;
    text-align: center;
  }
  #blackthunder .section-connect .section-connect-flex__text .section-connect-flex__text-title{
    font-size: 1.8rem;
  }
  #blackthunder .section-connect .section-connect-flex__text .section-connect-flex__text-text{
    font-size: 1.4rem;
  }
  #blackthunder .section-connect .section-connect-flex__text .section-connect-flex__text-btn{
    margin: 20px auto 0;
    text-align: left;
  }
  #blackthunder .section-connect .section-connect-flex__text .section-connect-flex__text-btn a{
    display: block;
    font-size: min(1.4rem, 3.0vw);
    padding: 17px 30px 17px 15px;
    background: url("../img/icon-blank-yellow.svg") no-repeat right 20px center / 10px auto, #000;
  }
}

#blackthunder .section-connect .section-connect-sns{
  max-width: 360px;
  margin: 40px auto 0;
  position: relative;
}
#blackthunder .section-connect .section-connect-sns::after{
  position: absolute;
  right: -80%;
  top: 10px;
  content: '';
  width: 227px;
  height: 112px;
  background: url("../../imgs/product/blackThunder-txt02.svg") no-repeat center center;
}
#blackthunder .section-connect .section-connect-sns .section-connect-sns-title{
  text-align: center;
  font-size: 2.5rem;
  font-weight: bold;
  color: var(--color_yellow);
  margin: 0 0 1.0em;
}
#blackthunder .section-connect .section-connect-sns .section-connect-sns-list{
  display: flex;
  justify-content: center;
  align-items: center;
}
#blackthunder .section-connect .section-connect-sns .section-connect-sns-list__item{
  margin: 0 5%;
}
#blackthunder .section-connect .section-connect-sns .section-connect-sns-ballon{
  text-align: center;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.8;
  color: #fff;
  margin: 50px auto 0;
  padding: 20px;
  position: relative;
  border: 2px solid var(--color_yellow);
  border-radius: 8px;
}
#blackthunder .section-connect .section-connect-sns .section-connect-sns-ballon::after{
  position: absolute;
  left: 50%;
  top: 0;
  content: '';
  width:0;
  height:0;
  border-style:solid;
  border-width: 0 10px 20px 10px;
  border-color: transparent transparent #FFE300 transparent;
  transform: translate(-50%,-100%);
}
#blackthunder .section-connect .section-connect-sns .section-connect-sns-ballon::before{
  position: absolute;
  left: 50%;
  top: 0;
  content: '';
  z-index: 2;
  width:0;
  height:0;
  border-style:solid;
  border-width: 0 10px 20px 10px;
  border-color: transparent transparent #000000 transparent;
  transform: translate(-50%,-15px);
}

@media screen and (max-width: 1000px){
  #blackthunder .section-connect .section-connect-sns{
    margin: 0 auto;
    padding: 150px 0 0;
  }
  #blackthunder .section-connect .section-connect-sns::after{
    position: absolute;
    right: auto;
    left: 50%;
    top: 60px;
    transform: translateX(-50%);
    content: '';
    width: 176px;
    height: 87px;
    background: url("../../imgs/product/blackThunder-txt02.svg") no-repeat center center / 100% auto;
  }
}
@media screen and (max-width: 768px){
  #blackthunder .section-connect .section-connect-sns{
    padding: 40px 0 0;
  }
  #blackthunder .section-connect .section-connect-sns::after{
    content: none;
  }
  #blackthunder .section-connect .section-connect-sns .section-connect-sns-list__item{
    margin: 0 3%;
  }
  #blackthunder .section-connect .section-connect-sns .section-connect-sns-list__item img{
    max-width: 42px;
  }
  #blackthunder .section-connect .section-connect-sns .section-connect-sns-ballon{
    padding: 15px 10px;
    font-size: min(1.4rem, 3.0vw);
  }
  #blackthunder .section-connect .section-connect-sns .section-connect-sns-title{
    font-size: min(1.6rem, 6.0vw);
  }
}





/* section-buy
------------------------------------------------ */
#blackthunder .section-buy{
  background: #E8E6E1;
  margin: -30px 0 0;
  padding: 80px 0 90px;
  position: relative;
}
#blackthunder .section-buy::before{
  position: absolute;
  left: 0;
  top: -20px;
  content: '';
  width: 100%;
  height: 80px;
  background: url("../../imgs/blackthunder/buy-bg.svg") repeat-x top center;
}
#blackthunder .pos-blacktuhnder-bar04{
  position: absolute;
  left: -57px;
  top: -160px;
}
#blackthunder .pos-blacktuhnder-bar04.is_active{
  visibility: hidden;
  opacity: 1;
}
#blackthunder .section-buy .inner01{
  padding: 0 20px 0 240px;
  position: relative;
}
#blackthunder .section-buy .section-buy__title{
  text-align: center;
  margin: 0 0 65px;
}
#blackthunder .section-buy .section-buy-flex{
  display: flex;
  margin: 0 0 40px;
}
#blackthunder .section-buy .section-buy-flex .section-buy-flex__img{
  width: 48.2%;
}
#blackthunder .section-buy .section-buy-flex .section-buy-flex__img .section-buy-flex__img-img{
  overflow: hidden;
  position: relative;  
}
/*
#blackthunder .section-buy .section-buy-flex .section-buy-flex__img .section-buy-flex__img-img::before{
  position: absolute;
  right: 20px;
  bottom: 20px;
  content: '';
  z-index: 1;
  width: 40px;
  height: 40px;
  background: url("../img/icon-arrow-red.svg") no-repeat center center;
}
#blackthunder .section-buy .section-buy-flex .section-buy-flex__img .section-buy-flex__img-img::after{
  position: absolute;
  right: 20px;
  bottom: 20px;
  content: '';
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
}
*/
#blackthunder .section-buy .section-buy-flex .section-buy-flex__img .section-buy-flex__img-img a b{
  position: absolute;
  right: 20px;
  bottom: 0;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 1.0;
  box-sizing: border-box;
  transform: translateY(-50%);
  overflow: hidden;
}


#blackthunder .section-buy .section-buy-flex .section-buy-flex__img .section-buy-flex__img-img a{
  display: block;
  position: relative;
  width: 100%;
  padding: 2px;
  box-sizing: border-box;
  overflow: hidden;
}
#blackthunder .section-buy .section-buy-flex .section-buy-flex__img .section-buy-flex__img-img a::after{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  content: '';
  width: 100%;
  height: 100%;
  border: 2px solid var(--color_yellow);
  box-sizing: border-box;
}
#blackthunder .section-buy .section-buy-flex .section-buy-flex__img .section-buy-flex__img-img a img{
  transition: 0.3s;
}
@media (min-width:769px){
  #blackthunder .section-buy .section-buy-flex .section-buy-flex__img .section-buy-flex__img-img a:hover img{
    transform: scale(1.04);
  } 
}

#blackthunder .section-buy .section-buy-flex .section-buy-flex__img-title{
  text-align: center;
  font-size: 2.0rem;
  font-weight: bold;
  letter-spacing: 0.1vw;
  line-height: 1.0;
  margin: 0 0 1.5em;
}
#blackthunder .section-buy .section-buy-flex .section-buy-flex__img-title span{
  background: url("../img/icon-bag.svg") no-repeat left center;
  padding: 10px 0 10px 55px;
}
#blackthunder .section-buy .section-buy-flex .section-buy-flex__text{
  width: 51.8%;
  padding: 0 0 0 35px;
  box-sizing: border-box;
}
#blackthunder .section-buy .section-buy-flex .section-buy-flex__text .section-buy-flex__text-title{
  text-align: center;
  font-size: 2.0rem;
  font-weight: bold;
  letter-spacing: 0.1vw;
  line-height: 1.0;
  margin: 0 0 1.5em;
}
#blackthunder .section-buy .section-buy-flex .section-buy-flex__text .section-buy-flex__text-title span{
  background: url("../img/icon-bag.svg") no-repeat left center;
  padding: 10px 0 10px 55px;
}
#blackthunder .section-buy .section-buy-flex .section-buy-flex__text .list{
  max-width: 410px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 25px 3%;
}
#blackthunder .section-buy .section-buy-flex .section-buy-flex__text .list .list__item{
  width: calc(100% / 2 - 1.5%);
}
#blackthunder .section-buy .section-buy-flex .section-buy-flex__text .list .list__item a{
  display: block;
  text-decoration: none;
}
#blackthunder .section-buy .section-buy-flex .section-buy-flex__text .list .list__item .list__item-img{
  display: block;
  position: relative;
  width: 100%;
  padding: 1px;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 8px;
}
#blackthunder .section-buy .section-buy-flex .section-buy-flex__text .list .list__item .list__item-img::after{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid #FAF7F1;
  box-sizing: border-box;
  border-radius: 8px;
}
#blackthunder .section-buy .section-buy-flex .section-buy-flex__text .list .list__item .list__item-img img{
  border-radius: 6px;
  transition: 0.3s;
}
#blackthunder .section-buy .section-buy-flex .section-buy-flex__text .list .list__item .list__item-title{
  font-size: min(1.5rem, 1.15vw);
  font-weight: 500;
  line-height: 1.3;
  padding: 10px 17px 10px 5px;
  background: url("../img/icon-blank-red.svg") no-repeat right 5px center;
}
@media (min-width:769px){
  #blackthunder .section-buy .section-buy-flex .section-buy-flex__text .list .list__item a:hover .list__item-img img{
    transform: scale(1.04);
  }
}

#blackthunder .section-buy .section-buy-list{
  max-width: 1035px;
  margin: 0;
  padding: 45px 8% 35px;
  background: #fff;
  border-radius: 12px;
  display: flex;
  gap: 0 7.0%;
}
#blackthunder .section-buy .section-buy-list .section-buy-list__item a{
  display: block;
  text-decoration: none;
}
#blackthunder .section-buy .section-buy-list .section-buy-list__item a .section-buy-list__item-img{
  overflow: hidden;
  border-radius: 8px;
}
#blackthunder .section-buy .section-buy-list .section-buy-list__item a .section-buy-list__item-img img{
  transition: 0.3s;
  border-radius: 8px;
}
#blackthunder .section-buy .section-buy-list .section-buy-list__item .section-buy-list__item-title{
  font-family: var(--font_ja-m-plus);
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  margin: 15px 0 5px;
  text-align: center;
}
#blackthunder .section-buy .section-buy-list .section-buy-list__item .section-buy-list__item-title span{
  background: url("../img/icon-blank-black.svg") no-repeat right center;
  padding: 0 22px 0 0;
}
#blackthunder .section-buy .section-buy-list .section-buy-list__item .section-buy-list__item-text{
  font-size: 1.6rem;
  line-height: 1.5;
  justify-content: center;
  padding: 0 7.5%;
}
@media (min-width:769px){
  #blackthunder .section-buy .section-buy-list .section-buy-list__item a:hover .section-buy-list__item-img img{
    transform: scale(1.04);
  }
}

@media screen and (max-width: 768px){
  #blackthunder .section-buy{
    margin: -30px 0 0;
    padding: 40px 0 60px;
  }
  #blackthunder .section-buy::before{
    background: url("../../imgs/blackthunder/buy-bg.svg") repeat-x top center / 2000px auto;
  }
  #blackthunder .section-buy .inner01{
    padding: 0 20px 0 94px;
  }
  
  #blackthunder .section-buy .section-buy__title{
    max-width: 220px;
    margin: 0 auto 35px;
  }
  #blackthunder .section-buy .section-buy-flex{
    display: block;
  }
  #blackthunder .section-buy .section-buy-flex .section-buy-flex__text .list{
    gap: 25px 2.5%;
  }
  #blackthunder .section-buy .section-buy-flex .section-buy-flex__img-title,
  #blackthunder .section-buy .section-buy-flex .section-buy-flex__text .section-buy-flex__text-title{
    font-size: 1.6rem;
    padding: 10px 0;
    margin: 0 0 1.0em;
  }
  #blackthunder .section-buy .section-buy-flex .section-buy-flex__img{
    width: 100%;
    margin: 0 0 40px;
  }
  #blackthunder .section-buy .section-buy-flex .section-buy-flex__img .section-buy-flex__img-img a b{
    right: 10px;
    bottom: -5px;
    width: 30px;
    height: 30px;
  }
  #blackthunder .section-buy .section-buy-flex .section-buy-flex__text{
    width: 100%;
    padding: 0;
  }
  #blackthunder .section-buy .section-buy-list{
    padding: 13px;
  }
  #blackthunder .section-buy .section-buy-list .section-buy-list__item .section-buy-list__item-title{
    font-size: min(1.4rem, 3.25vw);
    text-align: left;
    margin: 8px 0 5px;
  }
  #blackthunder .section-buy .section-buy-list .section-buy-list__item .section-buy-list__item-title span{
    display: block;
    background: url("../img/icon-blank-black.svg") no-repeat right center;
    padding: 0 20px 0 0;
  }
  #blackthunder .section-buy .section-buy-list .section-buy-list__item .section-buy-list__item-text{
    font-size: 1.2rem;
    padding: 0;
  }
  #blackthunder .l-secion-message{
    display: block;
  }
  #blackthunder .l-secion-message .l-secion-message__img img{
    border-radius: 0 0 20px 20px;
  }
  #blackthunder .l-secion-message .l-secion-message-text-box{
    margin: -40px 0  0;
  }
  #blackthunder .l-secion-message .l-secion-message-text-box .l-secion-message-text-box__link{
    font-size: 2.0rem;
  }
  #blackthunder .l-secion-message .l-secion-message-text-box .l-secion-message-text-box__link a{
    padding: 5px 40px 5px 0;
  }
  #blackthunder .section-buy .section-buy-flex .section-buy-flex__text .list .list__item .list__item-title{
    font-size: min(1.2rem, 2.5vw);
    background: url("../img/icon-blank-red.svg") no-repeat right 5px bottom;
    padding: 10px 17px 0 5px;
  }
}


/* section-history
==================================================== */
#blackthunder .l-secion-message .l-secion-message__img{
  background: url("../../imgs/blackthunder/message-img-big.jpg") no-repeat center center;
}
@media (max-width:768px){
  #blackthunder .l-secion-message .l-secion-message__img{
    background: none;
  } 
}


/*** ------------------------------------------------------------------------------ 

history （ブラックサンダーの歴史）

-----------------------------------------------------------------------------  ***/
@media (max-width:768px){
  #history .topic-pass{
    display: none;
  }
}

/* l-visual-page
==================================================== */
.blackthunder .l-visual-page{
  margin: 0;
  background: #000;
}
.blackthunder .l-visual-page-flex__text .text-in .headline{
  margin: 0;
  padding: 50px 0 80px;
}
.blackthunder .l-visual-page-flex__img{
  height: 340px;
  background: url("../../imgs/blackthunder/history/visual-img.jpg") no-repeat left center / cover;
}
.blackthunder .l-visual-page-flex__text .text-in{
  max-width: 655px;
}
.blackthunder .l-visual-page-flex__text .text-in .headline .ja{
  font-size: min(1.6rem, 1.75vw);
  color: var(--color_yellow);
  margin: 0 0 0.25em;
}
.blackthunder .l-visual-page-flex__text .text-in .headline .ja::before{
  content: none;
}
.blackthunder .l-visual-page-flex__text .text-in .headline .en{
  font-size: min(6.0rem, 4.5vw);
  color: var(--color_yellow);
}
.blackthunder .l-visual-page-flex__text .text-in .text{
  font-size: min(1.4rem, 1.75vw);
  color: #fff;
  line-height: 1.5;
  margin: 0.25em 0 0;
}
@media (max-width:1100px){
  .blackthunder .l-visual-page-flex__text .text-in{
    padding: 7.5% 2.5% 7.5% 0;
  }
}
@media (max-width:768px){
  .blackthunder .l-visual-page-flex__text .text-in .headline{
    padding: 44px 0;
  }
  .blackthunder .l-visual-page-flex{
    display: flex;
    align-items: flex-start;
  }
  .blackthunder .l-visual-page-flex__img{
    width: 47%;
  }
  .blackthunder .l-visual-page-flex__text{
    width: 53%;
    padding: 20px 10px 40px 20px;
  }
  .blackthunder .l-visual-page-flex__text .text-in{
    padding: 0;
  }
  .blackthunder .l-visual-page-flex__text .text-in .headline .ja{
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0 0.5em;
  }
  .blackthunder .l-visual-page-flex__text .text-in .headline .en{
    font-size: 2.8rem;
  }
  .blackthunder .l-visual-page-flex__text .text-in .text{
    display: block;
    font-size: min(1.1rem, 2.5vw);
    margin: 1.0em 0 0;
    line-height: 1.8;
  }
}
@media (max-width:450px){
  .blackthunder .l-visual-page-flex__img{
    background: url("../../imgs/blackthunder/history/visual-img-sp.jpg") no-repeat left center / auto 100%;
  }
}


/* sp-fix-history-wrap
==================================================== */
@media (min-width:769px){
  #history.blackthunder .sp-fix-history-wrap{
    display: none;
  }
}
@media (max-width:768px){
  #history.blackthunder .sp-fix-history-wrap{
    position: fixed;
    left: 0;
    top: 80px;
    z-index: 100;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 20px;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
  }
  #history.blackthunder .sp-fix-history-wrap.is_active{
    visibility: visible;
    opacity: 1;
  }
  #history.blackthunder .sp-fix-history-wrap.is_active_end{
    visibility: hidden;
    opacity: 0;
  }
  #history.blackthunder .sp-fix-history{
    position: relative;
    width: 100%;
    background: #F3F3F3;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 35px;
    box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.4);
    border-right: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  #history.blackthunder .sp-fix-history::-webkit-scrollbar{
    display: none;
  }
  #history.blackthunder .sp-fix-history .sp-fix-history-list{
    background: #F3F3F3;
    /*
    max-width: 1060px;
    min-width: 770px;
    */
    margin: 0 auto;
    padding: 10px 20px;
    list-style: none;
    display: flex;
    /*justify-content: space-between;*/
    justify-content: center;
  }
  #history.blackthunder .sp-fix-history .sp-fix-history-list .sp-fix-history-list__item{
    text-align: center;
    margin: 0;
    padding: 0 0 2px;
  }
  #history.blackthunder .sp-fix-history .sp-fix-history-list .sp-fix-history-list__item a{
    display: inline-block;
    font-size: min(1.4rem, 3.25vw);
    font-weight: 600;
    line-height: 1.5;
    color: #808080;
    text-decoration: none;
  }
  #history.blackthunder .sp-fix-history .sp-fix-history-list .sp-fix-history-list__item a::after{
    content: '/';
    font-size: min(1.4rem, 3.25vw);
    margin: 0 3px;
  }
  #history.blackthunder .sp-fix-history .sp-fix-history-list .sp-fix-history-list__item:last-of-type a::after{
    content: none;
  }
  #history.blackthunder .sp-fix-history .sp-fix-history-list .sp-fix-history-list__item.link-current a{
    color: #000;
  }
  #history.blackthunder .sp-fix-history .sp-fix-history-list .sp-fix-history-list__item a::before{
    display: inline-block;
    content: '';
    width: 8px;
    height: 8px;
    background: #F3F3F3;
    border: 2px solid #F3F3F3;
    border-radius: 50%;
    margin: 0 2px 0 0;
    transform: translateY(2px);
  }
  #history.blackthunder .sp-fix-history .sp-fix-history-list .sp-fix-history-list__item.link-current a::before{
    background: var(--color_yellow);
    border: 2px solid #000;
  }
}


/* section-history
==================================================== */
#history .section-history{
  padding: 80px 0 120px;
  background: var(--color_yellow);
  position: relative;
}
#history .section-history::before{
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  transform: translateY(-100%);
  width: 100%;
  height: 30px;
  background: url("../../imgs/blackthunder/history/bg-yellow.svg") repeat-x top center;
}
#history .section-history--02{
  background: #000;
}
#history .section-history--02::before{
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  transform: translateY(-100%);
  width: 100%;
  height: 30px;
  background: url("../../imgs/blackthunder/history/bg-black.svg") repeat-x top center;
}
#history .section-history .inner03{
  position: relative;
}
#history .section-history .inner03::before{
  position: absolute;
  left: -125px;
  top: 0;
  content: '';
  width: 69px;
  height: 930px;
  background: url("../../imgs/blackthunder/history/history-txt01.svg") no-repeat center top;
}
#history .section-history--02 .inner03::before{
  position: absolute;
  left: -125px;
  top: 0;
  content: '';
  width: 69px;
  height: 930px;
  background: url("../../imgs/blackthunder/history/history-txt02.svg") no-repeat center top;
}
@media (max-width:768px){
  #history .section-history{
    padding: 50px 0 70px;
  }
  #history .section-history::before{
    background: url("../../imgs/blackthunder/history/bg-yellow.svg") repeat-x top center / auto 58px ;
    height: 58px;
    top: 20px;
  }
  #history .section-history::after{
    position: absolute;
    left: 0;
    top: -25px;
    content: '';
    background: var(--color_yellow);
    width: 100%;
    height: 58px;
  }
  #history .section-history--02::before{
    background: url("../../imgs/blackthunder/history/bg-black.svg") repeat-x top center / auto 58px;
    height: 58px;
    top: 20px;
  }
  #history .section-history--02::after{
    position: absolute;
    left: 0;
    top: -25px;
    content: '';
    background: #000;
    width: 100%;
    height: 58px;
  }
}

#history .section-history .history-header{
  display: flex;
/*  align-items: center;*/
  margin: 0 0 20px;
}
#history .section-history #year2000.history-header{
  margin: -85px 0 20px;
  padding: 85px 0 0;
}
#history .section-history .history-header .history-header__img{
  width: 126px;
}
#history .section-history .history-header .history-header__text{
  width: calc(100% - 126px);
  padding: 0 0 0 40px;
  box-sizing: border-box;
}
#history .section-history .history-header .history-header__text .history-header__text-year{
  font-family: var(--font_ja--dela);
  font-size: 8.0rem;
  line-height: 1.0;
}
#history .section-history .history-header .history-header__text .history-header__text-year--yellow{
  color: var(--color_yellow);
}
#history .section-history .history-header .history-header__text .history-header__text-title{
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.35;
  margin: 10px 0 0;
}
#history .section-history .history-header .history-header__text .history-header__text-title--yellow{
  color: var(--color_yellow);
}
#history .section-history .history-header .history-header__text .history-header__text-title .icon-thunder{
  width: 28px;
  height: 30px;
  background: url("../img/icon-thunder.svg") no-repeat center center / 28px auto;
}
@media (max-width:768px){
  #history .section-history .history-header .history-header__img{
    width: 60px;
  }
  #history .section-history .history-header .history-header__text{
    width: calc(100% - 60px);
    padding: 0 0 0 20px;
  }
  #history .section-history .history-header .history-header__text .history-header__text-year{
    font-size: 5.0rem;
  }
  #history .section-history .history-header .history-header__text .history-header__text-title{
    font-size: 1.7rem;
  }
  #history .section-history .history-header .history-header__text .history-header__text-title .icon-thunder{
    width: 18px;
    height: 20px;
    background: url("../img/icon-thunder.svg") no-repeat center center / 18px auto;
  }
}


#history .section-history .section-history-list{
  display: flex;
  flex-wrap: wrap;
  gap: 20px 3%; 
  margin: 0 0 85px;
}
#history .section-history .section-history-list--mb00{
  margin: 0;
}
#history .section-history .section-history-list .section-history-list__item{
  width: calc(100% / 2 - 1.5%);
}
#history .section-history .section-history-list .section-history-list__item .section-history-list__item-year{
  margin: 0 0 10px;
}
#history .section-history .section-history-list .section-history-list__item .section-history-list__item-year span{
  background: #000;
  display: inline-block;
  padding: 4px 15px 6px;
  font-family: var(--font_ja--dela);
  line-height: 1.0;
  color: #FFE300;
  border-radius: 15px;
}
#history .section-history .section-history-list .section-history-list__item .section-history-list__item-year--yellow span{
  background: var(--color_yellow);
  color: #000;
}
#history .section-history .section-history-list .section-history-list__item .flex{
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 8px;
  padding: 10px;
  box-sizing: border-box;
}
#history .section-history .section-history-list .section-history-list__item .section-history-list__item-box--yellow{
  background: #FFE300;
}
#history .section-history .section-history-list .section-history-list__item .flex .flex__img{
  width: 34%;
}
#history .section-history .section-history-list .section-history-list__item .flex .flex__img img{
  border-radius: 4px;
}
#history .section-history .section-history-list .section-history-list__item .flex .flex__text{
  width: 66%;
  padding: 0 15px;
  box-sizing: border-box;
}
#history .section-history .section-history-list .section-history-list__item .flex .flex__text-catch{
  text-align: center;
  font-size: min(2.0rem, 2.0vw);
  line-height: 1.4;
}
#history .section-history .section-history-list .section-history-list__item .flex .flex__text-catch--01{
  text-align: left;
}
#history .section-history .section-history-list .section-history-list__item .flex .flex__text-catch--02{
  text-align: left;
}
#history .section-history .section-history-list .section-history-list__item .flex .flex__text-catch span{
  display: block;
  /*font-size: min(3.4rem, 2.5vw);*/
  /*font-size: min(3.4rem, 1.70vw);*/
  font-size: clamp(2.6rem, 1.75vw, 3.4rem);
  font-weight: bold;
}
#history .section-history .section-history-list .section-history-list__item .flex .flex__text-catch--01 span{
  font-size: clamp(2.0rem, 1.25vw, 2.6rem);
}
#history .section-history .section-history-list .section-history-list__item .flex .flex__text-catch--02 span{
  font-size: clamp(1.8rem, 1.1vw, 2.2rem);
}

#history .section-history .section-history-list .section-history-list__item .flex .flex__text .flex__text-txt{
  font-size: min(1.6rem, 1.5vw);
  line-height: 1.5;
  margin: 0 0 10px;
}
#history .section-history .section-history-list .section-history-list__item .flex .flex__text .flex__text-txt:last-of-type{
  margin: 0;
}
#history .section-history .section-history-list .section-history-list__item .flex .flex__text .flex__text-txt a.link-txt{
  text-decoration: underline;
  font-weight: bold;
}
#history .section-history .section-history-list .section-history-list__item .flex .flex__text .flex__text-txt a.link-txt.blank{
  background: url("../img/icon-blank-black.svg") no-repeat right center;
  padding: 0 20px 0 0;
}
#history .section-history .section-history__subtitle{
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.35;
  margin: 0 0 1.0em;
}
#history .section-history .section-history__subtitle--yellow{
  color: var(--color_yellow);
}
@media (min-width:769px){
  #history .section-history .section-history-list .section-history-list__item .flex .flex__text .flex__text-txt a.link-txt:hover{
    text-decoration: none;
  }
}
@media (max-width:768px){
  #history .section-history .section-history-list{
    display: block;
  }
  #history .section-history .section-history-list .section-history-list__item{
    width: 100%;
    margin: 0 0 20px;
  }
  #history .section-history .section-history-list .section-history-list__item .flex .flex__text .flex__text-txt{
    font-size: 1.4rem;
  }
  #history .section-history .section-history-list .section-history-list__item .flex .flex__text-catch{
    font-size: 1.4rem;
    line-height: 1.8;
  }
  #history .section-history .section-history-list .section-history-list__item .flex .flex__text-catch--01{
    text-align: left;
  }
  #history .section-history .section-history-list .section-history-list__item .flex .flex__text-catch--02{
    text-align: left;
  }
  #history .section-history .section-history-list .section-history-list__item .flex .flex__text-catch span{
    display: block;
    font-size: min(2.0rem, 4.5vw);
    font-weight: bold;
  }
  #history .section-history .section-history-list .section-history-list__item .flex .flex__text-catch--01 span{
    font-size: 2.0rem;
    line-height: 1.3;
    margin: 0 0 5px;
  }
  #history .section-history .section-history-list .section-history-list__item .flex .flex__text-catch--02 span{
    font-size: 1.8rem;
    line-height: 1.5;
  }
  #history .section-history .section-history__subtitle{
    font-size: 2.4rem;
  }
}


/*** ------------------------------------------------------------------------------ 

about （ブラックサンダーとは）

-----------------------------------------------------------------------------  ***/
@media (max-width:768px){
  #about .topic-pass{
    display: none;
  }
}

#about .side-fix-list{
  display: none;
}

/* l-visual-page
==================================================== */
#about .l-visual-page-flex{
  background: url("../../imgs/blackthunder/about/visual-img.jpg") no-repeat right 25% center / auto 100%;
}
#about .l-visual-page-flex__img{
  background: none;
}
@media (max-width:960px){
  #about .l-visual-page-flex{
    background: url("../../imgs/blackthunder/about/visual-img.jpg") no-repeat right 30% center / auto 100%;
  } 
}
@media (max-width:768px){
  #about .l-visual-page-flex{
    background: url("../../imgs/blackthunder/about/visual-img-sp.jpg") no-repeat right center / auto 100%;
  }
}
@media (max-width:400px){
  #about .l-visual-page-flex{
    background: url("../../imgs/blackthunder/about/visual-img-sp.jpg") no-repeat center center / cover;
  }
}


/* section-pagelink
==================================================== */
#about .section-pagelink{
  background: var(--color_yellow);
  padding: 80px 0 90px;
  position: relative;
}
#about .section-pagelink::before{
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  transform: translateY(-100%);
  width: 100%;
  height: 30px;
  background: url("../../imgs/blackthunder/about/bg-yellow.svg") repeat-x top center;
}
#about .section-pagelink .section-pagelink__title{
  text-align: center;
  font-family: var(--font_ja-m-plus);
  font-size: 3.0rem;
  font-weight: 900;
  line-height: 1.6;
  margin: 0 0 0.75em;
}
#about .section-pagelink .section-pagelink-list{
  display: flex;
  justify-content: center;
  gap: 0 3.0%;
}
#about .section-pagelink .section-pagelink-list .section-pagelink-list__item a{
  transition: 0.3s;
  display: block;
}
@media (min-width: 769px){
  #about .section-pagelink .section-pagelink-list .section-pagelink-list__item a:hover{
    transform: translateY(10px);
  } 
}
@media (max-width:768px){
  #about .section-pagelink{
    padding: 40px 0 60px;
  }
  #about .section-pagelink::before{
    background: url("../../imgs/blackthunder/about/bg-yellow.svg") repeat-x top center / 2000px auto;
  }
  #about .section-pagelink .section-pagelink__title{
    font-size: min(2.2rem, 6.0vw);
    line-height: 1.7;
    margin: 0 0 1.0em;
  }
  #about .section-pagelink .section-pagelink-list{
    display: block;
    max-width: 253px;
    margin: 0 auto;
  }
  #about .section-pagelink .section-pagelink-list .section-pagelink-list__item{
    margin: 15px 0;
  }
  #about .section-pagelink .section-pagelink-list .section-pagelink-list__item a{
    display: block;
    background: url("../img/icon-circleArrow-uncer-black.svg") no-repeat right 15px center / 30px auto , #000;
    font-family: var(--font_ja-m-plus);
    font-size: 2.0rem;
    font-weight: 900;
    color: var(--color_yellow);
    padding: 12px 30px;
    border-radius: 32px;
    text-decoration: none;
  }
}

/* section-delicious
==================================================== */
#about .section-delicious{
  background: #000;
  padding: 140px 0 110px;
  position: relative;
}
#about .section-delicious::before{
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  transform: translateY(-100%);
  width: 100%;
  height: 30px;
  background: url("../../imgs/blackthunder/about/bg-black.svg") repeat-x top center;
}
#about .section-delicious .section-delicious-cont{
  width: calc(100% - calc(calc(100% - 1320px) / 2));
  margin: 0 0 0 auto;
  display: flex;
}
#about .section-delicious .section-delicious-cont .section-delicious-cont__img{
  width: 150px;
  margin: -160px 0 0; 
}
#about .section-delicious .section-delicious-cont .section-delicious-cont__img .sticky{
  position: sticky;
  top: 120px;
}
#about .section-delicious .section-delicious-cont .section-delicious-cont__text{
  width: calc(100% - 150px);
}
@media (max-width:1340px){
  #about .section-delicious .section-delicious-cont{
    width: 100%;
  }
  #about .section-delicious .section-delicious-cont .section-delicious-cont__img{
    padding: 0 0 0 10px;
    box-sizing: border-box;
  }
}
@media (max-width:768px){
  #about .section-delicious{
    padding: 50px 0 100px;
  }
  #about .section-delicious::before{
    background: url("../../imgs/blackthunder/about/bg-black.svg") repeat-x top center / 2000px auto;
  }
  #about .section-delicious .section-delicious-cont{
    width: 100%;
    display: block;
  }
  #about .section-delicious .section-delicious-cont .section-delicious-cont__img{
    display: none;
  }
  #about .section-delicious .section-delicious-cont .section-delicious-cont__text{
    width: 100%;
  }
}

#about .section-delicious .section-delicious__title{
  text-align: center;
  font-family: var(--font_ja-m-plus);
  font-size: 4.4rem;
  font-weight: 800;
  color: var(--color_yellow);
  line-height: 1.3;
  margin: 0 0 30px;
}
#about .section-delicious .section-delicious__title .span01{
  display: block;
  font-size: 2.8rem;
}
#about .section-delicious .section-delicious__title .span02{
  font-size: 2.6rem;
}
@media (max-width:768px){
  #about .section-delicious .section-delicious__title{
    font-size: 3.6rem;
    line-height: 1.2;
    margin: 0 0 -20px;
  }
  #about .section-delicious .section-delicious__title .span01{
    font-size: 2.0rem;
  }
}

#about .section-delicious .section-delicious-flex{
  max-width: 1163px;
  display: flex;
  margin: 0 0 50px;
  align-items: center;
}
#about .section-delicious .section-delicious-flex .section-delicious-flex__img{
  width: 55%;
}
#about .section-delicious .section-delicious-flex .section-delicious-flex__text{
  width: 45%;
  padding: 0 0 0 3%;
  box-sizing: border-box;
}
#about .section-delicious .section-delicious-flex .section-delicious-flex__text .section-delicious-flex__text-catch{
  max-width: 461px;
  font-family: var(--font_ja-m-plus);
  font-size: 4.8rem;
  font-weight: bold;
  color: #fff;
  margin: 0 0 30px;
  line-height: 1.5;
}
#about .section-delicious .section-delicious-flex .section-delicious-flex__text .section-delicious-flex__text-catch img{
  vertical-align: baseline;
  margin: 0 -10px 0 0;
}
#about .section-delicious .section-delicious-flex .section-delicious-flex__text .section-delicious-flex__text-catch span{
  display: block;
  font-size: 8.0rem;
  font-weight: 800;
  color: var(--color_yellow);
  line-height: 1.0;
}
#about .section-delicious .section-delicious-flex .section-delicious-flex__text .section-delicious-flex__text-txt{
  max-width: 461px;
  line-height: 2.0;
  color: #fff;
}
@media (max-width:1280px){
  #about .section-delicious .section-delicious-flex .section-delicious-flex__text{
    padding: 0 20px 0 3%;
  }
  #about .section-delicious .section-delicious-flex .section-delicious-flex__text .section-delicious-flex__text-catch{
    font-size: min(4.8rem, 4.5vw);
  }
  #about .section-delicious .section-delicious-flex .section-delicious-flex__text .section-delicious-flex__text-catch img{
    width: 80%;
  }
  #about .section-delicious .section-delicious-flex .section-delicious-flex__text .section-delicious-flex__text-catch span{
    font-size: min(8.0rem, 6.25vw);
  }
}
@media (max-width:768px){
  #about .section-delicious .section-delicious-flex{
    display: block;
    margin: 0 0 50px;
    align-items: center;
  }
  #about .section-delicious .section-delicious-flex .section-delicious-flex__img{
    width: 100%;
  }
  #about .section-delicious .section-delicious-flex .section-delicious-flex__text{
    width: 100%;
    padding: 0 20px;
  }
  #about .section-delicious .section-delicious-flex .section-delicious-flex__text .section-delicious-flex__text-catch{
    max-width: 100%;
    text-align: right;
    font-size: min(4.0rem, 8.0vw);
    display: flex;
    justify-content: center;
  }
  #about .section-delicious .section-delicious-flex .section-delicious-flex__text .section-delicious-flex__text-catch img{
    max-width: 340px;
    width: 80%;
  }
  #about .section-delicious .section-delicious-flex .section-delicious-flex__text .section-delicious-flex__text-catch span{
    font-size: min(6.0rem, 14.5vw);
  }
  #about .section-delicious .section-delicious-flex .section-delicious-flex__text .section-delicious-flex__text-txt{
    max-width: 100%;
    font-size: 1.4rem;
  }
}


#about .section-delicious .section-delicious-flex01{
  margin: 0 0 10px auto;
  box-sizing: border-box;
  display: flex;
  align-items: flex-end;
}
#about .section-delicious .section-delicious-flex01 .section-delicious-flex01__img{
  width: 60%;
}
#about .section-delicious .section-delicious-flex01 .section-delicious-flex01__img img{
  border-radius: 6px 0 0 6px;
}
#about .section-delicious .section-delicious-flex01 .section-delicious-flex01__img--video{
  border-radius: 15px 0 0 15px;
  overflow: hidden;
}
#about .section-delicious .section-delicious-flex01 .section-delicious-flex01__img--video video{
  width: 100%;
  height: 100%;
  transform: scale(1.2);
}

#about .section-delicious .section-delicious-flex01 .section-delicious-flex01__text{
  width: 40%;
  padding: 0 60px 0 80px;
  box-sizing: border-box;
}
#about .section-delicious .section-delicious-flex01 .section-delicious-flex01__text .section-delicious-flex01__text-catch{
  display: flex;
  align-items: center;
  font-family: var(--font_ja-m-plus);
  font-weight: bold;
  line-height: 1.3;
  color: #fff;
  margin: 0 0 10px;
}
#about .section-delicious .section-delicious-flex01 .section-delicious-flex01__text .section-delicious-flex01__text-catch .span01{
  display: block;
  width: 50%;
  font-size: min(17.0rem, 9.25vw);
  color: var(--color_yellow);
  line-height: 1.0;
}
#about .section-delicious .section-delicious-flex01 .section-delicious-flex01__text .section-delicious-flex01__text-catch .span02{
  display: block;
  width: 50%;
  padding: 0 0 0 15px;
  box-sizing: border-box;
  font-size: min(3.0rem, 1.5vw);
}
#about .section-delicious .section-delicious-flex01 .section-delicious-flex01__text .section-delicious-flex01__text-txt{
  color: #fff;
  line-height: 1.5;
  padding: 0 0 30px;
}
@media (max-width: 1200px){
  #about .section-delicious .section-delicious-flex01 .section-delicious-flex01__text{
    padding: 0 4% 0 5%;
  }
  #about .section-delicious .section-delicious-flex01 .section-delicious-flex01__text .section-delicious-flex01__text-catch .span01{
    font-size: min(17.0rem, 10.0vw);
  }
  #about .section-delicious .section-delicious-flex01 .section-delicious-flex01__text .section-delicious-flex01__text-catch .span02{
    font-size: min(3.0rem, 1.6vw);
  }
}
@media (max-width: 1050px){
  #about .section-delicious .section-delicious-flex01 .section-delicious-flex01__text .section-delicious-flex01__text-catch .span01{
    font-size: min(17.0rem, 10.0vw);
  }
  #about .section-delicious .section-delicious-flex01 .section-delicious-flex01__text .section-delicious-flex01__text-catch .span02{
    font-size: min(3.0rem, 1.5vw);
  }
  #about .section-delicious .section-delicious-flex01 .section-delicious-flex01__text .section-delicious-flex01__text-txt{
    font-size: min(1.4rem, 1.5vw);
    padding: 0 0 15px;
  }
}
@media (max-width: 768px){
  #about .section-delicious .section-delicious-flex01{
    flex-wrap: wrap;
  }
  #about .section-delicious .section-delicious-flex01 .section-delicious-flex01__img{
    order: 1;
    width: 100%;
  }
  #about .section-delicious .section-delicious-flex01 .section-delicious-flex01__img--video{
    order: 1;
    width: calc(100% - 20px);
    margin: 0 0 0 auto;
  }
  #about .section-delicious .section-delicious-flex01 .section-delicious-flex01__img img{
    border-radius: 0;
  }
  #about .section-delicious .section-delicious-flex01 .section-delicious-flex01__text{
    order: 2;
    width: 100%;
    padding: 20px 20px 50px;
  }
  #about .section-delicious .section-delicious-flex01 .section-delicious-flex01__text .section-delicious-flex01__text-catch{
    justify-content: flex-start;
  }
  #about .section-delicious .section-delicious-flex01 .section-delicious-flex01__text .section-delicious-flex01__text-catch .span01{
    width: auto;
    font-size: min(13.0rem, 27.5vw);
  }
  #about .section-delicious .section-delicious-flex01 .section-delicious-flex01__text .section-delicious-flex01__text-catch .span02{
    width: auto;
    font-size: min(2.3rem, 5.25vw);
    line-height: 1.3;
  }
  #about .section-delicious .section-delicious-flex01 .section-delicious-flex01__text .section-delicious-flex01__text-txt{
    font-size: 1.4rem;
    padding: 0;
    line-height: 2.0;
  }
}

#about .section-delicious .section-delicious-flex02{
  max-width: 1163px;
  display: flex;
  box-sizing: border-box;
}
#about .section-delicious .section-delicious-flex02 .section-delicious-flex02__img{
  width: 59.8%;
  padding: 0 10px 0 0;
  box-sizing: border-box;
}
#about .section-delicious .section-delicious-flex02 .section-delicious-flex02__img img{
  border-radius: 10px;
}
#about .section-delicious .section-delicious-flex02 .section-delicious-flex02__text{
  width: 40.2%;
}
#about .section-delicious .section-delicious-flex02 .section-delicious-flex02__text img{
  border-radius: 10px;
}
#about .section-delicious .section-delicious-flex02 .section-delicious-flex02__text .section-delicious-flex02__text-txt{
  color: #fff;
  line-height: 1.5;
  padding: 25px 15px 0;
}
@media (max-width: 768px){
  #about .section-delicious .section-delicious-flex02 .section-delicious-flex02__img{
    width: 45%;
  }
  #about .section-delicious .section-delicious-flex02 .section-delicious-flex02__text{
    width: 55%;
  }
  #about .section-delicious .section-delicious-flex02 .section-delicious-flex02__text .section-delicious-flex02__text-img{
    display: none;
  }
  #about .section-delicious .section-delicious-flex02 .section-delicious-flex02__text .section-delicious-flex02__text-txt{
    padding: 5px 20px 0 10px;
    font-size: 1.4rem;
    line-height: 1.71;
  }
}


/* section-birth
==================================================== */
#about .section-birth{
  background: var(--color_yellow);
  padding: 100px 0 150px;
  position: relative;
}
#about .section-birth::before{
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  transform: translateY(-100%);
  width: 100%;
  height: 30px;
  background: url("../../imgs/blackthunder/about/bg-yellow.svg") repeat-x top center;
}
#about .section-birth .section-birth-cont{
  width: calc(100% - calc(calc(100% - 1320px) / 2));
  margin: 0 0 0 auto;
  display: flex;
}
#about .section-birth .section-birth-cont .section-birth-cont__img{
  width: 195px;
  margin: -150px 0 0; 
}
#about .section-birth .section-birth-cont .section-birth-cont__img .sticky{
  position: sticky;
  top: 120px;
}
#about .section-birth .section-birth-cont .section-birth-cont__text{
  width: calc(100% - 195px);
}
@media (max-width:1340px){
  #about .section-birth .section-birth-cont{
    width: 100%;
  }
  #about .section-birth .section-birth-cont .section-birth-cont__img{
    padding: 0 0 0 10px;
    box-sizing: border-box;
  }
}
@media (max-width:768px){
  #about .section-birth{
    padding: 50px 0 100px;
  }
  #about .section-birth::before{
    background: url("../../imgs/blackthunder/about/bg-yellow.svg") repeat-x top center / 2000px auto;
  }
  #about .section-birth .section-birth-cont{
    display: block;
  }
  #about .section-birth .section-birth-cont .section-birth-cont__img{
    display: none;
  }
  #about .section-birth .section-birth-cont .section-birth-cont__text{
    width: 100%;
  }
}

#about .section-birth .section-birth__title{
  text-align: center;
  font-size: 4.4rem;
  font-weight: 900;
  line-height: 1.5;
}
#about .section-birth .section-birth__title .span01{
  display: block;
  font-size: 2.8rem;
  font-weight: 900;
  line-height: 1.3;
}
#about .section-birth .section-birth__title .span02{
  font-size: 2.6rem;
  font-weight: 900;
  line-height: 1.3;
}
@media (max-width:1000px){
  #about .section-birth .section-birth__title{
    margin: 0 0 1.0em;
  }
}
@media (max-width:768px){
  #about .section-birth .section-birth__title{
    font-size: 3.6rem;
    margin: 0 0 0.5em;
    line-height: 1.3;
  }
  #about .section-birth .section-birth__title .span01{
    font-size: 2.0rem;
  }
  #about .section-birth .section-birth__title .span02{
    font-size: 2.6rem;
  }
}

#about .section-birth .section-birth-flex01{
  max-width: 1125px;
  display: flex;
  align-items: center;
}
#about .section-birth .section-birth-flex01 .section-birth-flex01__img{
  width: 60%;
}
#about .section-birth .section-birth-flex01 .section-birth-flex01__text{
  width: 40%;
  padding: 0 0 0 0;
  box-sizing: border-box;
}
#about .section-birth .section-birth-flex01 .section-birth-flex01__text .section-birth-flex01__text-catch{
  font-family: var(--font_ja-m-plus);
  font-size: 4.0rem;
  font-weight: 900;
  line-height: 1.5;
  margin: 0 0 15px;
}
#about .section-birth .section-birth-flex01 .section-birth-flex01__text .section-birth-flex01__text-catch .span01{
  font-size: 7.0rem;
  color: var(--color_red);
  line-height: 1.0;
}
#about .section-birth .section-birth-flex01 .section-birth-flex01__text .section-birth-flex01__text-catch .span02{
  font-size: 5.0rem;
  color: #000;
  line-height: 1.0;
}
#about .section-birth .section-birth-flex01 .section-birth-flex01__text .section-birth-flex01__text-txt{
  line-height: 1.5;
}
#about .section-birth .section-birth-flex01 .section-birth-flex01__text .section-birth-flex01__text-txt-s{
  font-size: 1.4rem;
  margin: 0.75em 0 0;
}
@media (max-width:1050px){
  #about .section-birth .section-birth-flex01{
    margin: 0 auto 40px;
  }
}
@media (max-width:950px){
  #about .section-birth .section-birth-flex01 .section-birth-flex01__text .section-birth-flex01__text-catch{
    font-size: min(4.0rem, 4.0vw);
  }
  #about .section-birth .section-birth-flex01 .section-birth-flex01__text .section-birth-flex01__text-catch .span01{
    font-size: min(7.0rem, 7.0vw);
  }
  #about .section-birth .section-birth-flex01 .section-birth-flex01__text .section-birth-flex01__text-catch .span02{
    font-size: min(5.0rem, 5.0vw);
  }
}
@media (max-width:768px){
  #about .section-birth .section-birth-flex01{
    flex-wrap: wrap;
  }
  #about .section-birth .section-birth-flex01 .section-birth-flex01__img{
    order: 1;
    width: 100%;
  }
  #about .section-birth .section-birth-flex01 .section-birth-flex01__text{
    order: 2;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
  }
  #about .section-birth .section-birth-flex01 .section-birth-flex01__text .section-birth-flex01__text-catch{
    font-size: 3.0rem;
    margin: 0 0 0.5em;
  }
  #about .section-birth .section-birth-flex01 .section-birth-flex01__text .section-birth-flex01__text-catch .span01{
    font-size: 3.0rem;
  }
  #about .section-birth .section-birth-flex01 .section-birth-flex01__text .section-birth-flex01__text-catch .span02{
    font-size: 3.0rem;
  }
  #about .section-birth .section-birth-flex01 .section-birth-flex01__text .section-birth-flex01__text-txt{
    line-height: 1.7;
  }
  #about .section-birth .section-birth-flex01 .section-birth-flex01__text .section-birth-flex01__text-txt-s{
    margin: 0.25em 0 0;
  }
}

#about .section-birth .section-birth-flex02{
  max-width: 1125px;
  display: flex;
  align-items: center;
}
#about .section-birth .section-birth-flex02 .section-birth-flex02__img{
  width: 41.2%;
}
#about .section-birth .section-birth-flex02 .section-birth-flex02__img img{
  border-radius: 10px;
}
#about .section-birth .section-birth-flex02 .section-birth-flex02__text{
  width: 58.8%;
  padding: 0 7.5% 0 5%;
  box-sizing: border-box;
}
#about .section-birth .section-birth-flex02 .section-birth-flex02__text .section-birth-flex02__text-catch{
  font-family: var(--font_ja-m-plus);
  font-size: 4.0rem;
  font-weight: 900;
  line-height: 1.5;
  margin: 0 0 15px;
}
#about .section-birth .section-birth-flex02 .section-birth-flex02__text .section-birth-flex02__text-catch .span01{
  font-size: 7.0rem;
  color: var(--color_red);
  line-height: 1.0;
}
#about .section-birth .section-birth-flex02 .section-birth-flex02__text .section-birth-flex02__text-catch .span02{
  font-size: 5.0rem;
  color: #000;
  line-height: 1.0;
}
#about .section-birth .section-birth-flex02 .section-birth-flex02__text .section-birth-flex02__text-txt{
  line-height: 1.5;
}
@media (max-width:1340px){
  #about .section-birth .section-birth-flex02{
    align-items: flex-start;
  }
}
@media (max-width:950px){
  #about .section-birth .section-birth-flex02 .section-birth-flex02__text .section-birth-flex02__text-catch{
    font-size: min(4.0rem, 4.0vw);
  }
  #about .section-birth .section-birth-flex02 .section-birth-flex02__text .section-birth-flex02__text-catch .span01{
    font-size: min(7.0rem, 7.0vw);
  }
  #about .section-birth .section-birth-flex02 .section-birth-flex02__text .section-birth-flex02__text-catch .span02{
    font-size: min(5.0rem, 5.0vw);
  }
}
@media (max-width:768px){
  #about .section-birth .section-birth-flex02{
    display: block;
    padding: 0 20px;
  }
  #about .section-birth .section-birth-flex02 .section-birth-flex02__img{
    width: 100%;
    text-align: center;
  }
  #about .section-birth .section-birth-flex02 .section-birth-flex02__text{
    width: 100%;
    padding: 20px 0 0;
  }
  #about .section-birth .section-birth-flex02 .section-birth-flex02__text .section-birth-flex02__text-catch{
    font-size: 3.0rem;
  }
  #about .section-birth .section-birth-flex02 .section-birth-flex02__text .section-birth-flex02__text-catch .span01{
    font-size: 3.0rem;
  }
  #about .section-birth .section-birth-flex02 .section-birth-flex02__text .section-birth-flex02__text-catch .span02{
    font-size: 3.0rem;
  }
  #about .section-birth .section-birth-flex02 .section-birth-flex02__text .section-birth-flex02__text-txt{
    line-height: 1.7;
  }
}


/* section-product
------------------------------------------------ */
#about .section-product{
  margin: -25px 0 0;
  padding: 80px 0 100px;
  background: #fff;
}
#about .section-product .section-product__title{
  text-align: center;
  font-size: 3.2rem;
  font-weight: bold;
  margin: 0 0 0.75em;
  letter-spacing: 0.1vw;
  line-height: 1.31;
}
#about .section-product .section-product__title span{
  position: relative;
}
#about .section-product .section-product__btn{
  text-align: center;
  margin: 20px auto 0;
}
#about .section-product .section-product__btn a{
  min-width: inherit;
  max-width: 230px;
  width: 100%;
}
#about .section-product .section-product-list{
  margin: 30px 0 0;
}
#about .section-product .section-product-list .section-product-list__item{
  text-align: center;
  width: calc(100% / 3 - 2.75%);
}
#about .section-product .section-product-list .section-product-list__item.mt-20{
  margin-top: 20px;
}
#about .section-product .section-product-list .section-product-list__item.mt-40{
  margin-top: 40px;
}
#about .section-product .section-product-list .section-product-list__item.mt-60{
  margin-top: 60px;
}
#about .section-product .section-product-list .section-product-list__item a{
  display: block;
  text-decoration: none;
  position: relative;
  padding: 15px 0 0;
  box-sizing: border-box;
}
#about .section-product .section-product-list .section-product-list__item .section-product-list__item-title{
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0.05vw;
  line-height: 1.55;
}
#about .section-product .section-product-list .section-product-list__item .section-product-list__item-cat{
  width: 100%;
  text-align: center;
  margin: 0 auto 10px;
}
#about .section-product .section-product-list .section-product-list__item .section-product-list__item-cat span{
  background: var(--color_yellow);
  display: inline-block;
  font-style: italic;
  padding: 5px 15px 6px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.5;
  border: 1px solid #000;
  border-radius: 15px;
  position: relative;
}
#about .section-product .section-product-list .section-product-list__item .section-product-list__item-cat span::before{
  position: absolute;
  left: 50%;
  bottom: 2px;
  content: '';
  transform: translate(-50%, 100%);
  z-index: 2;
  width:0;
  height:0;
  border-style:solid;
  border-width: 10px 8px 0 8px;
}
#about .section-product .section-product-list .section-product-list__item .section-product-list__item-cat span::after{
  position: absolute;
  left: 50%;
  bottom: 0;
  content: '';
  transform: translate(-50%, 100%);
  width:0;
  height:0;
  border-style:solid;
  border-width: 10px 8px 0 8px;
  border-color: #000000 transparent transparent transparent;
}
#about .section-product .section-product-list .section-product-list__item a .section-product-list__item-new{
  position: absolute;
  left: 0;
  top: 0;
}
#about .section-product .section-product-list .section-product-list__item .section-product-list__item-cat--regular span{
  font-family: var(--font_ja-m-plus);
  background: var(--color_yellow);
}
#about .section-product .section-product-list .section-product-list__item .section-product-list__item-cat--regular span::before{
  border-color: var(--color_yellow) transparent transparent transparent;
}
#about .section-product .section-product-list .section-product-list__item .section-product-list__item-cat--hitokuchi span{
  background: #F6A900;
}
#about .section-product .section-product-list .section-product-list__item .section-product-list__item-cat--hitokuchi span::before{
  border-color: #F6A900 transparent transparent transparent;
}

@media (max-width:768px){
  #about .section-product{
    margin: -15px 0 0;
    padding: 60px 0 70px;
  }
  #about .section-product .section-product__title{
    font-size: 2.0rem;
    line-height: 1.8;
    margin: 0 0 -20px;
  }
  #about .section-product .section-product-list{
    margin: 35px 0 0;
  }
  #about .section-product .section-product-list .section-product-list__item{
    width: 100%;
  }
  #about .section-product .section-product-list .section-product-list__item .section-product-list__item-cat span{
    padding: 2px 10px;
    font-size: 1.0rem;
  }
  #about .section-product .section-product-list .section-product-list__item .section-product-list__item-img{
    margin: 0 0 -15px;
  }
  #about .section-product .section-product-list .section-product-list__item .section-product-list__item-title{
    font-size: 1.4rem;
    line-height: 1.5;
  }
  #about .section-product .section-product-list .section-product-list__item a{
    padding: 0;
  }
  #about .section-product .section-product-list .section-product-list__item a .section-product-list__item-new{
    top: 0;
    width: 35px;
  }
  #about .section-product .section-product__btn{
    margin: 20px auto 0;
  }
}

#about .section-product .swiper-control{
  max-width: 1120px;
  margin: 30px auto 0;
  padding: 15px 135px 15px 20px;
  box-sizing: border-box;
  position: relative;
}
#about .section-product .swiper-button-prev{
  top: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-100%);
  margin: 0 0 0 -5px;
  width: 49px;
  height: 28px;
  background: url("../img/swiiper-prev.svg") no-repeat center center;
  z-index: 55;
  transition: 0.3s;
}
#about .section-product .swiper-button-prev::after{
  content: none;
}
#about .section-product .swiper-button-next{
  top: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(5px);
  width: 49px;
  height: 28px;
  background: url("../img/swiiper-next.svg") no-repeat center center;
  z-index: 55;
  transition: 0.3s;
}
#about .section-product .swiper-button-next::after{
  content: none;
}
@media (min-width:769px){
  #about .section-product .swiper-control{
    display: none;
  }
}


/* section-local
==================================================== */
#about .section-local{
  background: #FFFAF1;
  padding: 100px 0 150px;
  position: relative;
}
#about .section-local::before{
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  transform: translateY(-100%);
  width: 100%;
  height: 30px;
  background: url("../../imgs/blackthunder/about/bg-beige.svg") repeat-x top center;
}
#about .section-local .section-local-cont{
  width: calc(100% - calc(calc(100% - 1320px) / 2));
  margin: 0 0 0 auto;
  display: flex;
}
#about .section-local .section-local-cont .section-local-cont__img{
  width: 155px;
}
#about .section-local .section-local-cont .section-local-cont__img .sticky{
  position: sticky;
  top: 120px;
}
#about .section-local .section-local-cont .section-local-cont__text{
  width: calc(100% - 155px);
}
@media (max-width:1340px){
  #about .section-local .section-local-cont{
    width: 100%;
  }
  #about .section-local .section-local-cont .section-local-cont__img{
    padding: 0 0 0 10px;
    box-sizing: border-box;
  }
}
@media (max-width:768px){
  #about .section-local{
    padding: 40px 0 80px;
  }
  #about .section-local::before{
    background: url("../../imgs/blackthunder/about/bg-beige.svg") repeat-x top center / 2000px auto;
  }
  #about .section-local .section-local-cont{
    display: block;
  }
  #about .section-local .section-local-cont .section-local-cont__img{
    display: none;
  }
  #about .section-local .section-local-cont .section-local-cont__text{
    width: 100%;
  }
}

#about .section-local .section-local-flex01{
  max-width: 1085px;
  display: flex;
  align-items: flex-end;
}
#about .section-local .section-local-flex01 .section-local-flex01__img{
  width: 49.8%;
}
#about .section-local .section-local-flex01 .section-local-flex01__text{
  width: 50.2%;
  padding: 0 0 0 5%;
  box-sizing: border-box;
}
#about .section-local .section-local-flex01 .section-local-flex01__text .section-local-flex01__text-catch01{
  font-family: var(--font_ja-m-plus);
  font-size: 3.6rem;
  font-weight: 900;
  line-height: 1.3;
  margin: 0 0 1.0em;
}
#about .section-local .section-local-flex01 .section-local-flex01__text .section-local-flex01__text-catch01 .span01{
  display: block;
  font-size: 2.8rem;
  line-height: 1.3;
}
#about .section-local .section-local-flex01 .section-local-flex01__text .section-local-flex01__text-catch01 .span02{
  font-size: 2.6rem;
  line-height: 1.3;
}
#about .section-local .section-local-flex01 .section-local-flex01__text .section-local-flex01__text-catch02{
  font-family: var(--font_ja-m-plus);
  font-size: 5.575rem;
  font-weight: bold;
  line-height: 1.25;
  color: var(--color_red);
  margin: 0 0 0.75em;
}
#about .section-local .section-local-flex01 .section-local-flex01__text .section-local-flex01__text-catch02 span{
  font-size: 4.0rem;
  color: #590000;
}
@media (max-width:1100px){
  #about .section-local .section-local-flex01 .section-local-flex01__text{
    padding: 0 20px 0 5%;
  }
  #about .section-local .section-local-flex01 .section-local-flex01__text .section-local-flex01__text-catch01{
    font-size: min(3.6rem, 3.5vw);
  }
  #about .section-local .section-local-flex01 .section-local-flex01__text .section-local-flex01__text-catch01 .span01{
    font-size: min(2.8rem, 2.5vw);
  }
  #about .section-local .section-local-flex01 .section-local-flex01__text .section-local-flex01__text-catch01 .span02{
    font-size: min(2.6rem, 2.5vw);
  }
  
  #about .section-local .section-local-flex01 .section-local-flex01__text .section-local-flex01__text-catch02{
    font-size: min(5.575rem, 4.75vw);
  }
  #about .section-local .section-local-flex01 .section-local-flex01__text .section-local-flex01__text-catch02 span{
    font-size: min(4.0rem, 4.0vw);
  }
}
@media (max-width:768px){
  #about .section-local .section-local-flex01{
    display: block;
    padding: 90px 20px 0;
    position: relative;
  }
  #about .section-local .section-local-flex01 .section-local-flex01__img{
    width: 100%;
    text-align: center;
  }
  #about .section-local .section-local-flex01 .section-local-flex01__text{
    width: 100%;
    padding: 0;
  }
  #about .section-local .section-local-flex01 .section-local-flex01__text .section-local-flex01__text-catch01{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    font-size: 3.0rem;
  }
  #about .section-local .section-local-flex01 .section-local-flex01__text .section-local-flex01__text-catch01 .span01{
    font-size: 2.0rem;
  }
  #about .section-local .section-local-flex01 .section-local-flex01__text .section-local-flex01__text-catch01 .span02{
    font-size: 3.0rem;
  }
  #about .section-local .section-local-flex01 .section-local-flex01__text .section-local-flex01__text-catch02{
    font-size: 2.8rem;
    margin: 20px auto 0;
  }
  #about .section-local .section-local-flex01 .section-local-flex01__text .section-local-flex01__text-catch02 span{
    font-size: 2.4rem;
  }
}


#about .section-local .section-local-flex02{
  max-width: 1085px;
  margin: 50px 0 50px;
  display: flex;
}
#about .section-local .section-local-flex02 .section-local-flex02__img{
  width: 49.8%;
}
#about .section-local .section-local-flex02 .section-local-flex02__img img{
  border-radius: 10px;
}
#about .section-local .section-local-flex02 .section-local-flex02__text{
  width: 50.2%;
  padding: 0 7.5% 0 0;
  box-sizing: border-box;
}
#about .section-local .section-local-flex02 .section-local-flex02__text .section-local-flex02__text-catch{
  font-family: var(--font_ja-m-plus);
  font-size: 3.0rem;
  font-weight: bold;
  color: #590000;
  line-height: 1.5;
  margin: 0 0 0.75em;
}
#about .section-local .section-local-flex02 .section-local-flex02__text .section-local-flex02__text-txt{
  line-height: 1.5;
}
@media (max-width:1100px){
  #about .section-local .section-local-flex02 .section-local-flex02__text{
    padding: 0 5% 0 0;
  }
  #about .section-local .section-local-flex02 .section-local-flex02__text .section-local-flex02__text-catch{
    font-size: min(3.0rem, 2.75vw);
  }
}
@media (max-width:768px){
  #about .section-local .section-local-flex02{
    margin: 40px 0 23px;
    padding: 0 20px;
    display: block;
  }
  #about .section-local .section-local-flex02 .section-local-flex02__img{
    width: 100%;
  }
  #about .section-local .section-local-flex02 .section-local-flex02__img img{
    border-radius: 10px;
  }
  #about .section-local .section-local-flex02 .section-local-flex02__text{
    width: 100%;
    padding: 0;
  }
  #about .section-local .section-local-flex02 .section-local-flex02__text .section-local-flex02__text-catch{
    font-size: 2.0rem;
  }
  #about .section-local .section-local-flex02 .section-local-flex02__text .section-local-flex02__text-txt{
    margin: 0 0 1.5em;
    line-height: 1.7;
  }
}

#about .section-local .section-local__img img{
  border-radius: 10px 0 0 10px;
}

#about .section-local .section-local-box{
  max-width: 1030px;
  margin: 80px 0 0;
  background: #fff;
  border-radius: 10px;
  padding: 45px 22px 24px;
  box-sizing: border-box;
  box-shadow: 0px 5px 12px -6px rgba(0,0,0,0.6);
}
#about .section-local .section-local-box .section-local-box__title{
  text-align: center;
  font-family: var(--font_ja-m-plus);
  font-size: 3.0rem;
  font-weight: 900;
  margin: 0 0 1.0em;
}
#about .section-local .section-local-box .section-local-box__title br{
  display: none;
}
#about .section-local .section-local-box .section-local-box__title span{
  position: relative;
}
#about .section-local .section-local-box .section-local-box__title span::before{
  position: absolute;
  left: 50%;
  top: 0;
  content: '';
  width: 6px;
  height: 6px;
  background: #FF0000;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
#about .section-local .section-local-box .section-local-box-flex{
  display: flex;
  align-items: center;
}
#about .section-local .section-local-box .section-local-box-flex .section-local-box-flex__img{
  width: 50.8%;
}
#about .section-local .section-local-box .section-local-box-flex .section-local-box-flex__img img{
  border-radius: 10px;
}
#about .section-local .section-local-box .section-local-box-flex .section-local-box-flex__text{
  width: 49.2%;
  padding: 0 0 0 4%;
  box-sizing: border-box;
}
#about .section-local .section-local-box .section-local-box-flex .section-local-box-flex__text .section-local-box-flex__text-txt{
  line-height: 1.8;
  margin: 0 0 1.5em;
  max-width: 410px;
  font-size: min(1.5rem, 1.5vw);
}
#about .section-local .section-local-box .section-local-box-flex .section-local-box-flex__text .section-local-box-flex__text-btn a{
  min-width: inherit;
  max-width: 426px;
  width: 100%;
  padding: 0 50px 0 30px;
}
#about .section-local .section-local-box .section-local-box-flex .section-local-box-flex__text .section-local-box-flex__text-btn a span{
  display: block;
  padding: 15px 0 15px 30px;
}
@media (max-width:1150px){
  #about .section-local .section-local-box .section-local-box-flex .section-local-box-flex__text{
    padding: 0 0 0 3%;
  }
}
@media (max-width:1100px){
  #about .section-local .section-local-box .section-local-box__title{
    line-height: 1.5;
  }
  #about .section-local .section-local-box .section-local-box__title br{
    display: block;
  }
  #about .section-local .section-local-box .section-local-box-flex .section-local-box-flex__img{
    width: 45%;
  }
  #about .section-local .section-local-box .section-local-box-flex .section-local-box-flex__text{
    width: 55%;
  }
  #about .section-local .section-local-box .section-local-box-flex .section-local-box-flex__text .section-local-box-flex__text-txt{
    max-width: 100%;
  }
}
@media (max-width:1000px){
  #about .section-local .section-local-box .section-local-box-flex{
    display: block;
  }
  #about .section-local .section-local-box .section-local-box-flex .section-local-box-flex__img{
    width: 100%;
    text-align: center;
  }
  #about .section-local .section-local-box .section-local-box-flex .section-local-box-flex__text{
    width: 100%;
    padding: 20px 0 0;
  }
  #about .section-local .section-local-box .section-local-box-flex__text-btn{
    text-align: center;
  }
}
@media (max-width:768px){
  #about .section-local .section-local-box{
    width: calc(100% - 40px);
    margin: 45px auto 0;
    padding: 35px 20px 20px;
  }
  #about .section-local .section-local-box .section-local-box__title{
    font-size: min(1.8rem, 4.25vw);
    line-height: 1.7;
  }
  #about .section-local .section-local-box .section-local-box__title span::before{
    width: 3px;
    height: 3px;
  }
  #about .section-local .section-local-box .section-local-box-flex .section-local-box-flex__text .section-local-box-flex__text-txt{
    font-size: 1.4rem;
    line-height: 1.71;
  }
  /*
  #about .section-local .section-local-box .section-local-box-flex__text-btn{
    display: none;
  }
  */
  #about .section-local .section-local-box .section-local-box-flex .section-local-box-flex__text .section-local-box-flex__text-btn a span{
    line-height: 1.3;
    padding: 15px 0 17px;
  }
}

@media (max-width:768px){
	#about .section-local .loopslide{
		height: 102px;
		background: url("../../imgs/blackthunder/about/local-img03sp.jpg") repeat-x center center / auto 100%;
		background-position: 0 0;
		-webkit-animation: bgroop02 30s linear infinite;
		animation: bgroop02 30s linear infinite;
	}
}
@-webkit-keyframes bgroop02 {
    from {
        background-position: 0  0;
    }
    to {
        background-position: 772px 0;
    }
}
@keyframes bgroop02 {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 772px 0;
    }
}




/* loop-slider-pc
------------------------------------------------ */
#about .loop-slider-pc{
  margin: -50px 0 0;
}
#about .loop-slider-pc .swiper-wrapper {
  transition-timing-function: linear;
}


/* loop-slider-sp
------------------------------------------------ */
#about .loop-slider-sp{
  margin: -40px 0 0;
}
#about .loop-slider-sp .swiper-wrapper {
  transition-timing-function: linear;
}


/* section-collab
==================================================== */
#about .section-collab{
  padding: 65px 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7b3724+54,a8472c+100 */
  background: linear-gradient(to bottom,  rgba(123,55,36,1) 54%,rgba(168,71,44,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  position: relative;
}
#about .section-collab::before{
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  transform: translateY(-100%);
  width: 100%;
  height: 30px;
  background: url("../../imgs/blackthunder/about/bg-brown.svg") repeat-x top center;
}
#about .section-collab .inner01{
  position: relative;
}
#about .section-collab .inner01::before{
  position: absolute;
  left: 70px;
  top: 110px;
  content: '';
  width: 382px;
  height: 487px;
  background: url("../../imgs/blackthunder/about/collab-img02.png") no-repeat center center;
}
#about .section-collab .inner01::after{
  position: absolute;
  right: 20px;
  top: 100px;
  content: '';
  width: 421px;
  height: 702px;
  background: url("../../imgs/blackthunder/about/collab-img03.png") no-repeat center center;
}


#about .section-collab .section-collab__catch{
  text-align: center;
  font-family: var(--font_ja-m-plus);
  font-size: 3.13rem;
  font-weight: bold;
  line-height: 1.87;
  color: #7B3724;
  background: url("../../imgs/blackthunder/about/collab-bg.svg") no-repeat center center;
  padding: 5px 0;
}
#about .section-collab .section-collab__title{
  text-align: center;
  font-family: var(--font_ja-m-plus);
  font-size: 3.6rem;
  font-weight: bold;
  color: #fff;
  line-height: 1.25;
  margin: 0.75em 0;
}
#about .section-collab .section-collab__text{
  text-align: center;
  color: #fff;
  line-height: 1.8;
}
#about .section-collab .section-collab__btn{
  text-align: center;
  margin: 35px auto 50px;
}
#about .section-collab .section-collab__img{
  text-align: center;
  position: relative;
  z-index: 1;
}
@media (max-width: 1300px){
  #about .section-collab .inner01::before{
    left: 0;
    background: url("../../imgs/blackthunder/about/collab-img02.png") no-repeat center center;
  }
  #about .section-collab .inner01::after{
    right: -40px;
    background: url("../../imgs/blackthunder/about/collab-img03.png") no-repeat center center;
  }
}
@media (max-width: 1100px){
  #about .section-collab .inner01::before{
    left: -120px;
  }
  #about .section-collab .inner01::after{
    right: -140px;
  }
}
@media (max-width: 900px){
  #about .section-collab .inner01::before{
    content: none;
  }
  #about .section-collab .inner01::after{
    content: none;
  }
  #about .section-collab .section-collab__img{
    max-width: 375px;
    margin: 0 auto;
  }
}
@media (max-width: 768px){
  #about .section-collab{
    padding: 40px 0 50px;
  }
  #about .section-collab::before{
    background: url("../../imgs/blackthunder/about/bg-brown.svg") repeat-x top center / 2000px auto;
  }
  #about .section-collab .section-collab__catch{
    /*font-size: 2.2rem;*/
    font-size: 2.4rem;
    background: url("../../imgs/blackthunder/about/collab-bg.svg") no-repeat center center / auto 100%;
  }
  #about .section-collab .section-collab__title{
    font-size: min(2.0rem, 5.0vw);
    margin: 1.0em 0 0.75em;
  }
  #about .section-collab .section-collab__text{
    font-size: 1.6;
    line-height: 1.5;
  }
  #about .section-collab .section-collab__btn{
    margin: 35px auto;
  }
}



/* section-toyohashi
==================================================== */
#about .section-toyohashi{
  padding: 95px 0;
}
#about .section-toyohashi .section-toyohashi__en{
  text-align: center;
  font-family: var(--font_en);
  font-size: 6.0rem;
  font-weight: 900;
  line-height: 1.0;
  margin: 0 0 0.75em;
  color: #FF0014;
}
#about .section-toyohashi .section-toyohashi__title{
  text-align: center;
  font-family: var(--font_ja-m-plus);
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 1.16;
  color: #590000;
  margin: 0 0 0.5em;
}
#about .section-toyohashi .section-toyohashi__text{
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.33;
  margin: 0 0 3.0em;
}
#about .section-toyohashi .section-toyohashi-list{
  display: flex;
  justify-content: center;
}
#about .section-toyohashi .section-toyohashi-list .section-toyohashi-list__item{
  max-width: 334px;
  width: 100%;
  padding: 0 18px;
  box-sizing: border-box;
}
#about .section-toyohashi .section-toyohashi-list .section-toyohashi-list__item .section-toyohashi-list__item-img img{
  border-radius: 8px;
}
#about .section-toyohashi .section-toyohashi-list .section-toyohashi-list__item .section-toyohashi-list__item-title{
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.6;
  margin: 0.5em 0 0;
}
#about .section-toyohashi .section-toyohashi-list .section-toyohashi-list__item .section-toyohashi-list__item-text{
  text-align: center;
  line-height: 1.6;
}
@media (max-width: 768px){
  #about .section-toyohashi{
    padding: 60px 0 80px;
  }
  #about .section-toyohashi .section-toyohashi__en{
    font-size: 4.0rem;
  }
  #about .section-toyohashi .section-toyohashi__title{
    font-size: 2.4rem;
    line-height: 1.5;
  }
  #about .section-toyohashi .section-toyohashi__text{
    font-size: 1.6rem;
    line-height: 1.5;
    margin: 0 0 2.5em;
  }
  #about .section-toyohashi .section-toyohashi-list{
    display: block;
    padding: 0 20px;
  }
  #about .section-toyohashi .section-toyohashi-list .section-toyohashi-list__item{
    max-width: 100%;
    width: 100%;
    margin: 0 0 60px;
    padding: 0;
  }
  #about .section-toyohashi .section-toyohashi-list .section-toyohashi-list__item:last-child{
    margin: 0;
  }
  #about .section-toyohashi .section-toyohashi-list .section-toyohashi-list__item .section-toyohashi-list__item-img{
    text-align: center;
  }
  #about .section-toyohashi .section-toyohashi-list .section-toyohashi-list__item .section-toyohashi-list__item-title{
    font-size: 2.0rem;
    line-height: 1.2;
  }
  #about .section-toyohashi .section-toyohashi-list .section-toyohashi-list__item .section-toyohashi-list__item-text{
    font-size: 1.6rem;
    line-height: 1.5;
  }
}


/* section-other
==================================================== */
#about .section-other{
  background: var(--color_yellow);
  padding: 100px 0 100px;
  position: relative;
}
#about .section-other::before{
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  transform: translateY(-100%);
  width: 100%;
  height: 30px;
  background: url("../../imgs/blackthunder/about/bg-yellow.svg") repeat-x top center;
}
#about .section-other .section-other-list{
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  gap: 0 3%;
}
#about .section-other .section-other-list .section-other-list__item a{
  text-decoration: none;
  display: block;
}
#about .section-other .section-other-list .section-other-list__item a .section-other-list__item-img{
  border-radius: 8px;
  overflow: hidden;
}
#about .section-other .section-other-list .section-other-list__item a .section-other-list__item-img img{
  border-radius: 8px;
  transition: 0.3s;
}
#about .section-other .section-other-list .section-other-list__item a .section-other-list__item-txt-s{
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 1.0em 0 0.5em;;
}
#about .section-other .section-other-list .section-other-list__item a .section-other-list__item-title{
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.166;
}
#about .section-other .section-other-list .section-other-list__item a .section-other-list__item-title.blank span{
  padding: 0 25px 0 0;
  background: url("../img/icon-blank-black.svg") no-repeat right center / 15px auto;
}
#about .section-other .section-other-list .section-other-list__item a .section-other-list__item-text{
  font-size: 1.6rem;
  line-height: 1.5;
  max-width: 444px;
  margin: 1.0em auto 0;
}
@media (min-width: 769px){
  #about .section-other .section-other-list .section-other-list__item a:hover .section-other-list__item-img img{
    transform: scale(1.04);
  }
}
@media (max-width: 768px){
  #about .section-other{
    padding: 50px 0 55px;
  }
  #about .section-other::before{
    background: url("../../imgs/blackthunder/about/bg-yellow.svg") repeat-x top center / 2000px auto;
  }
  #about .section-other .section-other-list{
    display: block;
    padding: 0 20px;
  }
  #about .section-other .section-other-list .section-other-list__item{
    margin: 0 0 50px;
  }
  #about .section-other .section-other-list .section-other-list__item:last-child{
    margin: 0;
  }
  #about .section-other .section-other-list .section-other-list__item a .section-other-list__item-title{
    font-size: 1.6rem;
  }
  #about .section-other .section-other-list .section-other-list__item a .section-other-list__item-text{
    display: none;
  }
}



/*** ------------------------------------------------------------------------------ 

customer （お客様相談室ページ）

-----------------------------------------------------------------------------  ***/

/* section-customer
==================================================== */
#customer .section-customer{
  padding: 70px 0 40px;
}
#customer .section-customer__text01{
  text-align: center;
  font-size: 2.0rem;
  line-height: 2.4;
  margin: 0 0 1.5em;
}
#customer .section-customer__text02{
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.75;
  margin: 0 0 2.5em;
}
#customer .section-customer__text02 strong{
  color: var(--color_red);
}
#customer .section-customer-list{
  display: flex;
  justify-content: center;
  gap: 0 45px;
}
#customer .section-customer-list .section-customer-list__item{
  max-width: 288px;
  width: 100%;
  border-radius: 20px;
  padding: 30px 10px;
  box-sizing: border-box;
  box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.4);
}
#customer .section-customer-list .section-customer-list__item-title{
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  margin: 0 auto 1.0em;
}
#customer .section-customer-list .section-customer-list__item-title a{
  display: inline-block;
  text-decoration: none;
  background: url("../img/icon-circleArrow-uncer-black.svg") no-repeat right center;
  padding: 5px 40px 5px 0;
  transition: 0.3s;
}
#customer .section-customer-list .section-customer-list__item-text{
  text-align: center;
  font-weight: 1.6rem;
  line-height: 1.5;
}
@media (min-width:769px){
  #customer .section-customer-list .section-customer-list__item-title a:hover{
    background: url("../img/icon-circleArrow-uncer-red.svg") no-repeat right center;
    color: var(--color_red);
  } 
}
@media screen and (max-width: 768px){
  #customer .section-customer{
    padding: 55px 0 65px;
  }
  #customer .section-customer__text01{
    font-size: 1.8rem;
    line-height: 2.0;
  }
  #customer .section-customer__text02{
    font-size: 1.4rem;
  }
  #customer .section-customer-list{
    flex-wrap: wrap;
    gap: 25px 0;
  }
  #customer .section-customer-list .section-customer-list__item{
    max-width: 100%;
    width: 100%;
  }
  #customer .section-customer-list .section-customer-list__item-title a{
    background: url("../img/icon-circleArrow-uncer-red.svg") no-repeat right center;
  }
}


/* section-faq
==================================================== */
#customer .section-faq{
  background: var(--color_beige);
  padding: 105px 0;
}
#customer .section-faq .section-faq__title{
  text-align: center;
  font-size: 3.0rem;
  font-weight: bold;
  margin: 0 0 1.0em;
}
#customer .section-faq .section-faq-list{
  max-width: 980px;
  width: 100%;
}
#customer .section-faq .section-faq-list__item{
  background: #fff;
  border-radius: 10px;
  margin: 0 0 15px;
  box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.4);
}
#customer .section-faq .section-faq-list__item-title{
  font-size: 1.8rem;
  font-weight: bold;
  color: var(--color_base);
  padding: 35px 80px 35px 80px;
  position: relative;
  cursor: pointer;
  background: url("../../imgs/customer/icon-q.svg") no-repeat left 30px top 42px;
}
#customer .section-faq .section-faq-list__item-title span{
	position: absolute;
	right: 25px;
	top: 50%;
	width: 36px;
	height: 36px;
	background: var(--color_red);
  border: 1px solid var(--color_red);
	border-radius: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
}
#customer .section-faq .section-faq-list__item-title span::before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -1px 0 0 -7px;
	width: 14px;
	height: 2px;
	background-color: #fff;
	transition: .2s;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	border-right: none;
}
#customer .section-faq .section-faq-list__item-title span::after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -1px 0 0 -7px;
	width: 14px;
	height: 2px;
	background-color: #fff;
	transition: .3s;
}
#customer .section-faq .section-faq-list__item-title.on span{
  background: #fff;
}
#customer .section-faq .section-faq-list__item-title.on span::before{
  background-color: var(--color_red);
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}
#customer .section-faq .section-faq-list__item-title.on span::after{
	background-color: transparent;
}
#customer .section-faq .section-faq-list__item-text{
  font-size: 1.5rem;
  line-height: 2.133;
  padding: 5px 80px 35px 80px;
  background: url("../../imgs/customer/icon-a.svg") no-repeat left 30px top 7px;
  display: none;
}
#customer .section-faq .section-faq-list__item-text a{
  text-decoration: underline;
  transition: 0.3s;
}
@media (min-width:769px){
  #customer .section-faq .section-faq-list__item-text a:hover{
    text-decoration: none;
  } 
  #customer .section-faq .section-faq-list__item-text a.link-tel{
    pointer-events: none;
    text-decoration: none;
  }
}
@media screen and (max-width: 768px){
  #customer .section-faq{
    padding: 70px 0;
  }
  #customer .section-faq .section-faq__title{
    font-size: 2.4rem;
  }
  #customer .section-faq .section-faq-list__item-title{
    font-size: 1.6rem;
    line-height: 1.5;
    background: url("../../imgs/customer/icon-q.svg") no-repeat left 30px top 35px;
    padding: 35px 65px 35px 80px;
  }
  #customer .section-faq .section-faq-list__item-title span{
    position: absolute;
    right: 25px;
    top: 50%;
    width: 26px;
    height: 26px;
  }
  #customer .section-faq .section-faq-list__item-title span::before{
    margin: -1px 0 0 -5px;
    width: 10px;
    height: 2px;
  }
  #customer .section-faq .section-faq-list__item-title span::after{
    margin: -1px 0 0 -5px;
    width: 10px;
    height: 2px;
  }
  #customer .section-faq .section-faq-list__item-text{
    font-size: 1.4rem;
    line-height: 1.8;
    padding: 0 55px 35px 80px;
    overflow-wrap: break-word;
  }
}


/* section-mail-contact
==================================================== */
#customer .section-mail-contact{
  padding: 105px 0 62px;
}
#customer .section-mail-contact .section-mail-contact__title{
  max-width: 980px;
  text-align: center;
  font-size: 3.0rem;
  font-weight: bold;
  line-height: 1.6;
  margin: 0 auto 35px;
  padding: 0 0 35px;
  border-bottom: 1px solid #ccc;
}
#customer .section-mail-contact .section-mail-contact__title span{
  display: inline-block;
  padding: 0 0 0 45px;
  background: url("../../imgs/customer/icon-email.svg") no-repeat left center;
}
#customer .section-mail-contact .section-mail-contact__text{
  max-width: 980px;
  margin: 0 auto 2.0em;
  font-size: 1.6rem;
  line-height: 1.8;
}
#customer .section-mail-contact .section-mail-contact-list{
  max-width: 980px;
  margin: 0 auto;
}
#customer .section-mail-contact .section-mail-contact-list .section-mail-contact-list__item{
  text-indent: -1.0em;
  padding: 0 0 0 1.0em;
  margin: 0 0 1.0em;
  font-size: 1.6rem;
  line-height: 1.8;
}
#customer .section-mail-contact .section-mail-contact-list .section-mail-contact-list__item span{
  color: var(--color_red);
}
#customer .section-mail-contact .section-mail-contact__btn{
  text-align: center;
  margin: 35px auto 0;
}
#customer .section-mail-contact .section-mail-contact__btn a span b{
  line-height: 1.0;
}
@media screen and (min-width: 769px){
  #customer .section-mail-contact .section-mail-contact-list .section-mail-contact-list__item a.link-tel{
    pointer-events: none;
    text-decoration: none;
  }
}
@media screen and (max-width: 768px){
  #customer .section-mail-contact{
    padding: 50px 0 45px;
  }
  #customer .section-mail-contact .section-mail-contact__title{
    font-size: min(2.2rem, 5.5vw);
    margin: 0 auto 30px;
  }
  #customer .section-mail-contact .section-mail-contact__title span{
    padding: 0 0 0 30px;
    background: url("../../imgs/customer/icon-email.svg") no-repeat left center / 22px auto;
  }
  #customer .section-mail-contact .section-mail-contact__text{
    font-size: 1.4rem;
    line-height: 1.8;
    margin: 0 auto 3.0em;
  }
  #customer .section-mail-contact .section-mail-contact-list .section-mail-contact-list__item{
    font-size: 1.4rem;
    margin: 0 0 1.25em;
  }
}


/* section-tel-contact
==================================================== */
#customer .section-tel-contact{
  padding: 62px 0 140px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
#customer .section-tel-contact .section-tel-contact__title{
  max-width: 980px;
  text-align: center;
  font-size: 3.0rem;
  font-weight: bold;
  line-height: 1.6;
  margin: 0 auto 35px;
  padding: 0 0 35px;
  border-bottom: 1px solid #ccc;
}
#customer .section-tel-contact .section-tel-contact__title span{
  display: inline-block;
  padding: 0 0 0 45px;
  background: url("../../imgs/customer/icon-phone.svg") no-repeat left center;
}
#customer .section-tel-contact .section-tel-contact-list{
  max-width: 980px;
  margin: 35px auto 0;
}
#customer .section-tel-contact .section-tel-contact-list .section-tel-contact-list__item{
  font-size: 1.6rem;
  line-height: 1.8;
}
#customer .section-tel-contact .section-tel-contact-box{
  max-width: 750px;
  margin: 0 auto;
  padding: 45px 20px;
  box-sizing: border-box;
  background: #FAF7F1;
  border-radius: 20px;
}
#customer .section-tel-contact .section-tel-contact-box .section-tel-contact-box__title{
  text-align: center;
  font-size: 2.3rem;
  font-weight: bold;
  line-height: 1.04;
}
#customer .section-tel-contact .section-tel-contact-box .section-tel-contact-box__tel{
  text-align: center;
  margin: 40px 0 15px;
}
#customer .section-tel-contact .section-tel-contact-box .section-tel-contact-box__tel a{
  font-family: var(--font_en);
  font-size: 5.0rem;
  font-weight: bold;
  color: var(--color_red);
  text-decoration: none;
  line-height: 1.0;
  padding: 0 0 0 60px;
  background: url("../../imgs/customer/icon-free-tel.svg") no-repeat left center;
}
#customer .section-tel-contact .section-tel-contact-box .section-tel-contact-box__tel a ruby{
  position: relative;
}
#customer .section-tel-contact .section-tel-contact-box .section-tel-contact-box__tel a ruby rt{
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(-10px);
  width: 100%;
  text-align: center;
  font-family: var(--font_ja);
  font-size: 1.2rem;
  color: var(--color_black);
  letter-spacing: 0.1vw;
}
#customer .section-tel-contact .section-tel-contact-box .section-tel-contact-box__day{
  text-align: center;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px){
  #customer .section-tel-contact{
    padding: 45px 0 50px;
    border-bottom: none;
  }
  #customer .section-tel-contact .section-tel-contact-box {
    padding: 30px 10px 25px; 
  }
  #customer .section-tel-contact .section-tel-contact-box .section-tel-contact-box__tel a{
    font-size: min(3.2rem, 9.5vw);
    background: url("../../imgs/customer/icon-free-tel.svg") no-repeat left center / 34px auto;
    padding: 0 0 0 40px;
  }
  #customer .section-tel-contact .section-tel-contact-box .section-tel-contact-box__tel a ruby{
    display: inline-block;
  }
  #customer .section-tel-contact .section-tel-contact-box .section-tel-contact-box__tel a ruby rt{
    font-size: min(1.0rem, 1.15vw);
    letter-spacing: 0;
    transform: translateY(-12px);
  }
  #customer .section-tel-contact .section-tel-contact__title{
    font-size: min(2.2rem, 6.0vw);
  }
  #customer .section-tel-contact .section-tel-contact__title span{
    display: inline;
    padding: 0 0 0 35px;
    background: url("../../imgs/customer/icon-phone.svg") no-repeat left center / 23px auto;
  }
  #customer .section-tel-contact .section-tel-contact-box .section-tel-contact-box__title{
    font-size: 2.0rem;
  }
  #customer .section-tel-contact .section-tel-contact-box .section-tel-contact-box__day{
    font-size: 1.3rem;
    line-height: 1.8;
  }
  #customer .section-tel-contact .section-tel-contact-list .section-tel-contact-list__item{
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 650px){
  #customer .section-tel-contact .section-tel-contact-box .section-tel-contact-box__tel a ruby rt{
    font-size: min(1.0rem, 1.3vw);
  }
}
@media screen and (max-width: 520px){
  #customer .section-tel-contact .section-tel-contact-box .section-tel-contact-box__tel a ruby rt{
    font-size: min(1.0rem, 1.5vw);
  }
}
@media screen and (max-width: 450px){
  #customer .section-tel-contact .section-tel-contact-box .section-tel-contact-box__tel a ruby rt{
    font-size: min(1.0rem, 1.75vw);
  }
}
@media screen and (max-width: 400px){
  #customer .section-tel-contact .section-tel-contact-box .section-tel-contact-box__tel a ruby rt{
    font-size: min(1.0rem, 2.0vw);
  }
}


/*** ------------------------------------------------------------------------------ 

inquiry （お問い合わせフォームページ）

-----------------------------------------------------------------------------  ***/

/* section-inquiry
==================================================== */
.inquiry .section-inquiry{
  padding: 75px 0 90px;
}
.inquiry .section-inquiry .require{
  background: var(--color_red);
  font-size: 1.4rem;
  line-height: 1.8;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 10px;
  border-radius: 6px;
  color: #fff;
}

.inquiry .section-inquiry .flow{
  display: flex;
  justify-content: center;
  gap: 0 80px;
}
.inquiry .section-inquiry .flow .flow__item{
  position: relative;
}
.inquiry .section-inquiry .flow .flow__item::after{
  position: absolute;
  right: -65px;
  top: 50%;
  content: '';
  width: 50px;
  height: 0;
  border-bottom: 1px dashed #000;
}
.inquiry .section-inquiry .flow .flow__item:last-child::after{
  content: none;
}
.inquiry .section-inquiry .flow .flow__item .flow__item-en{
  font-size: 2.4rem;
  font-weight: 800;
  color: #bbb;
  text-align: center;
  line-height: 1.0;
  margin: 0 0 0.75em;
}
.inquiry .section-inquiry .flow .flow__item.is_active .flow__item-en{
  color: var(--color_red);
}
.inquiry .section-inquiry .flow .flow__item .flow__item-ja{
  font-size: 1.6rem;
  font-weight: 700;
  color: #bbb;
  text-align: center;
  line-height: 1.0;
}
.inquiry .section-inquiry .flow .flow__item.is_active .flow__item-ja{
  color: var(--color_red);
}
@media (max-width:768px){
  .inquiry .section-inquiry{
    padding: 60px 0;
  }
  .inquiry .section-inquiry .flow{
    gap: 0 50px;
  }
  .inquiry .section-inquiry .flow .flow__item::after{
    right: -40px;
    width: 30px;
  }
  .inquiry .section-inquiry .flow .flow__item .flow__item-en{
    font-size: 2.0rem;
  }
  .inquiry .section-inquiry .flow .flow__item .flow__item-ja{
    font-size: 1.4rem;
  }
}

.inquiry .section-inquiry .section-inquiry__text01{
  max-width: 693px;
  margin: 45px auto 75px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
}
.inquiry .section-inquiry .section-inquiry__text02{
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
}
.inquiry .section-inquiry .section-inquiry__text02 .require{
  margin: 0 10px 0 0;
}
@media (min-width:769px){
  .inquiry .section-inquiry .section-inquiry__text01 .tel-link{
    pointer-events: none;
  } 
}
@media (max-width:768px){
  .inquiry .section-inquiry .section-inquiry__text01{
    margin: 45px auto 65px;
  }
  .inquiry .section-inquiry .section-inquiry__text01 .tel-link{
    text-decoration: none;
  }
  .inquiry .section-inquiry .section-inquiry__text01 .sp_none{
    display: none;
  }
}

.inquiry .section-inquiry .section-inquiry-table{
  width: 100%;
  margin: 50px 0;
}
.inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__th{
  width: 330px;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.8;
  vertical-align: top;
  padding: 0 10px 0 0;
}
.inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__th .section-inquiry-table__th-title{
  margin: 0 10px 0 0;
}
.inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td{
  width: calc(100% - 330px);
  padding: 4px 0 60px;
}
.inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td input[type=text],
.inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td input[type=email],
.inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td input[type=tel]{
  width: 100%;
  border: 1px solid #C5C5C5;
  box-sizing: border-box;
  padding: 7px 15px;
  font-size: 1.6rem;
  border-radius: 5px;
}
.inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td input[type="radio"],
.inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td input[type="checkbox"]{
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #707070;
  border-radius: 50%;
  vertical-align: -2px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td input[type="radio"]:checked:before,
.inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td input[type="checkbox"]:checked:before{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--color_red);
  content: '';
}

.inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td textarea{
  width: 100%;
  height: 150px;
  border: 1px solid #C5C5C5;
  padding: 10px 15px;
  border-radius: 5px;
  box-sizing: border-box;
}
.inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td select{
  max-width: 300px;
  width: 100%;
  box-sizing: border-box;
  background: url("../img/arrow-select.svg") no-repeat right 20px center #E2E2E2;
  color: #000;
  border: none;
  padding: 10px 15px;
  font-size: 1.6rem;
  border-radius: 5px;
  -webkit-appearance: none;
  appearance: none;
}
.inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td .note{
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
  margin: 5px 0 0;
}

.inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td  .name-list{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td .name-list .name-list__item{
  width: calc(100% / 2 - 5px);
}

.inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td .radio-list,
.inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td .wpcf7-form-control{
  display: flex;
  flex-wrap: wrap;
}
.inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td .radio-list--01 .radio-list__item:nth-child(odd),
.inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td .radio-list--01 .wpcf7-list-item:nth-child(odd){
  width: 35%;
  margin: 0;
  padding: 0 10px 0 0;
  box-sizing: border-box;
}
.inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td .radio-list--01 .radio-list__item:nth-child(even),
.inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td .radio-list--01 .wpcf7-list-item:nth-child(even){
  width: 65%;
  margin: 0;
}
.inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td .radio-list .radio-list__item label{
  margin: 0 0 0 5px;
}
.inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td .radio-list--02 .radio-list__item,
.inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td .radio-list--02 .wpcf7-list-item{
  margin: 0 25px 0 0;
}
@media (max-width:1100px){
  .inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td .radio-list--01 .radio-list__item:nth-child(odd),
  .inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td .radio-list--01 .radio-list__item:nth-child(even),
  .inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td .radio-list--01 .wpcf7-list-item:nth-child(odd),
  .inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td .radio-list--01 .wpcf7-list-item:nth-child(even){
    width: 100%;
    margin: 10px 0;
  }
}
@media (max-width:768px){
  .inquiry .section-inquiry .section-inquiry-table{
    margin: 0 0 35px;
  }
  .inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__th{
    float: left;
    width: 100%;
    margin: 0 0 1.0em;
    font-size: 2.0rem;
    padding: 23px 0 0;
  }
  .inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td{
    float: left;
    width: 100%;
    padding: 5px 0 25px;
    border-bottom: 1px solid #eee;
  }  
  .inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td input[type=text],
  .inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td input[type=email],
  .inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td input[type=tel]{
    font-size: 1.7rem;
  }
  .inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td textarea{
    font-size: 1.7rem;
  }
  .inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td select{
    max-width: 100%;
    font-size: 1.7rem;
  }
  .inquiry .section-inquiry .section-inquiry-table tr:last-of-type .section-inquiry-table__td{
    border-bottom: none;
  }
  .inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td .name-list .name-list__item{
    width: 100%;
  }
  .inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td .radio-list--01 .radio-list__item:nth-child(odd),
  .inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td .radio-list--01 .radio-list__item:nth-child(even),
  .inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td .radio-list--01 .wpcf7-list-item:nth-child(odd),
  .inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td .radio-list--01 .wpcf7-list-item:nth-child(even){
    margin: 5px 0;
  }
  .inquiry .section-inquiry .section-inquiry-table tr .section-inquiry-table__td .note{
    font-size: 1.2rem;
  }
}

.inquiry .section-inquiry .privacy-box{
  text-align: center;
}
.inquiry .section-inquiry .privacy-box .privacy-box__text01{
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  margin: 0 0 1.5em;
}
.inquiry .section-inquiry .privacy-box .privacy-box__text01 a{
  text-decoration: underline;
}
.inquiry .section-inquiry .privacy-box .privacy-box__text02{
  max-width: 320px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  margin: 0 auto 1.5em;
  text-align: left;
}
.inquiry .section-inquiry .privacy-box .privacy-box__text02--01{
  margin: 0 auto 0.5em;
}
.inquiry .section-inquiry .privacy-box .privacy-box__text02--02{
  margin: 0 auto 1.5em;
}
.inquiry .section-inquiry .privacy-box .privacy-box__text02 input[type=checkbox]{
  margin: 0 10px 0 0;
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #000;
  vertical-align: -2px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.inquiry .section-inquiry .privacy-box .privacy-box__text02 input[type="checkbox"]:checked:before {
  position: absolute;
  top: -2px;
  left: 5px;
  transform: rotate(50deg);
  width: 4px;
  height: 12px;
  border-right: 2px solid var(--color_red);
  border-bottom: 2px solid var(--color_red);
  content: '';
}

.inquiry .section-inquiry .privacy-box .btn_send{
  max-width: 400px;
  width: 100%;
  border: 1px solid var(--color_red);
  background: var(--color_red);
  padding: 22px 10px 24px;
  border-radius: 45px;
  box-sizing: border-box;
  font-size: 2.2rem;
  font-weight: 600;
  color: #fff;
  transition: 0.3s;
}
.inquiry .section-inquiry .privacy-box .btn_send:disabled{
  border: 1px solid #ddd;
  background: #ddd;
}
@media (min-width:769px){
  .inquiry .section-inquiry .privacy-box .privacy-box__text01 a:hover{
    text-decoration: none;
  }
  .inquiry .section-inquiry .privacy-box .btn_send:hover{
    background: #fff;
    color: var(--color_red);
  }
  .inquiry .section-inquiry .privacy-box .btn_send:disabled:hover{
    border: 1px solid #ddd;
    background: #ddd;
    color: #fff;
  }
}
@media (max-width:768px){
  .inquiry .section-inquiry .privacy-box .btn_send{
    max-width: 230px;
    padding: 16px 10px 18px;
    border-radius: 40px;
    font-size: 1.8rem;
  }
}



/*** ------------------------------------------------------------------------------ 

completed （お問い合わせフォーム完了ページ）

-----------------------------------------------------------------------------  ***/

/* section-inquiry--thanks
==================================================== */
#completed .section-inquiry--thanks{}
#completed .section-inquiry--thanks .section-inquiry--thanks__title{
  text-align: center;
  font-size: 3.0rem;
  font-weight: 900;
  letter-spacing: 0.05vw;
  color: var(--color_red);
  margin: 2.0em 0 1.5em;
}
#completed .section-inquiry--thanks .section-inquiry--thanks__text{
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
}
#completed .section-inquiry--thanks .section-inquiry--thanks__contact{
  max-width: 566px;
  width: 100%;
  margin: 70px auto 50px;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  background: #FAF7F1;
  border-radius: 20px;
  box-sizing: border-box;
  padding: 25px 10px;
}
#completed .section-inquiry--thanks .section-inquiry--thanks__btn{
  text-align: center;
}
#completed .section-inquiry--thanks .section-inquiry--thanks__btn a span b{
  line-height: 1.0;
}
@media (min-width:769px){
  #completed .section-inquiry--thanks .section-inquiry--thanks__contact .tel-link{
    pointer-events: none;
  }
}
@media (max-width:768px){
  #completed .section-inquiry--thanks .section-inquiry--thanks__title{
    font-size: min(2.1rem, 6.0vw);
    margin: 2.0em 0;
  }
  #completed .section-inquiry--thanks .section-inquiry--thanks__text{
    font-size: min(1.4rem, 3.5vw);
  }
  #completed .section-inquiry--thanks .section-inquiry--thanks__contact{
    margin: 30px auto 40px;
    font-size: 1.4rem;
    padding: 25px 10px;
    border-radius: 12px;
  }
  #completed .section-inquiry--thanks .section-inquiry--thanks__btn a{
    min-width: inherit;
    max-width: 300px;
    width: 100%;
  }
  #completed .section-inquiry--thanks .section-inquiry--thanks__contact .tel-link{
    text-decoration: none;
  }
}





/*** ------------------------------------------------------------------------------ 

privacy （プライバシーポリシーページ）

-----------------------------------------------------------------------------  ***/

/* section-privacy
==================================================== */
#privacy .section-privacy{
  padding: 90px 0 95px;
}
#privacy .section-privacy .section-privacy__title{
  font-size: 2.6rem;
  font-weight: bold;
  margin: 0 0 1.0em;
  letter-spacing: 0.05vw;
}
#privacy .section-privacy .section-privacy__text{
  letter-spacing: 0.05vw;
  margin: 0 0 1.5em;
}
#privacy .section-privacy .section-privacy-box{
  margin: 70px 0 0;
}
#privacy .section-privacy .section-privacy-box .section-privacy-box__title{
  font-size: 2.2rem;
  font-weight: bold;
  letter-spacing: 0.05vw;
  margin: 0 0 0.5em;
}
#privacy .section-privacy .section-privacy-box .section-privacy-box__text{
  padding: 0 0 0 50px;
}
#privacy .section-privacy .section-privacy-box .section-privacy-box__text a{
  text-decoration: underline;
}
#privacy .section-privacy .section-privacy-box .section-privacy-box__text p{
  margin: 0 0 1.0em;
}
#privacy .section-privacy .section-privacy-box .section-privacy-box__text a .dummy{
  display: none;
}
#privacy .section-privacy .section-privacy-box .section-privacy-box__text p:last-of-type{
  margin: 0;
}
#privacy .section-privacy .section-privacy-box .section-privacy-box__text ul{
  margin: 1.0em 0;
}
#privacy .section-privacy .section-privacy-box .section-privacy-box__text ul li{
  text-indent: -1em;
  padding: 0 0 0 1em;
  letter-spacing: 0.05vw;
}
@media screen and (min-width: 769px){
  #privacy .section-privacy .section-privacy-box .section-privacy-box__text a:hover{
    text-decoration: none;
  }
}
@media screen and (max-width: 768px){
  #privacy .section-privacy{
    padding: 50px 0 95px;
  }
  #privacy .section-privacy .section-privacy__title{
    font-size: 1.8rem;
  }
  #privacy .section-privacy .section-privacy__text{
    font-size: 1.4rem;
    letter-spacing: 0;
  }
  #privacy .section-privacy .section-privacy-box{
    margin: 50px 0 0;
  }
  #privacy .section-privacy .section-privacy-box .section-privacy-box__title{
    font-size: 1.8rem;
  }
  #privacy .section-privacy .section-privacy-box .section-privacy-box__text{
    padding: 0;
  }
  #privacy .section-privacy .section-privacy-box .section-privacy-box__text p{
    font-size: 1.4rem;
    letter-spacing: 0;
  }
  #privacy .section-privacy .section-privacy-box .section-privacy-box__text ul li{
    font-size: 1.4rem;
    letter-spacing: 0;
  }
}



/*** ------------------------------------------------------------------------------ 

security （情報セキュリティポリシーページ）

-----------------------------------------------------------------------------  ***/

/* section-security
==================================================== */
#security .section-security{
  padding: 80px 0;
}
#security .section-security .section-security__title{
  font-size: 2.6rem;
  font-weight: bold;
  letter-spacing: 0.05vw;
  margin: 0 0 1.0em;
}
#security .section-security .section-security__text01{
  letter-spacing: 0.05vw;
  margin: 0 0 1.0em;
}
#security .section-security .section-security__text02{
  margin: 50px 0 20px;
  line-height: 1.6;
}
#security .section-security dl dt{
  font-size: 2.2rem;
  font-weight: bold;
  letter-spacing: 0.05vw;
  margin: 45px 0 0;
}
#security .section-security dl dd{
  font-size: 1.6rem;
  letter-spacing: 0.05vw;
}
@media screen and (max-width: 768px){
  #security .section-security{
    padding: 60px 0;
  }
  #security .section-security .section-security__title{
    font-size: min(1.8rem, 4.75vw);
    margin: 0 0 1.0em;
  }
  #security .section-security .section-security__text01{
    font-size: 1.4rem;
    letter-spacing: 0;
    line-height: 1.9;
  }
  #security .section-security .section-security__text02{
    font-size: 1.4rem;
    margin: 60px 0 18px;
    line-height: 1.8;
  }
  #security .section-security dl dt{
    font-size: 1.4rem;
    letter-spacing: 0;
    margin: 40px 0 0;
  }
  #security .section-security dl dd{
    font-size: 1.4rem;
    letter-spacing: 0;
  }
}