@charset "UTF-8";
/*! Writen  by SCSS */
/*オープンテンプレ*/
.menu-item {
  background: #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 450px; }

.menu-item span {
  font-size: 30px; }

.crbox {
  background-color: #f2f2f2;
  border: none; }

/*オープンテンプレ*/
.info_red {
  color: #ad181f; }

.msn-topInfo__copy {
  font-size: 38px;
  font-feature-settings: "palt";
  letter-spacing: 0.06em; }

.msn-topInfo__copy.c,
.msn-topInfo__copy .c {
  color: #907809; }

.msn-topInfo__copy .s1 {
  font-size: 90%; }

.msn-topInfo__copy .s2 {
  font-size: 80%; }

.msn-topInfo__copy .s3 {
  font-size: 70%; }

.msn-topInfo__copy .s4 {
  font-size: 60%; }

.msn-topInfo__copy .s5 {
  font-size: 50%; }

.msn-topInfo__copy .l1 {
  font-size: 110%; }

.msn-topInfo__copy .l2 {
  font-size: 120%; }

.msn-topInfo__copy .l3 {
  font-size: 130%; }

.msn-topInfo__copy .l4 {
  font-size: 140%; }

@media screen and (max-width: 1600px) {
  .msn-topInfo__copy {
    font-size: calc(38vw / 16); } }
@media screen and (max-width: 960px) {
  .msn-topInfo__copy {
    font-size: 2.8vw; } }
@media screen and (max-width: 767px) {
  .info_wrap {
    padding: 5px 20px 10px; }

  .msn-topInfo__copy {
    font-size: 5vw; } }
@media screen and (max-width: 500px) {
  .msn-topInfo__copy {
    font-size: 6.6vw;
    line-height: 1.5; } }
.msn-obi {
  background: #003d6d; }
  .msn-obi .obi_wrap .obi {
    padding: 1.2em 0;
    display: flex;
    justify-content: center;
    font-size: clamp(12px, calc(24vw / 15.8), 24px); }
    @media screen and (max-width: 900px) {
      .msn-obi .obi_wrap .obi {
        padding: 0.4em 1em;
        display: block;
        font-size: calc(18vw / 9); } }
    @media screen and (max-width: 480px) {
      .msn-obi .obi_wrap .obi {
        font-size: calc(17vw / 3.9); } }
    .msn-obi .obi_wrap .obi li {
      color: #fff;
      padding: 0 1.2em;
      position: relative; }
      @media screen and (max-width: 900px) {
        .msn-obi .obi_wrap .obi li {
          padding: 1.2em 0; } }
      @media screen and (max-width: 480px) {
        .msn-obi .obi_wrap .obi li {
          padding: 0.9em 0; } }
      .msn-obi .obi_wrap .obi li::after {
        content: "";
        position: absolute;
        top: 0.3em;
        bottom: 0.3em;
        right: 0;
        width: 1px;
        background: #fff; }
        @media screen and (max-width: 900px) {
          .msn-obi .obi_wrap .obi li::after {
            top: auto;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 1px; } }
      .msn-obi .obi_wrap .obi li:last-child::after {
        display: none; }
      .msn-obi .obi_wrap .obi li.ex1 {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.8em; }
        @media screen and (max-width: 480px) {
          .msn-obi .obi_wrap .obi li.ex1 {
            gap: 0.4em; } }
  .msn-obi .obi_wrap .o1 {
    font-size: 65%;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.15em;
    line-height: 1;
    margin-bottom: 0.35em;
    /*font-size: clamp(12px, calc(16vw / 14.8), 16px);
    @include mq($br_sp){
    	font-size: calc(12vw / 3.9);
    }*/ }
    @media screen and (max-width: 480px) {
      .msn-obi .obi_wrap .o1 {
        font-size: 75%; } }
  .msn-obi .obi_wrap .o2 {
    font-size: 115%;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.15em;
    line-height: 1.2;
    margin-bottom: 0.4em;
    color: #b8a577;
    /*font-size: clamp(12px, calc(28vw / 14.8),  28px);
    @include mq($br_sp){
    	font-size: calc(20vw / 3.9);
    }*/ }
  .msn-obi .obi_wrap .o3 {
    font-size: 70%;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.15em;
    line-height: 1.4;
    /*font-size: clamp(12px, calc(17vw / 14.8),  17px);
    @include mq($br_sp){
    	font-size: calc(24vw / 3.9);
    }*/ }
    @media screen and (max-width: 480px) {
      .msn-obi .obi_wrap .o3 {
        font-size: 80%; } }
  .msn-obi .obi_wrap .sl {
    font-size: 150%; }
  .msn-obi .obi_wrap .o4 {
    font-size: 75%;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.15em;
    line-height: 1;
    margin-bottom: 0.35em; }
  .msn-obi .obi_wrap .o5 {
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.15em;
    line-height: 1;
    margin-bottom: 0.4em; }
    .msn-obi .obi_wrap .o5 .s {
      font-size: 70%; }
    .msn-obi .obi_wrap .o5 .l {
      font-size: 180%;
      color: #b8a577;
      display: inline-block;
      transform: translateY(0.1em); }
  .msn-obi .obi_wrap .o6 {
    font-size: 50%;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.15em;
    line-height: 1.2; }

.read.lg {
  font-size: clamp(16px, calc(20vw / 9.6), 20px);
  line-height: 1.6;
  margin-bottom: 0.3em; }
  @media screen and (max-width: 480px) {
    .read.lg {
      font-size: calc(15vw / 3.9);
      margin-bottom: 0; } }

#sec-feature .menu-item {
  background: none;
  height: auto;
  display: block; }
  #sec-feature .menu-item .img {
    position: relative; }
    #sec-feature .menu-item .img .ttl {
      position: absolute;
      inset: 0;
      display: flex;
      justify-content: center;
      align-items: center; }
      #sec-feature .menu-item .img .ttl span {
        color: #fff;
        text-shadow: 0 0 4px rgba(0, 0, 0, 0.6), 2px 2px 4px rgba(0, 0, 0, 0.6), -2px 2px 4px rgba(0, 0, 0, 0.6), -2px -2px 4px rgba(0, 0, 0, 0.6), 2px -2px 4px rgba(0, 0, 0, 0.6); }
  #sec-feature .menu-item .copy {
    padding: 10px 0 5px;
    padding: 15px 0 5px; }
    #sec-feature .menu-item .copy .f1 {
      font-weight: 600;
      text-align: center;
      letter-spacing: 0.08em;
      line-height: 1.3;
      font-size: clamp(12px, calc(18vw / 9.6), 18px);
      margin-bottom: 0.3em;
      margin-bottom: 0.8em; }
      @media screen and (max-width: 480px) {
        #sec-feature .menu-item .copy .f1 {
          font-size: calc(15vw / 3.9);
          font-size: calc(16vw / 3.9); } }
    #sec-feature .menu-item .copy .f2 {
      font-weight: 600;
      letter-spacing: 0.1em;
      line-height: 1.5;
      font-size: clamp(12px, calc(16vw / 9.6), 16px); }
      @media screen and (max-width: 480px) {
        #sec-feature .menu-item .copy .f2 {
          font-size: calc(12vw / 3.9);
          font-size: calc(14vw / 3.9); } }
@media screen and (max-width: 480px) {
  #sec-feature .msn-imageGrid__item:not(:last-child) {
    margin-bottom: 4rem; } }
@media screen and (min-width: 768px) {
  #sec-feature #menu_access .copy .f2 {
    letter-spacing: -0.03em; } }

#sec-plan .menu-item {
  background: none;
  height: auto;
  display: block;
  text-align: center; }
  @media screen and (max-width: 480px) {
    #sec-plan .menu-item img {
      width: 100%; } }
@media screen and (max-width: 480px) {
  #sec-plan #top_plan .msn-c-madori__item:not(:last-child) {
    margin-bottom: 2.5rem; } }
@media screen and (max-width: 480px) {
  #sec-plan #top_plan .msn-c-madori__item {
    max-width: 75%;
    margin-inline: auto; } }

.yokoku {
  max-width: 68px; }

@media screen and (max-width: 480px) {
  #sec-info .msn-newsTopicsBlock {
    gap: 14px; } }
@media screen and (max-width: 480px) {
  #sec-info .msn-newsTopicsBlock__title {
    font-size: 14px; } }
@media screen and (max-width: 480px) {
  #sec-info .msn-newsTopicsBlock__date {
    width: 105px; } }
@media screen and (max-width: 480px) {
  #sec-info .msn-newsTopicsBlock__content {
    width: calc(100% - 130px); } }
@media screen and (max-width: 480px) {
  #sec-info .msn-newsTopicsBlock__topicLabel {
    font-size: 9px;
    line-height: 10px;
    padding: 2px 3px; } }

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