@charset "UTF-8";
/*! Writen  by SCSS */
/*下層ページ最初のセクション上部余白を統一する際は使用してみて下さい*/
.ico_slide_wrap {
  position: relative; }
  .ico_slide_wrap .ico_slide {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 100px;
    height: 80px;
    border-radius: 10px;
    padding: 20px 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
    background: rgba(51, 51, 51, 0.7); }
    @media screen and (max-width: 480px) {
      .ico_slide_wrap .ico_slide {
        display: block; } }

.first_sec {
  padding-top: clamp(60px, 6.25vw, 100px); }
  @media screen and (max-width: 480px) {
    .first_sec {
      padding-top: 50px; } }

.inner_main {
  position: relative; }
  body#map .inner_main, body#outline .inner_main {
    padding: 130px 0 clamp(50px, 6.667vw, 80px); }
    @media screen and (max-width: 768px) {
      body#map .inner_main, body#outline .inner_main {
        padding: 80px 0 40px; } }
    body#map .inner_main .page_name, body#outline .inner_main .page_name {
      position: static;
      text-align: center;
      font-size: clamp(12px, 1.25vw, 20px); }
      body#map .inner_main .page_name .garamond, body#outline .inner_main .page_name .garamond {
        font-size: 400%; }
  .inner_main .main_image {
    position: relative; }
    @media screen and (max-width: 480px) {
      .inner_main .main_image {
        padding-bottom: 20px; } }
    .inner_main .main_image > img {
      width: 100%; }
    .inner_main .main_image .cap {
      right: 10px;
      bottom: 20%;
      z-index: 1; }
      @media screen and (max-width: 480px) {
        .inner_main .main_image .cap {
          bottom: 5px;
          bottom: 25vw; } }
    .inner_main .main_image:after {
      content: "";
      position: absolute;
      inset: 0;
      bottom: auto;
      height: 21.3%;
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }
  .inner_main .page_name {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3.71%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    row-gap: 20px;
    font-size: clamp(15px, 1.751vw, 28px);
    letter-spacing: 0.1em; }
    @media screen and (max-width: 480px) {
      .inner_main .page_name {
        bottom: 15%;
        font-size: 4vw;
        row-gap: 5px;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 30%, white 100%);
        bottom: 0; } }
    .inner_main .page_name .garamond {
      line-height: 1;
      letter-spacing: normal;
      color: #526e9d;
      font-size: 700%; }
      @media screen and (max-width: 480px) {
        .inner_main .page_name .garamond {
          font-size: 440%; } }

.sec_ttl_wrap {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-bottom: clamp(50px, 5.625vw, 90px); }
  .sec_ttl_wrap .sec_en {
    font-size: clamp(20px, 1.751vw, 28px);
    color: #727171; }
    @media screen and (max-width: 480px) {
      .sec_ttl_wrap .sec_en {
        font-size: 4vw; } }
    .sec_ttl_wrap .sec_en + .sec_ttl {
      margin-top: 10px; }
  .sec_ttl_wrap .sec_ttl + .read {
    margin-top: clamp(20px, 2.5vw, 40px); }

.sec_ttl {
  font-size: clamp(20px, 1.875vw, 30px);
  line-height: 1.6; }
  @media screen and (max-width: 480px) {
    .sec_ttl {
      font-size: 5.4vw; } }

.read {
  font-size: clamp(14px, 1.375vw, 22px);
  line-height: 2.27; }
  @media screen and (max-width: 480px) {
    .read {
      line-height: 2;
      font-size: 14px; } }

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