@charset "UTF-8";
/*! Writen  by SCSS */
/*下層ページ最初のセクション上部余白を統一する際は使用してみて下さい*/
.section_cont {
  padding: 100px 0; }
  .section_cont.first_sec {
    padding-top: 80px; }

.en_head {
  text-align: center;
  font-size: clamp(18px, 2vw, 24px);
  letter-spacing: 0.08em;
  line-height: 1;
  color: #7e7729;
  margin-bottom: 80px; }
  @media screen and (max-width: 768px) {
    .en_head {
      margin-bottom: 40px; } }

div.contents_wrap {
  background: url("../images/common/inner_bg.jpg") top center/100% auto no-repeat;
  background-color: #d3d1b6; }

.inner_main {
  background: #fff;
  max-width: 1260px;
  margin: 0 auto;
  padding: 0;
  box-shadow: 5px 0 3px -3px rgba(0, 0, 0, 0.2), -5px 0 3px -3px rgba(0, 0, 0, 0.2); }

.container {
  background: #fff;
  max-width: 1260px;
  margin: 0 auto;
  padding: 70px 73px 70px;
  box-shadow: 5px 0 3px -3px rgba(0, 0, 0, 0.2), -5px 0 3px -3px rgba(0, 0, 0, 0.2); }
  @media screen and (max-width: 1154px) {
    .container {
      padding: calc(70% / 13) 20px calc(70% / 13); } }
  @media screen and (max-width: 768px) {
    .container {
      padding: 40px 20px 30px; } }
  @media screen and (max-width: 480px) {
    .container {
      padding: 30px 20px 25px; } }
  .container .wide {
    width: calc(100% + 146px);
    margin-right: -73px;
    margin-left: -73px; }
    @media screen and (max-width: 1154px) {
      .container .wide {
        width: calc(100% + 40px);
        margin-right: -20px;
        margin-left: -20px; } }

.p_ttl {
  font-size: clamp(22px, 2.385vw, 31px);
  font-feature-settings: "palt";
  letter-spacing: 0.3em;
  line-height: 1.5;
  margin-bottom: 30px; }
  @media screen and (max-width: 1300px) {
    .p_ttl {
      margin-bottom: calc(30% / 13); } }
  @media screen and (max-width: 768px) {
    .p_ttl {
      margin-bottom: 20px; } }
  @media screen and (max-width: 480px) {
    .p_ttl {
      margin-bottom: 20px; } }
  @media screen and (max-width: 480px) {
    .p_ttl {
      font-size: calc(22vw / 3.9); } }

.main_ttl {
  font-size: clamp(18px, 2.154vw, 28px);
  font-feature-settings: "palt";
  letter-spacing: 0.3em;
  line-height: 1.5; }
  @media screen and (max-width: 480px) {
    .main_ttl {
      letter-spacing: 0.1em; } }
  @media screen and (max-width: 480px) {
    .main_ttl {
      font-size: calc(18vw / 3.9); } }

.sec_ttl {
  font-size: clamp(17px, 2vw, 26px);
  font-feature-settings: "palt";
  letter-spacing: 0.3em;
  line-height: 1.5;
  margin-bottom: 1.2em; }
  @media screen and (max-width: 480px) {
    .sec_ttl {
      letter-spacing: 0.1em; } }
  @media screen and (max-width: 480px) {
    .sec_ttl {
      font-size: calc(17vw / 3.9); } }

.sec_read {
  font-size: clamp(14px, 1.385vw, 18px); }
  .sec_read.mb {
    margin-bottom: 2.5em; }

.sec_main {
  position: relative;
  border-bottom: solid 4px #89844f;
  margin-bottom: 60px; }
  @media screen and (max-width: 480px) {
    .sec_main {
      margin-bottom: 30px; } }
  .sec_main .ttl {
    text-align: center;
    margin-bottom: -20px;
    position: relative;
    z-index: 5; }
    @media screen and (max-width: 640px) {
      .sec_main .ttl {
        margin-bottom: calc(-19vw / 6.4); } }
  .sec_main .icon {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    text-align: center;
    transform: translateY(50%); }

/*# sourceMappingURL=inner.css.map */