@charset "UTF-8";
/*! Writen  by SCSS */
/*下層ページ最初のセクション上部余白を統一する際は使用してみて下さい*/
section.first_sec {
  padding-top: 60px; }
  @media screen and (max-width: 480px) {
    section.first_sec {
      padding-top: 50px; } }

.sec_ttl_wrap {
  display: flex;
  flex-direction: column;
  row-gap: 30px; }

.inner_main {
  position: relative;
  height: 270px;
  background: center center / cover no-repeat;
  text-align: center;
  border-bottom: 4px solid;
  border-image: linear-gradient(to right, #e6cd6a, #6d5811);
  border-image-slice: 1;
  color: #151c39; }
  @media screen and (max-width: 480px) {
    .inner_main {
      height: 180px; } }
  .inner_main .main_ttl {
    position: absolute;
    top: 130px;
    left: 0;
    right: 0;
    margin-inline: auto;
    font-size: clamp(32px, 3.334vw, 40px); }
    .inner_main .main_ttl.white {
      color: #FFF; }
    @media screen and (max-width: 480px) {
      .inner_main .main_ttl {
        top: 90px; } }
    .inner_main .main_ttl span {
      display: block;
      line-height: 1;
      font-weight: 500; }
    .inner_main .main_ttl .ja {
      font-size: 40%;
      margin-top: clamp(10px, 1.25vw, 15px); }
      @media screen and (max-width: 480px) {
        .inner_main .main_ttl .ja {
          font-size: 16px; } }

.midashi_group {
  flex-direction: column;
  row-gap: clamp(20px, 2.5vw, 30px); }
  .midashi_group .sec_ttl {
    padding: 0; }
  .midashi_group .read {
    text-align: center;
    line-height: 2.33; }
    @media screen and (max-width: 480px) {
      .midashi_group .read {
        line-height: 2; } }

.sec_ttl {
  font-size: clamp(22px, 2.334vw, 28px);
  text-align: center;
  padding: clamp(30px, 5vw, 60px) 0 clamp(30px, 4.167vw, 50px);
  color: #151c39;
  font-weight: 500; }
  .sec_ttl.white {
    color: #FFF; }

.read {
  font-size: clamp(12px, 1.25vw, 15px); }
  .read.white {
    color: #FFF; }