@charset "utf-8";


/* ------------------------------------
  contents
------------------------------------ */

.contents{
  max-width:1050px;
  margin:auto;
  padding:0 60px;
}

.contents-gray{
  max-width:100%;
  background-color: #F0F0F0;
  margin-top:120px;
  padding-bottom:120px;
}

.contents-gray.contents-gray--strength{
  padding-bottom: 50px;
}

.contents-black{
  max-width:100%;
  background-color: #000000;
  margin-top:120px;
  color: #ffffff;
  padding-bottom:120px;
}


.contents-header__wrapper{
  text-align: left;
  border-bottom:1px solid #cccccc;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.contents-header__wrapper.hasnav{
  border-bottom: none;
}

.contents-header__title{
  padding-top: 84px;
  font-size: 42px;
}

.contents-header__title span{
  font-size: 20px;
  display: inline;
}

.contents-header__nav-wrapper{
}

.contents-header__nav{
  padding-top:50px;
  width: 100%;
  border-bottom:1px solid #cccccc;
}

.contents-header__nav-list{
  display: flex;
  padding-bottom:60px;
}

.contents-header__nav-listitem{
  margin-right:30px;
  white-space: nowrap;
  position: relative;
}

.contents-header__nav-listitem.line2{
}

.contents-header__nav-listitem.line2　a{
  margin:0px;
}


.contents-header__nav-listitem a{
  color: #919191;
}
.contents-header__nav-listitem.active a{
  color: #000000;
}

.contents-header__nav-listitem.active::after{
  content: '';
  display: block;
  width: 100%;
  position:absolute;
  border-bottom: 1px solid #000000;
  bottom: -60px;
  left: 0;
}


.contents-main__wrapper{
  padding-top:0px;
}
.contents-main__wrapper.faq-wrapper{
  padding-top:90px;
}
.contents-main__article{
  padding-top:0px;
}

.contents-main__article-title{
  padding-top:120px;
  font-size:28px;
  margin-bottom:30px;
  position: relative;
  padding-left: 108px;
  display: flex;
  align-items: center;
}
/* title用 utility */
.contents-main__article-title.u-padding-75,
.contents-main__article-title-black.u-padding-75 {
  padding-top: 75px;
}
.contents-main__article-title.u-padding-90,
.contents-main__article-title-black.u-padding-90 {
  padding-top: 90px;
}
.contents-main__article-title.u-padding-120,
.contents-main__article-title-black.u-padding-120 {
  padding-top: 120px;
}
.contents-main__article-title.u-padding-90:before,
.contents-main__article-title-black.u-padding-90:before {
  top: 114px;
}
.contents-main__article-title.u-margin-40,
.contents-main__article-title-black.u-margin-40 {
  margin-bottom: 40px;
}
.contents-main__article-title.u-margin-60,
.contents-main__article-title-black.u-margin-60 {
  margin-bottom: 60px;
}
.contents-main__article-title.u-margin-70,
.contents-main__article-title-black.u-margin-70 {
  margin-bottom: 70px;
}
.contents-main__article-title.u-margin-100,
.contents-main__article-title-black.u-margin-100 {
  margin-bottom: 100px;
}

.contents-main__article-title::before{
  content: ' ';
  display: block;
  width: 78px;
  height:1px;
  border-top:1px solid #000000;
  position: absolute;
  top:143px;
  left:0px;
}



.contents-main__article-title-black{
  padding-top:90px;
  font-size:28px;
  margin-bottom:30px;
  position: relative;
  padding-left: 108px;
  display: flex;
  align-items: center;
}

.contents-main__article-title-black::before{
  content: ' ';
  display: block;
  width: 78px;
  height:1px;
  border-top:1px solid #ffffff;
  position: absolute;
  top: 98px;
  left:0px;
}


.contents-main__article-list-black{
  width:770px;
  max-width: 100%;
  margin: 30px auto 0;
  list-style-type: disc;
  padding-left:1rem;
}
.contents-main__article-item-black{
  font-size:18px;
  line-height: 36px;
}
.contents-main__article-text-black{
  width:770px;
  max-width: 100%;
  margin: 0 auto;
  font-size:16px;
}

.contents-main__article-btn-black,
.contents-main__article-btn-black:link,
.contents-main__article-btn-black:visited{
  width:770px;
  max-width: 100%;
  margin:77px auto 0;
  font-size:16px;
  color: #ffffff;
  display: block;
  border:1px solid #ffffff;
  padding:40px 0;
  box-sizing: border-box;
  text-align: center;
}
.contents-main__article-btn-black:hover,
.contents-main__article-btn-black:active{
  color: #ffffff;
}

.contents-main__article-btn-img-black{
  margin:auto;
  display: block;
  width:375px;
  max-width: 100%;
}
.contents-main__article-btn-img-black img{
  margin:auto;
  display: block;
  max-width: 100%;
}

.contents-main__article-btn-text-black{
  margin:20px auto 0 ;
  display: flex;
  width:375px;
  max-width: 100%;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}
.contents-main__article-btn-text-black::before{
  content: '▷';
  font-size:20px;
  margin-right:10px;
}

.contents-main__section-title{
  margin-top:30px;
  margin-bottom: 20px;
  font-size:22px;
  text-align: center;
}
.contents-main__section-title-img{
  text-align: center;
  margin: 100px auto 0;
}

.contents-main__section-catch-img{
  text-align: center;
  margin: 0 auto;
}

.contents-main__section-symbol-img {
  text-align: center;
}
.contents-main__section-symbol-text {
  margin-top: 71px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  line-height: 2;
}

.contents-main__section-text{
  text-align: center;
  margin: 62px auto 0px;
  font-size:20px;
  line-height:2;
}
.contents-main__section-business-text{
  text-align: center;
  margin: 90px auto 20px;
  font-size: 18px;
  line-height:2;
}

.contents-main__section-culture-wrap{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px;
  margin-left: auto;
  max-width: 845px;
}
.contents-main__section-culture-text{
  margin: 20px auto 0;
  font-size:14px;
  line-height:30px;
}

.contents-main__section-solution-copy{
  text-align: center;
  margin: 100px auto 0;
  font-size:22px;
  line-height:32px;
}
.contents-main__section-solution-title{
  text-align: center;
  margin: 30px auto 0;
  font-size:36px;
  line-height:60px;
}
.contents-main__section-solution-text{
  text-align: center;
  margin: 30px auto 0;
  font-size:18px;
  line-height:2;
  width:780px;
  max-width:100%;
}
.contents-main__section-solution-img img{
  text-align: center;
  margin: 95px auto 0;
  width:928px;
  max-width:100%;
}
.contents-main__section-media {
  text-align: center;
}


.bwrite__banner{
  margin-top:60px;
  max-width: 740px;
}

.contents-main__section-copy{
  font-weight: 400;
  margin-top:120px;
  margin-bottom:30px;
  font-size:28px;
  text-align: center;
}

.contents-main__section-business-copy{
  font-weight: 400;
  margin-top:120px;
  margin-bottom:30px;
  font-size:36px;
  text-align: center;
}
/* strength */
.contents-main__strength-list{
  width:760px;
  margin:0 auto;
  padding-bottom:0px;
}
.contents-main__strength-item{
  display: flex;
  width:100%;
  align-items:flex-start;
  justify-content: space-between;
  margin-bottom:50px;
}
.contents-main__strength-item:last-child{
  margin-bottom:0px;
}
.contents-main__strength-item-title{
  display: flex;
  align-items:flex-start;
  font-size:22px;
}
.contents-main__strength-item-title div{
  margin-top:10px;
  width:76px;
}
.contents-main__strength-item-title img{

}
.contents-main__strength-item-text{
  width:420px;
  line-height:2;
  font-size:16px;
}
/* history */
.contents-main__history-list{
  width:780px;
  margin:0 auto;
}

.contents-main__history-item{
  display: flex;
  width:100%;
  align-items:flex-start;
  justify-content: space-between;
  margin-bottom:30px;
  border-bottom: 1px solid #221814;
  padding-bottom:30px;
}

.contents-main__history-item:last-child{
  border-bottom: none;
  margin-bottom: 0%;
  padding-bottom: 0;
}
.contents-main__history-item-year{
  width:140px;
  flex-shrink: 0;
}
.contents-main__history-item-list{
  flex-grow: 1;
}
.contents-main__history-item-title{
  font-size:16px;
  font-weight: 500;
}
.contents-main__history-item-text{
  font-size:14px;
  font-weight:500;
  margin-top:10px;
  line-height: 2;
}

.contents-main__table{
  width: 100%;
  color: #333333;
}
.contents-main__table a{
  text-decoration: underline;
}

.contents-main__table tr{
  border-bottom:1px solid #999999;
}
.contents-main__table th{
  width: 12em;
  padding:15px 0px;
  color: #333333;
}
.contents-main__table th span.small{
  font-size:12px;
  font-weight: normal;
}

.contents-main__table td{
  padding:15px 0px;
  color: #333333;
}
.contents-main__table td span{
  display: inline-block;
  width: 9em;
}

.contents-main__table td .small{
  font-size:13px;
  display: inline;
}
.contents-main__attention{
  font-size:11px;
  padding:5px 0px 0px;
  text-align: right;

}
.contents-main__section-copy-small{
  font-size:16px;
}

.brsp{
  display: none;
}

.brpc{
  display: inline;
}
.contents-main__section{
  margin-top:90px;
}
.contents-main__section--no-margin{
  margin-top: 0;
}
.contents-main__section-inner{
  max-width: 740px;
  margin: auto;
}
.page-interview .contents-main__section-inner{
  max-width: 770px;
}
.page-interview .page-works-project-single_section-title{
  max-width: 770px;
  margin-left: auto;
  margin-right: auto;
}

.contents-main__section-inner p{
  max-width: 740px;
  margin: auto;
  line-height: 2;
}

.contents-main__section-inner-title{
  margin-top:80px;
  margin-bottom:50px;
  font-size:22px;
  padding-bottom:16px;
  border-bottom:1px solid #000000;
}

.contents-main__section-img{
  display: block;
  margin-top:80px;
  width:100%;
}
.contents-main__section-concept-img{
  display: block;
  margin:0 auto 80px;
  width:860px;
  max-width: 100%;
}

.contents-main__section-img picture,.contents-main
-img img{
  width:100%;
}

.contents-main__service-list{
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 47.5%);
  justify-content: space-between;
  gap: 2.5%;
}


.contents-main__service-list-item{
  border:1px solid #919191;
  position: relative;
  background-color: #ffffff;
}

.contents-main__service-list-item::before{
  content: '';
  display: block;
  width:20%;
  height: 1px;
  border-top: 2px solid #000000;
  position: absolute;
  top:-1px;
  left:10%;
}

.contents-main__service-list-item-link{
  width: 100%;
  height: auto;
  padding: 40px;
  display: block;
}


.contents-main__service-img{
  display: grid;
  place-items: center;
  min-height:132px;
}
.contents-main__service-img img{
  
}
.contents-main__service-img img.funqshop{
  width:211px;
}
.contents-main__service-img img.funbox{
  width:90px;
}
.contents-main__section-inner p.contents-main__service-text{
  margin-top: 30px;
}

.contents-main__service-link{
  display: inline-block;
}

.contents-main__section-inner p.contents-main__service-link{
  margin-top: 25px;
}

.contents-main__service-link::before{
  content:'▷';
  display: inline-block;
  padding-right: 10px;
}


.contents-main__businessbtns {
  display: flex;
  justify-content: space-between;
  gap: 38px;
}

.contents-main__businessbtn {
  flex: 1;
}
.contents-main__businessbtn:first-child .contents-main__businessbtn__link {
  background: #221814;
  color: #fff;
}
.contents-main__businessbtn:last-child .contents-main__businessbtn__link {
  background: #F0F0F0;
  color: #221814;
}
.contents-main__businessbtn__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  padding: 22px 0 20px;
  border-radius: 100px;
}
.contents-main__businessbtn__link span {
  font-size: 14px;
}
.contents-main__businessbtn__link span:before {
  content: "▷ ";
}


.contents-main__btn{
  width: 100%;
  margin: 20px 0;
}

.contents-main__btn a{
  display: inline-block;
  border-radius: 22px;
  background-color: #ffffff;
  border: 1px solid #4C4948;
  color: #333333;
  padding: 10px 40px;
  font-size: 14px;
}

.contents-main__btn a::before{
  content: '▷ ';
}

.contents-main__btn a:hover{
  
}

.contents-main__btn a{
  display: inline-block;
  border-radius: 22px;
  background-color: #ffffff;
  border: 1px solid #4C4948;
  color: #333333;
  padding: 10px 40px;
  font-size: 14px;
}


.contents-main__viewmore-btn{
  width: 100%;
  margin: 20px 0;
  text-align: center;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
}
.contents-main__viewmore-btn--no-margin {
  margin: 0;
}
.contents-main__viewmore-btn--purpose{
  margin: 62px auto;
}
.contents-main__other-works {
  margin-bottom: 30px;
  font-size: 21px;
  font-weight: 500;
  text-align: center;
}

.works-page__viewmore-btn{
  width: 100%;
  margin: 15px 0 0;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
}
.contents-main__viewmore-btn a{
  display: inline-block;
  border-radius: 25px;
  background-color: #4C4948;
  border: 1px solid #4C4948;
  color: #ffffff;
  padding: 14px 50px 15px 50px;
  font-size: 14px;
}


.contents-main__btn a::before,
.contents-main__viewmore-btn a::before{
  content: '▷ ';
}

.contents-service__nav-wrapper {
  margin-top: 86px;
  padding-bottom: 1px;
  border-image-source: linear-gradient(0deg,#221814 1px,#0000 0);
  border-image-slice: fill 0;
  border-image-outset: 0 100vw;
}
.contents-service__nav-list {
  display: flex;
  align-items: flex-end;
  gap: 14px;
}
.contents-service__nav-listitem {
  flex: 1;
}
.contents-service__nav-listitem:first-child .contents-service__nav-link {
  color: #4C4948;
  background: #000000;
}
.contents-service__nav-listitem:first-child.is-active .contents-service__nav-link,
.contents-service__nav-listitem:first-child .contents-service__nav-link:hover {
  color: #fff;
}
.contents-service__nav-listitem:last-child .contents-service__nav-link {
  color: #cccccc;
  background: #F0F0F0;
}
.contents-service__nav-listitem:last-child.is-active .contents-service__nav-link,
.contents-service__nav-listitem:last-child .contents-service__nav-link:hover {
  color: #221814;
}
.contents-service__nav-listitem.is-active .contents-service__nav-link,
.contents-service__nav-listitem .contents-service__nav-link:hover {
  padding: 26px 0;
  opacity: 1;
}
.contents-service__nav-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 21px 0 16px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
.contents-service__nav-text--en {
  font-size: 12px;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
}
.contents-service__nav-text--ja {
  font-size: 34px;
}



/* contents sp */
@media screen and (max-width: 768px) {
  
  .contents{
    padding:0px 6.666666666666667vw;
  }
  .contents.contents-works {
    padding: 0;
  }

  .contents-gray{
    max-width:100%;
    background-color: #F0F0F0;
    margin-top:100px;
    padding-bottom:80px;
  }
  .contents-gray.contents-gray--strength {
    margin-top:16vw;
    padding-bottom:16vw;
  }
  .contents-gray.contents-gray--ip {
    margin-top: 16vw;
    padding-bottom: 16vw;
  }

  .contents-black{
    max-width:100%;
    background-color: #000000;
    margin-top:60px;
    color: #ffffff;
    padding-bottom:60px;
  }

  .contents-header__wrapper{
    padding-bottom:0px;
  }
  .contents-works .contents-header__wrapper{
    margin-inline: 6.666666666666667vw;
  }
    
  .contents-header__wrapper.hasnav{
    border-bottom: none;
  }

  .contents-header__title{
    padding-left:20px;
    padding-top: 40px;
    font-size: 30px;
    padding-bottom: 20px;
  }

  .contents-header__title span{
    font-size: 16px;
    display: block;
  }

  .contents-header__nav-wrapper{
    overflow: auto;
  }
  .contents-header__nav{
    padding-top: 0px;
    width: 100%;  
    border-bottom:none;

  }

  .contents-header__nav-list{
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0px;
    margin-left: -30px;
    gap: 20px 0;
  }
  
  .contents-header__nav-listitem{
    margin-right:0px;
    padding-left: 30px;
    white-space: nowrap;
    position: relative;  
    border-bottom:1px solid #cccccc;
    height:calc(1rem + 20px);
  }
  .contents-header__nav-listitem:last-child {
    margin-bottom: 0;
  }


  .contents-header__nav-listitem.line2{
    font-size: 12px;
    margin-bottom:0px;
    height:auto;
  }

  .contents-header__nav-listitem.line2 a{
    padding-bottom:20px;
    display: inline-block;
  }
  .contents-header__nav-listitem.line2.active a{
    padding-bottom:20px;
    display: inline-block;
  }

  .contents-header__nav-listitem a{
    color: #919191;
  }
  .contents-header__nav-listitem.active a{
    color: #000000;
    position:relative;
    height:100%;
    display: inline-block;
  }
  
  .contents-header__nav-listitem.active a::after{
    content: '';
    display: block;
    width: 100%;
    position:absolute;
    border-bottom: 1px solid #000000;
    bottom: 0px;
    left: 0;
  }
  .contents-header__nav-listitem.active::after{
    content: '';
    display: none;
  }

  .contents-main__wrapper.faq-wrapper{
    padding-top:60px;
  }
  .contents-main__article-title{
    padding-top:16vw;
    font-size:5.066666666666666vw;
    margin-bottom:10.666666666666668vw;
    position: relative;
    padding-left: 5.333333333333334vw;
  }
  .contents-main__other-works {
    margin-top: 18.667vw;
    font-size: 4.267vw;
  }

  /* title用 utility */
  .contents-main__article-title.u-padding-30-sp,
  .contents-main__article-title-black.u-padding-30-sp {
    padding-top: 8vw;
  }
  .contents-main__article-title.u-padding-60-sp,
  .contents-main__article-title-black.u-padding-60-sp {
    padding-top: 16vw;
  }
  .contents-main__article-title.u-padding-60-sp:before,
  .contents-main__article-title-black.u-padding-60-sp:before {
    top: 20.267vw;
  }
  .contents-main__article-title.u-margin-30-sp,
  .contents-main__article-title-black.u-margin-30-sp {
    margin-bottom: 8vw;
  }
  .contents-main__article-title.u-margin-40-sp,
  .contents-main__article-title-black.u-margin-40-sp {
    margin-bottom: 10.667vw;
  }
  .contents-main__article-title.u-margin-50-sp,
  .contents-main__article-title-black.u-margin-50-sp {
    margin-bottom: 13.333vw;
  }
  
  .contents-main__article-title::before{
    content: ' ';
    display: block;
    width: 6.666666666666667vw;
    height:0.26666666666666666vw;
    border-top:0.26666666666666666vw solid #000000;
    position: absolute;
    top:19.733333333333334vw;
    left:-6.666666666666667vw;
  }

  .contents-main__article-title-black{
    padding-top:16vw;
    font-size:5.066666666666666vw;
    margin: 0 6.667vw 10.666666666666668vw;
    position: relative;
    padding-left: 5.333333333333334vw;
  }
  
  .contents-main__article-title-black::before{
    content: ' ';
    display: block;
    width: 6.666666666666667vw;
    height:0.26666666666666666vw;
    border-top:0.26666666666666666vw solid #ffffff;
    position: absolute;
    top: 12.4vw;
    left:-6.666666666666667vw;
  }
  .contents-main__section{
    margin-top:60px;
  }
  .contents-main__section--no-margin{
    margin-top: 0;
  }
  .contents-main__section-title{
    font-size:4.533333333333333vw;
    text-align: center;
  }
  .contents-main__section-title-img{
    text-align: center;
    margin: 21.333333333333336vw auto 0;
  }
  .contents-main__section-catch-img{
    text-align: center;
    margin: 0 auto;
  }
  .contents-main__section-text{
    text-align: center;
    margin: 8vw auto 0;
    font-size:3.733333333333334vw;
  }
  .contents-main__section-concept-img{
    margin-bottom: 0;
  }

  .contents-main__section-business-text{
    text-align: center;
    margin: 16vw auto 10.667vw;
    font-size:3.733vw;
    line-height:2;
  }
  .contents-main__section-symbol-img img {
    width: 34.4vw;
  }
  .contents-main__section-symbol-text {
    font-size: 3.733vw;
    text-align: left;
    margin-top: 10.667vw;
    padding-inline: 6.667vw;
  }
  .contents-main__section-culture-wrap {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .contents-main__section-culture-img{
    text-align: center;
    margin: 0;
  }
  .contents-main__section-culture-text{
    text-align: center;
    margin: 4vw auto 0;
    font-size:3.467vw;
    line-height:2;
    word-break: keep-all;
  }

  .contents-main__section-inner-title{
    margin-top:8vw;
    font-size:5.066666666666666vw;
    padding-bottom:4.266666666666667vw;
    border-bottom:0.26666666666666666vw solid #000000;
    margin-bottom:8vw;
  }



  .bwrite__banner{
    margin-top:9.333333333333334vw;
  }

  .contents-main__section-img{
    margin-top:9.333333333333334vw;
    width:100%;
    display: block;
  }
  
  .contents-main__section-copy{
    font-size:5.066666666666666vw;
    text-align: center;
    margin-top:16vw;
  }
  .contents-main__section-business-copy{
    font-size:6.4vw;
    text-align: center;
    margin-top:18.666666666666668vw;
  }

/* strength */

  .contents-main__strength-list{
    width:100%;
    margin:0 auto;
    padding:0 5.333333333333334vw;
  }
  .contents-main__strength-item{
    display: flex;
    width:100%;
    align-items:flex-start;
    justify-content: space-between;
    flex-direction: column;
    margin-bottom:13.333vw;
  }
  .contents-main__strength-item:last-child{
    margin-bottom:0px;
  }


  .contents-main__strength-item-title{
    display: flex;
    align-items:flex-start;
    font-size:5.333333333333334vw;
    align-items: center;
    margin-bottom:7.199999999999999vw;
  }
  .contents-main__strength-item-title div{
    margin-top:0px;
    width:10.666666666666668vw;
  }
  .contents-main__strength-item-title img{
    object-fit: contain;
    height:6.666666666666667vw;
  }
  .contents-main__strength-item-title h3{
    font-size:5.333333333333334vw;
    word-break: keep-all;
  }
  .contents-main__strength-item-text{
    width:100%;
    line-height:2;
    font-size:3.733333333333334vw;
  }
  /* history */

  .contents-main__history-list{
    width:100%;
    margin:0 auto;
    padding:0;
  }

  .contents-main__history-item{
    display: flex;
    width:100%;
    align-items:flex-start;
    justify-content: space-between;
    margin-bottom:6.667vw;
    border-bottom: 1px solid #221814;
    padding-bottom:6.667vw;
  }

  .contents-main__history-item:last-child{
    border-bottom: none;
    margin-bottom:0px;
    padding-bottom:0;
  }
  .contents-main__history-item-year{
    width:18.666666666666668vw;
    flex-shrink: 0;
    height:5.6000000000000005vw;
  }
  .contents-main__history-item-year img{
    object-fit: contain;
    height:5.6000000000000005vw;
    width: auto;
  }
  .contents-main__history-item-list{
    flex-grow: 1;
  }
  .contents-main__history-item-title{
    font-size:3.733333333333334vw;
    font-weight: 500;
    text-indent: -1rem;
    padding-left:1rem;
  }
  .contents-main__history-item-text{
    font-size:3.2vw;
    font-weight:500;
    margin-top:2.666666666666667vw;
  }

  .contents-main__section-copy-small{
    font-size:3.2vw;
  }

  .contents-main__service-list{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 0;
  }
    
  .contents-main__service-list-item{
    width: 100%;
    border:0.26666666666666666vw solid #919191;
    position: relative;
  }
  .contents-main__service-list-item:not(:last-child) {
    margin-bottom: 8vw;
  }
    
  .contents-main__service-list-item::before{
    content: '';
    display: block;
    width:20%;
    height: 0.26666666666666666vw;
    border-top: 0.5333333333333333vw solid #000000;
    position: absolute;
    top:-1px;
    left:10%;
  }
  
  .contents-main__service-list-item-link{
    width: 100%;
    height: auto;
    padding: 6.666666666666667vw;
    display: block;
  }

  .contents-main__service-img{
    display: grid;
    place-items: center;
    min-height:35.199999999999996vw;
  }
  .contents-main__service-img img{
    
  }
  .contents-main__section-inner p.contents-main__service-text{
    margin-top: 4vw;
  }
  
  .contents-main__service-link{
    display: inline-block;
  }
  
  .contents-main__section-inner p.contents-main__service-link{
    margin-top: 20px;
  }
  
  .contents-main__service-link::before{
    content:'▷';
    display: inline-block;
    padding-right: 10px;
  }

  .contents-main__businessbtns {
    flex-direction: column;
    gap: 3.467vw;
  }

  .contents-main__businessbtn__link {
    padding: 5.067vw 5.6vw;
    font-size: 5.6vw;
  }

  .contents-main__businessbtn__link span {
    font-size: 2.933vw;
  }
    
  .contents-main__table th{
    width: 25%;
  }

  .contents-main__table th span.small{
    font-size:12px;
    font-weight: normal;
  }
  
  .contents-main__table td{
    font-size: 12px;
    padding-left:2.666666666666667vw;
  }

  .contents-main__table td p span{
    width: 7rem;
  }

  .brsp{
    display: inline;
  }

  .brpc{
    display: none;
  }


  .contents-main__section-solution-copy{
    text-align: center;
    margin: 50px auto 0;
    font-size:3.733333333333334vw;
    line-height:2;
  }
  .contents-main__section-solution-title{
    text-align: center;
    margin: 15px auto 20px;
    font-size:6.4vw;
    line-height:2;
  }
  .contents-main__section-solution-text{
    text-align: center;
    margin: 0 auto;
    font-size:3.733333333333334vw;
    line-height:2;
    width:780px;
    max-width:100%;
  }
  .contents-main__section-solution-img{
    text-align: center;
    margin: 18vw auto 0;
    width:100%;
    display: block;
  }
  .contents-main__section-solution-img img{
    width:100%;
    display: block;
    margin: 0 auto;
  }


  .contents-main__article-list-black{
    width:770px;
    max-width: 100%;
    margin-inline: auto;
    list-style-type: disc;
    padding: 0 50px 0 calc(1rem + 50px);
  }
  .contents-main__article-item-black{
    font-size:15px;
    line-height: 30px;
  }
  .contents-main__article-text-black{
    width:770px;
    max-width: 100%;
    margin: 0 auto;
    font-size:14px;
    line-height:2;
    padding:0 50px;
  }
  
  .contents-main__article-btn-black,
  .contents-main__article-btn-black:link,
  .contents-main__article-btn-black:visited{
    width:770px;
    max-width: 100%;
    margin:77px auto 0;
    font-size:16px;
    color: #ffffff;
    display: block;
    border:1px solid #ffffff;
    padding:40px 0;
    box-sizing: border-box;
    text-align: center;
  }
  .contents-main__article-btn-black:hover,
  .contents-main__article-btn-black:active{
    color: #ffffff;
  }
  
  .contents-main__article-btn-img-black{
    margin:auto;
    display: block;
    width:375px;
    max-width: 100%;
  }
  .contents-main__article-btn-img-black img{
    margin:auto;
    display: block;
    max-width: 100%;
  }
  
  .contents-main__article-btn-text-black{
    margin:20px auto 0 ;
    display: flex;
    width:375px;
    max-width: 100%;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
  }
  .contents-main__article-btn-text-black::before{
    content: '▷';
    font-size:20px;
    margin-right:10px;
  }
  
  .contents-service__nav-wrapper {
    margin-top: 30px;
  }
  .contents-service__nav-list {
    gap: 5px;
  }
  .contents-service__nav-listitem.is-active .contents-service__nav-link,
  .contents-service__nav-listitem .contents-service__nav-link:hover {
    padding: 15px 0 13px;
    opacity: 1;
  }
  .contents-service__nav-link {
    padding: 10px 0 8px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }
  .contents-service__nav-text--en {
    font-size: 2.4vw;
    letter-spacing: 0;
  }
  .contents-service__nav-text--ja {
    font-size: 5.333vw;
  }
}





/* ------------------------------------
  company
------------------------------------ */

.lifestyle-contents{
  width: 100%;
  background: #f2f2f2;
  position: relative;
}
.lifestyle__wrap{
  max-width: 930px;
  margin: auto;
}

.lifestyle-contents__title{
  width: 100%;
  position: relative;
}
.lifestyle-contents__title h3{
  font-family: 'roboto Condensed' , sans-serif;
  font-size: 50px;
  position: absolute;
  left: 33px;
  top: -25px;
  line-height: 1;
}
.lifestyle-contents__catch{

  width: 100%;
  margin: 0 auto;
  padding-left: 220px;
  padding-top: 20px;
}
.lifestyle__mediaBrand{

  width: 100%;
  margin: 0 auto;
}

.lifestyle__mediaBrand-title{
  font-family: 'roboto Condensed' , sans-serif;
  font-size: 10px;
  margin: 20px auto 25px;
  padding-top: 11px;
  border-top: 2px solid #221814;
}

.lifestyle__mediaBrand-list{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.mediaBrand__item{
  width: 19.5%;
  min-width: 19.5%;
}
.mediaBrand__item-image{width:100%;margin-bottom: 15px;}
.mediaBrand__item-title{

  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  display: inline-block;
  margin: 5px 0px;
  padding: 5px 15px;
  font-size: 14px;
  letter-spacing: 0.7px;
  color: #dbdcdc;
  border-radius: 5px;
  background-color: #231815;
  letter-spacing: -1px;
}
.mediaBrand__item-brands{
  margin-top: 15px;
}
.mediaBrandItem__brand-list{
  padding-bottom: 50px;
}
.mediaBrandItem__brand-item{
  padding-bottom: 15px;
}


.lifestyle__mediaPlatformBrand{
  width: 100%;
  margin: 0 auto 70px;
}
.lifestyle__mediaPlatformBrand-title{
  font-family: 'roboto Condensed' , sans-serif;
  font-size: 10px;
  margin: 20px auto 25px;
  padding-top: 11px;
  border-top: 2px solid #221814;
}

.lifestyle__mediaPlatformBrand-list{
  display: flex;
  justify-content: space-between;
}
.mediaPlatformBrandList__image{
  width: 49.8%;
}

.mediaPlatformBrandList__image img{
  width: 100%;
}

.lifestyle__officialNote{
  max-width: 930px;
  margin: 0 auto 0px;
  padding-bottom: 50px;
}
.lifestyle__officialNote-title{
  font-family: 'roboto Condensed' , sans-serif;
  font-size: 10px;
  margin: 20px auto 25px;
  padding-top: 11px;
  border-top: 2px solid #221814;
}
.lifestyle__officialNote-list{
  display: flex;
  justify-content: center;
  align-items: center;
}
.officialNoteList__image{
  margin: 15px;
}
.newvalue__contents{
  padding-bottom: 100px;
}

.newvalue__contents-head{
  max-width: 930px;
  margin: 0 auto;
}

.newvalue__contents-title{
  width: 100%;
  position: relative;
}
.newvalue__contents-title h3{
  font-family: 'roboto Condensed' , sans-serif;
  font-size: 50px;
  position: absolute;
  left: 33px;
  top: -25px;
  line-height: 1;
}
.newvalue__contents-catch{
  width: 100%;
  margin: 0 auto 30px;
  padding-left: 260px;
  padding-top: 35px;  
}
.newvalue__contents-image{
  width: 100%;
  height: 132px;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  flex-wrap: nowrap;
  margin-bottom:40px;
}
.newvalue__contents-image img{
  width: 50%;
  height: auto;
  display:inline-block;
  margin: 0;
  object-fit: cover;
}

.newvalue__contents-hashtag{
  width: 1068px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
}
.newvalue__content-hashtag-item{
  width: 252px;
  margin-bottom: 20px;
}


.boardingmember__contents{
  background:#221814;
  width: 100%;
  padding-top: 85px;
}

.boardingmember__wrap{
  width: 1068px;
  margin: 0 auto;
}
.boardingmember__contents-title{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 25px;
  padding: 0px 15px;
  border: 4px solid #fefefe;
  color: #fefefe;
  display: inline-block;
  margin-left: 100px;
  margin-bottom: 56px;
}
.boardingmember__list{
  display: flex;
  margin-right: -20px;
  flex-wrap: wrap;
}

.boardingmember__list-item{
  display: flex;
  width: 250px;
  min-width: 250px;
  margin-right: 22px;
  background-color: rgba(255,255,255,0.08);
  margin-bottom: 20px;
}

.boardingmember__list-item-wrap{
  display: flex;
  width: 100%;
  flex-direction: column;
}

.boardingmember__list-data{
  color: #fefefe;
  padding: 20px 10px 60px 40px;
  position: relative;
}
.boardingmember__list-name--jp{
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 17px;
  margin-bottom: 2px;
}
.boardingmember__list-name--en{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 17px;
  margin-bottom: 5px;
}
.boardingmember__list-title--jp{
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 10px;
  margin-bottom: 1px;
}
.boardingmember__list-title--en{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 10px;
}

.boardingmember__list-more{
  display:flex;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 12px;
  justify-content: flex-end;
  position: absolute;
  bottom: 12px;
  right: 10px;
}

.boardingmember__list-more span{
  color: #fefefe;
  display: inline-block;
  padding-right: 40px;
  background-image: url('../img/company/arrow_white.svg');
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: 4px;
}

.companyprofile__contents{
background:#221814;
padding-top: 80px;
}

.companyprofile__wrap{
  width: 1068px;
  margin: 0 auto;
}

.companyprofile__contents-title{

  font-family: 'Roboto Condensed', sans-serif;
  font-size: 25px;
  padding: 0px 15px;
  border: 4px solid #fefefe;
  color: #fefefe;
  display: inline-block;
  margin-left: 100px;
  margin-bottom: 56px;
}

.companyprofile__contents-list{
  font-family: 'Noto Sans JP', sans-serif;
  color: #fefefe;
  font-size: 13px;
  width: 860px;
  margin: 0 auto 25px;
  display: flex;
  flex-wrap: wrap;
}
.companyprofile__contents-list--title{
  min-width: 160px;
  text-align: right;
  padding-right:5px; 
}
.companyprofile__contents-list--data{
  min-width: 700px;
}

.companyprofile__contents-list--data a{
  color: #fefefe;
  text-decoration: underline;
}

.companyprofile__contact{
  padding-top: 50px;
  text-align: center;
  width: 100%;
  padding-bottom: 50px;
}

.companyprofile__contact a{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 20px;
  padding: 3px 15px;
  border: 2px solid #fefefe;
  display: inline-block;
  color: #fefefe;
  margin: auto;
  width: 360px;
  text-align: center;
}
/* pager for company */
.pager.swiper-pagination-bullets{
  text-align: center;
}
.pager.swiper-pagination-bullets .swiper-pagination-bullet{
  display: inline-block!important;
  width: 10px!important;
  height: 10px!important;
  border: 2px solid #b5b4b5!important;
  margin: 0px 5px!important;
  background-color: transparent;
  border-radius: 50%!important;
}
.pager.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background-color: transparent!important;
  border: 2px solid #221814!important;
}

.company__arrow-down{
  width: 930px;
  text-align: center;
  margin: 80px auto;
}


/* company sp */
@media screen and (max-width: 768px) {

    .company-contents{

    }
    .company-contents__company-title{
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 40px;
      padding: 0 10%;
      max-width: 100%;
      margin: 0 auto 55px;
      line-height: 1;
    }
    .wwa-contents{
      max-width: 100%;
      margin: 0 auto;
    }
    .wwa-contents__contents-title{
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 14px;
      padding: 0px 10px;
      border: 4px solid #221814;
      display: inline-block;
      margin-bottom: 20px;
    }
    .wwa-contents__contents-catch--en{
      padding: 0 10%;
      margin-left: -12px;
      margin-bottom: 35px;
    }
    .wwa-contents__contents-catch--jp{
      padding: 0 10%;
      margin-bottom: 33px;

    }
    .wwa-contents__contents-catchtext{
      padding: 0 10%;
      margin-bottom: 45px;
    }
    .goodlife{
      padding-left: 0px;
      padding-bottom: 0px;
      position: relative;
      overflow: hidden;
    }
    .goodlife__image{
      padding: 0 10%;
    }

    .goodlife__wrap{
      display: flex;
      position: relative;
      padding-top: 40px;
      top: 0px;
      left: 0px;
    }
    .goodlife__contents-wrap{
      max-width: 80%;
      overflow: visible;
      margin: auto;
    }

    .goodlife__contents{
      display: flex;
    }
    .goodlife__wrap .left-button{
      display: none!important;
    }
    .goodlife__wrap .left-button span.left-arrow{
      display: none!important;
    }

    .goodlife__wrap .right-button{
      display: none!important;
    }
    .goodlife__wrap .right-button span.right-arrow{
      display: none!important;

    }
    .goodlife__wrap .swiper-slide img{
      width:auto!important;
    }

    .goodlife__content{
      display: block;
      border: 2px solid #221814;
      padding: 12px 30px;
      border-radius: 20px;
      width: 100%;
      min-width: 100%;
    }
    .goodlife__content-title{
      font-family: 'roboto Condensed' , sans-serif;
      font-size: 27px;
      margin-bottom: 35px;
    }
    .goodlife__content-data{

    }
    .goodlife__data-title{
      margin-bottom: 15px;
    }
    .goodlife__data-catch{
      font-size: 11px;
      line-height: 1.9;
      border-bottom: 2px solid #221814;
      margin-bottom: 15px;
      padding-bottom: 10px;
    }
    .goodlife__data-list{

    }
    .goodlife__list{

    }
    .goodlife__list-item{

      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500;
      display: inline-block;
      height: 26px;
      line-height: 26px;
      margin: 0px 6px 10px 0;
      padding: 0 12px;
      font-size: 12px;
      letter-spacing: 0.7px;
      color: #dbdcdc;
      text-align: center;
      border-radius: 5px;
      background-color: #231815;
    }

    .additional-info{
      width: 80%;
      margin: 80px auto 0px;
    }
    .additional-info__link{
      background: #000000;
      color: #dbdcdc;
      padding: 13px 15px 13px 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 588px;
      max-width:100%;
      margin: auto;
      box-sizing: border-box;
    }
    .additional-info__link:hover{
      color: #dbdcdc;
    }
    .additional-info__link-text{
      font-family: 'Noto Sans JP', sans-serif;
      font-size:13px;
      line-height:20px;
      letter-spacing: 0.65px;
    }
    .additional-info__link-text-sub{
      display: block;
    }
    .additional-info__link-arrow{
      width: 35px;
      height:5px;
      background-image: url('../img/company/arrow_white.svg');
      background-repeat: no-repeat;
      background-position-x: right;
      background-position-y: 0px;
    }

    .lifestyle-contents{
      width: 100%;
      background: #f2f2f2;
      position: relative;
    }
    .lifestyle__wrap{
      max-width: 100%;
      margin: auto;
    }

    .lifestyle-contents__title{
      width: 100%;
      position: relative;
    }
    .lifestyle-contents__title h3{
      font-family: 'roboto Condensed' , sans-serif;
      font-size: 36px;
      position: absolute;
      left: 10%;
      top: -15px;
      line-height: 1;
    }

    .lifestyle-contents__catch{
      width: 100%;
      margin: 0 auto;
      padding-left: 10%;
      padding-top: 40px;
    }

    .lifestyle__mediaBrand{
      width: 100%;
      margin: 0 auto;
    }

    .lifestyle__mediaBrand-title{
      font-family: 'roboto Condensed' , sans-serif;
      font-size: 10px;
      margin: 20px auto 25px;
      padding-top: 11px;
      border-top: 2px solid #221814;
      width: 80%;
    }

    .lifestyle__mediaBrand-list{
      display: flex;
      justify-content:space-between;
      flex-wrap: wrap;
      padding: 0 5px;
    }

    .mediaBrand__item{
      width: 49.2%;
      min-width: 49.2%;
    }
    .mediaBrand__item-image{width:100%;margin-bottom: 15px;}
    .mediaBrand__item-image img{width:100%;}

    .mediaBrand__item-title{
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500;
      display: inline-block;
      margin: 5px 0px 0px 10px;
      padding: 5px 15px;
      font-size: 12px;
      color: #dbdcdc;
      border-radius: 5px;
      background-color: #231815;
      letter-spacing: -1px;
    }

    .mediaBrand__item-brands{
      padding-left: 10px;
    }
    .lifestyle__mediaPlatformBrand{
      width: 100%;
      margin-bottom: 20px;
      padding: 0;
    }
    .lifestyle__mediaPlatformBrand-list{
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
    }
    .contents-main__viewmore-btn--purpose{
      margin: 8vw auto 0;
    }
    .contents-main__section-media .contents-main__viewmore-btn {
      margin-bottom: 60px;
    }

    .mediaPlatformBrandList__image{
      width: 100%;
      min-width: 100%;
      margin-bottom: 20px;
    }

    .lifestyle__officialNote{
      max-width: 80%;
      margin: 0 auto 0px;
      padding-bottom: 50px;
    }

    .officialNoteList__image{
      margin: 0 15px 0;
    }

    .lifestyle__officialNote-list{
      display: flex;
      justify-content: center;
      align-items: center;
      width: 80%;
      margin: auto;
    }

    .newvalue__contents-head{
      max-width: 80%;
      margin: 0 auto;
    }

    .newvalue__contents-title{
      width: 100%;
      position: relative;
    }
    .newvalue__contents-title h3{
      font-family: 'roboto Condensed' , sans-serif;
      font-size: 35px;
      position: relative;
      left: 0px;
      top: 0px;
      line-height: 1;
      margin-bottom: 20px;
    }
    .newvalue__contents-catch{
      width: 100%;
      margin: 0 auto 0px;
      padding-left: 0px;
      padding-top: 0px;  
      margin-bottom: 20px;
    }
    .newvalue__contents-image{
      width: 100%;
      height: auto;
      margin: 0 auto;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      margin-bottom:40px;
    }
    .newvalue__contents-image img{
      width: 100%;
      height: auto;
      display:inline-block;
      margin: 0;
      object-fit: cover;
    }
    .newvalue__contents-hashtag{
      width: 80%;
      display: flex;
      justify-content: start;
      flex-wrap: wrap;
      margin: 0 auto;
    }
    .newvalue__content-hashtag-item{
      display: inline-block;
      width: auto;
      margin-bottom: 10px;
      margin-right: 5px;
      margin-left: 0px;
    }
    .newvalue__content-hashtag-item img{
      height: 45px;
    }

    .boardingmember__contents{
      background:#221814;
      width: 100%;
      padding-top: 40px;
    }

    .boardingmember__wrap{
      width: 80%;
      margin: 0 auto;
    }
    .boardingmember__contents-title{
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 14px;
      padding: 0px 10px;
      border: 4px solid #fefefe;
      color: #fefefe;
      display: inline-block;
      margin-left: 0px;
      margin-bottom: 20px;
    }
    .boardingmember__list{
      display: flex;
      margin-right: 0px;
      flex-wrap: wrap;
    }

    .boardingmember__list-item{
      width: 100%;
      min-width: 100%;
      margin-right: 0px;
      display: flex;
      margin-bottom: 12px;
    }
    .boardingmember__list-item a{
      flex-direction: row;
    }
    .boardingmember__list-img{
      width: 140px;
      min-width: 140px;
      height: auto;
    }

    .boardingmember__list-item-wrap{
      flex-direction: row;
    }
    .boardingmember__list-data{
      color: #221814;
      padding: 30px 10px 0px 10px;
      background: #eeefef;
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: ceter;
      position: relative;
    }
    .boardingmember__list-name--jp{
      font-family: 'Noto Sans JP', sans-serif;
      font-size: 12px;
      margin-bottom: 0px;
    }
    .boardingmember__list-name--en{
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 12px;
      margin-bottom: 2px;
    }
    .boardingmember__list-title--jp{
      font-family: 'Noto Sans JP', sans-serif;
      font-size: 10px;
      margin-bottom: 0px;
    }
    .boardingmember__list-title--en{
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 10px;
    }


    .boardingmember__list-more{
      display:flex;
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 12px;
      justify-content: flex-end;
      position: absolute;
      bottom: 10px;
      right: 10px;
    }

    .boardingmember__list-more span{
      color: #221814;
      display: inline-block;
      padding-right: 40px;
      background-image: url('../img/company/arrow_black.svg');
      background-repeat: no-repeat;
      background-position-x: right;
      background-position-y: 4px;
    }



    .companyprofile__contents{
    background:#221814;
    padding-top: 50px;
    }

    .companyprofile__wrap{
      width: 100%;
      margin: 0 auto;
      padding: 0 10%;
    }

    .companyprofile__contents-title{

      font-family: 'Roboto Condensed', sans-serif;
      font-size: 14px;
      padding: 0px 10px;
      border: 4px solid #fefefe;
      color: #fefefe;
      display: inline-block;
      margin-left: 0px;
      margin-bottom: 20px;
    }

    .companyprofile__contents-list{
      font-family: 'Noto Sans JP', sans-serif;
      color: #fefefe;
      font-size: 13px;
      width: 100%;
      margin: 0 auto 25px;
      display: block;
      padding: 0 0;
    }

    .companyprofile__contents-list--title{
      min-width: 100%;
      text-align: left;
      padding-right:0px; 
    }
    .companyprofile__contents-list--data{
      min-width: 100%;
    }

    .companyprofile__contact a{
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 20px;
      padding: 3px 15px;
      border: 2px solid #fefefe;
      color: #fefefe;
      display: inline-block;
      color: #fefefe;
      margin: auto;
      width: 100%;
      text-align: center;
    }

    .company__arrow-down{
      width: 100%;
      text-align: center;
      margin: 80px auto;
    }


}



/*-------------------------------------
  members
------------------------------------ */

.members-contents{
  width: 100%;
  padding-top: 0px;
  text-align: left;
}

.members__wrap{
  width: 1068px;
  margin: 40px auto 0px;
}
.members__contents-title{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 50px;
  padding-left: 100px;
  max-width: 930px;
  margin: 0 auto 55px;
  line-height: 1;
}
.members__list{
  display: flex;
  margin-right: -20px;
  flex-wrap: wrap;
}

.members__list-title{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 25px;
    padding: 0px 15px;
    border: 4px solid #221814;
    display: inline-block;
    margin-left: 100px;
    margin-bottom: 56px;
}
.members__list-item{
  display: flex;
  width: 250px;
  min-width: 250px;
  margin-right: 22px;
  background-color: rgba(255,255,255,0.08);
  margin-bottom: 20px;
  border: 1px solid #221814;
}

.members__list-item-wrap{
  display: flex;
  width: 100%;
  flex-direction: column;
}

.members__list-data{
  color: #221814;
  padding: 20px 10px 60px 40px;
  position: relative;
}
.members__list-name--jp{
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 17px;
  margin-bottom: 2px;
}
.members__list-name--en{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 17px;
  margin-bottom: 5px;
}
.members__list-title--jp{
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 10px;
  margin-bottom: 1px;
}
.members__list-title--en{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 10px;
}

.members__list-more{
  display:flex;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 12px;
  justify-content: flex-end;
  position: absolute;
  bottom: 12px;
  right: 10px;
}

.members__list-more span{
  color: #221814;
  display: inline-block;
  padding-right: 40px;
  background-image: url('../img/company/arrow_black.svg');
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: 4px;
}

@media screen and (max-width: 768px) {

  .members-contents{
    width: 100%;
    padding-top: 0px;
  }

  .members__wrap{
    width: 80%;
    margin: 20px auto 0px;
  }
  .members__contents-title{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 40px;
    padding: 0 10%;
    max-width: 100%;
    margin: 0 auto 55px;
    line-height: 1;
  }
  .members__list{
    display: flex;
    margin-right: 0px;
    flex-wrap: wrap;
  }

  .members__list-title{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    padding: 0px 10px;
    border: 4px solid #221814;
    display: inline-block;
    margin-left: 0px;
    margin-bottom: 20px;
  }
  .members__list-item{
    width: 100%;
    min-width: 100%;
    margin-right: 0px;
    display: flex;
    margin-bottom: 12px;
  }
  .members__list-item a{
    flex-direction: row;
  }
  .members__list-img{
    width: 140px;
    min-width: 140px;
    height: auto;
  }

  .members__list-item-wrap{
    flex-direction: row;
  }
  .members__list-data{
    color: #221814;
    padding: 30px 10px 0px 10px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: ceter;
    position: relative;
  }
  .members__list-name--jp{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 12px;
    margin-bottom: 0px;
  }
  .members__list-name--en{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 12px;
    margin-bottom: 2px;
  }
  .members__list-title--jp{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 10px;
    margin-bottom: 0px;
  }
  .members__list-title--en{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 10px;
  }


  .members__list-more{
    display:flex;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 12px;
    justify-content: flex-end;
    position: absolute;
    bottom: 10px;
    right: 10px;
  }

  .members__list-more span{
    color: #221814;
    display: inline-block;
    padding-right: 40px;
    background-image: url('../img/company/arrow_black.svg');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: 4px;
  }
}

/* ------------------------------------
  about
------------------------------------ */
/* intro */
.about-intro {
  padding: 130px 0;
  text-align: left;
}
.about-intro__heading {
  margin-bottom: 45px;
  font-size: 60px;
  letter-spacing: 1.2px;
  color: #1a1311;
}
.about-intro__heading span {
  display: block;
  font-size: 32px;
  letter-spacing: 1.6px;
  color: #000000;
}
.about-intro__text {
  letter-spacing: 1.2px;
}
.about-intro__text .jp {
  margin-bottom: 50px;
  font-size: 24px;
  line-height: 1.89;
  letter-spacing: 2.9px;
  color: #1a1311;
}
.about-intro__text .en {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.61;
  letter-spacing: 0.8px;
}

/* partner */
.about-partner {
  position: relative;
  display: block;
  background: url(../img/about/partner_bg.jpg) center center no-repeat;
  background-size: cover;
  text-align: left;
  color: #fff;
}
.about-partner::before {
  content: "";
  position: absolute;
  left: 0;
  height: 0;
  width: 100%;
  height: 100%;
  background: rgba(26, 19, 17, 0.7);
}
.about-partner__inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 90px 10px;
}
.about-partner__text {
  padding-top: 10px;
}
.about-partner__text .jp {
  margin-bottom: 50px;
  font-size: 24px;
  line-height: 1.8;
  letter-spacing: 2.9px;
}
.about-partner__text .en {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.61;
  letter-spacing: 0.8px;
}
.about-partner__logo {
  text-align: center;
}
.about-partner__logoCompany {
  margin-bottom: 50px;
}
.about-partner__logoMagazine {}
.about-partner__btn {
    width: 364px;
    font-size: 13px;
    margin-top: 28px;
}
@media screen and (max-width: 768px) {
  .about-partner__btn {
    width: 100%;
  }
}

/* company */
.about-company {
  padding: 90px 0;
  background: #000;
  text-align: left;
  color: #fff;
}
.about-company__heading {
  margin-bottom: 25px;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.7px;
}
.about-company__list {
  margin-bottom: 80px;
}
.about-company__list dl {
  display: flex;
  margin-bottom: 30px;
}
.about-company__list dt {
  width: 110px;
  text-align: right;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.6px;
}
.about-company__list dd {
  width: calc(100% - 110px);
  padding-left: 10px;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.7px;
}
.about-company__list dd li {
  text-indent: -20px;;
  margin-left: 20px;;
}

/*add 20191111*/
.about-company__list dd ul li.daihyo {
text-indent: 0;
    margin-left: 0;

}


.about-company__list dd a {
  color: #fff;
}
.about-company__list__icons {
  margin-left: 10px;
}
.about-company__btn {
  width: 350px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  /* intro */
  .about-intro {
    padding: 90px 0 20px;
  }
  .about-intro__heading {
    margin-bottom: 50px;
    font-size: 30px;
    letter-spacing: 0.6px;
  }
  .about-intro__heading span {
    padding-top: 15px;
    font-size: 22px;
    line-height: 1.68;
    letter-spacing: 1.1px;
  }
  .about-intro__text {
    letter-spacing: 1.2px;
  }
  .about-intro__text .jp {
    margin-bottom: 25px;
    font-size: 17px;
    line-height: 2.05;
    letter-spacing: 2.2px;
  }
  .about-intro__text .en {
    margin-bottom: 60px;
    font-size: 13px;
    line-height: 1.64;
    letter-spacing: 0.7px;
  }

  /* partner */
  .about-partner {
    display: block;
  }
  .about-partner__inner {
    display: block;
    padding: 60px 30px;
  }
  .about-partner__text .jp {
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 2.05;
    letter-spacing: 2.2px;
  }
  .about-partner__text .en {
    font-size: 13px;
    line-height: 1.64;
    letter-spacing: 0.7px;
  }
  .about-partner__logoCompany {
    margin-bottom: 50px;
  }
  .about-partner__logoCompany img {
    width: 92px;
  }
  .about-partner__logoMagazine img {
     width: 300px;
  }

  /* company */
  .about-company {
    margin-bottom: 58px;
    padding: 45px 0;
  }
  .about-company__heading {
    margin-bottom: 20px;
  }
  .about-company__list {
    margin-bottom: 0;
  }
  .about-company__list dl {
    display: block;
    margin-bottom: 15px;
  }
  .about-company__list dt {
    width: 100%;
    margin-bottom: 2px;
    text-align: left;
    font-weight: 500;
  }
  .about-company__list dd {
    width: 100%;
    padding-left: 0;
    font-size: 12px;
    letter-spacing: 0.6px;
  }
  .about-company__btn {
    width: 290px;
    margin-bottom: 55px;
  }
}

/* ------------------------------------
  work
------------------------------------ */
.works {
  position: relative;
  padding-bottom: 120px;
  text-align: left;
}
.works__title {
  margin-bottom: 30px;
  font-size: 28px;
  letter-spacing: 2px;
  color: #000000;
}
.works__movie {
  margin-bottom: 75px;
}
.works__movie video {
  width: 100%;
  height: auto;
}
.works__btn {
  position: absolute;
  top: 0;
  right: 10px;
}
.works__btn a {
  display: block;
}
.works__slideWrap {
  position: relative;
  /* width: calc(50% - 8px);
    max-height: 302px; */
    width: 100%;
   height: 100%;
    margin-bottom: 16px;
    /* overflow: hidden; */
    /* background-color: #f00;
    border:10px solid red; */
}
.video-container {
  width: 100%;
 height: 100%;
 object-fit: contain;
}
.works__slide {
  margin-bottom: 20px!important;
}
.works__slideBtm {
  /* display: flex; */
  align-items: center;
  margin-bottom: 40px;
  float: right;/*added*/
}
.works__slideBtm:after {/*added*/
  content: "";
  clear: both;
  display: block;
}
.works__popup {
  display: none;
}
.works__popupImg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  /* width: 300px; */
  /* height: 360px; */
  width: 50%;
  height: auto;
  margin: auto;
  padding: 0 30px;
  background: rgba(255,255,255,0.75);
  z-index: 10000;
}
.works__popupImg img {
  /* width: 206px; */
  width: 100%;
  height: auto;
}
.works__more {
  padding: 10px 20px 0 0;
  font-size: 11px;
  letter-spacing: 0.6px;
  background: url(../img/arw_right.png) right 11px no-repeat;
}
.works__more a {
  color: #474645;
}
.works__more2 {
  margin: -50px 0 40px;
  font-size: 11px;
  letter-spacing: 0.6px;
}
.works__more2 a {
  display: inline-block;
  padding: 0 20px 0 0;
  background: url(../img/arw_right.png) right 1px no-repeat;
  color: #474645;
}
.works__wrap{
  display:flex;
  justify-content: start;
  max-width: 550px;
  flex-wrap: wrap;
  margin-top: 30px;
  padding-top: 20px;
}
.works__category {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  display: inline-block;
  height: 34px;
  line-height: 34px;
  /* margin-bottom: 25px; */
  margin: 10px 0 0;
  padding: 0 15px;
  font-size: 14px;
  letter-spacing: 0.7px;
  color: #dbdcdc;
  text-align: center;
  border-radius: 5px;
  background-color: #231815;
  margin-right: 10px;
}
.works__text {
  width: 100%;
  margin-top: 20px;/*added*/
  margin-bottom: 40px;
  font-size: 14px;
  line-height: 2;
  color: #1a1311;
  font-weight: 400;
}
.works__info {
  margin: 0 0 75px 0px;
}
.works__info dl {
  display: flex;
  flex-wrap: wrap;
  color: #474645;
  font-size: 12px;
}
.works__info dt {
  font-family: 'Roboto Condensed', sans-serif;
  width: 100px;
  padding-bottom: 5px;
}
.works__info dd {
  padding-bottom: 5px;
}
.works__pagenation {
  font-size: 12px;
  position: relative;
  display: flex;
  justify-content: center;
  line-height: 1;
  float: left;/*added*/
  width: 100%;/*added*/
}
.works__pagenationLeft {
  display: flex;
  justify-content: flex-end;
  width: 50%;
}
.works__pagenationRight {
  display: flex;
  justify-content: flex-start;
  width: 50%;
}
.works__pagenationPrev a {
  margin-right: 110px;
  padding-left: 25px;
  background: url(../img/arw_left.png) left center no-repeat;
}
.works__pagenationNext a {
  margin-left: 110px;
  padding-right: 25px;
  background: url(../img/arw_right.png) right center no-repeat;
}
.works__pagenationAll a {
  margin-left: 46px;
  padding-right: 25px;
  background: url(../img/arw_right.png) right center no-repeat;
}
.coverpicimg {
  /* display: none; */
}
.works__sns-share{
  display: none;
}


@media screen and (max-width: 768px) {
  .works {
    padding-bottom: 60px;
  }
  .works__title {
    margin-bottom: 20px;
    font-size: 16px;
    letter-spacing: 1.3px;
  }
  .works__title span {
    display: block;
    font-size: 12px;
  }
  .works__movie {
    margin-bottom: 40px;
  }
  .works__movie video {
    width: 100%;
    height: auto;
  }
  .works__wrap{
    width:100%;
  }
  .works__category {
    height: 26px;
    line-height: 26px;
    margin: 10px 0 0;
    padding: 0 15px;
    font-size: 10px;
  }
  .works__btn {
    position: absolute;
    top: 0;
    right: 20px;
    width: 40px;
  }
  .works__img {
    position: relative;
    margin-bottom: 40px;
  }
  .works__img .works__imgItem {
    margin-bottom: 20px;
  }
  .works__popup {
  }
  .works__popupImg {
    top: 100px;
    margin: 0 auto;
    width: 54vw;
    height: 66vw;
    padding: 0 5vw;
  }
  .works__popupImg img {
    width: 100%;
  }
  .works__more {
    display: inline-block!important;
    padding: 0 20px 0 0;
    background: url(../img/arw_right.png) right center no-repeat;
    background-size: 8px auto;
  }
  .works__more a {
    display: inline-block;
  }
  .works__more2 {
    margin: -30px 0 25px;
  }
  .works__more2 a {
    padding: 0 20px 0 0;
    background: url(../img/arw_right.png) right center no-repeat;
    background-size: 8px auto;
  }
  .works__text {
    width: 100%;
    margin-bottom: 40px;
    font-size: 14px;
    line-height: 1.8;
  }
  .works__info {
    margin: 0 0 60px 0;
  }
  .works__info dl {
  }
  .works__info dt {
    width: 100px;
    padding-bottom: 5px;
    letter-spacing: 0.6px;
  }
  .works__info dd {
    padding-bottom: 5px;
  }
  .works__pagenation {
    font-size: 12px;
  }
  .works__pagenationRight {
    display: block;
  }
  .works__pagenationPrev a {
    margin-right: 45px;
    padding-left: 18px;
    background: url(../img/arw_left.png) left center no-repeat;
    background-size: 8px auto;
  }
  .works__pagenationNext {
    margin-left: 2.5em;
    margin-bottom: 10px;
  }
  .works__pagenationNext a {
    margin-left: 25px;
    padding-right: 18px;
    background: url(../img/arw_right.png) right center no-repeat;
    background-size: 8px auto;
  }
  .works__pagenationAll {
    margin-top: 0px;
  }
  .works__pagenationAll a {
    margin-left: 25px;
    padding-right: 18px;
    background: url(../img/arw_right.png) right center no-repeat;
    background-size: 8px auto;
  }
  .works__slideWrap{
    width: calc(100% - 8px);
    max-height: 500px;
    margin-bottom: 16px;
  }
  .swiper-slide img {
    width:100%;
    height: auto;
  }
  .works__sns-share{
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 65px;
  }
  .works__sns-share a{
    display: block;
    width: 32%;
    background: #e5e5e6;
    padding: 2px;
    text-align: center;
    line-height: 18px;
  }
  .works__sns-share a img{
    height: 18px;
  }
  


}

/* ------------------------------------
  News
------------------------------------ */

.news {
  position: relative;
  padding-bottom: 120px;
  text-align: left;
}
.news__title {
  margin-bottom: 30px;
  font-size: 28px;
  letter-spacing: 2px;
  color: #000000;
}
.archve-newslist{
  margin-top:120px;
}
.archve-newslist ul li {
  width: 100%;
/*  display: block;
  margin: 2em 0;*/
	padding-top: 3px;
}

/* news list */
.c-newsList {
  text-align: left;
  margin-bottom: 140px;
  padding: 0 10px;
}

.c-newsList--top {
  margin-bottom: auto;
}

.page-magazines-books .c-newsList {
  margin-top: 60px;
  margin-bottom: 60px;
}

.c-newsList li {
  display: inline-flex;
  flex-flow: row;
  margin-bottom: 40px;
  width: 100%;
  align-items:baseline;
}

.c-newsList li .c-newsListDate {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 14px;
  color: #595757;
  line-height: 2;
  margin-top: 2px;
  margin-right:25px;
}

.c-newsList li .c-newsListCat {
  display: table-cell;
  border:1px solid #595757;
  font-size:11px;
  line-height:11px;
  width:10em;
  text-align: center;
  vertical-align:middle;
  margin-right:25px;
  padding:3px;
}

.c-newsList li .c-newsListLink  {
  font-family: 'Noto Sans JP', sans-serif;
  width: 752px;
  font-size: 14px;
  color: #221814;
  line-height: 2;
}


@media screen and (max-width: 768px) {

  /* news list*/
  .c-newsList li {
    display: flex;
    flex-wrap: wrap;
  }

  .c-newsList li .c-newsListDate {
    margin-bottom: 10px;
    line-height: 2.1;
    display: inline-block;
  }

  .c-newsList li .c-newsListCat {
    display: table-cell;
    border:1px solid #595757;
    font-size:11px;
    line-height:16px;
    width:9em;
    text-align: center;
    vertical-align: middle;
    margin-right:25px;
    margin-bottom: 12px;
  }
  
  .c-newsList li .c-newsListLink  {
    font-family: 'Noto Sans JP', sans-serif;
    width: 100%;
    font-size: 14px;
    color: #221814;
    line-height: 2;
  }
  .archve-newslist{
    margin-top:90px;
  }


}



/* ------------------------------------
  single News
------------------------------------ */
.l-base.single-news{
  width: 90vw;
}

.news-single .contents-header__wrapper{
  padding-top:100px;
}

.news-post-date{
margin-top: 0px;
font-family: 'Roboto', sans-serif;
display: inline-block;
font-size: 16px;
}

.news-post-cat{
  margin-top: 0px;
  margin-left: 15px;
  font-family: "YakuHanJP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  border:1px solid #595757;
  display: inline-block;
  font-size: 14px;
  padding:0 8px;
}

.news-post-title{
  padding-top: 20px;
  font-size: 42px;
}

.single-news {
  padding-bottom: 60px;
  max-width: 800px;
  margin: 0px auto;
  text-align: left;
}

.single-news .post-txt{
margin-top: 25px;
margin-bottom: 30px;
padding-top: 30px;
font-family: "YakuHanJP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
line-height: 2rem;
font-size: 15px;
overflow-wrap: break-word;
}

.single-news .post-txt h2{
  font-size: 17px;
  font-weight: bold;
  line-height: 25px;
  margin-top: 50px;
  margin-bottom: 20px;
}

.single-news .post-txt h3{
  font-size: 15px;
  font-weight: bold;
  margin-top: 25px;
  margin-bottom: 20px;
}

.single-news .post-txt p{
  margin:0 auto 20px;
  word-break: break-all;
  overflow-wrap: break-word;
}
.single-news .post-txt p img{
  height: auto;
}

.single-news .post-txt img.alignright {
  display: block;
  float: right;
  margin-left: 20px;
}
.single-news .post-txt img.alignleft {
  display: block;
  float: left;
  margin-right: 20px;
}
.single-news .post-txt img.aligncenter {
  display: block;
  margin: 0 auto;
}
.single-news .post-txt img.alignnone {
  display: block;
  margin: 0 auto;
}

.news-footer__wrapper{
  border-top:1px solid #cccccc;
  display: flex;
  flex-direction: row;
  justify-content: left;
  padding: 20px 70px 0px;
  align-items: center;
  margin-bottom:160px;
}

.news-footer__title{
  font-family: roboto condensed;
  font-weight: bold;
  font-size: 14px;
}

.news-footer__sns-list{
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: left;
}

.news-footer__sns-listitem{
}

.news-footer__sns-listitem a{
  display: inline-block;
}

.news-footer__sns-listitem img{
  max-width: 35px;
  margin-left:20px;
}


@media screen and (max-width: 768px) {

  .news-single .contents-header__wrapper{
    padding-top:50px;
  }
  .news-post-date{
    margin-top: 0px;
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    font-size: 15px;
  }
  
  .news-post-cat{
    margin-top: 0px;
    font-family: "YakuHanJP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    border:1px solid #595757;
    display: inline-block;
    font-size: 12px;
  }
  
  .news-post-title{
    padding-top: 20px;
    font-size: 30px;
    padding-bottom:50px;
  }

  .contents-header__title.news-title{
    padding-top: 20px;
    font-size: 42px;
  }
  .news-footer__wrapper{
    border-top:1px solid #cccccc;
    display: flex;
    flex-direction: row;
    justify-content: left;
    padding: 20px 0px 0px;
    align-items: center;
    margin-bottom:120px;
  }
  
}




/* ------------------------------------
  correction
------------------------------------ */

.correction {
  position: relative;
  padding-bottom: 120px;
  text-align: left;
}
.correction__title {
  margin-bottom: 30px;
  font-size: 28px;
  letter-spacing: 2px;
  color: #000000;
}
.archve-correctionlist ul li {
  width: 100%;
/*  display: block;
  margin: 2em 0;*/
  padding-top: 3px;
}

.archve-correctionlist ul li span {
 margin-right: 2em;
}


/* correction list */

.c-correctionList {
  text-align: left;
  margin-bottom: 140px;
}

.c-correctionList--top {
  margin-bottom: auto;
}

.c-correctionList li {
  display: inline-flex;
  flex-flow: row;
  margin-bottom: 30px;
  width: 100%;
  align-items:baseline;
}

.c-correctionList li .c-correctionListDate  {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 14px;
  color: #595757;
  line-height: 2;
  margin-top: 2px;
}

.c-correctionList li .c-correctionListLink  {
  font-family: 'Noto Sans JP', sans-serif;
  width: 852px;
  font-size: 14px;
  color: #221814;
  line-height: 2;
}


@media screen and (max-width: 768px) {

  /* correction list */
  .c-correctionList li {
    display: block;
  }

  .c-correctionList li .c-correctionListDate {
    margin-bottom: 2vw;
    width: 70vw;
    line-height: 2.1;
    margin-bottom: 6.6vw;
    display: block;
  }

}


/* ------------------------------------
  single correction
------------------------------------ */
.l-base.single-correction{
  width: 90vw;
}


.post-title{
font-family: "YakuHanJP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-size: 24px;
line-height: 1.5;
font-weight: bold;
}

.post-date{
margin-top: 20px;
font-family: 'Roboto', sans-serif;
}

.single-correction {
  padding-top: 60px;
  padding-bottom: 60px;
  max-width: 800px;
  margin: 0px auto;
  text-align: left;
}
.single-correction .post-txt{
margin-top: 25px;
margin-bottom: 30px;
padding-top: 30px;
font-family: "YakuHanJP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
line-height: 2rem;
font-size: 15px;
}

.single-correction .post-txt h2{
  font-size: 17px;
  font-weight: bold;
  line-height: 25px;
  margin-top: 50px;
  margin-bottom: 20px;
}

.single-correction .post-txt h3{
  font-size: 15px;
  font-weight: bold;
  margin-top: 25px;
  margin-bottom: 20px;
}

.single-correction .post-txt p{
  margin:0 auto 20px;
}
.single-correction .post-txt p img{
  height: auto;
}

.single-correction .post-txt img.alignright {
  display: block;
  float: right;
  margin-left: 20px;
}
.single-correction .post-txt img.alignleft {
  display: block;
  float: left;
  margin-right: 20px;
}
.single-correction .post-txt img.aligncenter {
  display: block;
  margin: 0 auto;
}
.single-correction .post-txt img.alignnone {
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {

}







/* ------------------------------------
  contact
------------------------------------ */
.contact {
  padding: 0 10px 140px;;
  text-align: left;
}
.contact__text {
  margin-bottom: 35px;
  font-size: 24px;
  letter-spacing: 1.2px;
}
.contact__text span {
  display: block;
  padding-top: 5px;
  font-size: 16px;
  letter-spacing: 1.1px;
}
.mw_wp_form_input .text-confirm {
  display: none;
}
.mw_wp_form_confirm .text-input {
  display: none;
}
.contact__type {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 35px;
  font-size: 16px;
  letter-spacing: 0.8px;
  color: #1a1311;
}
.mw_wp_form_confirm .contact__type {
  margin-bottom: 30px;
/*   margin-left: 200px; */

}
.mw_wp_form_confirm .contact__type::before {
  content: "◆";
  margin-right: 10px;
}
.contact__type .mwform-radio-field {
  margin-right: 35px;
}
.contact__list {
  margin-bottom: 95px;
}
.contact__list .contact__item {
  display: flex;
  margin-bottom: 30px;
}
.contact__list .contact__itemName {
  width: 205px;
  font-size: 14px;
  color: #1a1311;
}
.mw_wp_form_confirm .contact__list .contact__itemName span {
  display: none;
}
.contact__list .contact__inputWrap {
  display: flex;
  width: calc(100% - 205px);
}
.contact__list .contact__input {
  width: 100%;
}
.contact__list .w50 .contact__input {
  width: 50%;
}
.contact__list .w50 .contact__input:first-child {
  width: calc(50% - 10px);
  margin-right: 10px;
}
.mw_wp_form_confirm .contact__list .w50 .contact__input:first-child {
  width: auto;
}
.contact__btn {
  width: 350px;
  height: 44px;
  line-height: 40px;
  margin: 0 0 0 205px;
  font-size: 20px;
  border: 2px solid #474645;
  text-align: center;
}
.contact__btn input {
  width: 100%;
  height: 100%;
  font-size: 20px;
  cursor: pointer;
}
.contact__msg {
  line-height: 2;
  text-align: center;
  font-size: 20px;
  letter-spacing: 1.2px;
}
@media screen and (max-width: 768px) {
  .contact {
    padding: 0 40px 70px;
  }
  .contact__text {
    margin-bottom: 20px;
    font-size: 18px;
    letter-spacing: 0.9px;
  }
  .contact__text span {
    font-size: 12px;
    letter-spacing: 0.8px;
  }
  .contact__type {
    margin-bottom: 20px;
    font-size: 14px;
    letter-spacing: 0.7px;
  }
  .contact__type .mwform-radio-field {
    width: 100%;
    margin-right: 30px;
    margin-left: 0!important;
    margin-bottom: 3px;
  }
  .contact__list {
    margin-bottom: 60px;
  }
  .contact__list .contact__item {
    display: block;
    margin-bottom: 30px;
  }
  .contact__list .contact__itemName {
    width: 100%;
    margin-bottom: 4px;
    font-size: 14px;
  }
  .contact__list .contact__inputWrap {
    width: 100%;
    margin-bottom: 10px;
  }
  .contact__list .w50 .contact__input {
    width: 50%;
  }
  .contact__list .w50 .contact__input:first-child {
    width: 50%;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .contact__btn {
    width: 100%;
    height: 40px;
    line-height: 38px;
    margin: 0;
    font-size: 18px;
    border: 1px solid #474645;
  }
  .contact__btn input {
    font-size: 18px;
  }
  .contact__msg {
    line-height: 2;
    font-size: 16px;
    letter-spacing: 0.9px;
  }
}





.slick-dots {
  position: relative;
  left: 0;
  right: 0;
  bottom: auto;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0 40px 0 0;
  list-style: none;
  text-align: left;
}
.slick-dots li {
  position: relative;
  float: none;
  display: inline-block;
  margin: 0 10px 0 0 ;
  padding: 0;
  cursor: pointer;
}
.slick-dots .slick-active button {
  background: #1a1311;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 70px;
  height: 2px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: #ddd;
  border-radius: 0;
  border: 0;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black;
}
@media screen and (max-width: 768px) {
  .slick-dots {
    bottom: -30px;
    margin: 0 20px 0 0;
  }
  .slick-dots .slick-active button {
    background: #666;
  }
  .slick-dots li button {
    width: 13px;
    height: 13px;
    border: 2px solid #666;
  }
}

@media screen and (max-width: 768px){
  .slick-prev, .slick-next {
    top: 55%;
  }
  .slick-prev {
    left: -15px;
  }
  .slick-next {
    right: -15px;
  }
}

/* ------------------------------------
  recruit
------------------------------------ */
.page-recruit {
  color: #1a1311;
}

.recruit-title {
  line-height: 1;
  margin: 0 0 75px 110px;
  font-size: 50px;
  font-weight: 400;
  letter-spacing: 0px;
  text-align: left;
}
.recruit-subTitle {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  margin-bottom: 70px;
  font-size: 24.23px;
  letter-spacing: 0.6px;
}
@media screen and (max-width: 768px){
  .recruit-title {
    display: none;
  }
  .recruit-subTitle {
    margin-bottom: 50px;
    font-size: 18px;
    letter-spacing: 0.5px;
  }
}

.recruit-catch {
  margin-bottom: 40px;
  text-align: center;
}
.recruit-catch .en {
  font-family: 'Old Standard TT', serif;
  display: block;
  font-size: 50px;
  line-height: 1.3;
  letter-spacing: 2px;
}
.recruit-catch .jp {
  display: block;
  font-size: 28px;
  letter-spacing: 2px;
  color: #000000;
}
@media screen and (max-width: 768px){
  .recruit-catch {
    margin-bottom: 20px;
    text-align: left;
  }
  .recruit-catch .en {
    font-size: 34px;
    line-height: 2;
    letter-spacing: 1px;
  }
  .recruit-catch .jp {
    font-size: 20px;
    line-height: 1.42;
    letter-spacing: 1.4px;
  }
}

.recruit-thumb {
  margin-bottom: 50px;
}
.recruit-thumb ul {
  display: flex;
  flex-wrap: wrap;
  width: 660px;
  margin: 0 auto;
}
.recruit-thumb li {
  width: calc(100%/4);
  padding: 0 0 25px;
}
.recruit-thumb__img {
  display:flex;
  align-items: center;
  justify-content: center;
  height: 125px;
}
.recruit-thumb__text {
  line-height: 1.3;
  font-size: 18px;
  font-weight: 400;
}
@media screen and (max-width: 768px){
  .recruit-thumb {
    margin: 0 10px 90px;
  }
  .recruit-thumb ul {
    width: 100%;
  }
  .recruit-thumb li {
    width: calc(100%/3);
    padding: 0 0 20px;
  }
  .recruit-thumb__img {
    height: 90px;
  }
  .recruit-thumb__img img {
    max-width: 60px;
  }
  .recruit-thumb__text {
    line-height: 1.2;
    font-size: 12px;
  }
}

#job {
  margin-top: -20px;
  padding-top: 20px;
}
.recruit-job {
  margin-bottom: 75px;
}
.recruit-job ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0 -20px;
  text-align: left;
}
.recruit-job li {
  position: relative;
  width: calc(100%/3);
  padding: 0 0 20px 20px;
  font-size: 13px; /*元15px*/
  font-weight: 500;
  letter-spacing: 0.5px;
}
.recruit-job a {
  display: block;
}
.recruit-job__box {
  display: flex;
  align-items: center;
  width: 100%;
  height: 68px;
  padding: 0 16px;
  border: solid 1px #474645;
}
.recruit-job__label {
  position: absolute;
  right: -5px;
  top: -5px;
  display: flex;
  align-items: center;
  text-align: center;
  width: 50px;
  height: 78px;
}
.recruit-job__label.gray {
  font-size: 12px;
  line-height: 1.42;
  letter-spacing: 1.2px;
  background: #93939e;
  color: #fff;
}
.recruit-job__label.yellow {
  font-size: 18px;
  line-height: 0.94;
  letter-spacing: 1.8px;
  background: #ffdc26;
  color: #1a1311;
}
.recruit-job__label::before {
  content: "";
  position: absolute;
  left: -36px;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 39px 36px 39px 0;
}
.recruit-job__label.gray::before {
  border-color: transparent #93939e transparent transparent;
}
.recruit-job__label.yellow::before {
  border-color: transparent #ffdc26 transparent transparent;
}
@media screen and (max-width: 768px){
  #job {
    margin-top: -15px;
    padding-top: 15px;
  }
  .recruit-job {
    margin-bottom: 40px;
  }
  .recruit-job ul {
    display: block;
    margin: 0;
  }
  .recruit-job li {
    width: 100%;
    padding: 0 0 12px;
    font-size: 12px; /*元14px*/
    letter-spacing: 0.4px;
  }
  .recruit-job__box {
    padding: 0 15px;
  }
  .recruit-job__label {
    right: -2px;
    top: -2px;
    width: 48px;
    height: 72px;
  }
  .recruit-job__label::before {
    content: "";
    position: absolute;
    left: -36px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 36px 36px 36px 0;
  }
}

.recruit-entry {
  margin-bottom: 170px;
  font-size: 12px;
  letter-spacing: 2.4px;
}
.recruit-entry__insta {
  margin-bottom: 22px;
}
.recruit-entry__btn {
  width: 350px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto 16px;
  background: #ffdc26;
}
.recruit-entry__text {
}
@media screen and (max-width: 768px){
  .recruit-entry {
    margin-bottom: 90px;
  }
  .recruit-entry__btn {
    width: 100%;
    margin: 0 auto 16px;
  }
}

.recruit-mission {
  margin-bottom: 150px;
}
.recruit-mission__img {
  margin-bottom: 60px;
}
.recruit-mission__img video {
  width: 657px;
  height: 313px;
}
.recruit-mission__catch {
  margin-bottom: 30px;
}
.recruit-mission__catch .en {
  font-family: 'Old Standard TT', serif;
  display: block;
  font-size: 38px;
  letter-spacing: 0.8px;
}
.recruit-mission__catch .jp {
  display: block;
  font-size: 28px;
  letter-spacing: 2px;
  color: #000000;
}
.recruit-mission__text {
  font-size: 16px;
  line-height: 2.21;
}
@media screen and (max-width: 768px){
  .recruit-mission {
    margin-bottom: 120px;
  }
  .recruit-mission__img {
    margin-bottom: 40px;
  }
  .recruit-mission__img video {
    width: 100%;
    height: auto;
  }
  .recruit-mission__catch {
    margin-bottom: 30px;
  }
  .recruit-mission__catch .en {
    margin-bottom: 10px;
    font-size: 28px;
    letter-spacing: 0.6px;
  }
  .recruit-mission__catch .jp {
    font-size: 20px;
    line-height: 1.42;
    letter-spacing: 1.4px;
  }
  .recruit-mission__text {
    font-size: 13px;
    line-height: 1.69;
  }
}

.recruit-movie {
  margin-bottom: 130px;
}
.recruit-subTitle {}
.recruit-movie__list {
  text-align: left;
}
.recruit-movie__list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0 0 -20px;
}
.recruit-movie__list li {
  width: calc(100%/2);
  max-width: 314px;
  padding: 0 0 40px 20px;
}
.recruit-movie__list li:nth-of-type(3),
.recruit-movie__list li:nth-of-type(4),
.recruit-movie__list li:nth-of-type(5) {
  width: calc(100%/3);
}
.recruit-movie__listImg {
  margin-bottom: 10px;
}
.recruit-movie__listImg a {
  position: relative;
  display: block;
}
/* .recruit-movie__listImg a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/ico_loading.gif") center center no-repeat rgba(0,0,0,.5);
  transition: .3s;
} */
/* .recruit-movie__listImg a.is-ready::before {
  opacity: 0;
} */
.recruit-movie__listImg a:after {
  content: "";
  position: absolute;
  left: calc(50% - 39px);
  top: calc(50% - 39px);
  width: 78px;
  height: 78px;
  background: url("../img/play_btn.png") center center no-repeat;
  background-size: 77px auto;
  opacity: 1;
  transition: .3s;
}
/* .recruit-movie__listImg a.is-ready::after {
  opacity: 1;
} */
.recruit-movie__listJob {
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.32;
  letter-spacing: 0.4px;
}
.recruit-movie__listJobEn {
  font-family: 'Roboto Condensed', sans-serif;
  margin-bottom: 8px;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.5px;
}
.recruit-movie__listName {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 2px;
}
@media screen and (max-width: 768px){
  .recruit-movie {
    margin-bottom: 60px;
  }
  .recruit-subTitle {}
  .recruit-movie__list {
    text-align: left;
  }
  .recruit-movie__list ul {
    display: block;
    margin: 0;
  }
  .recruit-movie__list li {
    width: 100%;
    max-width: 100%;
    padding: 0 0 25px;
  }
  .recruit-movie__list li:nth-of-type(3),
  .recruit-movie__list li:nth-of-type(4),
  .recruit-movie__list li:nth-of-type(5) {
    width: 100%;
  }
  .recruit-movie__listImg {
    margin-bottom: 10px;
  }
  .recruit-movie__listImg a {
    position: relative;
    display: block;
  }
  .recruit-movie__listImg a::after {
    content: "";
    position: absolute;
    left: calc(50% - 39px);
    top: calc(50% - 39px);
    width: 78px;
    height: 78px;
    background: url("../img/play_btn.png") center center no-repeat;
    background-size: 77px auto;
  }
  .recruit-movie__listJob {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 1.3;
  }
  .recruit-movie__listJobEn {
    margin-bottom: 5px;
  }
  .recruit-movie__listName {
    font-size: 16px;
    letter-spacing: 1.6px;
  }
}

.recruit-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 1001;
}

.recruit-popup-close {
  right: 50%;
  margin-right: -285px;
  top: 50px;
  position: fixed;
  width: 25px;
  height: 18px;
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
  z-index: 103;
}
.recruit-popup-close span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
  position: absolute;
  left: 0px;
  top: 10px;
  width: 100%;
  height: 2px;
  background-color: #fff;
}
.recruit-popup-close span:nth-of-type(1) {
  -webkit-transform: translateY(8px) rotate(-45deg);
  transform: rotate(-45deg);
}
.recruit-popup-close span:nth-of-type(2) {
  -webkit-transform: translateY(-8px) rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .recruit-popup-close {
    right: 25px;
    margin-right: 0;
    top: 25px;
    display: block;
    position: fixed;
    width: 25px;
    height: 18px;
  }
}

.recruit-popup__box {
  /* display: none; */
  position: absolute;
  top: 0;
  left: 50%;
  width: 612px;
  margin-left: -306px;
  padding: 45px 45px 60px;
  background: rgba(26, 19, 17, 0.9);
  text-align: left;
  font-size: 12px;
  line-height: 1.65;
  color: #fff;
}
.recruit-popup__title {
  margin-bottom: 40px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.36;
  letter-spacing: 0.7px;
}
.recruit-popup__wrap {
}
.recruit-popup__text {
  font-family: 'Noto Sans JP', sans-serif;
  margin-bottom: 30px;
}
.recruit-popup__shikaku {
  margin-bottom: 30px;
}
.recruit-popup__shikakuTitle span {
  position: relative;
  display: inline-block;
  width: 112px;
  height: 28px;
  margin-bottom: 10px;
  padding: 2px 15px;
  background: url(../img/recruit/balloon_s.png) left top no-repeat;
  background-size: 112px auto;
  font-size: 11px;
  color: #ffdc26;
}
.recruit-popup__shikakuText {
  margin-bottom: 10px;
}
.recruit-popup__shikakuText li {
  margin-left: 1em;
  text-indent: -1em;
}
.recruit-popup__guidelineTitle {
  margin-bottom: 10px;
}
.recruit-popup__guidelineTitle span {
  position: relative;
  display: inline-block;
  width: 140px;
  height: 28px;
  margin-bottom: 10px;
  padding: 2px 15px;
  background: url(../img/recruit/balloon_l.png) left top no-repeat;
  background-size: 140px auto;
  font-size: 11px;
  color: #ffdc26;
}
.recruit-popup__guidelineList {
  margin-bottom: 80px;
}
.recruit-popup__guidelineList dl {
  display: flex;
}
.recruit-popup__guidelineList dt {
  position: relative;
  width: 90px;
  margin-bottom: 5px;
  padding: 0 15px;
}
.recruit-popup__guidelineList dt:before,
.recruit-popup__guidelineList dt:after {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  background: #666;
}
.recruit-popup__guidelineList dt:before {
  left: 0;
}
.recruit-popup__guidelineList dt:after {
  right: 0;
}
.recruit-popup__guidelineList dd {
  width: calc(100% - 100px);
  margin-bottom: 5px;
  padding-left: 10px;
  letter-spacing: 0px;
}
.recruit-popup__btn {
  font-family: 'Noto Sans JP', sans-serif;
  width: 350px;
  height: 39px;
  line-height: 39px;
  margin: 0 auto;
  background: #ffdc26;
  letter-spacing: 2.4px;
}
.recruit-popup__btn a {
  display: block;
  text-align: center;
  color: #1a1311;
}
@media screen and (max-width: 768px){
  .recruit-popup {
    width: 100%;
    overflow: scroll;
  }
  .recruit-popup__box {
    padding: 45px 40px 70px;
    /* padding: 10px; */
    font-size: 12px;
    line-height: 1.65;
    left: 0;
    margin-left: 0;
    width: 100%;
  }
  .recruit-popup__title {
    margin: 0 0 30px;
    padding: 0 20px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.36;
    letter-spacing: 0.7px;
  }
  .recruit-popup__wrap {
  }
  .recruit-popup__text {
    margin-bottom: 25px;
    padding: 0 20px;
  }
  .recruit-popup__shikaku {
    margin-bottom: 20px;
    padding: 0 20px;
  }
  .recruit-popup__shikakuTitle span {
    width: 112px;
    height: 28px;
    margin-bottom: 10px;
    padding: 2px 15px;
    background: url(../img/recruit/balloon_s.png) left top no-repeat;
    background-size: 112px auto;
    font-size: 11px;
  }
  .recruit-popup__shikakuText {
    margin-bottom: 10px;
  }
  .recruit-popup__guidelineTitle {
    margin-bottom: 0px;
    padding: 0 20px;
  }
  .recruit-popup__guidelineTitle span {
    width: 140px;
    height: 28px;
    margin-bottom: 10px;
    padding: 2px 15px;
    background: url(../img/recruit/balloon_l.png) left top no-repeat;
    background-size: 140px auto;
    font-size: 11px;
  }
  .recruit-popup__guidelineList {
    margin-bottom: 50px;
    padding: 0 20px;
  }
  .recruit-popup__guidelineList dl {
    display: block;
  }
  .recruit-popup__guidelineList dt {
    width: 100%;
    margin-bottom: 2px;
    padding: 0;
  }
  .recruit-popup__guidelineList dt:before,
  .recruit-popup__guidelineList dt:after {
    display: none;
  }
  .recruit-popup__guidelineList dd {
    width: 100%;
    margin-bottom: 10px;
    padding-left: 0;
    letter-spacing: 0px;
  }
  .recruit-popup__btn {
    width: 100%;
  }
}

.recruit-popumpMovie_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  overflow: hidden;
  background: rgba(0,0,0,0.5);
}

.recruit-popupMovie {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -450px;
  z-index: 10000;
}
.recruit-popupMovie-close {
  position: absolute;
  bottom: -36px;
  right: 0px;
  border: 1px #fff solid;
  color: #fff;
  padding: 3px 10px 3px 30px;
}
.recruit-popupMovie-close::after {
  position: absolute;
  display: inline-block;
  content: ' ';
  height: 1px;
  width: 15px;
  background: #fff;
  top: 14px;
  left: 9px;
  font-size: 13px;
  transform: rotate(-45deg);
}
.recruit-popupMovie-close::before {
  position: absolute;
  display: inline-block;
  content: ' ';
  height: 1px;
  width: 15px;
  background: #fff;
  top: 14px;
  left: 9px;
  font-size: 13px;
  transform: rotate(45deg);
}
.recruit-popupMovie__box {
  display: none;
  background: rgba(26, 19, 17, 0.9);
}
.recruit-popupMovie__box video {
  width: 900px;
}
@media screen and (max-width: 768px){
  .recruit-popupMovie {
    top: -160px;
    margin-left: -160px;
  }
  .recruit-popupMovie__box video {
    width: 320px;
    height: 180px;
  }
}


/* ------------------------------------
  breadcrumbs
------------------------------------ */
  .breadcrumbs{
    width: 100%;
    min-width: 300px;
    margin:0 auto 60px;
    white-space: nowrap;
    overflow-x: auto;
  }

  .breadcrumbs-list{

    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    justify-content: unset;
  }

  .breadcrumbs-list-item{
    font-size: 11px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    font-family: 'Noto Sans JP', sans-serif;
  }

  .breadcrumbs-list-item:not(:last-child){
    margin-right: 6px;
  }

  .breadcrumbs-list-item:not(:last-child)::after {
    content: '＞';
    display: inline-block;
    padding-left: 6px;
  }

  .breadcrumbs-list-item span{
   background-color: #eeeeee; 
   display: inline-block;
   width: 100%;
  }
  .breadcrumbs-list-item a{
   background-color: #eeeeee; 
   padding: 10px;
    display: inline-block;
   width: 100%;
  }


@media screen and (min-width: 769px) and (max-width: 1239px){
  .breadcrumbs{
    margin:0 0 60px;
    padding:0px;
  }
  .breadcrumbs-list{
    padding: 0;
    display: flex;
  }
}
@media screen and (min-width: 1240px){
  .breadcrumbs{
    margin:0 0 60px;
    padding:0px;
  }

  .breadcrumbs-list{
    padding: 0;
    display: flex;
  }

  .breadcrumbs-list-item{
    font-size: 11px;
    line-height: 1;
    display: flex;
    align-items: center;
    font-family: 'Noto Sans JP', sans-serif;
  }

  .breadcrumbs-list-item:not(:last-child){
    margin-right: 6px;
  }

  .breadcrumbs-list-item:not(:last-child)::after {
    content: '＞';
    display: inline-block;
    padding-left: 6px;
  }

  .breadcrumbs-list-item span{
   background-color: #eeeeee; 
   display: inline-block;
   width: 100%;
  }
  .breadcrumbs-list-item a{
   background-color: #eeeeee; 
   padding: 10px;
    display: inline-block;
   width: 100%;
  }
}

/* ------------------------------------
  page-recruit new 2023/05
------------------------------------ */

.page-recruit_fixed-btn {
  background-color: #000000;
  border: solid 1px #cbcbcb;
  border-right: none;
  color: #FFFFFF;
  display: block;
  font-size: 16px;
  letter-spacing: 0.96px;
  line-height:60px;
  height: 210px;
  position: fixed;
  right: 0;
  text-align: center;
  bottom: 100px;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode:vertical-rl;
  writing-mode: vertical-rl;
  width: 60px;
  z-index: 10;
}

.contents-main__article.page-recruit_message{
  color: #221814;
  font-family: 'Noto Sans JP', sans-serif;
  margin-bottom: 100px;
}

.page-recruit_message-section{
  line-height: 2;
  margin: 0 auto 0;
  max-width: 778px;
}

.page-recruit_message-title-logo{
  margin-top: 100px;
  margin-bottom: 86px;
}

.page-recruit_message-section-copy{
  font-size: 16px; 
  letter-spacing: 0.96px;
  line-height: 1.9;
  margin-bottom:30px;
}

.page-recruit_about-us_fill-background{
  background-color: #919191;
  padding-top: 1px;
  width: 100%;
}

.contents-main__article.page-recruit_about-us{
  color: #FFFFFF;
  font-family: 'Noto Sans JP', sans-serif;
  padding-bottom: 60px;
}


.contents-main__article-title.page-recruit_about-us-title{
  margin-bottom: 60px;
}

.contents-main__article-title.page-recruit_about-us-title::before{
  border-top: 1px solid #FFFFFF;
} 

.page-recruit_about-us_head{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-left: 60px;
}

.page-recruit_about-us_head-text{
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing: 0.96px;
  line-height: 1.9;
  padding-right: 50px;
  text-align: left;
  white-space: normal;
  width: 50%;
  word-break: break-all;
}

.page-recruit_about-us_head-link{
  text-align:right;
}

.page-recruit_about-us_head-image{
  height: 228px;
  width: 428px;
}

.page-recruit_about-us_copy{
  color: #FFFFFF;
  margin: 90px 60px 40px;
}

.page-recruit_about-us_item{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.page-recruit_about-us_item-block{
  border: solid 1px #CCCCCC;
  color: #FFFFFF;
  padding: 30px;
  text-align: center;
  width: 440px;
  position: relative;
}

.page-recruit_about-us_item-block:before{
  content: "";
  position: absolute;
  top: 0;
  left: 50px;
  width: 99px;
  height: 1px;
  background: #fff;
}

.page-recruit_about-us_item-block-title{
  color: #FFFFFF;
  margin-bottom: 20px;
  font-family: sans-serif;
  font-size: 24px;
  letter-spacing: 0.96px;
  line-height: 1.3;
}

.page-recruit_about-us_item-block-body{
  color: #FFFFFF;
  text-align: left;
}

.page-recruit_about-us_item-block-text{
  color: #FFFFFF;
  margin-top: 20px;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  letter-spacing: 0.96px;
  line-height: 1.9;
}

.page-recruit_about-us_copy{
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing: 0.96px;
  line-height: 1.9;
  width: 778px;
}

.page-recruit_about-us_detail-image{
  padding-bottom: 60px;
  width: 100%;
}

.page-recruit_about-us_item-block-footer{
  text-align: right;
}

.page-recruit_contents-main__btn{
  margin-bottom: 0;
}
.page-recruit_contents-main__btn > a{
  border: none;
  background-color: inherit;
  color: #FFFFFF;
  display: inline-block;
  font-family: sans-serif;
  font-size: 16px;
  letter-spacing: 0.96px;
  padding: 0;
}

.page-recruit_contents-main__btn .under-line{
  text-decoration: underline;
  text-underline-offset: 20%;
}

.page-recruit_members{
  color: #221814;
  font-family: 'Noto Sans JP', sans-serif;
  margin-bottom: 60px;
  margin-top: -198px;
}

.page-recruit_members .contents-main__section-title{
  border-bottom: solid 1px #221814;
  font-size:22px;
  letter-spacing: 1.32px;
  margin: 60px 76px;
  padding-bottom: 10px;
  text-align: left;
}

.page-recruit_members-copy{
  font-size: 16px;
  letter-spacing: 0.96px;
  margin-left: 76px;
  margin-bottom: 360px;
}

.page-recruit_members_fill-background{
  background-color: #FFFFFF;
  width: 100%;
}

.page-recruit_members_members-bg-image{
  height: 270px;
  position: relative;
  background-position: center center;
  background-size: auto 100%;
  background-repeat: repeat-x;
  /*background-image: url(../img/recruit/members_bg.png);*/
  -webkit-animation: members-loop 5000s linear infinite forwards;
  animation: members-loop 5000s linear infinite forwards;
  top:0px;
}
@-webkit-keyframes members-loop {
  from {
    background-position:0 0px;
    background-position-x: 0px;
    background-position-y: 0px;
  }
  to {
    background-position:100000px 0px;
    background-position-x: 100000px;
    background-position-y: 0px;
  }
}
@keyframes members-loop {
  from { background-position:0 0px;
    background-position-x: 0px;
    background-position-y: 0px;
  }
  to {
    background-position:100000px 0px;
    background-position-x: 100000px;
    background-position-y: 0px;
  }
}

.page-recruit_members-images{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}

.page-recruit_member_section-title{
  border-bottom: solid 1px #221814;
  font-size:22px;
  letter-spacing: 0.96px;
  margin: 350px 76px 60px 76px ;
  padding-bottom: 10px;
  text-align: left;
}

.page-recruit_members_item{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.page-recruit_members_item-block{
  text-align: center;
  width: 303px;
  padding-bottom: 30px;
}

.page-recruit_members_block-image{
  height: 210px;
}

.page-recruit_members_item-block-body-comment{
  font-size: 16px;
  font-weight: 600;
  line-height: 2;
  padding: 20px;
  text-align: left;
}

.page-recruit_members_item-block-body-name{
  font-size: 14px;
  padding: 0 20px;
  text-align: left;
}

.page-recruit_welfare_fill-background{
  background-color: #F0F0F0;
  padding-top: 1px;
  width: 100%;
}

.page-recruit_welfare{
  color: #221814;
  font-family: 'Noto Sans JP', sans-serif;
  max-width: 1050px;
  margin: auto;
  padding-bottom: 120px;
}

.page-recruit_welfare_item{
  display: flex;
  gap: 80px 0;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.page-recruit_welfare_item-block{
  font-size: 14px;
  text-align: center;
  width: 210px;
}

.page-recruit_welfare_head-image{
  margin-bottom: 15px;
}

.page-recruit_welfare_item-block-body-title{
  font-size: 16px;
  letter-spacing: 0.96px;
  margin-bottom: 15px;
}

.page-recruit_welfare_item-block-body-dis{
  font-size: 14px;
  letter-spacing: 0.84px;
  text-align: left;
}

.page-recruit_recruitment-type_section-title{
  border-bottom: solid 1px #221814;
  color: #221814;
  font-size:22px;
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing: 1.32px;
  margin: 0 76px 60px 76px ;
  padding-bottom: 10px;
  text-align: left;
}
.page-recruit_recruitment-type_section-title--margin-top {
  margin-top: 100px;
}

.page-recruit_recruitment-type_item{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}

.page-recruit_recruitment-type_item-block{
  border: solid 1px #221814;
  color: #221814;
  font-size: 14px;
  /*height: 390px;*/
  margin: 10px 0;
  padding: 30px 15px;
  position: relative;
  text-align: center;
  width: 277px;
}

.page-recruit_recruitment-type_item-block:before{
  content: "";
  position: absolute;
  top: 0;
  left: 20px;
  width: 40px;
  height: 1px;
  background: #221814;
}

.page-recruit_recruitment-type_item-block-title{
  color: #221814;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.96px;
  white-space: nowrap;
}

.page-recruit_recruitment-type_item-block-title-small{
  font-size: 13px;
  letter-spacing: 0.78px;
  white-space: nowrap;
}

.page-recruit_recruitment-type_item-block-body{
  margin-top: 30px;
  text-align: left;
}

.page-recruit_recruitment-type_item-block-body-inner-title{
  color: #656565;
  margin-top:20px;
}

.page-recruit_type_item-main__btn{
  margin-bottom: 0;
}

.page-recruit_type_item-main__btn > a{
  border: none;
  background-color: inherit;
  color: #221814;
  display: inline-block;
  font-size: 16px;
  letter-spacing: 0.96px;
  padding: 0;
}

.page-recruit_type_item-main__btn .under-line{
  text-decoration: underline;
  text-underline-offset: 20%;
}

.page-recruit_recruitment-type_item-entry-btn{
  align-items: center;
  background-color: #4C4948;
  border-radius: 42px;
  display: flex;
  height: 84px;
  justify-content: center;
  margin: auto;
  text-align: center;
  width: 450px;
  color: #ffffff;
}

.page-recruit_recruitment-type_item-entry-text{
  align-items: center;
  background-color: #d1d1d1;
  border-radius: 42px;
  display: flex;
  height: 84px;
  justify-content: center;
  margin: auto;
  text-align: center;
  width: 450px;
  color: #000000;
}


.page-recruit_recruitment-type_item-entry-notice{
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  margin-top: 10px;
  color: #000000;
}

.page-recruit_recruitment-type_item-block-body-inner-text{
  text-align: center;
  margin-bottom: 40px;
}

.page-recruit_recruitment-type_item-entry-btn a{
  color: #FFFFFF;
  display: block;
  font-size: 16px;
  letter-spacing: 0.96px;
}

.page-recruit_recruitment-type_item-entry-btn a::before{
  content: '▷ ';
}

@media screen and (max-width: 768px){
  .page-recruit_fixed-btn{

    font-size: 14px;
    letter-spacing: 0.84px;
    line-height:50px;
    height: 50px;
    right: 0;
    position: fixed;
    text-align: center;
    bottom: 0;
    -ms-writing-mode:rl-tb;
    -webkit-writing-mode:horizontal-tb;
    writing-mode: horizontal-tb;
    width: 150px;
  }
  a.page-recruit_fixed-btn:focus{
    opacity: 1;
    color: #ffffff;
  }

  .contents-main__article.page-recruit_message{
    margin-bottom: 60px;
  }

  .page-recruit_message-title-logo{
    margin-top: 10px;
    margin-bottom: 40px;
  }

  .page-recruit_message-section-copy{
    font-size: 14px; 
    letter-spacing: 0.84px;
    padding:0 25px;
  }

  .page-recruit_about-us_head {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    margin-left: 0;
  }

  .contents-main__article-title.page-recruit_about-us-title {
    margin-bottom: 40px;
  }

  .page-recruit_about-us_head-image {
    height: auto;
    padding-bottom: 40px;
    width: 100%;
  }

  .page-recruit_about-us_head-text {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px; 
    letter-spacing: 0.84px;
    line-height: 1.9;
    padding-right: 0;
    text-align: left;
    margin-bottom: 40px;
    white-space: normal;
    width: 100%;
    word-break: break-all;
  }

  .page-recruit_contents-main__btn > a {
    font-size: 14px;
    letter-spacing: 0.84px;
  }

  .page-recruit_about-us_fill-background{
    position: relative;
  }

  .page-recruit_about-us_copy {
    font-size: 14px;
    letter-spacing: 0.84px;
    line-height: 1.9;
    margin: 0 0 40px 0;  
    width: 100%;
  }

  .contents-main__article.page-recruit_about-us{
    padding-bottom: 0;
  }

  .page-recruit_about-us_item-block{
    width: 100%;
    margin-bottom: 40px;
  }

  .page-recruit_about-us_item-block-title {
    margin-bottom: 20px;
    font-size: 20px;
    letter-spacing: 0.84px;
    line-height: 1.3;
  }

  .page-recruit_about-us_item-block-text {
    margin-top: 20px;
    font-size: 14px;
    letter-spacing: 0.84px;
    line-height: 1.9;
  }

  .page-recruit_members {
    margin-bottom: 30px;
  }
  
  .page-recruit_members_members-bg-image{
    height: 180px;
    top: 0px;
  }
  
  .page-recruit_members-copy {
    font-size: 14px;
    letter-spacing: 0.84px;
    margin-left: 0;
    margin-bottom: 300px;
  }

  .page-recruit_member_section-title {
    border-bottom: solid 1px #221814;
    font-size: 19px;
    letter-spacing: 0.96px;
    margin: 300px 0 40px;
    padding-bottom: 10px;
    text-align: left;
  }

  .page-recruit_members_item-block{
    width: 100%;
  }

  .page-recruit_members_block-image {
    height: auto;
  }

  .page-recruit_members_item-block-body-comment {
    font-size: 14px;
    font-weight: 600;
    line-height: 2;
    letter-spacing: 0.84px;
    padding: 15px 30px;
    text-align: left;
  }

  .page-recruit_members_item-block-body-name {
    font-size: 14px;
    padding: 0 30px;
    text-align: left;
  }

  .page-recruit_welfare{
    margin: auto;
    padding-bottom: 60px;
  }
  .page-recruit_welfare_item {
    gap: 30px 0;
  }

  .page-recruit_welfare_item-block{
    width: 48%;
    padding: 0;
  }

  .page-recruit_welfare_head-image {
    margin-bottom: 10px;
  }

  .page-recruit_welfare_item-block-body-title {
    font-size: 14px;
    letter-spacing: 0.84px;
    margin-bottom: 10px;
  }

  .page-recruit_welfare_item-block-body-dis {
    font-size: 12px;
    letter-spacing: 0.72px;
    text-align: left;
  }

  .page-recruit_recruitment-type_section-title {
    font-size: 19px;
    letter-spacing: 1.14px;
    margin: 60px 0 30px;
    padding-bottom: 10px;
    text-align: left;
  }

  .page-recruit_recruitment-type_item-block{
    height: auto;
    width: 100%;
    /* align-items: flex-start; */
  }

  .page-recruit_type_item-main__btn{
    margin-bottom: 15px;
  }
  
  .page-recruit_type_item-main__btn > a {
    font-size: 14px;
    letter-spacing: 0.84px;
    padding: 0;
  }
  .page-recruit_recruitment-type_item-block-body-inner{
    margin-bottom: 0;
  }

  .page-recruit_recruitment-type_item-block-body-inner-text{
    margin-bottom: 10px;
  }

  .page-recruit_recruitment-type_item-entry-btn{
    height: 70px;
    width: 340px;
    max-width: 100%;
  }

  .page-recruit_recruitment-type_item-entry-text{
    height: 70px;
    width: 340px;
    max-width: 100%;
  }
}

/* ------------------------------------
  ここまで page-recruit new 2023/05
------------------------------------ */


/* ------------------------------------
  magazines-books(archive)
------------------------------------ */

  .page-magazines-books .header__logo{
    display: none;
  }

  .mag-main .p-pageTitle{
    width: 100%;
    min-width: 300px;
    margin:0 auto 20px;
    font-size:32px;
    line-height: 34px;
    font-family: 'roboto Condensed' , sans-serif;
    font-weight:400;
    line-height: 2;
  }

  .mag-wrap{
    width:100%;
    display:flex;
    margin:auto;
    flex-direction: column;
  }

  .mag-list-wrap{
    width: 100%;
    min-width: 300px;
    padding:0%;
    margin:90px auto 30px;
  }
  .mag-list-wrap.mag-list-wrap--no-margin {
    margin: 0 auto;
  }

  .mag-list{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .mag-list-item{
    width:46%;
    text-align:left;
    margin-right:0px;
    padding: 0px ;
    margin-bottom: 30px;

  }
  .mag-list-wrap + .pagination + .contents-main__viewmore-btn {
    margin-top: 10px;
  }
  .mag-list-item.spacer{
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
  .mag-list-item .post-img{
    width:100%;
    height:150px;
    text-align:center;
  }
  .mag-list-item a{
    display: block;
  }
  .mag-list-item .post-img img{
    object-fit:contain;
    height:100%;
    border: 1px solid #bdbdbd;
  }
  .mag-list-item .post-title{
    font-size:15px;
    line-height: 19px;
    font-family: 'Noto Sans JP', sans-serif;
    margin-top:15px;
  }
  .mag-list-item .post-feature{
    font-size:12px;
    line-height: 16px;
    font-family: 'Noto Sans JP', sans-serif;
    margin-top: 10px;
  }
  .mag-list-item .post-date{
    font-size:11px;
    font-family: 'Noto Sans JP', sans-serif;
    color:#93939e;
    margin-top: 0px;
  }
  .mag-list-item .post-price{
    font-size:11px;
    font-family: 'Noto Sans JP', sans-serif;
    padding-top:10px;
    margin-top:10px;
    border-top:1px solid #221812;
  }
  .mag-list-item .post-isbn{
    font-size:10.85px;
    font-family: 'Noto Sans JP', sans-serif;
  }
  .sidebar .banner-item{
    margin:0 auto;
    padding: 0px;

  }
  .sidebar .banner-item>div{
    margin-bottom: 30px;
  }

  .mag-main .view-more-button{
    display: flex;
    align-items: center;
    margin: auto;
    position: relative;
    width: 300px;
    height:56px;
    box-sizing: border-box;
  }

  .mag-main .view-more-button span:nth-child(1){
    transition: all 100ms 0s ease;
    display: block;
    width: 300px;
    height:56px;
    position: absolute;
    top: 8px;
    left: -8px;
    background-color: #eeeeee;
    z-index: 1;
  }

  .mag-main .view-more-button span:nth-child(2){
    transition: all 100ms 0s ease;
    border: 1px solid #221812;
    position: absolute;
    display: flex;
    align-items: center;
    width: 300px;
    height:56px;
    z-index: 2;
    font-family: 'roboto Condensed' , sans-serif;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 3px;
    text-align: center;
    justify-content: center;
    top: 0px;
    left: 0px;
  }
  .mag-main .view-more-button span:nth-child(3){
    transition: all 100ms 0s ease;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    right: 0px;
    z-index: 3;
    padding-right: 17px;
    font-size: 16px;
    width: 300px;
    height:56px;
    top: 0px;
    left: 0px;
  }

  .mag-main .view-more-button:hover span:nth-child(1){
    top: 8px;
    left: -8px;
  }

  .mag-main .view-more-button:hover span:nth-child(2){
    top: 4px;
    left: -4px;
  }
  .mag-main .view-more-button:hover span:nth-child(3){
    top: 4px;
    left: -4px;
  }

  .mag-main .more{
    margin-bottom:60px;
  }

@media screen and (min-width: 768px){

  .mag-main .p-pageTitle{
    font-size:40px;
    font-family: 'roboto Condensed' , sans-serif;
    font-weight:400;
    margin-bottom: 50px;

  }
  .mag-wrap{
    display:flex;
    margin:auto;
    justify-content: space-between;
    flex-direction: column;
  }
  .mag-wrap .contents{
    margin:0 0 30px;
  }
  .mag-list-wrap{
    flex-direction: column;
    padding:0%;
    margin-top: 90px;
    margin-bottom: 30px;
  }
  .mag-list-wrap + .pagination + .contents-main__viewmore-btn {
    margin-top: 30px;
  }
  .mag-list{
    display:flex;
    width:100%;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .mag-list-item{
    text-align:left;
    width:23%;
  }
  .mag-list-item.spacer{
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
  .banner-wrap{
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .sidebar .banner-item{
    margin: 0 20px;
  }

}

@media screen and (min-width: 769px) and (max-width:1239px){

  .mag-main .p-pageTitle{
  	line-height: 1;
    margin:0 auto 60px;
    padding: 0px;
    font-size:40px;
    font-family: 'roboto Condensed' , sans-serif;
    font-weight:400;

  }
}
@media screen and (min-width: 1240px){

  .mag-main .p-pageTitle{
  	line-height: 1;
    margin:0 auto 60px;
    font-size:40px;
    font-family: 'roboto Condensed' , sans-serif;
    font-weight:400;
  }
  .mag-wrap{
    width:1200px;
    padding:0px;
    display:flex;
    margin:auto;
    justify-content: space-between;
    flex-direction: row;
  }
  .mag-wrap .contents{
    margin:0 0 30px;
  }
  .mag-list-wrap{
    width:836px;
    flex-direction: column;
    margin-top:120px;
    padding:0%;
  }
  .mag-list{
    display:flex;
    width:100%;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .mag-list-item{
    text-align:left;
    width:23%;
    margin-right:0px;
    padding-bottom: 35px;
  }
  .mag-list-item.spacer{
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
  .mag-list-item:nth-child(5n){
    margin-right:0px;
  }
  .mag-list-item .post-img{
    width:100%;
    height:150px;
  }
  .mag-list-item .post-img a{
    display: block;
    width:100%;
    height:100%;
    text-align:center;
  }
  .mag-list-item .post-img img{
    object-fit:contain;
    height:100%;
  }
  .mag-list-item .post-title{
    font-size:15px;
    line-height: 19px;
    font-family: 'Noto Sans JP', sans-serif;
    margin-top:15px;
  }
  .mag-list-item .post-feature{
    font-size:12px;
    line-height: 16px;
    font-family: 'Noto Sans JP', sans-serif;
    margin-top: 10px;
  }
  .mag-list-item .post-date{
    font-size:11px;
    font-family: 'Noto Sans JP', sans-serif;
    color:#93939e;
    margin-top: 0px;
  }
  .mag-list-item .post-price{
    font-size:11px;
    font-family: 'Noto Sans JP', sans-serif;
    padding-top:10px;
    margin-top:10px;
    border-top:1px solid #221812;
  }
  .mag-list-item .post-isbn{
    font-size:10.85px;
    font-family: 'Noto Sans JP', sans-serif;
  }

  .banner-wrap{
    display: flex;
    flex-direction: column ;
    justify-content: center;
  }

  .sidebar .banner-item{
    margin: 0px;
  }

  .mag-main .view-more-button {
    
  }

  .mag-main .pagination{
    display: none;
  }

}



/*******
 magazines-books(post)
********/

.page-magazines-books.page-single{

}

.page-magazines-books.page-single .mag-main{
  width: 100%;
}

.mag-contentarea{
  width: 100%;
  padding-top:60px;
  margin: 0 auto 40px;
}
.mag-info{
  padding-top: 0px;
}

.mag-info-imgarea{

}

.mag-info-img{
  width: 100%;
  height: 290px;
  text-align:center;
}

.mag-info-img img{
  width: auto;
  height: 100%;
  object-fit: contain;
  border: 1px solid #bdbdbd;
}


.mag-info-textarea{
  padding-top: 20px;
  text-align: left;
  font-family: 'Noto Sans JP', sans-serif;
}

.mag-info-title{
  font-size: 24px;
  margin-bottom: 15px;
}

.mag-info-feature{
  margin-bottom: 10px;
}

.mag-info-price{
  border-top: 1px solid #221812;
  font-size: 15px;
  padding-top: 10px;

}

.mag-info-mag_isbn{
  font-size: 15px;
}

.mag-info-release_date{
  font-size: 15px;
  color: #93939e;
}

.mag-info-shop_btn{
  margin-top: 50px;
  background-color: #e4724c;
}

.mag-info-shop_btn .cart_img{
  height: 30px;
  width: 30px;
  margin-right: 10px;
}

.mag-info-shop_btn .cart_img img{
  object-fit: cover;
  vertical-align: middle;
}

.mag-info-shop_btn a{
  line-height: 1;
  font-size: 18px;
  display: flex;
  width: 100%;
  padding: 12px;
  color: #ffffff;
  justify-content: center;
  align-items: center;
  font-family: 'Noto Sans JP', sans-serif;
}

.mag-info-shop_btn span{
  line-height: 1;
}


.mag-info-subscrption_btn{
  background-color: #221814;
  margin-top: 15px;
}


.mag-info-subscrption_btn a{
  display: flex;
  width: 100%;
  padding: 8px;
  color: #ffffff;
  justify-content: center;
  align-items: center;
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing: 1.5px;
}
.mag-info-description{
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 15px;
  text-align: left;
  max-width: 700px;
  margin: 40px auto 0;
}

.mag-info-correction{
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 13px;
  margin-top: 40px;
  text-align: left;
}

.brandinfo{
  font-family: 'Noto Sans JP', sans-serif;
  border-top: 1px solid #221812;
  border-bottom: 1px solid #221812;
  padding: 30px 0;
  margin-top: 40px;
}
.brandinfo-wrap{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.brandinfo-info{
  display: inline-block;
  margin:0 auto;
}
.brandinfo-logo{
  margin: 0px 0 0;
  width: 100%;
  height: 32px;
}
.brandinfo-logo img{
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.brand-info-text{
  display: flex;
  justify-content: center;
  font-size: 10px;
  line-height: 1;
  margin: 25px 0 0;
}
.brandinfo-develop_info{
  padding:0 10px 0 5px;
  border-right: 1px solid #221812;
}
.brandinfo-first-issue_year{
  padding:0 10px;
  border-right: 1px solid #221812;
}
.brandinfo-mag_code{
  padding:0 5px 0 10px;
}
.brandinfo-snsarea{margin-top:10px;}
.brandinfo-sns-list{display: flex;justify-content:flex-start;}
.brandinfo-sns-item{width:30px;height:30px;margin:0 5px;box-sizing: border-box;}
.brandinfo-sns-item a{}
.brandinfo-sns-item a img{}
.brandinfo-linkarea{margin-top:10px;}
.brandinfo-link-list{display: flex;width:100%;justify-content:space-between;flex-wrap: wrap;}
.brandinfo-link-list::after{display: block;width:30%;content:"";}
.brandinfo-link-item{
  width:30%;
  background-image:url("../img/arw_right_small.svg");
  background-repeat: no-repeat;
  background-position: right 8px center;
  display: inline-block;
  background-color: #eeeeee;
}
.brandinfo-link-item a{
  display: flex;
  align-items: center;
  justify-content: center;
  width:100%;
  height:100%;
  text-align: center;
  padding:10px 15px 10px 10px;
}
.brandinfo-link-item-text {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
  font-size: 12.88px;
}
.brandinfo-link-item-text.ec {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
  font-size: 12.88px;
}



.magazine-area{
  width: 100%;
}

.magazine-header{
  display: flex;
  width: 100%;
  margin:0  auto 20px;
  align-items: center;
}

.magazine-header-title{
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 22px;
  line-height: 1.2;
  width: 60%;
  font-weight: 400;
  text-align: left;
}

.magazine-header-link{
  width: 40%;
  font-family: 'roboto condensed' , sans-serif;
  font-size: 14px;
  text-align: right;
  font-weight: 700;
}

.magazine-header-link a{
  background-image: url('../img/magazines-books/arw_double@2x.png');
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 20px;
  background-size: 13px 8px;
}
.mag-listarea {
  width: 100%;
  overflow-x: auto;
  margin-bottom: 30px;
}
.mag-listarea .mag-list{
  width: 100%;
  justify-content: space-between;
  flex-wrap: nowrap;
  padding:0px;
  box-sizing: content-box;
}
.mag-listarea .mag-list:last-child::after {
  padding-right: 10%;
  content: '';
}
.mag-listarea .mag-list-item{
  min-width: 140px;
  padding-right: 20px;
}
.mag-listarea .mag-list-item:last-child{
  padding-right: 0px;
}


@media screen and (min-width:768px) and (max-width:1239px) {

  .page-magazines-books.page-single .mag-main{
    width: 100%;
  }

  .mag-contentarea{
    width: 100%;
    min-width: 648px;
    margin: 0 auto 40px;
  }

  .mag-info{
    padding-top: 0px;
    display: flex;
    width: 100%;
    justify-content:center;
  }


  .mag-info-imgarea{
    width: 298px;
    margin-right: 30px;
  }

  .mag-info-img{
    width: 298px;
    height: 380px;
  }

  .mag-info-img img{
    width: auto;
    height: 100%;
    object-fit: contain;
  }


  .mag-info-textarea{
    min-width: 320px;
    width: 400px;
    padding-top: 0px;
    text-align: left;
    font-family: 'Noto Sans JP', sans-serif;
  }

  .mag-info-title{
    font-size: 24px;
    margin-bottom: 15px;
    line-height: 1.1;
  }

  .mag-info-feature{
    margin-bottom: 10px;
  }

  .mag-info-price{
    border-top: 1px solid #221812;
    font-size: 15px;
    padding-top: 10px;

  }

  .mag-info-mag_isbn{
    font-size: 15px;
  }

  .mag-info-release_date{
    font-size: 15px;
  }

  .mag-info-shop_btn{
    margin-top: 50px;
    background-color: #e4724c;
  }

  .mag-info-shop_btn .cart_img{
    height: 30px;
    width: 30px;
    margin-right: 10px;
  }

  .mag-info-shop_btn .cart_img img{
    object-fit: cover;
    vertical-align: middle;
  }

  .mag-info-shop_btn a{
    line-height: 1;
    font-size: 18px;
    display: flex;
    width: 100%;
    padding: 12px;
    color: #ffffff;
    justify-content: center;
    align-items: center;
    font-family: 'Noto Sans JP', sans-serif;
  }

  .mag-info-shop_btn span{
    line-height: 1;
  }


  .mag-info-subscrption_btn{
    background-color: #221814;
    margin-top: 15px;
  }


  .mag-info-subscrption_btn a{
    display: flex;
    width: 100%;
    padding: 8px;
    color: #ffffff;
    justify-content: center;
    align-items: center;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 1.5px;
  }
  .mag-info-description{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 15px;
    margin-top: 40px;
    text-align: left;
  }

  .mag-info-correction{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 13px;
    margin-top: 40px;
    text-align: left;
  }

  .brandinfo{
    font-family: 'Noto Sans JP', sans-serif;
    border-top: 1px solid #221812;
    border-bottom: 1px solid #221812;
    padding: 30px 0;
    margin-top: 40px;
  }
  .brandinfo-wrap{
    display: flex;
    flex-direction: row;
  }
  .brandinfo-info{
    display: inline-block;
    margin:0 0 10px;
  }
  .brandinfo-logo{
    margin: 0px 0 0;
    width: 50%;
    height: 32px;
  }
  .brandinfo-logo img{
    object-fit: contain;
    width: 100%;
    height: 100%;
  }
  .brand-info-text{
    display: flex;
    justify-content: center;
    font-size: 12px;
    line-height: 1;
    margin: 0px 0 0;
  }
  .brandinfo-develop_info{
    padding:0 10px 0 5px;
    border-right: 1px solid #221812;
  }
  .brandinfo-first-issue_year{
    padding:0 10px;
    border-right: 1px solid #221812;
  }
  .brandinfo-mag_code{
    padding:0 5px 0 10px;
  }
  .brandinfo-snsarea{margin-top:10px;}
  .brandinfo-sns-list{display: flex;justify-content:flex-start;}
  .brandinfo-sns-item{width:30px;height:30px;margin:0 5px;box-sizing: border-box;}
  .brandinfo-sns-item a{}
  .brandinfo-sns-item a img{}
  .brandinfo-linkarea{margin-top:10px;}
  .brandinfo-link-list{display: flex;width:100%;justify-content:space-between;flex-wrap: wrap;}
  .brandinfo-link-list::after{display: block;width:30%;content:"";}
  .brandinfo-link-item{
    width:30%;
    background-image:url("../img/arw_right_small.svg");
    background-repeat: no-repeat;
    background-position: right 8px center;
    display: inline-block;
    background-color: #eeeeee;
  }
  .brandinfo-link-item a{
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
    height:100%;
    text-align: center;
    padding:10px 15px;
  }
  .brandinfo-link-item-text {
    display: flex;
    flex-direction: row;
    line-height: 1.3;
    font-size: 12.88px;
  }
  .brandinfo-link-item-text.ec {
    display: flex;
    flex-direction: row;
    line-height: 1.3;
    font-size: 12.88px;
  }

  .magazine-area{
    width: 100%;
  }

  .magazine-header{
    display: flex;
    width: 100%;
    margin:0  auto 20px;
    align-items: center;
  }

  .magazine-header-title{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 22px;
    line-height: 1.2;
    width: 60%;
    font-weight: 400;
    text-align: left;
  }

  .magazine-header-link{
    width: 40%;
 	font-family: 'roboto Condensed' , sans-serif;
    font-size: 14px;
    text-align: right;
    font-weight: 700;
  }
  .mag-listarea {
    width: 100%;
    overflow-x: auto;
    margin-bottom: 30px;
  }
  .mag-listarea .mag-list{
    width: 100%;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding:0px;
    box-sizing: content-box;
  }
  .mag-listarea .mag-list:last-child::after {
    padding-right: 10%;
    content: '';
  }
  .mag-listarea .mag-list-item{
    min-width: 140px;
    padding-right: 20px;
  }
  .mag-listarea .mag-list-item:last-child{
    
    padding-right: 0px;
  }
}


@media screen and (min-width:769px){

  .page-magazines-books.page-single .mag-main{

  }
}
@media screen and (min-width:1240px) {
  .page-magazines-books.page-single{

  }

  .page-magazines-books.page-single .mag-main{
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
  }

  .mag-contentarea{
    width: 100%;
    margin: 0 auto 40px;
  }

  .mag-left-area{
    width: 836px;
  }
  .mag-info{
    padding-top: 0px;
    display: flex;
    width: 100%;
    justify-content: center;
  }

  .mag-info-imgarea{
    width: 298px;
    margin-right: 30px;
  }

  .mag-info-img{
    width: 298px;
    height: 380px;
  }

  .mag-info-img img{
    width: auto;
    height: 100%;
    object-fit: contain;
  }


  .mag-info-textarea{
    min-width: 320px;
    width: 400px;
    padding-top: 0px;
    text-align: left;
    font-family: 'Noto Sans JP', sans-serif;
  }

  .mag-info-title{
    font-size: 24px;
    margin-bottom: 15px;
    line-height: 1.1;
  }

  .mag-info-feature{
    margin-bottom: 10px;
  }

  .mag-info-price{
    border-top: 1px solid #221812;
    font-size: 15px;
    padding-top: 10px;

  }

  .mag-info-mag_isbn{
    font-size: 15px;
  }

  .mag-info-release_date{
    font-size: 15px;
  }

  .mag-info-shop_btn{
    margin-top: 50px;
    background-color: #e4724c;
  }

  .mag-info-shop_btn .cart_img{
    height: 30px;
    width: 30px;
    margin-right: 10px;
  }

  .mag-info-shop_btn .cart_img img{
    object-fit: cover;
    vertical-align: middle;
  }

  .mag-info-shop_btn a{
    line-height: 1;
    font-size: 18px;
    display: flex;
    width: 100%;
    padding: 12px;
    color: #ffffff;
    justify-content: center;
    align-items: center;
    font-family: 'Noto Sans JP', sans-serif;
  }

  .mag-info-shop_btn span{
    line-height: 1;
  }


  .mag-info-subscrption_btn{
    background-color: #221814;
    margin-top: 15px;
  }


  .mag-info-subscrption_btn a{
    display: flex;
    width: 100%;
    padding: 8px;
    color: #ffffff;
    justify-content: center;
    align-items: center;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 1.5px;
  }
  .mag-info-description{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 15px;
    margin-top: 40px;
    text-align: left;
  }

  .mag-info-correction{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 13px;
    margin-top: 40px;
    text-align: left;
  }

  .brandinfo{
    font-family: 'Noto Sans JP', sans-serif;
    border-top: 1px solid #221812;
    border-bottom: 1px solid #221812;
    padding: 30px 0;
    margin-top: 40px;
  }
  .brandinfo-wrap{
    display: flex;
    flex-direction: row;
  }
  .brandinfo-info{
    display: inline-block;
    margin:0 0 10px;
  }
  .brandinfo-logo{
    margin: 0px 0 0;
    width: 50%;
    height: 32px;
  }
  .brandinfo-logo img{
    object-fit: contain;
    width: 100%;
    height: 100%;
  }
  .brand-info-text{
    display: flex;
    justify-content: center;
    font-size: 12px;
    line-height: 1;
    margin: 0px 0 0;
  }
  .brandinfo-develop_info{
    padding:0 10px 0 5px;
    border-right: 1px solid #221812;
  }
  .brandinfo-first-issue_year{
    padding:0 10px;
    border-right: 1px solid #221812;
  }
  .brandinfo-mag_code{
    padding:0 5px 0 10px;
  }
  .brandinfo-snsarea{margin-top:10px;}
  .brandinfo-sns-list{display: flex;justify-content:flex-start;}
  .brandinfo-sns-item{width:30px;height:30px;margin:0 5px;box-sizing: border-box;}
  .brandinfo-sns-item a{}
  .brandinfo-sns-item a img{}
  .brandinfo-linkarea{margin-top:10px;}
  .brandinfo-link-list{display: flex;width:100%;justify-content:space-between;flex-wrap: wrap;}
  .brandinfo-link-list::after{display: block;width:30%;content:"";}
  .brandinfo-link-item{
    width:30%;
    background-image:url("../img/arw_right_small.svg");
    background-repeat: no-repeat;
    background-position: right 8px center;
    display: inline-block;
    background-color: #eeeeee;
  }
  .brandinfo-link-item a{
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
    height:100%;
    text-align: center;
    padding:10px 15px;
  }
  .brandinfo-link-item-text {
    display: flex;
    flex-direction: row;
    line-height: 1.3;
    font-size: 12.88px;
  }
  .brandinfo-link-item-text.ec {
    display: flex;
    flex-direction: row;
    line-height: 1.3;
    font-size: 12.88px;
  }


  .magazine-area{
    width: 100%;
  }

  .magazine-header{
    display: flex;
    width: 100%;
    margin:0 auto 20px;
  }

  .magazine-header-title{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 22px;
    line-height: 1.2;
    width: 60%;
    font-weight: 400;
    text-align: left;
  }

  .magazine-header-link{
    width: 40%;
	font-family: 'roboto Condensed' , sans-serif;
    font-size: 14px;
    text-align: right;
    font-weight: 700;
  }
  .mag-listarea {
    width: 100%;
    overflow-x: auto;
    margin-bottom: 30px;
  }
  .mag-listarea .mag-list{
    width: 100%;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding:0px;
    box-sizing: content-box;
  }
  .mag-listarea .mag-list:last-child::after {
    padding-right: 10%;
    content: '';
  }
  .mag-listarea .mag-list-item{
    min-width: 140px;
    padding-right: 20px;
    margin-right: 0px;
  }

  .mag-listarea .mag-list-item:last-child{
    padding-right: 25px;
    margin-right: 0px;
  }
}




/********
boardingmember(page)
********/

.page-boardingmember .header__logo{
  display: none;
}

.boardingmember-page{
  
}
.boardingmember-page{
  text-align: left;
  width: 100%;
  max-width: 1068px;
  margin:0 auto 80px;
}
.boardingmember-page__title{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  padding: 0px 15px;
  border: 4px solid #221814;
  color: #221814;
  display: inline-block;
  margin:0 10% 25px;
}

.boardingmember-page__contents{
  position: relative;
}
.boardingmember-page__img{}
.boardingmember-page__image{}

.boardingmember-page__list--wrap{
  position: relative;
  top: -20px;
  border-left: 1px solid #221814;
  padding-top: 40px;
  padding-left: 20px;
  width: 80%;
  max-width: 880px;
  margin:0 auto 30px;
}
.boardingmember-page__list{
  font-family: 'Noto Sans JP', sans-serif;
}
.boardingmember-page__list-title--jp{
  font-size: 11px;}
.boardingmember-page__list-title--en{
  font-size: 11px;
  font-family: 'Roboto Condensed', sans-serif;
  margin-bottom: 5px;
}
.boardingmember-page__list-name--jp{
  font-size: 22px;
  margin-bottom: 5px;
}
.boardingmember-page__list-name--en{
  font-size: 18px;
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 1;
}

.boardingmember-page__profile{
  font-size: 14px;
  font-family: 'Noto Sans JP', sans-serif;
  max-width: 880px;
  margin:0 auto 40px;
  width: 80%;
}

.boardingmember-page__profile p{
  margin-bottom: 10px;
}

.boardingmember-page__profile ul{
  margin-bottom: 10px;
  margin-top: 40px;
}

.boardingmember-page__profile li{
  padding-left: 1em;  
  margin-bottom: 10px;
  background-image: url(../img/arw_trianle_right.png);
  background-repeat: no-repeat;
  background-position: top 7px left;
}

.boardingmember-page__backbtn{
  text-align: center;
}
.boardingmember-page__backbtn a{
  display: inline-block;
  border: 1px solid #221814;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 12px;
  padding: 10px;
  margin: auto;
  width: 200px;
}



@media screen and (min-width:768px) {
  .page-boardingmember .header__logo{
    display: none;
  }

  .boardingmember-page{
    
  }
  .boardingmember-page{
    text-align: left;
    width: 100%;
    max-width: 1068px;
    margin:0 auto 80px;
  }
  .boardingmember-page__title{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    padding: 0px 15px;
    border: 4px solid #221814;
    color: #221814;
    display: inline-block;
    margin:0 10% 25px;
  }

  .boardingmember-page__contents{
    position: relative;
    max-width: 648px;
    width: 100%;
    margin: auto;
  }
  .boardingmember-page__img{max-width:380px;}
  .boardingmember-page__image{}

  .boardingmember-page__list--wrap{
    position: absolute;
    top: 30px;
    left: 310px;
    border-left: none;
    border-top: 1px solid #221814;
    padding-top: 20px;
    padding-left: 120px;
    display: inline-block;
    width: auto;
    max-width: 330px;
    margin:0 auto 30px;
  }
  .boardingmember-page__list{
    font-family: 'Noto Sans JP', sans-serif;
  }
  .boardingmember-page__list-title--jp{
    font-size: 15px;}
  .boardingmember-page__list-title--en{
    font-size: 15px;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 5px;
  }
  .boardingmember-page__list-name--jp{
    font-size: 31px;
    margin-bottom: 5px;
  }
  .boardingmember-page__list-name--en{
    font-size: 25px;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 1;
  }

  .boardingmember-page__profile{
    font-size: 14px;
    font-family: 'Noto Sans JP', sans-serif;
    max-width: 546px;
    margin:40px auto 40px;
    width: 80%;
  }

  .boardingmember-page__profile p{
    margin-bottom: 10px;
  }

  .boardingmember-page__profile ul{
    margin-bottom: 10px;
    margin-top: 40px;
  }

  .boardingmember-page__profile li{
    padding-left: 1em;  
    margin-bottom: 10px;
    background-image: url(../img/arw_trianle_right.png);
    background-repeat: no-repeat;
    background-position: top 7px left;
  }

  .boardingmember-page__backbtn{
    text-align: center;
  }
  .boardingmember-page__backbtn a{
    display: inline-block;
    border: 1px solid #221814;
    padding: 10px;
    margin: auto;
    width: 300px;
    font-size: 14px;
  }
}




@media screen and (min-width:769px) {
  .page-boardingmember .header__logo{
    display: none;
  }

  .boardingmember-page{
    
  }
  .boardingmember-page{
    text-align: left;
    width: 100%;
    max-width: 1068px;
    margin:0 auto 80px;
  }
  .boardingmember-page__title{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    padding: 0px 15px;
    border: 4px solid #221814;
    color: #221814;
    display: inline-block;
    margin:0 10% 25px;
  }

  .boardingmember-page__contents{
    position: relative;
    max-width: 1068px;
    width: 100%;
    margin: auto;
  }
  .boardingmember-page__img{max-width:580px;}
  .boardingmember-page__image{}

  .boardingmember-page__list--wrap{
    position: absolute;
    top: 60px;
    left: 530px;
    border-left: none;
    border-top: 1px solid #221814;
    padding-top: 20px;
    padding-left: 100px;
    display: inline-block;
    width: auto;
    max-width: 330px;
    margin:0 auto 30px;
  }
  .boardingmember-page__list{
    font-family: 'Noto Sans JP', sans-serif;
  }
  .boardingmember-page__list-title--jp{
    font-size: 15px;}
  .boardingmember-page__list-title--en{
    font-size: 15px;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 5px;
  }
  .boardingmember-page__list-name--jp{
    font-size: 31px;
    margin-bottom: 5px;
  }
  .boardingmember-page__list-name--en{
    font-size: 25px;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 1;
  }

  .boardingmember-page__profile{
    font-size: 14px;
    font-family: 'Noto Sans JP', sans-serif;
    max-width: 860px;
    margin:40px auto 60px;
    width: 80%;
  }

  .boardingmember-page__profile p{
    margin-bottom: 10px;
  }

  .boardingmember-page__profile ul{
    margin-bottom: 10px;
    margin-top: 40px;
  }

  .boardingmember-page__profile li{
    padding-left: 1em;  
    margin-bottom: 10px;
    background-image: url(../img/arw_trianle_right.png);
    background-repeat: no-repeat;
    background-position: top 7px left;
  }

  .boardingmember-page__backbtn{
    text-align: center;
  }
  .boardingmember-page__backbtn a{
    display: inline-block;
    border: 1px solid #221814;
    padding: 10px;
    margin: auto;
    width: 300px;
    font-size: 14px;
  }

}





/*****************
  brands (page)
*******************/

.page-brands .header__logo{
  display: none;
}

.brands-main{
  width: 100%;
  max-width: 1200px;
  margin: auto;
}


.brands-main .brands-title{
    width: 100%;
    min-width: 300px;
    margin:0 auto 20px;
    font-size:24px;
    line-height: 1;
    font-family: 'roboto Condensed' , sans-serif;
    font-weight:400;
    text-align: left;
  }

.brands-wrap{
    width:100%;
    display:flex;
    margin:auto;
    flex-direction: column;
  }
.brands-contents{
    width: 100%;
    min-width: 300px;
    padding:0%;
    margin:0 auto 30px;
  }
.brand-list{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    margin-bottom: 40px;
}
.brand-list_item{
    width:48%;
    text-align:center;
    padding: 0px ;
    margin-bottom: 15px;

}

.media-platform-brands .brand-list_item{
    width:100%;
    text-align:center;
    padding: 0px ;
    margin-bottom: 15px;
}

.brand-list_item a{
  display: block;
    height: 100%;
}
.brand-list_item.spacer{
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
.brand-item_wrap{
    padding:18px 12px;
    border: 1px solid #221812;
    position: relative;
    height: 100%;
  }
.brand-item_wrap::before{
    content: '';
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../img/brands/corner.png');
    background-repeat: no-repeat;
    top: -1px;
    left: -1px;
}
.brand-item_mainimage{width:100%;margin-bottom:15px;}
.brand-item_mainimage img{width:100%;height:auto;}
.brand-item_logoimage{height:42px;margin-bottom:15px;display: flex;justify-content:center;align-items:center;}
.brand-item_logoimage img{max-width:100%;max-height:100%;}
.brand-item_logoimage img.ebike-life{width:150px;}
.brand-item_logoimage img.toricoguide{width:150px;}

.brand-item_copy{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 11px;
}

@media screen and (min-width: 768px){

  .brand-list_item{
      width:32%;
      text-align:center;
      padding: 0px ;
      margin-bottom: 15px;
  }

  .media-platform-brands .brand-list_item{
      width:49%;
      text-align:center;
      padding: 0px ;
      margin-bottom: 15px;
  }
}
@media screen and (min-width: 769px){

}

@media screen and (min-width: 1240px){
  
  .brands-wrap{
      width:100%;
      display:flex;
      margin:auto;
      flex-direction: row;
      justify-content: space-between;
    }
  .brands-contents{
    width: 835px;
    padding:0%;
    margin:0;
  }

  .brand-list_item{
      width:270px;
      text-align:center;
      padding: 0px ;
      margin-bottom: 15px;
  }

  .media-platform-brands .brand-list_item{
      width:412px;
      text-align:center;
      padding: 0px ;
      margin-bottom: 15px;
  }
}





/* other */
.other {
  margin-top: 100px;
}
.other .section__body{
  margin:0 auto;
  width: 100%;
  max-width: 740px;
}
.page-ad-quality .other .section__body h2{
  margin-top:0;
}
.page-ad-quality .other .section__body .txtbox{
  padding-top:0;
}
.other .section__body h2{
  margin-top:120px;
  font-size: 28px;
  margin-bottom: 60px;
  padding-left:13px;
  position: relative;
}
.other .section__body h2::before{
  content: "";
  display: inline-block;
  width: 78px;
  height: 1px;
  background-color: #000;
  position: absolute;
  left: -95px;
  top: 50%;
}
.other .section__body p{
  font-size: 16px;
  line-height: 2;
  color: #333;
}
.other .section__body .txtbox{
  padding-top: 44px;
}
.other .section__body .txtbox p + p,
.other .section__body .contactbox p + p{
  margin-top: 25px;
}
.other .section__body .daybox{
  padding-top: 44px;
}
.other .section__body .daybox p{
  font-size: 14px;
  line-height: 1.7;
  text-align: right;
}
.other .section__body .contactbox{
  padding-top: 120px;
}
.other .section__body .contactbox-ttl{
  font-weight: 400;
  padding-bottom: 10px;
  line-height: 1.7;
  border-bottom: 1px solid #999;
  margin-bottom: 22px;
}
.other .section__body .txtbox h3{
  font-size: 20px;
  line-height: 1.625;
}
.other .section__body .txtbox .txtbox-ttlbtm{
  margin-top: 16px;
}
.other .section__body .txtbox.txtbox--first{
  padding-top: 16px;
}
.other .section__body .txtbox-block{
  margin-top: 44px;
}
.other .section__body .txtbox-block-ttl{
  font-weight: 400;
}
.other .section__body.bottom {
  padding-bottom: 238px;
}

.law .section__body p span{
  font-weight: 400;
  font-size:22px;
}
.law .section__body .txtbox.top{
  padding-top: 0;
}

@media screen and (max-width: 768px){
  .other {
    margin-top: 60px;
  }
  .other .section__ttl{
      padding-top: 35.8974vw;
      padding-bottom: 20.5128vw;
      font-size: 6.1538vw;
  }
  .other .section__body{
      width: 100%;
  }

  .other .section__body h2{
    margin-top:60px;
    font-size: 019px;
    margin-bottom: 40px;
    padding-left:20px;
    position: relative;
  }
  .other .section__body h2::before{
    width: 30px;
    left: -25px;
  }
  
  .other .section__body p{
    font-size: 13px;
  }
  .other .section__body p span{
      font-size: 13px;
  }
  .other .section__body .txtbox{
      padding-top: 6.9231vw;
  }
  .other .section__body .txtbox p + p,
  .other .section__body .contactbox p + p{
      margin-top: 2.5641vw;
  }
  .other .section__body .daybox{
      padding-top: 6.9231vw;
  }
  .other .section__body .daybox p{
      font-size: 2.5641vw;
  }
  .other .section__body .contactbox{
      padding-top: 20.5128vw;
  }
  .other .section__body .contactbox-ttl{
      padding-bottom: 2.5641vw;
      margin-bottom: 6.0256vw;
  }
  .other .section__body .txtbox h3{
      font-size: 4.1026vw;
  }
  .other .section__body .txtbox .txtbox-ttlbtm{
      margin-top: 2.5641vw;
  }
  .other .section__body .txtbox.txtbox--first{
      padding-top: 2.5641vw;
  }
  .other .section__body .txtbox-block{
      margin-top: 6.9231vw;
  }
  .other .section__body.bottom{
      padding-bottom: 41.0256vw;
  }
}

/* ------------------------------------
  page-works-company-single
------------------------------------ */
.page-works-company-single_header-category{
  display: block;
  margin-top: 40px;
}
.page-works-company-single_header-category span{
  border: solid 1px #151211;
  letter-spacing: 0px;
  font-size: 11px;
  padding: 2px 8px;
}

.page-works-company-single_section-box__gray{
  background-color: #F7F5F5;
  font-size: 14px;
  letter-spacing: 0px;
  margin: 60px 0 80px 0;
  padding: 30px 50px;
}
.page-works-company-single_section{
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0px;
  margin-top: 60px;
}
.page-works-company-single_section-inner{
  margin-bottom: 100px;
}
.page-works-company-single_section-title{
  border-bottom: 1px solid #201715;
  font-size: 22px;
  padding-bottom: 20px;
  margin-bottom: 40px;
}
.page-works-company-single_section-link{
  margin: 15px 0;
  display: flex;
  padding: 0;
  position: relative;
}

.page-works-company-single_main  p.page-works-company-single_section-link-text,
.page-works-company-single_section-link-text{
  display: inline-block;
  padding-left: 45px;
  letter-spacing: 0px;
  line-height: 2;
  margin:0px;
}
.page-works-company-single_section-link img{
  position: relative;
  width: 390px;
  height: max-content;
  border:1px solid #f0f0f0;
}


/* timeline */
.works-timeline{
  margin-top: 60px;
  width: 100%;
}
.works-timeline_tr{
  border-left: 1px #231815 solid;
}
.works-timeline_blank{
  position: relative;
  width: 140px;
  min-width: 140px;
  max-width: 140px;
}
.works-timeline_blank .works-timeline_blank-top-line{
  border-top: 1px #231815 solid;
  display: block;
  margin-left: 20px;
  width: 90px;
}

.works-timeline_content{
  position: relative;
  padding-bottom: 60px;
}

.page-works-company-single_main .works-timeline p.works-timeline_text {
  line-height: 2;
  font-size: 14px;
  margin: 15px 0 0 0;
}
.works-timeline_blank:before {
  content: '';
  width: 10px;
  height: 10px;
  background: #231815;
  position: absolute;
  left: -5px;
  top: -5px;
  border-radius: 100%;
}
.works-timeline_title{
  font-weight: bold;
  font-size: 14px;
  margin-top: -14px;
}
.works-timeline_project .works-timeline_blank .works-timeline_blank-top-line{
  border-top: 1px #231815 solid;
  display: block;
  margin-left: 30px;
  margin-right: 30px;
  width: 80px;
}
.works-timeline_project .works-timeline_title{
  align-items: center;
  border: 1px #231815 solid;
  border-radius: 30px;
  padding: 5px 20px;
  display: flex;
  margin-left:-10px;
}
.works-timeline_title-icon span{
}
.works-timeline_title-label{
  white-space: normal;
  padding-left: 10px;
}

.page-works-company-single_main .works-timeline_titleonly p.works-timeline_year,
.page-works-company-single_main .works-timeline_project p.works-timeline_year{
  border-radius: 100%;
  background: #231815;
  content: '';
  color: #ffffff;
  font-size: 12px;
  height: 40px;
  left: -20px;
  line-height: 3;
  position: absolute;
  text-align: center;
  top: -20px;
  width: 40px;
  margin:0px;
}

.works-timeline_text-tag-names{
  display: table;
  font-size: 10px;
  padding: 2px 5px 0 0 ;
  margin-left:-5px;
  margin-top:15px;
}
.works-timeline_text-tag-name{
  border: 1px solid #201715;
  background-color: #201715;
  border-radius: 5px;
  color: #DBDCDC;
  display: inline-block;
  font-size: 12px;
  padding: 5px 20px;
  margin: 5px;
}
.works-timeline_link {
  text-decoration: underline;
}

@media screen and (max-width: 768px){
  .page-works-company-single_header-category{
    padding-left: 20px;
    font-size: 11px;
    top: 40px;
  }
  
  .page-works-company-single_section-inner{
    margin-bottom: 120px;
  }

  .page-works-company-single_section-box__gray{
    margin-left: calc(-50vw + 50%);
    padding: 10px 22px 10px 30px;
    width: 100vw;
  }
  .page-works-company-single_section-link {
    display:block;
    margin: 20px 0;
    padding: 0;
  }
  .page-works-company-single_section-link img{
    margin-top: 0px;
    width: 100%;
  }
  .page-works-company-single_main p.page-works-company-single_section-link-text,
  .page-works-company-single_section-link-text{
      padding: 20px 0 0 0;
  }
  .page-works-company-single_section-title{
    font-size: 19px;
    padding-bottom: 16px;
  }
  .works-timeline_project .works-timeline_title{
    margin-left:0px;
  }
}
@media screen and (max-width: 768px){
  .works-timeline{
    font-size: 14px;
    margin-top: 40px;
    width: 100%;
  }
  .works-timeline_blank{
    width: 50px;
    min-width: 50px;
    max-width: 50px;
  }
  .works-timeline_blank .works-timeline_blank-top-line{
    display: block;
    margin-left: 10px;
    margin-right: 10px;
    width: 30px;
  }
  .works-timeline_project .works-timeline_blank .works-timeline_blank-top-line{
    display: block;
    margin-left: 25px;
    margin-right: 10px;
    width: 15px;
  }
  .works-timeline_text-tag-names{
    display: table;
    font-size: 10px;
    padding: 2px 5px;
  }
}

/* ------------------------------------
  page-works-project-single
------------------------------------ */
.page-works-project-single_header-category{
  margin-top:40px;
  display: block;
}
.page-works-project-single_header-category span{
  border: solid 1px #221814;
  letter-spacing: 0px;
  font-size: 11px;
  padding: 2px 8px;
}
.page-works-project-single_header-company{
  margin-top: 10px;
}
.page-works-project-single_header-tags{
  font-size: 12px;
  display: flex;
  margin-top: 20px;
}
.page-works-project-single_header-tag{
  margin-right: 18px;
}
.page-works-project-single_header-tag-title{
  font-weight: 600;
}
.page-works-project-single_header-tag-names{
  display: inline-block;
}
.page-works-project-single_header-tag-name{
  border: 1px solid #201715;
  background-color: #201715;
  border-radius: 5px;
  color: #DBDCDC;
  display: inline-block;
  font-size: 12px;
  padding: 5px 20px;
  margin: 5px;
}

.page-works-company-single_main{

}
.page-works-project-single_main{
  margin-top:90px;
}
.page-works-company-single_main p,
.page-works-project-single_main p{
  margin:20px auto 60px;
  text-align: justify;
  word-break: normal;
  line-break: strict;
}
.page-works-project-single_main a,
.page-works-project-single_main a:link,
.page-works-project-single_main a:hover,
.page-works-project-single_main a:active,
.page-works-project-single_main a:visited{
  text-decoration: underline !important;
}

.page-works-project-single_main a.external:after{
  content:"";
  display: inline-block;
  width:15px;
  height:15px;
  margin-left:6px;
  background-image: url("../img/works/project-single/target_icon.svg");
  object-fit: contain;
}
.page-works-project-single_main strong{
  font-weight:bold;
}
.page-works-project-single_main ul{
  list-style:disc;
  margin-top:40px;
  padding-left:20px;
}
.page-works-project-single_main li{
  line-height: 2;
}
.page-works-project-single_main h2{
  border-bottom: 1px solid #201715;
  font-size: 22px;
  padding-bottom: 20px;
  margin-bottom: 40px;
  margin-top: 60px;
  text-align: justify;
}
.page-works-project-single_main h3{    
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 15px;
  text-align: justify;
}
.page-works-project-single_main h4{
  font-size: 16px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 15px;
  text-align: justify;
}
.page-works-project-single_main .wp-caption{
  max-width: 100%;
}
.page-works-project-single_main .wp-caption.aligncenter{
  text-align: center;
  font-weight: bold;
}
.page-works-project-single_main .wp-caption-text{
  max-width: 620px;
  font-size: 16px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom:0px;
  line-height: 1.4;
}
.page-works-project-single_main .wp-caption img{
  width: 620px;
  max-width: 100%;
  border: 1px solid #F0F0F0;
}
.page-works-project-single_main img{
  margin-top:60px;
  max-width: 100%;
  border: 1px solid #F0F0F0;
  object-fit: contain;
}
.page-works-project-single_main p:has(img.aligncenter){
  text-align : center;
}
.page-works-project-single_main p:has(img.alignleft){
  text-align : left;
}
.page-works-project-single_main p:has(img.alignright){
  text-align : right;
}
.page-works-project-single_main caption{
  
}
.page-works-project-single_section{
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0px;
  margin-top: 60px;
}
.page-works-project-single_section ul{
  list-style-type: disc;
  padding-left: 20px;
}

.page-works-project-single_section-title{
  border-bottom: 1px solid #201715;
  font-size: 22px;
  padding-bottom: 20px;
  margin-bottom: 40px;
  margin-top: 60px;
}
.page-works-project-single_section-box{
  letter-spacing: 0px;
  margin: 60px auto 0;
  width: 620px;
}
.page-works-project-single_section-box p{
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 2;
  margin-top: 0px;
  margin-bottom:0px;
}
.page-works-project-single_section-box img{
  margin-top:0px;
}

.page-works-project-single_section-box picture{
  display: flex;
}

.page-works-project-single_section-box.work-youtube{
width: 100%;
max-width: 620px;
margin: 60px auto 0;
height: 100%;
object-fit: contain;
}

.page-works-project-single_section-box.work-youtube iframe{
  width: 100%;
  max-width: 620px;
  aspect-ratio: 16 / 9;
  height:auto;
  }
.page-works-project-single_section-box.work-video{
  width: 100%;
  max-width: 620px;
  margin: 60px auto 0;
  height: 100%;
  object-fit: contain;
}

iframe.wp-embedded-content{
  width: 100%;
  max-width: 620px;
  margin: 0 auto;
}
iframe.wp-embedded-content p.wp-embed-heading{
  font-size:10px;
}
  
.page-works-project-single_section-box__gray{
  background-color: #F7F5F5;
  letter-spacing: 0px;
  margin: 60px 0;
  padding: 50px;
  width: 100%;
}
.page-works-project-single_section-box__gray p{
  margin: 0;
}
.page-works-project-single_section-box-title{
  font-size: 16px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 20px;
}
.page-works-project-single_section-box__gray .page-works-project-single_section-box-title{
  font-size: 18px;
  margin-top: 0;
}
.page-works-project-single_section-box__gray .page-works-project-single_section-box-title a,
.page-works-project-single_section-box__gray .page-works-project-single_section-box-title a:link,
.page-works-project-single_section-box__gray .page-works-project-single_section-box-title a:hover,
.page-works-project-single_section-box__gray .page-works-project-single_section-box-title a:active,
.page-works-project-single_section-box__gray .page-works-project-single_section-box-title a:visited{
  font-size: 16px;
  margin-top: 0;
  text-decoration: underline !important;
}
.page-works-project-single_section-box__gray .page-works-project-single_section-box-title a.external:after{
  content:"";
  display: inline-block;
  width:15px;
  height:15px;
  margin-left:6px;
  background-image: url("../img/works/project-single/target_icon.svg");
  object-fit: contain;
}
.page-works-company-single_main a.page-works-project-single_section-link,
.page-works-project-single_main a.page-works-project-single_section-link,
.page-interview a.page-works-project-single_section-link{
  border: 1px solid #201715;
  margin: 15px auto;
  width: 620px;
  max-width: 100%;
  display: flex;
  padding: 25px;
  position: relative;
  text-decoration: none !important;
}

.page-works-company-single_main a.page-works-project-single_section-link.external:after,
.page-works-project-single_main a.page-works-project-single_section-link.external:after{
  display: none;
}
.page-works-project-single_section-link::before{
  content: "";
  position: absolute;
  top: 0;
  left: 25px;
  width: 50px;
  height: 1px;
  background: #201715;
}
p.page-works-project-single_section-link-title{
  display: inline-block;
  font-weight: bold;
  padding-right: 20px;
  letter-spacing: 0px;
  line-height: 2;
  margin:0;
  flex-grow:2;
}
.page-works-project-single_section-link-img{
  aspect-ratio: 2 / 1;
  width: 168px;
  min-width: 168px;
  height: auto;
  margin-top:0px;
  border:1px solid #f0f0f0;
  overflow: hidden;
}
.page-works-project-single_section-link img{
  margin-top:0px;
  height: 100%;
  width: 100%;
  object-fit: cover;
  border: none;
}

.page-works-project-single_section-link:hover img{
  transform: scale(1.1,1.1);
  transition: 0.7s all;
}

.page-works-project-single_section-box_scope{
  background-image: url('../img/works/project-single/arrow.svg');
  background-repeat: no-repeat;
  background-position: top 28px right 0;
  margin-bottom: 40px;
}
.page-works-project-single_scope{
  display: flex;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: top 30px left 0;
  justify-content: center;
  width: 620px;
}

.page-works-project-single_scope-item{
  display: inline-block;
  width: 100px;
}
.page-works-project-single_scope img{
  margin: 23px 20px;
  width: 60px;
  border: none;
}
/* このアイコン大きさが違う */
.page-works-project-single_scope img.growth-05{
  height: 123px;
  margin: 0;
  width: 96px;
}
/* このアイコン大きさが違う */
.page-works-project-single_scope img.manufacture-06{
  height: auto;
  width: 66px;
  margin-bottom :0px;
  margin-top :0px;
}
.page-works-project-single_scope img.off{
  opacity: .6;
}
.contents-main__section-inner .back-to-list{
  margin-top:20px;
}

.page-project.page-single .works-back-to-list{
  margin: 120px auto 0px;
  max-width: 740px;
}

.back-to-list.works-back-to-list a{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
}

.search-icon{
  background-image: url("../img/search_icon.svg");
  background-size:contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height:19px;
  margin-right:5px;
  display: inline-block;
  vertical-align:text-top;
}

.page-works-project-single_header .contents-header__title,
.page-works-company-single_header .contents-header__title{
  padding-top: 0px;
  margin-top: 10px;
}
.works-pagination{
  margin-top:0px;
  margin-bottom:100px;
}


/* ------------------------------------
  .page-interview
------------------------------------ */
.page-interview__wrapper {
  gap: 57px;
  max-width: 930px;
  margin: 0 auto;
}
.page-interview__youtube {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 70px;
}

.page-interview__youtube-inner {
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
 
.page-interview__youtube-inner iframe,
.page-interview__youtube-inner object,
.page-interview__youtube-inner embed {
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
}
.page-interview__main {
  display: grid;
  grid-template-columns: 1fr 200px;
  grid-template-areas: 'header sidebar'
                      'intro sidebar'
                      'content sidebar';
  column-gap: 57px;
}
.page-interview__top {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  max-width: 930px;
  margin: 90px auto 0;
}
.page-interview__top::before {
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='346.564' height='428.485'%3E%3Cpath fill='%23f0f0f0' d='m231.522 0 37.01 55.062L0 428.485h38.422L346.564 0Z' data-name='addix symbol'/%3E%3C/svg%3E") center/contain no-repeat;
  position: absolute;
  top: 50px;
  left: -120px;
  width: 346px;
  height: 428px;
}
.page-interview__category {
  width: 82px;
  font-size: 11px;
  white-space: nowrap;
}
.page-interview__category-text {
  font-weight: 500;
  text-align: center;
  border: 1px solid #221814;
  line-height: 2.3;
}
.page-interview__kv {
  max-width: 770px;
}
.page-interview__header {
  grid-area: header;
  position: relative;
  margin: -55px 0 30px 0;
  padding: 25px 65px 0 0;
  background: rgba(299, 299, 299, 0.9);
  border-radius: 30px;
  z-index: 1;
}
.page-interview__company {
  margin-bottom: 15px;
  font-size: 18px;
}
.page-interview__title {
  margin-bottom: 10px;
  font-size: 40px;
  font-weight: 500;
}
.page-interview__date {
  color: #656565;
  font-size: 12px;
}
.page-interview__sidebar {
  grid-area: sidebar;
}
.page-interview__sidebar-wrapper {
  position: sticky;
  top: 60px;
  height: 90vh;
  overflow: auto;
}
.page-interview__intro {
  grid-area: intro;
  padding: 20px;
  background: #221814;
}
.page-interview__lead {
  margin-bottom: 65px;
  padding: 20px;
  grid-area: intro;
  background: #F7F5F5;
}
.page-interview__section {
  display: grid;
  grid-template-columns: 150px auto;
  gap: 29.5px;
}
.page-interview__section:nth-child(2) {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #fff;
}
.page-interview__list-item {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}
.page-interview__section-title {
  white-space: nowrap;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  line-height: 1.7;
}
.page-interview__list-item:before {
  content: "\00B7";
}
.page-interview__intro {
  margin-bottom: 65px;
}
.page-interview__content {
  margin-left: 76px;
}
.page-interview__content-title {
  margin-bottom: 40px;
  padding-bottom: 25px;
  font-size: 30px;
  font-weight: 500;
  border-bottom: 1px solid #221814;
  letter-spacing: 0;
}
.page-interview__question {
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 600;
  line-height: 2;
  letter-spacing: 0.02em;
}
.page-interview__question > p:first-child:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 1px;
  margin-right: 5px;
  background: #707070;
}
.page-interview__question a {
  text-decoration: underline;
}
.page-interview__answer {
  margin-bottom: 40px;
  font-size: 0;
  line-height: 0;
}
.page-interview__answer + .page-interview__content-title {
  margin-top: 70px;
}
.page-interview__text {
  display: inline;
  font-weight: 500;
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0;
  clear: both;
}
.page-interview__text p {
  display: block;
}
.page-interview__text p:not(:first-of-type) {
  margin-top: 40px;
}
.page-interview__name {
  float: left;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0;
}
.page-interview__name:after {
  content: "：";
}
.page-interview__figure {
  margin-bottom: 70px;
}
.page-interview__figure .js-modal {
  position: relative;
  cursor: pointer;
}
.page-interview__figure .js-modal:before {
  content: "";
  position: absolute;
  width: 35px;
  height: 35px;
  right: 0;
  bottom: 0;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2035%2035%22%3E%0A%20%20%3Cg%20id%3D%22zoom%22%20transform%3D%22translate(-847%20-6826)%22%3E%0A%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_418%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20418%22%20width%3D%2235%22%20height%3D%2235%22%20transform%3D%22translate(847%206826)%22%20fill%3D%22%23221814%22%20opacity%3D%220.5%22%2F%3E%0A%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_928%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20928%22%20transform%3D%22translate(-1%201)%22%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1031%22%20data-name%3D%22%E3%83%91%E3%82%B9%201031%22%20d%3D%22M11841.032-12029.428l4.809%2C4.809%22%20transform%3D%22translate(-10970.794%2018877.023)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_927%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20927%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_41%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2041%22%20transform%3D%22translate(855%206832)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%229%22%20stroke%3D%22none%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%228%22%20fill%3D%22none%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_833%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20833%22%20transform%3D%22translate(860.687%206837.688)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1032%22%20data-name%3D%22%E3%83%91%E3%82%B9%201032%22%20d%3D%22M11836.076-12032h6.626%22%20transform%3D%22translate(-11836.076%2012035.314)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1033%22%20data-name%3D%22%E3%83%91%E3%82%B9%201033%22%20d%3D%22M0%2C0H6.626%22%20transform%3D%22translate(3.313%200)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
}

.page-interview__figure-img {
  width: 100%;
}
.page-interview__figure-caption {
  margin-top: 15px;
  font-size: 13px;
  font-weight: 500;
}
.page-interview__figure-caption a {
  text-decoration: underline;
}
.page-interview__sidebar {
  margin-top: 42px;
}
.page-interview__info-title {
  grid-area: title;
  margin-bottom: 21px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  font-family: "Montserrat", sans-serif;
}
.page-interview__info {
  margin-bottom: 70px;
  padding: 27px 32px;
  background: #000000;
  overflow: hidden;
}
.page-interview__info-text {
  grid-area: text;
  color: #fff;
  font-size: 15px;
  line-height: 1.8;
}
.page-interview__info-img {
  grid-area: image;
  margin: 0 0 20px 20px;
  float: right;
  max-width: 223px;
}
.page-interview__content > *:last-child {
  margin-bottom: 0;
}
.c-company {
  margin-bottom: 70px;
  padding: 34px 40px 40px;
  border: 1px solid #221814;
}
.c-company__logo {
  max-width: 200px;
  margin: 0 auto 12px;
  text-align: center;
}
.c-company__title {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
}
.c-company__text {
  margin-bottom: 15px;
  font-size: 13px;
}
.c-company__link-text {
  font-size: 12px;
  text-decoration: underline;
}
.c-company__link:before {
  font-size: 12px;
  content: "▷";
}
.c-company__link:after {
  content: "";
  display: inline-block;
  width: 9.434px;
  height: 9.434px;
  margin-left: 4px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.434' height='9.434' viewBox='0 0 9.434 9.434'%3E%3Cpath id='arrow-up-right-from-square-solid' d='M5.9,0a.59.59,0,0,0,0,1.179H7.42L3.711,4.89a.59.59,0,0,0,.835.835L8.254,2.014V3.538a.59.59,0,0,0,1.179,0V.59A.589.589,0,0,0,8.844,0ZM1.474.59A1.474,1.474,0,0,0,0,2.064v5.9A1.474,1.474,0,0,0,1.474,9.434h5.9A1.474,1.474,0,0,0,8.844,7.96V5.9a.59.59,0,0,0-1.179,0V7.96a.3.3,0,0,1-.295.295h-5.9a.3.3,0,0,1-.295-.295v-5.9a.3.3,0,0,1,.295-.295H3.538a.59.59,0,0,0,0-1.179Z' fill='%23221814'/%3E%3C/svg%3E%0A");
  object-fit: contain;
}
.page-interview__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 56px 0 97px;
}
.page-interview__tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.page-interview__tag-item {
  padding: 6px 22px;
  background: #221814;
  color: #fff;
  border-radius: 4px;
  font-size: 12px;
}
.page-interview__tag-item a {
  color: #fff;
}
.page-interview__tag-item:before {
  content: "# ";
}
.page-interview__sns-title {
  font-family: roboto condensed;
  font-weight: bold;
  font-size: 14px;
}
.page-interview__sns {
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: 20px;
  min-width: 154px;
}
.page-interview__sns-list {
  display: flex;
  gap: 20px;
}
.page-interview__sns-item {
  max-width: 35px;
}
.c-member {
  padding: 50px;
  background: #F7F5F5;
}
.c-member__item {
  display: grid;
  grid-template-areas:
  'thumbnail info'
  'thumbnail text';
  grid-template-columns: 100px auto;
  align-items: flex-start;
  column-gap: 25px;
}
.c-member__item:not(:last-child) {
  margin-bottom: 35px;
  padding-bottom: 35px;
  border-bottom: 1px solid #707070;
}
.c-member__thumbnail {
  grid-area: thumbnail;
  border-radius: 50%;
  overflow: hidden;
  aspect-ratio: 1/1;
}
.c-member__thumbnail-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-member__info .c-member__info-name {
  font-weight: bold;
}
.c-member__info {
  grid-area: info;
}
.c-member__info-position,
.c-member__info-name {
  font-size: 14px;
  font-weight: 500;
}
.c-member__info-name {
  margin-bottom: 13px;
}
.c-member__info-text-button {
  display: none;
}
.c-member__info-text-wrapper {
  grid-area: text;
}
.c-member__info-text {
  font-size: 13px;
}
.c-member__title {
  margin-bottom: 43px;
  font-size: 12px;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}
.interview-back-to-list {
  margin-top: 80px;
}
.page-interview__sidebar-title {
  margin-bottom: 15px;
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}
.page-interview__sidebar-link {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #707070;
}
.page-interview__sidebar-link-text {
  font-size: 12px;
  text-decoration: underline;
  word-break: break-all;
}
.page-interview__sidebar-thumbnail {
  margin-bottom: 20px;
}
.page-interview__sidebar-project-intro {
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 600;
}
.page-interview__sidebar-text {
  margin-bottom: 15px;
  font-size: 13px;
}
.page-interview__sidebar-link:before {
  content: "▷";
  font-size: 12px;
}
.page-interview__sidebar-link:after {
  content: "";
  display: inline-block;
  width: 9.434px;
  height: 9.434px;
  margin-left: 4px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.434' height='9.434' viewBox='0 0 9.434 9.434'%3E%3Cpath id='arrow-up-right-from-square-solid' d='M5.9,0a.59.59,0,0,0,0,1.179H7.42L3.711,4.89a.59.59,0,0,0,.835.835L8.254,2.014V3.538a.59.59,0,0,0,1.179,0V.59A.589.589,0,0,0,8.844,0ZM1.474.59A1.474,1.474,0,0,0,0,2.064v5.9A1.474,1.474,0,0,0,1.474,9.434h5.9A1.474,1.474,0,0,0,8.844,7.96V5.9a.59.59,0,0,0-1.179,0V7.96a.3.3,0,0,1-.295.295h-5.9a.3.3,0,0,1-.295-.295v-5.9a.3.3,0,0,1,.295-.295H3.538a.59.59,0,0,0,0-1.179Z' fill='%23221814'/%3E%3C/svg%3E%0A");
  object-fit: contain;
}
.page-interview__link {
  font-size: 12px;
  font-weight: 500;
  word-break: break-all;
  text-decoration: underline;
}

@media screen and (max-width: 768px){
  .page-works-project-single_main{
    margin-top:60px;
    font-size: 14px;
    margin-bottom: 120px;
  }
  .page-works-project-single_header .contents-header__title{
    line-height: 1.5;
    letter-spacing: 0;
    padding-bottom: 5px;
    margin-top: 10px;
  }
  .page-works-project-single_header-category{
    padding-left: 20px;
    font-size: 11px;
  }
  .page-works-project-single_header-company{
    margin-left: 20px;
    margin-top: 0;  
  }
    
  .page-works-project-single_section-title{
    font-size: 19px;
    padding-bottom: 16px;
  }
  .page-works-project-single_header-tags{
    position: relative;
    margin-left: 20px;
    margin-top: 10px;  
    margin-bottom: 20px;  
    display: block;
  }
  .page-works-project-single_header-tag{
    display: flex;
    margin-right: 0;
  }
  .page-works-project-single_header-tag-title{
    display: block;
    line-height: 2.8;
    min-width: 80px;
  }
  .page-works-project-single_header-tag-name{
    display: inline-table;
    font-size: 10px;
    padding: 2px 13px;
  }
  .page-works-project-single_section-box{
    width: 100%;
  }
  .page-works-project-single_section-box_scope{
    margin-top: 20px;
    margin-bottom: 40px;
    min-width: 300px;
  }
  .page-works-project-single_section-box__gray{
    margin-left: calc(-50vw + 50%);
    padding: 40px 25px;
    width: 100vw;
  }
  .page-works-project-single_section-box p {
    margin-top: 15px;
  }
  .page-works-project-single_section-box__gray .page-works-project-single_section-box-title{
    font-size: 16px;
  }
  .page-works-project-single_section-box-title{
    font-size: 14px;
  }

  .page-works-company-single_main a.page-works-project-single_section-link,
  .page-works-project-single_main a.page-works-project-single_section-link,
  .page-interview a.page-works-project-single_section-link{
    display:block;
    margin: 20px 0;
    padding: 25px;
  }
  .page-works-project-single_section-link-img{
    width: 100%;
    height:auto;
    margin-top:15px;
  }
  .page-works-project-single_section-link img{
    margin-top: 0px;
    width: 100%;
  }
  
  .page-works-project-single_section-link p.page-works-project-single_section-link-title{
    display: block;
    padding-right: 0;
    margin: 0;
  }
  .page-works-project-single__works-project-list .c-worksList.works-project-list__c-worksList{
    margin-bottom: 0;
  }
  .page-works-project-single__works-project-list  .contents-main__section__contact{
    margin-top: 60px;
  }
  .page-works-project-single_section-box_scope{
    background-image: none;
  }
  .page-works-project-single_scope{
    justify-content: center;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    flex-direction: column;
  }

  .page-works-project-single_scope-item{
    display: inline-block;
    width: 106px;
  }
  .page-works-project-single_scope-first{
    background-image: url('../img/works/project-single/arrow.svg');
    background-repeat: no-repeat;
    background-position: top 28px left 0;
    margin-left: 25px;
    text-align: center;
    min-width:290px;
    display: flex;
    justify-content: center;
    padding-top:22px;
    padding-right:25px;
  }
  .page-works-project-single_scope-second{
    background-image: url('../img/works/project-single/arrow.svg');
    background-repeat: no-repeat;
    background-position: top 28px right 0;
    margin-right: 25px;
    margin-top:25px;
    text-align: center;
    min-width:290px;
    display: flex;
    justify-content: center;
    padding-top:22px;
    padding-left:25px;
  }
  .page-works-project-single_scope img{
    width: 66px;
    height: auto;
    margin: 0px;
  }
  /* このアイコン大きさが違う */
  .page-works-project-single_scope img.growth-05{
    width: 106px;
    height: auto;
  }
  /* このアイコン大きさが違う */
  .page-works-project-single_scope img.manufacture-06{
    width: 70px;
    height: auto;
  }

  .page-interview__main {
    grid-template-columns: 1fr;
    grid-template-areas:
    'header'
    'intro'
    'sidebar'
    'content'
  }
  .page-interview__content {
    margin: 0;
  }
  .page-interview__header {
    margin: 0;
    padding: 20px;
    border-radius: 10px;
  }
  .page-interview__intro {
    margin-bottom: 0;
    padding: 25px;
  }
  .page-interview__top {
    margin-top: 54px;
    padding: 0 6.666666666666667vw;
    flex-direction: column;
  }
  .page-interview__top::before {
    display: none;
  }
  .page-interview__kv {
    max-width: 770px;
    width: calc(100% + 6.666666666666667vw* 2);
    margin-left: -6.6666666667vw;
  }
  .page-interview__wrapper {
    margin-top: -20px;
  }
  .page-interview__youtube {
    margin-bottom: 40px;
  }
  .page-interview__company {
    margin-bottom: 5px;
    font-size: 14px;
  }
  .page-interview__title {
    margin-bottom: 12px;
    font-size: 22px;
  }
  .page-interview__lead {
    margin-bottom: 20px;
  }
  .page-interview__section {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .page-interview__section-title {
    font-size: 13px;
  }
  .page-interview__list-item {
    display: flex;
    font-size: 13px;
  }
  .page-interview__sidebar {
    margin-top: 20px;
  }
  .page-interview__sidebar-inner {
    display: none;
    padding: 0 25px 25px;
  }
  .page-interview__sidebar-wrapper {
    height: auto;
    margin-bottom: 40px;
    border: 1px solid #201715;
  }
  .page-interview__sidebar-project-name {
    margin-bottom: 13px;
    padding-bottom: 13px;
    font-size: 14px;
  }
  .page-interview__sidebar-thumbnail-img {
    width: 100%;
  }
  .page-interview__sidebar-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    padding: 12px 25px;
    cursor: pointer;
  }
  .page-interview__question {
    margin-bottom: 20px;
    font-size: 14px;
  }
  .page-interview__name {
    font-size: 14px;
  }
  .page-interview__text {
    font-size: 14px;
  }
  .page-interview__info-img {
    float: none;
    margin: 0;
    width: 100%;
    max-width: none;
  }
  .page-interview__info {
    margin-top: 60px;
    display: grid;
    grid-template-areas:
    'title'
    'text'
    'image';
  }
  .page-interview__info-title {
    margin-bottom: 20px;
    font-size: 10px;
  }
  .page-interview__info-text {
    margin-bottom: 25px;
    font-size: 14px;
  }
  .page-interview__figure {
    margin-bottom: 40px;
  }
  .page-interview__figure-caption {
    margin-top: 10px;
    font-size: 12px;
  }
  .page-interview__content-title {
    margin-bottom: 30px;
    padding-bottom: 15px;
    font-size: 20px;
  }
  .page-interview__sidebar-title:after {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cg fill='none' stroke='%23221814' stroke-width='2'%3E%3Cpath d='M0 5h10' data-name='線 114'/%3E%3Cpath d='M5 0v10' data-name='線 115'/%3E%3C/g%3E%3C/svg%3E");
  }
  .page-interview__sidebar-title.is-open:after {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%3E%0A%20%20%3Cg%20id%3D%22close%22%20transform%3D%22translate(-315%20-56)%22%3E%0A%20%20%20%20%3Cline%20id%3D%22%E7%B7%9A_114%22%20data-name%3D%22%E7%B7%9A%20114%22%20x2%3D%2210%22%20transform%3D%22translate(315%2061)%22%20fill%3D%22none%22%20stroke%3D%22%23221814%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1035%22%20data-name%3D%22%E3%83%91%E3%82%B9%201035%22%20d%3D%22M0%2C0H10%22%20transform%3D%22translate(320%2056)%20rotate(90)%22%20fill%3D%22none%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  }
  .page-interview__sns {
    margin-left: 0;
  }
  .page-interview__sns-list {
    gap: 10px;
  }
  .page-interview__tag-item {
    padding-left: 10px;
    padding-right: 10px;
  }
  .page-interview__footer {
    margin: 0;
    padding: 40px 6.666666666666667vw;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
  .page-interview__tag-list {
    justify-content: flex-start;
  }
  .page-interview__tag-list-item {
    font-size: 12px;
  }
  .page-interview__tag-list-item:not(:last-child) {
    margin-right: 10px;
  }
  .c-company {
    margin-top: 60px;
    padding: 25px;
  }
  .c-company__logo {
    margin-bottom: 20px;
  }
  .c-member {
    margin-inline: 6.666666666666667vw;
    padding: 25px;
  }
  .c-member__item {
    grid-template-columns: 60px auto;
    column-gap: 15px;
    grid-template-areas:
    'thumbnail info'
    'text text';
  }
  .c-member__info-position, .c-member__info-name {
    font-size: 12px;
  }
  .c-member__info-position > span {
    display: block;
  }
  .c-member__info .c-member__info-name {
    font-size: 14px;
  }
  .c-member__info-text-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    width: 100%;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    line-height: 1;
  } 
  .c-member__info-text-button:after {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cg fill='none' stroke='%23221814' stroke-width='2'%3E%3Cpath d='M0 5h10' data-name='線 114'/%3E%3Cpath d='M5 0v10' data-name='線 115'/%3E%3C/g%3E%3C/svg%3E");
  }
  .c-member__info-text-button.is-open:after {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%3E%0A%20%20%3Cg%20id%3D%22close%22%20transform%3D%22translate(-315%20-56)%22%3E%0A%20%20%20%20%3Cline%20id%3D%22%E7%B7%9A_114%22%20data-name%3D%22%E7%B7%9A%20114%22%20x2%3D%2210%22%20transform%3D%22translate(315%2061)%22%20fill%3D%22none%22%20stroke%3D%22%23221814%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1035%22%20data-name%3D%22%E3%83%91%E3%82%B9%201035%22%20d%3D%22M0%2C0H10%22%20transform%3D%22translate(320%2056)%20rotate(90)%22%20fill%3D%22none%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  }
  .c-member__info-text-wrapper {
    background: #fff;
    border-radius: 15px;
  }
  .c-member__info-text {
    display: none;
    padding: 10px;
  }
  .page-interview .page-works-project-single_section-title {
    margin: 40px 6.666666666666667vw 25px;
  }
  .page-interview .contents-main__section-inner {
    margin-bottom: 40px;
    padding-inline: 6.666666666666667vw;
  }
  .page-interview .contents-main__section-inner .page-works-project-single_section-title {
    margin-inline: 0;
  }
  .page-interview .c-worksList.works-project-list__c-worksList li{
    padding: 0;
    width: 100%;
  }
  .page-interview .contents {
    padding: 0;
  }
  .page-interview__wrapper {
    padding: 0 6.666666666666667vw;
  }
  .page-interview .c-worksList-text {
    padding: 17px 50px 45px;
  }
  .page-interview .interview-back-to-list {
    margin-top: 40px;
    padding: 0 6.666666666666667vw;
  }
  .page-interview .contents-main__section__contact {
    padding: 0 6.666666666666667vw;
  }
}



/* ------------------------------------
  pickup
------------------------------------ */
.page-works .l-base-works.works-pages-list__l-base-works{
  margin-top: 10px;
  letter-spacing: 0px;
}

.c-worksList.works-pages-list__c-worksList{
  margin-bottom: 0px;
}

@media screen and (max-width: 768px){

  .page-works .l-base-works.works-pages-list__l-base-works{
    width: 100%;
  }
  .page-works .c-worksList.works-pages-list__c-worksList li{
    width: 90%;
  }
  .c-worksList.works-pages-list__c-worksList{
    justify-content: center;
    margin-bottom: 0px;
  }
}

/* ------------------------------------
  page-works-new
  page-works-project-list
  page-works-project-search
  page-works-company-list
------------------------------------ */

.works-project-list__c-worksList{
  justify-content: start;
}
.works-project-list__c-worksList li{
  padding: 5px;
  width: 33%;
}
.works-interview-list__article .works-project-list__c-worksList li {
  width: 100%;
  max-width: 422px;
  border: 0;
}
.works-project-list__no-result{
  font-size: 16px;
  letter-spacing: 0px;
  margin: 10px 0 40px 70px;
}
.works-project-list__filter-wrap{
  margin-top: 10px;
  margin-bottom: 70px;
}
.works-project-list__filter-wrap-tag-name{
  border: 1px solid #201715;
  background-color: #201715;
  border-radius: 5px;
  color: #DBDCDC;
  display: inline-block;
  font-size: 14px;
  padding: 5px 20px;
  margin: 5px;
}
.works-category-filter{
  margin-top: 120px;
  scroll-margin-top: 80px;
}
.works-category-filter_title{
  font-size: 20px;
  margin-bottom: 10px;
}
.works-category-filter_block{
  border: solid 1px #201715;
  padding: 10px 30px;
  position: relative;
}
.works-category-filter_inner{
  margin-top: 30px;
  margin-bottom: 20px;
}
.works-category-filter_inner:before{
  background: #221814;
  content: "";
  height: 1px;
  left: 30px;
  position: absolute;
  top: 0;
  width: 60px;
}
.works-category-filter_inner-title{
  font-weight: 600;
  margin-bottom: 10px;
}
.works-category-filter_categories-btn input {
  display: none;
}
.works-category-filter_categories-btn span {
  border: 1px solid #201715;
  border-radius: 5px;
  color: #201715;
  display:inline-block;
  font-size: 14px;
  padding: 5px 20px;
  margin: 5px;
}
.works-category-filter_categories-btn span:hover {
  cursor: pointer;
}
.works-category-filter_categories-btn input:checked + span {
  color: #FFF;
  background: #201715;
}
.works-category-filter_inner-btn{
  margin: 25px 0;
  text-align: center;
  width: 100%;
  position: relative;
}
.works-category-filter_inner-btn_btn{
  border-radius: 22px;
  background-color: #4C4948;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  position: relative;
  padding: 10px 40px;
  width: 150px;
}
.works-category-filter_inner-btn_btn:hover{
  opacity: .6;
  transition: all .3s ease-out;
  cursor:pointer;
}

.works-category-filter_inner-btn_btn.btn-gray{
  background-color: #CBCBCB;
  opacity: 1;
  cursor:default;
}
.works-category-filter_inner-btn_btn.btn-gray:hover{
  opacity: 1;
  cursor:default;
}
.page-works-search-reset{
  position:absolute;
  top:0px;
  left: 445px;
  display: inline-flex;
  justify-content: left;
  align-items: center;
  font-size:14px;
  font-family: 'Noto Sans JP', sans-serif;
  cursor: pointer;
  height:40px;
}
.page-works-search-reset .icon-reset{
  content : "";
  background-image: url("../img/works/project-single/reset_icon2.svg");
  background-repeat: no-repeat;
  display: inline-block;
  height:14px;
  width:14px;
  background-size: contain;
  margin-right:8px;
}
.works-category-filter_all-project-btn{
  color: #221814;
  display: inline-block;
  font-size: 14px;
  letter-spacing: 0px;
  padding-top: 25px;
  position: relative;
}
.works-category-filter_all-project-btn a{
  background-image: url('../img/arrow_back@2x.png');
  background-size: 17px 9px;
  background-repeat: no-repeat;
  background-position: 0 center;
  padding-left: 25px;
}
.page-works-new__contents .page-works-new__spacer{
  height: 120px;
}
.page-works-new__contents .works-category-filter{
  margin-top: 100px;
}

.page-works-new__list-img{
  position: relative;
  aspect-ratio: 40 / 21;
  border: 1px solid #F0F0F0;
  width: 100%;
  height: auto;
  display: flex;
  

  overflow: hidden;
  box-sizing: border-box;
}
.company-logo-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  background: white;
  width: 148px;
  height: 65px;
  padding: 10px 20px;
  border-top-left-radius: 10px;
  text-align: center;
}
.c-worksList-black {
  margin-top: 80px;
}
.c-worksList-black li {
  background: none;
}
.c-worksList-black .page-works-new__list-img,
.works-interview-list__article .page-works-new__list-img {
  border: none;
}
.c-worksList-black .c-worksList-titile {
  color: #fff;
}
.c-worksList-black .c-worksList-client-name {
  color: #fff;
}
.c-worksList li .page-works-new__list-img img{
  object-fit: contain;
  width: 100%;
  height: 100%;
  transform: scale(1,1);
}

.c-worksList li .page-works-new__list-img:hover img{
  transform: scale(1.05,1.05);
}

.c-worksList li:hover{
  background:transparent;
}
.c-worksList-text{
  min-height:auto;
  padding:17px 20px 45px;
}

@media screen and (max-width: 768px){


  .l-base-works.works-project-list__l-base-works{
    margin-top: 10px;
    width: 100%;
  }
  .l-base-works.works-project-list__l-base-works + .contents-main__viewmore-btn{
    margin-top: 25px;
  }
  .c-worksList-black {
    margin-top: 40px;
  }
  .c-worksList.works-project-list__c-worksList{
    justify-content: center;
    margin-bottom: 0px;
  }
  .contents-works .c-worksList-text {
    padding: 17px 40px 35px;
  }
  .contents-works .c-worksList.works-project-list__c-worksList {
    justify-content: start;
  }
  .page-works .c-worksList.works-project-list__c-worksList li,
  .c-worksList.works-project-list__c-worksList li{
    width: 90%;
  }
  .contents-works .page-works .c-worksList.works-project-list__c-worksList li,
  .contents-works .c-worksList.works-project-list__c-worksList li{
    width: 100%;
    padding: 0;
  }
  .works-interview-list__article .works-project-list__c-worksList li {
    max-width: 100%;
  }
  .c-worksList-black li:last-child .c-worksList-text {
    padding-bottom: 0;
  }
  .contents-works .page-works-new__list-img,
  .page-interview .page-works-new__list-img {
    border: 0;
  }
  .works-project-list__article-title{
      margin-bottom: 8vw;
      padding-top: 16vw;
  }
  .contents-works .works-project-list__article-title{
    margin-inline: 6.666666666666667vw;
  }
  .works-project-list__no-result{
    font-size: 14px;
    letter-spacing: 0px;
    margin: 10px 0 40px 0;
    padding-inline: 35px;
  }
  .works-category-filter {
    margin-top: 60px;
  }
  .contents-works .works-category-filter {
    padding: 0px 6.666666666666667vw;
  }
  .page-works-new__contents .works-category-filter {
    margin-top: 60px;
  }
  .works-category-filter_title {
    font-size: 19px;
  }
  .works-category-filter_block{
    padding: 10px 25px;
    margin-bottom: 0;
  }
  .works-category-filter_inner{
    padding-top: 17px;
    margin-top: 0;
    margin-bottom: 13px;
  }
  .works-category-filter_inner-btn{
    margin: 47px 0 25px;
    position: relative;
  }
  .works-category-filter_categories-btn span {
    font-size: 12px;
  }

  .page-works-new__contents .works-pickup-list__article-title{
    margin: 0 0 40px 0;
  }
  .works-project-list__filter-wrap-tag-name{
    font-size: 12px;
  }
  .works-category-filter_all-project-btn{
    font-size: 14px;
    letter-spacing: 0px;
    padding-top: 15px;
    position: relative;
    margin-bottom: 60px;
  }

  .page-works-search-reset{
    position: relative;
    display: flex;
    top:0px;
    left:0px;
    justify-content: center;
    margin: 15px auto 0;
    height:auto;
  }
}

/* swiper bullets works-new */

.page-works-project-single_section-box .swiper-bottom{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top:30px;
}
.page-works-project-single_section-box .swiper-pagination {
	position: relative;
	bottom: 0px;
	left: 0px;
	width: auto !important;
	left: auto !important;
	margin: 0 10px;
  max-width: 500px;
  line-height:0;
  font-size: 0;
}
.page-works-project-single_section-box .swiper-pagination-bullet {
	padding: 0;
  margin: 0px 5px;
	width: 70px;
	height: 2px !important;
  border-radius: 0px !important;
	opacity: 1;
	background: #cccccc;
  box-sizing: border-box;
}
.page-works-project-single_section-box .swiper-pagination-bullet-active {
	color:#fff;
	background: #000000 !important;
}

.page-works-project-single_section-box .button-next{
  background-image:url('../img/works/project-single/arw_r@2x.png');
  background-size: contain;
  position: relative;
  right:0;
  margin-top:0;
  top:0;
  height:15px;
  width:12px;
}
.page-works-project-single_section-box .button-prev{
  background-image:url('../img/works/project-single/arw_l@2x.png');
  background-size: contain;
  position: relative;
  margin-top:0;
  top:0;
  height:15px;
  width:12px;
}
@media screen and (max-width: 768px) {
  .page-works-project-single_section-box .swiper-bottom{
    margin-top:20px;
  }
  .page-works-project-single_section-box .swiper-pagination-bullet {
  	width: 30px !important;
  }
}

/* ------------------------------------
  section-contact.php
------------------------------------ */
.contents-main__section__contact{
  margin: 100px 0 0;
}
.page-project.page-archive .contents-main__section__contact,
.page-company.page-single .contents-main__section__contact{
  margin: 100px 0;
}

.l-base-s-contact{
  background-color: #F7F5F5;
  height: 166px;
  padding: 30px 0;
  text-align: center;
}
.l-base-s-contact__text{
  color: #201715;
  letter-spacing: 0px;
  font-size: 16px;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px){
  .contents-main__section__contact{
    margin: 60px 0 0;
  }
  .contents-works .contents-main__section__contact {
    padding: 0px 6.666666666666667vw;
  }
  .contents-main__section__contact .l-base-s{
    width: 100%;
  }
  .works-project-list__filter-wrap{
    padding-inline: 35px;
  }
}

/* モーダル関連のスタイルを追加 */
.modal {
  display: none;
}

.modal.is-open {
  display: block;
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.modal__container {
  position: relative;
  max-width: 90vw;
  max-height: 90vh;
  overflow-y: auto;
}

.modal__close {
  position: absolute;
  top: 20px; /* 画像の内側上部から20px */
  right: 20px; /* 画像の内側右から20px */
  width: 40px;
  height: 40px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  z-index: 1002;
}

/* スマートフォン用 */
@media screen and (max-width: 768px) {
  .modal__close {
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
  }
}

/* アニメーション */
.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}

@keyframes mmfadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes mmfadeOut {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes mmslideIn {
  from { transform: translateY(15%); }
  to { transform: translateY(0); }
}

@keyframes mmslideOut {
  from { transform: translateY(0); }
  to { transform: translateY(-10%); }
}

.modal__close::before,
.modal__close::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px;
  background: #fff;
}

.modal__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.modal__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* スマートフォン用 */
@media screen and (max-width: 768px) {
  .modal__close {
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
  }
}
.link-underline {
  text-decoration: underline;
}
.list-indent {
  text-indent: -1em;
  padding-left: 1em;
}
.compliance ul {
  list-style-type: "・";
  padding-left: 1em;
  margin-top: 16px;
}

@media screen and (max-width: 768px) {
  .compliance ul {
    margin-top: 2.5641vw;
  }
}

.fixed-bnr {
  position: fixed;
  bottom: -100%;
  left: 0;
  width: 100%;
  padding: 0 10px;
  background: rgba(34, 24, 20, 0.7);
  z-index: 10;
  transition: bottom 0.3s ease-out;
}
.fixed-bnr.active {
  bottom: 0;
}
.fixed-bnr__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  max-width: 930px;
  margin: 0 auto;
  padding: 20px 0px;
  color: #fff;
  letter-spacing: normal;
}
.fixed-bnr__text {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.fixed-bnr__text .sp {
  display: none;
}
.fixed-bnr__link {
  padding: 12px 55px;
  background: #fff;
  border-radius: 999em;
  font-size: 15px;
  font-weight: bold;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .fixed-bnr__inner {
    flex-direction: column;
    text-align: center;
    padding: 10px 0;
  }
  .fixed-bnr__text {
    font-size: 13px;
  }
  .fixed-bnr__text .sp {
    display: block;
  }
  .fixed-bnr__link {
    padding: 8px 20px;
    font-size: 13px;
  }
}