/*! Writen by SCSS */
.sec_main .main_text img {
  width: 20.5%; }
  @media screen and (max-width: 480px) {
    .sec_main .main_text img {
      width: 59.43%; } }

.sec_history_lead {
  margin-bottom: clamp(40px, 5.84%, 70px); }
  .sec_history_lead .history_lead {
    margin-bottom: clamp(40px, 5%, 60px); }
    @media screen and (max-width: 480px) {
      .sec_history_lead .history_lead {
        font-size: 22px;
        margin-bottom: 1em; } }
  .sec_history_lead .history_head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: clamp(14px, 1.45vw, 18px);
    gap: 0.27em 0;
    margin-bottom: clamp(25px, 3.34%, 40px); }
    @media screen and (max-width: 480px) {
      .sec_history_lead .history_head {
        margin-bottom: 15px; } }
    .sec_history_lead .history_head .head_en {
      line-height: 0;
      width: 22.77em; }
    .sec_history_lead .history_head .head_jp {
      letter-spacing: 0.05em; }

.history_outer {
  overflow: hidden; }

.read_lg {
  font-size: clamp(15px, 1.45vw, 18px);
  line-height: 2; }
  @media screen and (max-width: 480px) {
    .read_lg {
      line-height: 1.8; } }

.read {
  font-size: clamp(13px, 1.29vw, 16px);
  line-height: 2; }
  @media screen and (max-width: 480px) {
    .read {
      line-height: 1.8; } }

.history_tab_wrap {
  display: flex;
  flex-direction: column;
  gap: clamp(25px, 3.34vw, 40px) 0;
  margin-bottom: 20px; }
  .history_tab_wrap .history_tab {
    font-size: clamp(16px, 1.93vw, 24px);
    line-height: 1;
    width: 46.34%;
    text-align: center;
    transition: transform 0.6s ease-in-out,opacity 0.3s ease-in-out;
    cursor: pointer; }
    @media screen and (max-width: 480px) {
      .history_tab_wrap .history_tab {
        width: 90%; } }
    .history_tab_wrap .history_tab.history_tab_01 {
      margin-left: 8.34%; }
      @media screen and (max-width: 480px) {
        .history_tab_wrap .history_tab.history_tab_01 {
          margin-left: 10px; } }
      @media (hover: hover) {
        .history_tab_wrap .history_tab.history_tab_01:hover {
          transform: translateX(-17%); } }
    .history_tab_wrap .history_tab.history_tab_02 {
      margin-right: 8.34%;
      margin-left: auto; }
      @media screen and (max-width: 480px) {
        .history_tab_wrap .history_tab.history_tab_02 {
          margin-right: 10px; } }
      @media (hover: hover) {
        .history_tab_wrap .history_tab.history_tab_02:hover {
          transform: translateX(17%); } }

.history_content_outer {
  position: relative; }
  .history_content_outer .history_content {
    padding-top: clamp(40px, 5%, 60px); }
    .history_content_outer .history_content.history_content_01 {
      padding-bottom: clamp(40px, 5%, 60px); }

.history_wrap_outer .content_head {
  font-size: clamp(18px, 2.58vw, 32px);
  text-align: center;
  margin-bottom: clamp(25px, 3.34%, 40px); }
.history_wrap_outer .history_wrap {
  align-items: flex-start; }
  @media screen and (max-width: 768px) {
    .history_wrap_outer .history_wrap {
      flex-direction: column;
      gap: 25px 0; } }
  .history_wrap_outer .history_wrap .image_wrap {
    width: 71.67%;
    display: grid;
    align-items: start;
    align-content: start;
    grid-auto-flow: dense;
    justify-content: space-between;
    grid-template-columns: 62.8% 34.89%;
    gap: clamp(5px, 1.67vw, 20px) 0; }
    @media screen and (max-width: 768px) {
      .history_wrap_outer .history_wrap .image_wrap {
        width: 100%; } }
    .history_wrap_outer .history_wrap .image_wrap .image_lg {
      grid-row: span 2; }
  .history_wrap_outer .history_wrap .read {
    width: 25.84%; }
    @media screen and (max-width: 768px) {
      .history_wrap_outer .history_wrap .read {
        width: 100%; } }
.history_wrap_outer.history_wrap_outer_02 {
  margin-top: clamp(60px, 8.34%, 100px); }

.border_head {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(16px, 2.25vw, 28px);
  line-height: 1;
  margin-bottom: clamp(30px, 4.17%, 50px);
  gap: 0 1em; }
  @media screen and (max-width: 480px) {
    .border_head {
      margin-bottom: 20px; } }
  .border_head .text {
    flex-shrink: 0; }
  .border_head::before, .border_head::after {
    content: "";
    display: block;
    width: 100%;
    border-top: 1px solid #aeafaf; }

.calendar_outer {
  margin-top: clamp(50px, 6.67%, 80px); }
  @media screen and (max-width: 480px) {
    .calendar_outer .calendar_wrap {
      flex-direction: column;
      gap: 15px 0; } }
  .calendar_outer .calendar_wrap .calendar_image {
    max-width: 594px;
    width: 49.5%; }
    @media screen and (max-width: 480px) {
      .calendar_outer .calendar_wrap .calendar_image {
        width: 100%; } }

.map_outer {
  margin-top: clamp(50px, 6.67%, 80px); }
  .map_outer .map_wrap {
    display: grid;
    align-items: start;
    align-content: start;
    grid-auto-flow: dense;
    justify-content: space-between;
    grid-template-columns: 54.17% 43.34%;
    gap: clamp(25px, 6.67vw, 80px) 0; }
    @media screen and (max-width: 768px) {
      .map_outer .map_wrap {
        grid-template-columns: 1fr;
        gap: 25px 0; } }
    .map_outer .map_wrap .map_box {
      grid-column: 2 / 3;
      grid-row: 1 / 3; }
      @media screen and (max-width: 768px) {
        .map_outer .map_wrap .map_box {
          grid-column: auto;
          grid-row: auto;
          max-width: 520px;
          width: 100%;
          margin-left: auto;
          margin-right: auto; } }
      .map_outer .map_wrap .map_box .map_box_head {
        text-align: center;
        font-size: clamp(15px, 1.61vw, 20px);
        line-height: 1;
        color: #fff;
        background: #5c5a59;
        padding: 0.4em 0.2em; }
      .map_outer .map_wrap .map_box .cap_l {
        margin-top: 10px; }
  .map_outer .map_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(10px, 1.67vw, 20px) 5.38%; }
    .map_outer .map_list .item .item_head {
      text-align: center;
      font-size: clamp(15px, 1.61vw, 20px);
      line-height: 1;
      margin-bottom: 1em; }
    .map_outer .map_list .item .read {
      line-height: 1.5; }
    .map_outer .map_list .item:nth-child(-n+4) {
      border-bottom: 1px solid #aeafaf;
      padding-bottom: 6.56%; }
    .map_outer .map_list .item.item01 .item_head {
      color: #615ea9; }
    .map_outer .map_list .item.item02 .item_head {
      color: #e94628; }
    .map_outer .map_list .item.item03 .item_head {
      color: #288e3a; }
    .map_outer .map_list .item.item04 .item_head {
      color: #0086d1; }
    .map_outer .map_list .item.item05 .item_head {
      color: #f08200; }
    .map_outer .map_list .item.item06 .item_head {
      color: #90c31f; }

.map_bottom_wrap {
  align-self: end; }
  .map_bottom_wrap .map_bottom_haed {
    font-size: clamp(18px, 2.25vw, 28px);
    line-height: 1.43;
    margin-bottom: 0.6em; }
  .map_bottom_wrap .map_bottom_in {
    align-items: flex-start; }
    .map_bottom_wrap .map_bottom_in .read {
      width: 66.93%;
      line-height: 1.5; }
    .map_bottom_wrap .map_bottom_in .image_box {
      max-width: 195px;
      width: 30%; }

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