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

.inner_main {
  position: relative;
  height: 310px; }
  @media screen and (max-width: 820px) {
    .inner_main {
      height: 250px; } }
  @media screen and (max-width: 480px) {
    .inner_main {
      height: 200px; } }
  .inner_main:before, .inner_main:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 1px;
    margin: auto; }
  .inner_main:before {
    top: auto;
    bottom: 0;
    height: 60px;
    background: #FFF; }
    @media screen and (max-width: 480px) {
      .inner_main:before {
        height: 30px; } }
  .inner_main:after {
    bottom: auto;
    top: 100%;
    height: 30px;
    background: #000; }
    @media screen and (max-width: 480px) {
      .inner_main:after {
        height: 20px; } }
  .inner_main .inner_main_bg {
    position: absolute;
    inset: 0;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover; }
    .inner_main .inner_main_bg:after {
      content: "";
      position: absolute;
      inset: 0;
      top: auto;
      height: 64%;
      pointer-events: none;
      background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); }
  .inner_main .page_name {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    text-align: center;
    margin-inline: auto;
    font-size: clamp(40px, 4.167vw, 50px);
    line-height: 1; }
    .inner_main .page_name.white {
      color: #FFF; }

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

.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(24px, 2.616vw, 34px);
  text-align: center;
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: clamp(40px, 5vw, 60px); }
  @media screen and (max-width: 480px) {
    .sec_ttl {
      font-size: 5vw;
      line-height: 1.8;
      margin-bottom: 40px; } }
  .sec_ttl span {
    display: inline-block;
    line-height: 1;
    position: relative; }
    @media screen and (max-width: 480px) {
      .sec_ttl span.sp_none {
        display: none; } }

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

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