/*! Writen  by SCSS */
sub,
sup {
  font-size: 0.5em; }

sub {
  vertical-align: baseline; }

.inner_main {
  background-image: url("../images/meikita/main.jpg"); }

.sec_obi {
  background-image: url("../images/meikita/obi_bg.jpg"); }
  .sec_obi .inner_head::after {
    background: #c15146; }
  .sec_obi .inner_head img {
    margin-top: 904.77%; }
  .sec_obi .sec_obi_text .text::after {
    background: #c15146; }

.container {
  position: relative; }

.sec_border {
  background: #c15146; }

.sec_border_wrap_left {
  margin-top: 51.57%; }

.read_min {
  font-size: clamp(12px, 1.61vw, 15px);
  line-height: 1.8; }

.sec01 {
  padding-top: clamp(60px, 7.82%, 100px);
  padding-bottom: clamp(60px, 7.82%, 100px); }

.sec02 {
  padding-top: clamp(60px, 7.82%, 100px);
  padding-bottom: clamp(60px, 7.82%, 100px); }

.sec03 {
  padding-top: clamp(60px, 7.82%, 100px);
  padding-bottom: clamp(60px, 7.82%, 100px); }

.sec04 {
  padding-top: clamp(50px, 6.25%, 80px);
  padding-bottom: clamp(50px, 6.25%, 80px); }

.sec_head {
  text-align: center;
  position: relative;
  z-index: 1;
  line-height: 1;
  max-width: 664px;
  font-size: clamp(15px, 3.55vw, 25px);
  margin-inline: auto; }
  .sec_head .text {
    display: block;
    width: 100%;
    background: #fff;
    color: #c15146;
    border: 2px solid #cd7562;
    padding: 1em 0.1em; }
  .sec_head::after {
    content: "";
    position: absolute;
    display: block;
    z-index: -1;
    background: #cd7562;
    top: 0.4em;
    right: -0.4em;
    left: 0.4em;
    bottom: -0.4em; }
  .sec_head .head_en {
    position: absolute;
    left: 0;
    bottom: 100%;
    line-height: 0; }
    .sec01 .sec_head .head_en {
      width: 8.32em; }
    .sec02 .sec_head .head_en {
      width: 8.6em; }
    .sec03 .sec_head .head_en {
      width: 8.6em; }

.sec_lead_wrap {
  margin-bottom: clamp(40px, 4.69%, 60px);
  text-align: center; }
  .sec_lead_wrap .sec_lead_image {
    max-width: 460px;
    width: 51.69%;
    margin-inline: auto; }
    @media screen and (max-width: 480px) {
      .sec_lead_wrap .sec_lead_image {
        width: 90%; } }
  .sec_lead_wrap .sec_head {
    margin-top: clamp(40px, 5.47%, 70px);
    margin-bottom: clamp(30px, 3.91%, 50px); }

.sec01_map_image {
  max-width: 800px;
  margin: clamp(40px, 4.69%, 60px) auto clamp(60px, 7.82%, 100px); }
  .sec01_map_image .cap {
    right: 11.25%;
    bottom: 8%; }
    @media screen and (max-width: 480px) {
      .sec01_map_image .cap {
        right: 0;
        bottom: 0; } }

.sec01_wide_image {
  position: relative; }
  .sec01_wide_image img {
    width: 100%; }
  .sec01_wide_image .wide_image_text {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto; }
  .sec01_wide_image.sec01_wide_image_01 .wide_image_text {
    width: 20.88%; }
  .sec01_wide_image.sec01_wide_image_02 .wide_image_text {
    width: 28.01%; }

.sec02_content {
  max-width: 890px;
  margin-inline: auto; }
  .sec02_content + .sec02_content {
    margin-top: clamp(70px, 8.6%, 110px); }
  .sec02_content .bg_head,
  .sec02_content .sec02_lead {
    font-size: clamp(15px, 2.15vw, 20px);
    line-height: 1.45; }
  .sec02_content .sec02_read {
    font-size: clamp(11px, 1.5vw, 14px);
    line-height: 1.58; }
  .sec02_content .bg_head {
    padding: 0.7em 0.2em;
    text-align: center;
    background-image: url("../images/meikita/head_bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-bottom: clamp(30px, 3.91%, 50px); }
    @media screen and (max-width: 480px) {
      .sec02_content .bg_head {
        background-size: auto 100%; } }

.sec02_01_wrap + .sec02_01_wrap {
  margin-top: clamp(40px, 5.47%, 70px); }
.sec02_01_wrap .image_wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
  @media screen and (max-width: 480px) {
    .sec02_01_wrap .image_wrap {
      flex-direction: column;
      gap: 15px 0; } }
  .sec02_01_wrap .image_wrap .image_box {
    max-width: 439px;
    width: 49.33%;
    mask: url("../images/meikita/mask.svg") alpha center/cover no-repeat; }
    @media screen and (max-width: 480px) {
      .sec02_01_wrap .image_wrap .image_box {
        width: 100%; } }
    .sec02_01_wrap .image_wrap .image_box img {
      display: block;
      line-height: 0; }
.sec02_01_wrap .text_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px; }
  @media screen and (max-width: 480px) {
    .sec02_01_wrap .text_wrap {
      flex-direction: column;
      justify-content: center;
      gap: 15px 0; } }
  .sec02_01_wrap .text_wrap .sec02_lead {
    padding-bottom: 0.8em;
    margin-bottom: 0.8em;
    border-bottom: 1px solid #c15146; }
    @media screen and (max-width: 480px) {
      .sec02_01_wrap .text_wrap .sec02_lead {
        text-align: center; } }
  .sec02_01_wrap .text_wrap .text_left {
    width: 75.62%; }
    @media screen and (max-width: 480px) {
      .sec02_01_wrap .text_wrap .text_left {
        width: 100%; } }
  .sec02_01_wrap .text_wrap .text_right {
    max-width: 182px;
    width: 20.45%; }
    @media screen and (max-width: 480px) {
      .sec02_01_wrap .text_wrap .text_right {
        width: 41.37%; } }
.sec02_01_wrap.sec02_01_wrap_bottom .text_wrap {
  width: 49.33%;
  flex-direction: column;
  align-items: flex-start; }
  @media screen and (max-width: 480px) {
    .sec02_01_wrap.sec02_01_wrap_bottom .text_wrap {
      width: 100%; } }
  .sec02_01_wrap.sec02_01_wrap_bottom .text_wrap .text_inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    .sec02_01_wrap.sec02_01_wrap_bottom .text_wrap .text_inner .sec02_read {
      width: 53.31%; }
    .sec02_01_wrap.sec02_01_wrap_bottom .text_wrap .text_inner .text_right {
      max-width: 193px;
      width: 43.97%; }
      @media screen and (max-width: 480px) {
        .sec02_01_wrap.sec02_01_wrap_bottom .text_wrap .text_inner .text_right {
          width: 43.87%; } }

.sec02_image_list {
  display: grid;
  align-items: start;
  align-content: start;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(5px, 1.69vw, 15px) 1.01%; }
  @media screen and (max-width: 480px) {
    .sec02_image_list {
      grid-template-columns: 1fr;
      gap: 15px 0; } }
  .sec02_image_list .item {
    position: relative; }
    .sec02_image_list .item .item_text {
      position: absolute;
      z-index: 1;
      left: 0;
      right: 0;
      bottom: 0; }

.sec03_wide_image img {
  width: 100%; }

.sec04_content {
  max-width: 1020px;
  width: 100%;
  margin-inline: auto; }
  .sec04_content .sec04_head {
    width: 100%;
    font-size: clamp(24px, 6.41vw, 68px);
    color: #c15146;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    text-align: justify;
    text-align-last: justify;
    text-justify: inter-character;
    line-height: 0.6;
    letter-spacing: 0.3em; }
  .sec04_content .sec04_bg_wrap {
    background: rgba(195, 81, 70, 0.15);
    padding-top: clamp(60px, 7.82%, 100px);
    padding-bottom: clamp(80px, 9.38%, 120px); }
    @media screen and (max-width: 480px) {
      .sec04_content .sec04_bg_wrap {
        padding-top: 30px;
        padding-bottom: 30px; } }
    .sec04_content .sec04_bg_wrap .sec04_inner {
      max-width: 780px;
      width: calc(100% - 40px);
      margin-inline: auto; }
      .sec04_content .sec04_bg_wrap .sec04_inner .sec_head {
        margin-bottom: 2.5em; }
      .sec04_content .sec04_bg_wrap .sec04_inner .read_min {
        text-align: center; }
      .sec04_content .sec04_bg_wrap .sec04_inner .image {
        margin-top: clamp(40px, 4.69%, 60px); }

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