/* MOLA YAKUIN */
.header{
  background: unset;
  .header_inner{
    .header_inner-Logo{
      display: none;
    }
  }
}


#page-content{
  padding-top: 100px;
}

@media (width >= 769px) {
  #page-content{
    padding-top: 300px;
  }
}


.pageTtl{
  padding: 0 5% 10%;
  .pageTtl_inner{
    h2{
      font-size: 8vw;
      font-weight: 600;
      line-height: 10vw;
      letter-spacing: .1em;
      span{
        color:#EBCA1B;
        display:block;
        font-size: 3.4vw;
        font-weight: 600;
        letter-spacing: 0em;
      }
    }
    .disc{
    }
  }
}

@media (width >= 769px) {
  .pageTtl{
    padding: 0 5% 100px;
    .pageTtl_inner{
      h1{
        span{
        }
      }
      .disc{
        }
    }
  }
}

.secTtl{
  font-size: 20px;
  font-weight: 400;
  letter-spacing: .1em;
  margin: 0 0 15px;
}
.secTxt{
  font-size: 13px;
  margin: 0 auto 60px;
  font-weight: 400;
  letter-spacing: .05em;
}

@media (width >= 769px) {
  .secTtl{
    font-size: 35px;
    font-weight: 300;
    margin: 0 0 51px;
  }
  .secTxt{
    font-size: 20px;
    margin: 0 auto 144px;
    font-weight: 300;
    letter-spacing: .15em;
  }
}

/* ① 画像（ヒーローセクション）の初期状態 */
.pageMainVisual {
  opacity: 0;
  transition: opacity 1.5s ease-in;
}
/* 画像のアニメーション後の状態 */
.pageMainVisual.is-visible {
  opacity: 1;
}

/* ② テキストの初期状態 */
.topHero_inner-Box-Ttl {
  /* JavaScriptで文字を分割するまで非表示に */
  visibility: hidden;
}

/* JavaScriptで生成される各文字のスタイル */
.pageMainVisual_inner-Box{
  opacity: 0;
  transition: opacity 1.5s ease-in;
}
.pageMainVisual_inner-Box.is-visible {
  opacity: 1;
}

.pageMainVisual{
  height: 100dvh;
  overflow: hidden;
  background: url(../../img/molayakuin/detail_img01_sp.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  .pageMainVisual_inner{
    position: relative;
    height: 100dvh;
    .pageMainVisual_inner-Box{
      position: absolute;
      top: 50%;
      left: 25px;
      transform: translate(0%, -50%);
      .pageMainVisual_inner-Box-Ttl{
        .img{
          display: block;
          max-width: 309px;
          width: 98%;
        }
        span{
          color: #fff;
          font-size: 23px;
          font-weight: 500;
          letter-spacing: 0;
          display: block;
          margin: 34px auto;
        }
      }
      .pageMainVisual_inner-Box-Txt{
        font-size: 14px;
        color: #fff;
        width: 233px;
        span{
          display: block;
          font-size: 16px;
          color: #fff;
          margin: 16px 0 0;
        }
      }
    }
    .img{

    }
  }
}

@media (width >= 769px) {
  .pageMainVisual{
    background: url(../../img/molayakuin/detail_img01_pc.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    .pageMainVisual_inner{
      .pageMainVisual_inner-Box{
        top: unset;
        left: 77px;
        bottom: 48%;
        transform: translate(0%, 50%);
        .pageMainVisual_inner-Box-Ttl{
          .img{
            display: block;
            max-width: 830px;
            width: 830px;
          }
          span{
            color: #fff;
            font-size: 45px;
            font-weight: 500;
            letter-spacing: 0;
            display: block;
            margin: 110px auto 26px;
          }
        }
        .pageMainVisual_inner-Box-Txt{
          font-size: 20px;
          color: #fff;
          width:483px;
          span{
            display: block;
            font-size: 16px;
            color: #fff;
            margin: 16px 0 0;
          }
        }
      }
      .img{
  
      }
    }
  }
}


.block01{
  .block01_inner{
    .img02{
      margin:0 auto 35px;
      display: block;
    }
    .block01_inner-imgList{
      .block01_inner-imgList-Item{
        width: 84%;
        &:nth-of-type(1){
          margin: 0 auto 44px 0;
        }
        &:nth-of-type(2){
          margin: 0 0 44px auto;
        }
      }
    }
    .block01_inner-List{
      .block01_inner-List_item{
        .secTxt{
          margin: 0 auto 10px;
        }
        .img05{
          margin: 0 auto 68px;
          display: block;
        }
      }
    }
  }
}
@media (width >= 769px) {
  .block01{
    padding: 178px 0px 254px;
    .block01_inner{
      .img02{
        margin:0 auto 250px;
      }
      .block01_inner-imgList{
        max-width: 1216px;
        margin: 0 auto;
        .block01_inner-imgList-Item{
          width: 43%;
          &:nth-of-type(1){
            margin: 0 ;
          }
          &:nth-of-type(2){
            margin: 185px 0 0 0 ;
          }
        }
      }
      .block01_inner-List{
        margin:166px auto 0;
        max-width: 1325px;
        align-items: center;
        .block01_inner-List_item{
          &:nth-of-type(1){
            width: 39%;
          }
          &:nth-of-type(2){
            width: 54%;
            .secTxt{
              margin: 0;
            }
          }
          .img05{
            margin: 0;
          }
          .secTxt{
            margin: 0;
          }
        }
      }
    }
  }
}

.block02{
  padding-top: 0;
  .block02_inner{
    .img06{
      margin: 0 auto 53px;
      display: block;
    }
    .block02_inner-List1{
      .block02_inner-List1-item{
        .img07{
          margin: 0 auto 65px;
          display: block;
        }
      }
    }
    .img08{
      margin: 0 auto 60px;
      display: block;
    }
    .block02_inner-List2{
      flex-direction: column-reverse;
      .block02_inner-List2-item{
        .img09{
          margin : 60px calc(50% - 50vw) 0;
          display: block;
        }
      }
    }
  }
}
@media (width >= 769px) {
  .block02{
    padding-top: 0;
    .block02_inner{
      .img06{
        margin: 0 auto 279px;
      }
      .block02_inner-List1{
        .block02_inner-List1-item{
          &:nth-of-type(1){
            width: 44%;
            .img07{
              margin: 0;
            }
          }
          &:nth-of-type(2){
            width: 48%;
          }          
        }
      }
      .img08{
        margin: 207px auto 0;
      }
      .block02_inner-List2{
        margin-top: 115px;
        flex-direction: unset;
        .block02_inner-List2-item{
          &:nth-of-type(1){
            .img09{
              margin: 0 auto;
              max-width: 1403px;
            }
          }
          &:nth-of-type(2){
            max-width: 1364px;
            margin: 194px auto 0;
            width: 100%;
            .secTxt{
              margin: 0;
            }
          }
        }
      }
    }
  }
}

.block03{
  padding: 40px 0 140px;
  .block03_inner{
    .block03_inner-Ttl{
      width: 103px;
      margin: 0 auto 43px;
    }
    .tableBox{
      margin: 30px auto 0;
      table{
        margin: 0 auto 80px;
        tr{
          border-bottom: 1px solid rgba(34, 34, 34, .3);
          padding: 15px 0;
          display: flex;
          align-items: flex-start;
          th{
            width: 45%;
            font-weight: 500;
          }
          td{
            width: 50%;
            font-weight: 500;
          }
        }
      }
    }
  }
}
@media (width >= 769px) {
  .block03{
    padding: 145px 0 268px;
    .block03_inner{
      .block03_inner-Ttl{
        width: 228px;
        margin: 0 auto 39px;
      }
      .tableBox{
        max-width: 1047px;
        margin: 30px auto 0;
        table{
          width: 100%;
          margin: 0 auto 196px;
          tr{
            border-bottom: 1px solid rgba(34, 34, 34, .3);
            padding: 21px 0;
            display: flex;
            align-items: center;
            th{
              width: 23%;
              font-weight: 500;
              font-size: 18px;
            }
            td{
              width: 77%;
              font-weight: 500;
              font-size: 18px;
            }
          }
        }
      }
    }
  }
}

.Gallery{
  padding: 45px 0 200px;
  .Gallery_inner{
    .Gallery_inner-Ttl{
      width: 175px;
      margin: 0 auto 43px;
    }
    .Gallery_inner-List{
      gap: 5%;
      justify-content: flex-start;
      .Gallery_inner-List-Item{
        width: 21%;
        margin: 0 0 6%;
        picture{
          img{
            object-fit: cover;
            width: 100%;
            height: auto;
            aspect-ratio: 1;
          }
        }
      }
    }
  }
}
@media (width >= 769px) {
  .Gallery{
    padding: 97px 0 467px;
    .Gallery_inner{
      .Gallery_inner-Ttl{
        width: 395px;
        margin: 0 auto 152px;
      }
      .Gallery_inner-List{
        .Gallery_inner-List-Item{
          width: 16%;
          margin:0 0 40px;
          picture{
            img{
            }
          }
        }
      }
    }
  }
}

/************************************

************************************/