/* page ALL */
.pageTtl{
  padding:115px 0 70px;
  .pageTtl_inner{
    h2{
      margin: auto;
      width:100px;
    }
  }
}
@media (width >= 769px) {
  .pageTtl{
    /* padding: 430px 0 180px; */
    padding: 300px 0 180px;
    .pageTtl_inner{
      h2{
        margin: auto;
        width: 250px;
      }
    }
  }
}

/* SERVICE
********************************************/
.pageService{
  padding:0 0 40px;
  .pageService_inner{
    .pageService_inner_list{}
    @media (width >= 769px) {
      .pageService_inner_list{
      }
    }
    .pageService_inner_list_item{
      width:100%;
      margin: 0 0 30px;
      background:rgba(51,51,51,.15);
    }
    @media (width >= 769px) {
      .pageService_inner_list_item{
        width:49%;
        margin: 0 0 20px;
      }
      .pageService_inner_list_item:last-child{
        margin:0;
      }
    }
    .pageService_inner_list_item-price{
      margin: 30px auto 0;
      justify-content: center;
      span{
        border-bottom: 1px solid #000;
      }
    }
    @media (width >= 769px) {
      .pageService_inner_list_item-price{
        justify-content: space-around;
        span{
        }
      }
    }
    
    .pageService_inner_list_item:last-child{
      margin: 0 ;
    }
    .pageService_inner_list_item:last-child .txtbox{
      padding: 0 ;
      margin: 0 8% 20px;
    }
    .pageService_inner_list_item:last-child .txtbox h3{
      width: 81%;
      margin: 0 auto 10px;
      max-width: 300px;
      min-width: 221px;
    }
    .pageService_inner_list_item:last-child .txtbox h3:nth-of-type(2){

    }
    .pageService_inner_list_item:last-child .txtbox p{
      letter-spacing: 0;
      margin: 0 auto 10px;
    }
    .pageService_inner_list_item .thum{
      position:relative;
    }
    .pageService_inner_list_item .thum .list_ttl{
      position: absolute;
      bottom: 15px;
      left: 15px;
    }
    .pageService_inner_list_item.wedding .thum .list_ttl{
      width: 35%;
    }
    .pageService_inner_list_item.corporate .thum .list_ttl{
      width: 44%;
    }
    .pageService_inner_list_item.event .thum .list_ttl{
      width: 22%;
    }
    .pageService_inner_list_item.training .thum .list_ttl{
      width: 35%;
      /* bottom: 35px; */
    }
    .wedding{
      p{

      }
    }
    @media (width >= 769px) {
      .wedding{
        p{
          font-size: 14px;  
        }
      } 
    }
    .corporate{

    }
    @media (width >= 769px) {
      .corporate{
        p{
          font-size: 18px;  
        }
      } 
    }
    .event{

    }
    @media (width >= 769px) {
      .event{
        margin:0;
        p{
          font-size: 18px;  
        }
      } 
    }
    .training h3{
        border-bottom:1px solid #000;
        padding: 25px 0 8px !important;
        margin-bottom: 10px;
    }
    .training h3:nth-of-type(2){
      padding: 20px 0 8px !important;
    }
    @media (width >= 769px) {
      .training{
        h3{
          border-bottom:1px solid #000;
          padding: 40px 0 10px !important;
          margin-bottom: 20px;
        }
        h3:nth-of-type(2){

        }
      } 
    }


    .pageService_inner_list_item .txtbox{
      font-weight:600;
      padding: 0 0% 20px;
      text-align: center;
    }
    @media (width >= 769px) {
      .pageService_inner_list_item .txtbox{
        padding-bottom: 40px;
      }
    }
    .pageService_inner_list_item h3{
      line-height: 1.5;
      padding: 20px 0;
      --clamp-min: 12;
      --clamp-max: 18;
      letter-spacing: .1em;
      
    }
    @media (width >= 769px) {
      .pageService_inner_list_item h3{
        padding: 40px 0;
        --clamp-max: 20;
      }
    }
    .pageService_inner_list_item p{
      --clamp-min: 12;
      --clamp-max: 16;
      font-weight: 600;
      line-height: 1.5;
      white-space: normal;
      letter-spacing: .2em;
    }
    @media (width >= 769px) {
      .pageService_inner_list_item p{
      }
    }
    .pageService_inner_list_item .item{
      --clamp-min: 12;
      --clamp-max: 16;
      font-weight: 600;
      line-height: 1.5;
    }

    .pageService_inner_list_item .note{
      text-align: center;
      --clamp-min: 12;
      --clamp-max: 16;
      font-weight: 600;
      line-height: 1.5;
    }
  }
}


@media (width >= 769px) {
  .pageService{
    padding:0 0 120px;
  }
  .pageService_inner_list_item:nth-of-type(3){
    margin: 0;
  }
  .pageService_inner_list_item:last-child{
    h3:nth-of-type(1){
      padding:40px 0 10px 0;
      margin: 0 auto 10px auto;
      max-width: 350px;
    }
    h3:nth-of-type(2){
      padding: 40px 0 10px;
      margin: 0 auto 10px auto;
      max-width: 350px;
    }
  }
}


@media (width >= 769px) {
 
}


/* MEMBER
********************************************/
.member{
  background:rgba(51,51,51,.15);
}

.pageMember{
  padding:0 0 40px;
}
@media (width >= 769px) {
  .pageMember{
    padding:0 0 120px;
  }
}
.pageMember_inner{

}
@media (width >= 769px) {}
.pageMember_inner_list{

}
@media (width >= 769px) {}
.pageMember_inner_list_item{

}
.pageMember_inner_list_item:nth-of-type(1){

}
.pageMember_inner_list_item:nth-of-type(2){
  margin: -14px 0 0 0;
}
.pageMember_inner_list_item:nth-of-type(3){
  margin: -15px 0 0 0;
}
.pageMember_inner_list_item:nth-of-type(4){
  margin: -17px 0 0 0;
}
.pageMember_inner_list_item:nth-of-type(5){
  margin: -34px 0 0 0;
}
.pageMember_inner_list_item:nth-of-type(6){
  margin: -52px 0 0 0;
}
.pageMember_inner_list_item:nth-of-type(7){
  margin: -44px 0 0 0;
}
.pageMember_inner_list_item:nth-of-type(8){
  margin: -27px 0 0 0;
}
.pageMember_inner_list_item:nth-of-type(9){
  margin: -37px 0 0 0;
}
@media (width >= 769px) {
  .pageMember_inner_list_item:nth-of-type(1){

  }
  .pageMember_inner_list_item:nth-of-type(2){
    margin: -60px 0 0 0;
  }
  .pageMember_inner_list_item:nth-of-type(3){
    margin: -60px 0 0 0;
  }
  .pageMember_inner_list_item:nth-of-type(4){
    margin: -60px 0 0 0;
  }
  .pageMember_inner_list_item:nth-of-type(5){
    margin: -115px 0 0 0;
  }
  .pageMember_inner_list_item:nth-of-type(6){
    margin: -165px 0 0 0;
  }
  .pageMember_inner_list_item:nth-of-type(7){
    margin: -140px 0 0 0;
  }
  .pageMember_inner_list_item:nth-of-type(8){
    margin: -60px 0 0 0;
  }
  .pageMember_inner_list_item:nth-of-type(9){
    margin: -100px 0 0 0;
  }
}


/* BUSINESS
********************************************/

.pageBusiness{

}
@media (width >= 769px) {
  .pageBusiness{
    /* padding:180px 0 0; */
    padding: 0;
  }
}
.pageBusiness_inner{
  padding:0 0 20px;
  max-width: 820px;
}
@media (width >= 769px) {
  /* padding:0 0 180px;
  max-width: 820px; */
}

.pageBusiness_inner h3{
  text-align: center;
  margin: 0 0 115px;
  --clamp-min: 11;
  --clamp-max: 14;
  font-weight: 600;
}
@media (width >= 769px) {
  .pageBusiness_inner h3{
    text-align: center;
    margin: 0 0 210px;
    --clamp-min: 20;
    /* --clamp-max: 36; */
    --clamp-max: 30;
    font-weight: 600;
  }
}

.pageBusiness_inner_list{

}
@media (width >= 769px) {}

.pageBusiness_inner_list_item{
  position: relative;
}


.pageBusiness_inner_list_item .thum{
  span {
    display: none;
  }
}
@media (width >= 769px) {
  .pageBusiness_inner_list_item .thum{
    position: absolute;
    width: 68%;
    /* top: -90px; */
    top: -40px;
  }
  .pageBusiness_inner_list_item:nth-of-type(odd) .thum{
    right: 0;
  }
  .pageBusiness_inner_list_item:nth-of-type(even) .thum{
    left: 0;
  }
}
@media (width >= 769px) {
  .pageBusiness_inner_list_item .thumbnail {
    transform: skewX(-21deg);
    &::before, &::after {
      content: "";
      width: 15.3%;
      height: 102%;
      background: #fff;
      position: absolute;
      top: -1%;
      left: 0;
      z-index: 2;
    }
    &::after {
      left: unset;
      right: 0;
    }
    span {
      display: block;
      padding-top: 72%;
      transform: skewX(21deg);
      transition: 1s all;
    }
    &:hover {
      span {
        transform: scale(1.1, 1.1) skewX(21deg);
        transition: 1s all;
      }
    }
  }
  .pageBusiness_inner_list_item:nth-of-type(even) .thumbnail {
    transform: skewX(21deg);
    span {
      transform: skewX(-21deg);
    }
    &:hover {
      span {
        transform: scale(1.1, 1.1) skewX(-21deg);
      }
    }
  }
}

.pageBusiness_inner_list_item .txt{
  margin: 30px 0;
}
@media (width >= 769px) {
  .pageBusiness_inner_list_item .txt{
    --clamp-min: 20;
    /* --clamp-max: 40; */
    --clamp-max: 24;
    position:relative;
  }
}
.pageBusiness_inner_list_item:nth-of-type(even) .txt{
  border-right:10px solid #c6a464;
  text-align: right;
  padding: 0 10px 0 0;
  --clamp-min: 10;
  --clamp-max: 10;
}
.pageBusiness_inner_list_item:nth-of-type(odd) .txt{
  border-left:10px solid #c6a464;
  padding: 0 0 0 10px;
  --clamp-min: 10;
  --clamp-max: 10;
}
@media (width >= 769px) {
  .pageBusiness_inner_list_item:nth-of-type(odd) .txt{
    /* border-left: 45px solid #c6a464; */
    border-left: 30px solid #c6a464;
    /* padding: 0 0 0 30px; */
    padding: 0 0 0 20px;
    margin: 0 0 30%;
    --clamp-min: 20;
  --clamp-max: 24;
  }
  .pageBusiness_inner_list_item:nth-of-type(even) .txt{
    /* border-right:45px solid #c6a464; */
    border-right: 30px solid #c6a464;
    text-align: right;
    /* padding: 0 30px 0 0; */
    padding: 0 20px 0 0;
    margin: 0 0 40% auto;
    --clamp-min: 20;
  --clamp-max: 24;
  }
}


.treading{
  margin:50px auto;
}
.treading_ttl{
  --clamp-min: 14;
  --clamp-max: 20;
  font-weight: 600;
  margin:0 0 50px !important;
}
@media (width >= 769px) {
  .treading_ttl{
    margin:0 0 80px !important;
  }
}

.treading_list{
  align-items: center;
}
@media (width >= 769px) {}

.treading_list_item{
  text-align: center;
  width:28%;
}
@media (width >= 769px) {
  .treading_list_item{
    text-align: center;
    width:28%;
  }
}

.treading_list_item:nth-of-type(1){
  width:50%;
  margin: 0 0 10%;
}
.treading_list_item:nth-of-type(1) img{
  width:80%;
}
.treading_list_item:nth-of-type(2){
  width:50%;
  margin: 0 0 10%;
}
.treading_list_item:nth-of-type(2) img{
  width:30%;
}
.treading_list_item:nth-of-type(3){

}
.treading_list_item:nth-of-type(3) img{
  width:100%;
}
.treading_list_item:nth-of-type(4){

}
.treading_list_item:nth-of-type(4) img{

  width: 50%;
}
.treading_list_item:nth-of-type(5){
}
.treading_list_item:nth-of-type(5) img{
  width: 100%;
}
@media (width >= 769px) {
  .treading_list_item{
    flex:1;
  }
  .treading_list_item:nth-of-type(1){
    width:50%;
    margin: 0 0 0;
  }
  .treading_list_item:nth-of-type(1) img{
    width:60%;
  }
  .treading_list_item:nth-of-type(2){
    width:50%;
    margin: 0 0 0;
  }
  .treading_list_item:nth-of-type(2) img{
    width:28%;
  }
  .treading_list_item:nth-of-type(3){

  }
  .treading_list_item:nth-of-type(3) img{
    width: 80%;
  }
  .treading_list_item:nth-of-type(4){

  }
  .treading_list_item:nth-of-type(4) img{
    width: 33%;
  }
  .treading_list_item:nth-of-type(5){
  }
  .treading_list_item:nth-of-type(5) img{
    width: 100%;
  }
}


.company{
  background:#c6a464;
  padding: 40px 0 50%;
  position:relative;
}
@media (width >= 769px) {
  .company{
    padding: 100px 0 140px;
  }
}

.company:after{
  content:"";
  background:url(../../../assets/img/business/business_company.jpg) no-repeat;
  background-size: contain;
  width: 47%;
  height: 20%;
  display: block;
  position: absolute;
  bottom: 40px;
  right: 10%;
}
@media (width >= 769px) {
  .company:after{
    width: 32%;
    height: 42%;
    display: block;
    position: absolute;
    top: 140px;
    right: 13%;
  }
}



.company_inner{

}
@media (width >= 769px) {}

.company_inner_logo{
  width: 50%;
  margin: auto;
}
@media (width >= 769px) {
  .company_inner_logo{
    width: 36%;
    margin: auto auto 70px 0;
  }
}

.company_inner_table{
  width: 100%;
  margin: 0 0 20px;
}
@media (width >= 769px) {
  .company_inner_table{
    width: 75%;
    margin: 0 0 20px;
    letter-spacing: .2em;
  }
}

.company_inner_table tbody{

}
@media (width >= 769px) {}

.company_inner_table tbody tr{

}
@media (width >= 769px) {}

.company_inner_table tbody tr td{
  color:#fff;
}
@media (width >= 769px) {
  .company_inner_table tbody tr td{
    --clamp-min: 14;
    /* --clamp-max: 28; */
    --clamp-max: 24;
  }
}




.company_inner_table tbody tr td:nth-of-type(2){
  padding-left:20px;
}
@media (width >= 769px) {
  .company_inner_table tbody tr td:nth-of-type(2){
    padding-left: 120px;
    padding-bottom: 10px;
  }
}

.company_inner_contact{

}
@media (width >= 769px) {
  .company_inner_contact{
    justify-content: flex-start;
  }
}

.company_inner_contact .tel{
  color:#fff;
  width:100%;
}
@media (width >= 769px) {
  .company_inner_contact .tel{
    --clamp-min: 14;
    --clamp-max: 28;
    width:auto;
  }
}

.company_inner_contact .mail{
  color:#fff;
  width:100%;
}
@media (width >= 769px) {
  .company_inner_contact .mail{
    --clamp-min: 14;
    --clamp-max: 28;
    padding-left: 100px;
    width:auto;
  }
}


/* RECRUIT
********************************************/
.pageRecruit{
  position:relative;
  padding: 55px 0 35%;
  margin-bottom: 135px;
}
@media (width >= 769px) {
  .pageRecruit{
    padding: 55px 0 35%;
  }
}
.pageRecruit:before{
  content: "";
  background: #c6a464;
  width: 85vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (width >= 769px) {
}
.pageRecruit:after{
  content: "";
  background: url(../../../assets/img/recruit/recruit_img01.jpg) no-repeat;
  background-size: contain;
  width: 41vw;
  height: 27vw;
  display: block;
  position: absolute;
  bottom: -10%;
  right: 18%;
  max-width: 693px;
  z-index: 0;
}
@media (width >= 769px) {
}

.pageRecruit_box:before{
  content: "";
  background: url(../../../assets/img/recruit/president.png) no-repeat;
  background-size: contain;
  width: 39vw;
  height: 85vw;
  max-height: 1300px;
  display: block;
  position: absolute;
  bottom: 0;
  z-index: -1;
}
@media (width >= 481px) {
  .pageRecruit_box:before{
    height: 70vw;
  }
}
/* @media (width >= 769px) {
  .pageRecruit_inner_txt:before{
    top: -38%;
    left: -16vw;
  }
} */
/* @media (width >= 993px) {
  .pageRecruit_inner_txt:before{
    left: -12%;
  }
} */
@media (width >= 993px) {
  .pageRecruit_box:before{
    width: 31vw;
    height: 63vw;
    max-height: 1300px;
    display: block;
    position: absolute;
    bottom: -10%;
    left: 6%;
    z-index: -1;
  }
}

.pageRecruit_inner{
  position:relative;
}


.pageRecruit_inner_ttl {
  --clamp-min: 18;
  --clamp-max: 22;
  text-align: center;
  margin: 0 0 45px;
}
@media (width >= 769px) {
  .pageRecruit_inner_ttl {
    margin: 0 0 80px;
  }
}
.pageRecruit_inner_ttl span {
  --clamp-min: 18;
  --clamp-max: 22;
  border-bottom:1px solid #000;
  padding: 0 0px;
  letter-spacing: .2em;
}
@media (width >= 769px) {
  .pageRecruit_inner_ttl span{
    --clamp-min: 18;
    --clamp-max: 40;
  }
}

.pageRecruit_inner_txt{
  text-align: right;
  --clamp-min: 10;
  --clamp-max: 12;
  font-weight: 600;
  position:relative;
  letter-spacing: .1em;
}
@media (width >= 481px) {
  .pageRecruit_inner_txt{
    --clamp-min: 14;
    --clamp-max: 16;
  }
  
}
@media (width >= 769px) {
  .pageRecruit_inner_txt{
    text-align: right;
    --clamp-min: 10;
    --clamp-max: 20;
    font-weight: 600;
    position:relative;
    letter-spacing: .2em;
  }
}

@media (width >= 1440px) {
  .pageRecruit_inner_txt {
    --clamp-max: 24;
  }
  .pageRecruit_inner_txt .inview{
    padding-right: 8%;
  }
}
.pageRecruit_inner_txt span{
  display:block;
  margin:15px 0 0 0;
  font-family:"Noto Sans JP";
}
@media (width >= 769px) {
  .pageRecruit_inner_txt span{
    --clamp-min: 10;
    --clamp-max: 26;
    margin-top: 4%;
  }
}
.info{
}
@media (width >= 769px) {
  .info{
    position: relative;
    &::before {
      content: "";
      background: #c6a464;
      width: 56.6vw;
      height: max(18vw, 150px);
      position: absolute;
      top: 16.5%;
      right: -1vw;
      z-index: -1;
    }
  }
}
@media (width >= 993px) {
  .info {
    &::before {
      top: 18.5%;
    }
  }
}
@media (width >= 1600px) {
  .info {
    &::before {
      top: 17.5%;
      width: 62.6vw;
    }
  }
}
.info_inner{

}

.info_inner_ttl{
  --clamp-min: 14;
  --clamp-max: 16;
  text-align:center;
  margin: 0 0 15px;
  letter-spacing: .2em;
}
@media (width >= 769px) {
  .info_inner_ttl{
    --clamp-min: 14;
    --clamp-max: 40;
    text-align: left;
    position: relative;
    &::before {
      content: "";
      background: #000;
      width: 100%;
      height: 1px;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      margin: auto;
    }
   }
}
.info_inner_ttl span{
  text-align:center;
  border-bottom:1px solid #000;
  padding: 0 0px;
  letter-spacing: .2em;
}
@media (width >= 769px) {
  .info_inner_ttl span {
    padding: 0 3% 0 0;
    background: #fff;
    border-bottom: none;
    position: relative;
    display: block;
    text-align: left;
    width: fit-content;
  }
}
@media (width >= 769px) {}

.info_inner_txt{
  text-align:center;
  --clamp-min: 10;
  --clamp-max: 10;
  white-space: normal;
  letter-spacing: .05em;
}
@media (width >= 769px) {
  .info_inner_txt{
    /* --clamp-min: 14;
    --clamp-max: 22; */
    text-align: left;
    font-size: min(2.3vw, 24px);
    margin-bottom: 25%;
    letter-spacing: .2em;
  }
}
.info_inner_box{
  margin: 30px auto 0;
}
@media (width >= 769px) {}
.info_inner_table{
  display: block;
  width: 100%;
}
@media (width >= 769px) {}
.info_inner_table tbody{
  display: block;
  width: 100%;
}
@media (width >= 769px) {}
.info_inner_table tr{
  display: block;
  width: 100%;
  border: 1px solid #000;
  margin-top: -1px;
}
@media (width >= 769px) {}
.info_inner_table tr th{
  background: rgba(0,0,0,.66);
  color: #fff;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  display: block;
}
@media (width >= 769px) {
  .info_inner_table tr th{
    width: 230px;
    display: table-cell;
  }
}
.info_inner_table tr td{
  width: 63%;
  padding: 10px;
  --clamp-min: 10;
  --clamp-max: 14;
}
@media (width >= 769px) {
  .info_inner_table tr th{
    width: 310px;
    padding: 30px 0;
  }
  .info_inner_table tr td {
    padding: 30px;
  }
  .info_inner_table tr td, .info_inner_table tr th{
    --clamp-min: 16;
    --clamp-max: 18;
    white-space: normal;
  }
}

/* CONTACT
********************************************/

.contact .pageTtl h2{
  margin: 70px auto 0;
}
@media (width >= 769px) {
  .contact .pageTtl{
    /* padding: 230px 0 180px; */
    padding: 127px 0 180px;
  }
  .contact .pageTtl h2{
    margin: 180px auto 0;
  }
}
.pageContact{
  padding:70px 0 ;
  background: rgba(0,0,0,.66);
}
/* @media (width >= 769px) {
  .pageContact{
    180px 0 100px
  }
} */
.pageContact_inner{
  position: relative;
}
.pageContact_inner:before,
.pageContact_inner:after{
  content: "";
}
.pageContact_inner:before{
  content: "";
  background: url(../../../assets/img/contact/contact_img02.jpg) no-repeat;
  background-size: contain;
  width: 28vw;
  height: 42vw;
  display: block;
  position: absolute;
  top: 0%;
  right: 2%;
  z-index: 3;
}
.pageContact_inner:after{
  content: "";
    background: #fff;
    background-size: contain;
    width: 28vw;
    height: 42vw;
    display: block;
    position: absolute;
    top: 1%;
    right: -1%;
    z-index: 2;
}
@media (width >= 769px) {
  .pageContact_inner:before{
    top: -18%;
    max-height: 600px;
    max-width: 400px;
  }
  .pageContact_inner:after{
    top: -16%;
    max-height: 600px;
    max-width: 400px;
  }
}

.pageContact_inner h3{
  width: 50%;
}
.pageContact_inner h4{
  width: 50%;
  color: #fff;
  --clamp-min: 16;
  --clamp-max: 18;
  line-height: 1.5;
  letter-spacing: .1em;
  margin: 10px 0 0 0;
  font-weight: 500;
}
@media (width >= 769px) {
  .pageContact_inner h4{
    --clamp-min: 16;
    --clamp-max: 25;
    line-height: 1.5;
    letter-spacing: .2em;
    margin: 15px 0 0 0;
  }
}
.pageContact_inner .pageContact_inner_txt{
  margin: 35% auto 40px;
}
@media (width >= 769px) {
  .pageContact_inner .pageContact_inner_txt{
    margin: 8% auto 11% 0;
    width: 50%;
    white-space: normal;
    color: #fff;
    --clamp-min: 16;
    --clamp-max: 22;
    }
  }
.pageContact_inner .pageContact_inner_txt p{
  color: #fff;
  white-space: normal;
  --clamp-min: 10;
  --clamp-max: 14;
}

@media (width >= 769px) {
  .pageContact_inner .pageContact_inner_txt p{
    color: #fff;
    white-space: normal;
    --clamp-min: 10;
    --clamp-max: 19;
    letter-spacing: .2em;
  } 
}