/* --------------------------- */
/* Base
/* --------------------------- */

body{
  font-size: 16px;
  color: #333333;
  font-family: 'Noto+Serif+JP', serif;
  font-style: normal;
  font-weight: normal; 
  letter-spacing: 5%;
  letter-spacing: 0.05em;
  margin: 0 auto;
  /* background: linear-gradient(180deg, #f7f2eb, #ffffff ) fixed; */
}
a{
  color: #333;
  text-decoration: none;
}
/* セクション関連 */
.wtop{
  font-family: 'Noto+Serif+JP', sans-serif;
  font-weight: bold;
  font-size: 48px;
  text-align: center;
  margin-bottom: 70px;
  margin-top: 98px;
}
.works-title{
  
}

.section-inner{
  max-width:  1030px;
  margin: 0 auto;
  padding: 0 4vw;
  padding-top: 10px;
  padding-bottom: 80px;
  margin-top: 98px;
  margin-bottom: 98px;
  /* height: 700px; */
  background-color: #f0f0f0;
}
.section-inner.a{
  max-width:  1030px;
  padding-bottom: 100px;
  margin: 0 auto;
  margin-bottom: 98px;
  margin-top: 110px;
  background-color: #f0f0f0;
}
.section-inner-a{
  max-width:  800px;
  padding-bottom: 40px;
  margin: 0 auto;
  margin-bottom: 98px;
  margin-top: 110px;
}
.section-title{
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 40px;
  margin-left: 110px;
}
.section-title_jp{
  font-size: 1.2rem;
  display: block;
  color: #777;
  margin-top: 10px;
}
ç
.btn{
  color: #fff;
  display: block;
  font-size: 16px;
  line-height: 48px;
  width: 240px;
  border-radius: 30px;
  background-color: #222;
  text-align: center;
  font-weight: bold;
  transition: .3s;
}
.link-btn{
  position: relative;
}
.btn:hover{
  box-shadow: 0 0 24px rgba(0,0,0,.2);
  transition: .3s;
}
.link-btn::after{
  content: ">";
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translate(0,-50%);
  transition: .3s;
}
.link-btn:hover::after{
  transform: translate(8px,-50%);
  transition: .3s;
}
/* その他の共通クラス */
.text-center{
  text-align: center;
}
.block-center{
  margin: auto;
}
.main-bg2{
  background-color: #fafafa;

}
.main-bg{
  /* background-color: #fafafa; */
}

.accent-bg{
  background-color: #eb9718;
}
.flex-rr,
.flex-rc{
  display: flex;
  justify-content: space-between;
  align-items:center;
}
.multi-lines{
  line-height: 1.8;
}
.sp-br{
  display: none;
}
.s-text-wrapper{
  width: 440px;
}
/* --------------------------- */
/* header
/* --------------------------- */
.site-title{
  width: 60px;
  height: 60px;
  justify-content: space-between;
  font-weight: bold;
  margin: o auto;
  margin-left: 10px;
}
.nori{
  margin-left: 10px;
  width: 220px;
  height: 60px;
}
.wname{
  font-size: 20px;
}
.header.flex-rr{
  padding-top: 15px;
  position: relative;
  height: 100px;
}
.ya{
  width: 171px;
  height: 94px;
}
.nav-item.current{
  margin-right: 60px;
}
.nav-item{
  font-size: 36px;
  margin-right: 30px;
  height: 40px;
}
.he-text{
  color: #932032;
  font-size: 32px;
}
.cp_hr01 {
	border-width: 3px 0 0 0;
	border-style: solid;
	border-color: #920909 ;
}
.hs{
  width: 95px;
  height: 70px;
  margin-left: 40px;
  margin-top: 20px;
}

.site-title a:hover,
.nav-item a:hover{
  color: #5C092A ;
}
.nav-item.current::before{
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #EB9718;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: -10px;
  transform: translateY(-50%);
}
.ya2{
  width: 432px;
  height: 292px;
  margin-top: px;
  margin-left: 500px;
  text-align: center;
}
.tc4.url{
  font-size: 16px;
  color:#ffffff;
  background-color: #333333;
  padding: 22px;
  border-radius: 30px;
  font-weight: bold;
}
.tc4.url:hover{
  font-size: 17px;
  color:#fff;
  background-color:  #5C092A ;
  /* transform: translate(8px,-50%); */
  transition: .3s;
}
.tc4.url.v:hover{
  font-size: 17px;
  color:#fff;
  background-color:  #00b419 ;
  /* transform: translate(8px,-50%); */
  transition: .3s;
}
.tc4.url.b:hover{
  /* font-size: 17px;
  color:#ffffff;
  background-color:  #0783F4 ;
  transform: translate(8px,-50%); 
  transition: .3s; */
}
.tc4.url:hover.r{
  font-size: 17px;
  color:#ffffff;
  background-color:  #5C092A ;
  /* transform: translate(8px,-50%); */
  transition: .3s;
}
.tc4.url:hover.s{
  font-size: 17px;
  color:#ffffff;
  background-color:  #005ca1 ;
  /* transform: translate(8px,-50%); */
  transition: .3s;
}
.tc4.url:hover.c{
  font-size: 17px;
  color:#ffffff;
  background-color:  rgb(255, 197, 0);
  /* transform: translate(8px,-50%); */
  transition: .3s;
}
.urlpage{
  text-align: center;
}
/* --------ハンバーガーメニューーーーーーーーー */
@media screen and (max-width: 2880px) {
  body.noscroll{
    overflow: hidden;
  }
  .btn_trigger{
    /* background-color: #8f1923; */
    border-radius: 3px;
    display: block;
    width: 60px;
    height: 60px;
    position: relative;z-index: 3;
    margin-right: 20px;
    }
    .bar{
    width: 50px;
    height: 3px;
    background-color: #141414;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    }
    .bar_top{
    top: 12px;
    }
    .bar_mid{
    top: 50%;
    transform: translate(-50%,-50%);
    }
    .bar_bottom{
    bottom: 13px;
    }
    .btn-texit{
      color: #f0f0f0;
      margin-top: 25%;
      margin-left: 12%;
    }
    .btn_trigger.close .bar_top{
      transform: translate(-50%,18px) rotate(45deg);
      transition: transform .3s;
    }
    .btn_trigger.close .bar_mid{
      opacity: 0;
      transition: opacity .3s;
    }
    .btn_trigger.close .bar_bottom{
      transform: translate(-50%,-15px) rotate(-45deg);
      transition: transform .3s;
    }
    .nav-wrapper{
      display: none;
      width: 100vw;
      height: 100vh;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 2;/*キービジュアルと.btn_triggerとの重なりの前後関係を調整*/
      }
      .header-nav{
        display: none; 
        
        height: 100%;
        background-color:rgba(255,255,255,.96);
        z-index: 2;
      }
      .nav-list.flex-rc{
        background-color: rgba(255,255,255,1.0);
        width: 100%;
        height: 300%;
        padding-top: 30%;
        padding-bottom: 5%;
        margin-left: 0;
      }
      .header-nav .nav-list{
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        text-align: center;
      }
      .header-nav .nav-item{
        margin-right: 0;
        margin-bottom: 70px;
        margin-top: 20px;
      }
}
@media screen and (max-width:768px){
  .wtop{
    margin: 66 0 66;
}
.nav-list.flex-rc{
  padding-top: 27%;
}
.tcv.section-inner{
  width: 700px;
  padding: 0;
  padding-top: 20px;
}

}
@media screen and (max-width:375px){
  .header{
    height: 60px;
  }
  .site-title{
    font-size: 18px;
    margin-top: 10px;
  }
  .nav-item{
    font-size: 16px;
    margin-right: 0;
  }
  .header.flex-rr {
    padding-top: 0;
    padding-right: 0;
    height: 60px;
  }
  .tcv.section-inner{
    width: 340px;
    height: 600px;
    padding: 0;
    padding-top: 20px;
  }
}
/* --------------------------- */
/* btn link-btn
/* --------------------------- */
.btn.link-btn{
  text-align: center;
  margin: 0 auto;
  margin-top: 126px;
  background-color: #333333;
  margin-bottom: 60px;
}
.btn.link-btn:hover{
  color: #fff;
  background-color: #891318;
}
/* --------------------------- */
/* footer
/* --------------------------- */
.footer{
  border-top: 1px solid #ddd;
  padding: 18px 0;
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
  background-color: #333333;
}
/* 下層ページのページタイトル */
.page-title-wrapper{
  position: relative;
}
.page-title{
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
}
.page-title_jp{
  font-size: 1.4rem;
  display: block;
  text-align: center;
  font-weight: normal;
  margin-top: 10px;
}
.page-title.title-center{
  top: 50%;
  left: 50%;
}
.thanks-message.text-center{
  font-size: 16px;
}
@media screen and (max-width:425px){
.bar{
  width: 40px;
  height: 2px;
}
.nori{
  width: 150px;
  height: 40px;
  margin-top: 10px;
}
.nav-list.flex-rc{
  padding-top: 55%;
}
.bar_top{
  top: 15px;
  }
  .bar_mid{
  top: 50%;
  transform: translate(-50%,-50%);
  }
  .bar_bottom{
  bottom: 15px;
  }
  .btn_trigger.close .bar_bottom{
    transform: translate(-50%,-8px) rotate(-45deg);
    transition: transform .3s;
  }
  .btn_trigger {
    margin-right: 30px;
    width: 0;
  }
  .url{
    font-size: 14px;
  }
  .btn.link-btn{
    font-size: 18px;
    width: 290px;
  }
}