@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; }

/*オープンテンプレ*/
/*.msn-headerMenu {
	background: #000;
}

.msn-headerNav__item {
	font-family:"游ゴシック","Yu Gothic",YuGothic,"游ゴシック体","Lucida Grande","Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
	color: #fff;
	font-weight: 400;
}
.msn-headerNav__item {
	@media (min-width: 767px) {
		font-size: 17px;
	}
}
.msn-headerNav__item--new::before {
	font-family:"Noto Sans JP","游ゴシック","Yu Gothic",YuGothic,"游ゴシック体","Lucida Grande","Hiragino Kaku Gothic ProN", Meiryo,sans-serif;
	font-weight: 600;
}

.msn-h2__inner {
	font-family:"游ゴシック","Yu Gothic",YuGothic,"游ゴシック体","Lucida Grande","Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
	font-weight: 400;
	.msn-h2__title {
		@media (min-width: 767px) {
			font-size: 2.7rem;
		}
	}
}

.msn-buttonMore {
	font-family:"游ゴシック","Yu Gothic",YuGothic,"游ゴシック体","Lucida Grande","Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
}
.read {
	font-weight: 400;
}

.contact {
	font-family:"游ゴシック","Yu Gothic",YuGothic,"游ゴシック体","Lucida Grande","Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
	.msn-lead {
	//font-family:"Noto Sans JP","游ゴシック","Yu Gothic",YuGothic,"游ゴシック体","Lucida Grande","Hiragino Kaku Gothic ProN", Meiryo,sans-serif;
		font-family:"游ゴシック","Yu Gothic",YuGothic,"游ゴシック体","Lucida Grande","Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
		font-weight: 400;
	}
}

.msn-contentnav {
	font-family:"游ゴシック","Yu Gothic",YuGothic,"游ゴシック体","Lucida Grande","Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
	font-weight: 400;
}*/
.main {
  position: relative; }
  .main .slide_main li {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 1.2s ease-in-out 0s;
    overflow: hidden; }
    .main .slide_main li:first-child {
      position: relative; }
    .main .slide_main li.active {
      opacity: 1; }
  @media screen and (max-width: 480px) {
    .main .slide_main .cap {
      font-size: 8px; } }
  .main .slide_thum {
    position: absolute;
    top: 15px;
    right: 15px;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    gap: 10px; }
    @media screen and (max-width: 480px) {
      .main .slide_thum {
        bottom: calc(75% / 7.6); } }
    .main .slide_thum li {
      width: 15px;
      height: 15px;
      background: #b3b3b3;
      background: #95dbd9;
      transition: all 0.5s ease-in-out 0s; }
      @media screen and (max-width: 480px) {
        .main .slide_thum li {
          width: 10px;
          height: 10px; } }
      .main .slide_thum li.active {
        background: #000;
        background: #2bb7b3; }
  .main .cap {
    line-height: 1.2;
    font-weight: 700; }
  .main .cap01 {
    right: calc(965% / 16);
    bottom: calc(220% / 6.55); }
    @media screen and (max-width: 480px) {
      .main .cap01 {
        right: calc(280% / 7.5);
        bottom: calc(400% / 7.6); } }
  .main .cap02 {
    right: calc(650% / 16);
    bottom: calc(445% / 6.55); }
    @media screen and (max-width: 480px) {
      .main .cap02 {
        right: calc(20% / 7.5);
        bottom: calc(400% / 7.6); } }
  .main .cap03 {
    right: calc(330% / 16);
    bottom: calc(445% / 6.55); }
    @media screen and (max-width: 480px) {
      .main .cap03 {
        right: calc(555% / 7.5);
        bottom: calc(20% / 7.6); } }
  .main .cap04 {
    right: calc(10% / 16);
    bottom: calc(445% / 6.55); }
    @media screen and (max-width: 480px) {
      .main .cap04 {
        right: calc(20% / 7.5);
        bottom: calc(20% / 7.6); } }
  .main .cap05 {
    right: calc(1280% / 16);
    bottom: calc(10% / 6.55); }
    @media screen and (max-width: 480px) {
      .main .cap05 {
        display: none;
        right: calc(00% / 7.5);
        bottom: calc(00% / 7.6); } }
  .main .cap06 {
    right: calc(965% / 16);
    bottom: calc(10% / 6.55); }
    @media screen and (max-width: 480px) {
      .main .cap06 {
        display: none;
        right: calc(00% / 7.5);
        bottom: calc(00% / 7.6); } }
  .main .cap07 {
    right: calc(725% / 16);
    bottom: calc(10% / 6.55); }
    @media screen and (max-width: 480px) {
      .main .cap07 {
        display: none;
        right: calc(00% / 7.5);
        bottom: calc(00% / 7.6); } }
  .main .cap08 {
    right: calc(485% / 16);
    bottom: calc(10% / 6.55); }
    @media screen and (max-width: 480px) {
      .main .cap08 {
        right: calc(215% / 7.5);
        bottom: calc(20% / 7.6); } }
  .main .cap09 {
    right: calc(10% / 16);
    bottom: calc(10% / 6.55); }
    @media screen and (max-width: 480px) {
      .main .cap09 {
        right: calc(20% / 7.5);
        bottom: calc(580% / 7.6); } }

.msn-obi {
  background: url("../img/top/obi_bg.jpg") center center/cover;
  padding: 22px 15px; }
  @media screen and (max-width: 480px) {
    .msn-obi {
      background: none;
      padding: 0; } }
  .msn-obi .msn-obi__inner {
    max-width: none;
    text-align: center; }

.info_red {
  color: #ad181f; }

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

.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; } }
.read.lg {
  line-height: 1.8;
  margin-bottom: 0.8em; }
  @media screen and (max-width: 480px) {
    .read.lg {
      font-size: calc(15vw / 3.9); } }

.read {
  line-height: 1.8;
  margin-bottom: 0.8em; }
  @media screen and (max-width: 480px) {
    .read {
      font-size: calc(15vw / 3.9); } }

.feature .read {
  font-size: 19px;
  line-height: 1.8;
  margin-bottom: 0.8em; }
  @media screen and (max-width: 480px) {
    .feature .read {
      text-align: left;
      font-size: calc(15vw / 3.9); } }

#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: 15px 0 10px; }
    #sec-feature .menu-item .copy .ttl {
      font-weight: 600;
      font-weight: 400;
      letter-spacing: 0.08em;
      line-height: 1;
      font-size: clamp(14px, calc(23vw / 9.6), 23px);
      color: #a79e7f;
      margin-bottom: 0.8em;
      position: relative;
      padding-bottom: 2em; }
      @media screen and (max-width: 480px) {
        #sec-feature .menu-item .copy .ttl {
          font-size: calc(22vw / 3.9);
          text-align: center;
          padding-bottom: 2.2em; } }
      #sec-feature .menu-item .copy .ttl::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 80%;
        height: 0.8em;
        border-bottom: solid 1px #a79e7f;
        border-top: solid 1px #a79e7f; }
        @media screen and (max-width: 480px) {
          #sec-feature .menu-item .copy .ttl::before {
            left: 0;
            right: 0;
            margin: auto;
            width: 30%; } }
      #sec-feature .menu-item .copy .ttl::after {
        content: "";
        position: absolute;
        bottom: 1.5em;
        left: 0;
        width: 100%;
        height: 2px;
        background: #a79e7f; }
        @media screen and (max-width: 480px) {
          #sec-feature .menu-item .copy .ttl::after {
            width: 70%;
            left: 15%; } }
    #sec-feature .menu-item .copy .f1 {
      font-weight: 400;
      letter-spacing: 0.08em;
      line-height: 1.5;
      font-size: clamp(12px, calc(18vw / 9.6), 18px);
      margin-bottom: 0.3em;
      margin-bottom: 0.8em;
      display: flex;
      align-items: center;
      min-height: 3em; }
      @media screen and (max-width: 480px) {
        #sec-feature .menu-item .copy .f1 {
          display: block;
          font-size: calc(16vw / 3.9);
          min-height: inherit;
          text-align: center; } }
    #sec-feature .menu-item .copy .f2 {
      font-weight: 400;
      letter-spacing: 0.1em;
      line-height: 1.8;
      font-size: clamp(12px, calc(16vw / 9.6), 16px);
      min-height: 4.5em; }
      @media screen and (max-width: 480px) {
        #sec-feature .menu-item .copy .f2 {
          font-size: calc(14vw / 3.9);
          min-height: inherit;
          text-align: center; } }
#sec-feature .msn-buttonC {
  width: 100%; }
  @media screen and (max-width: 767px) {
    #sec-feature .msn-buttonC {
      width: auto; } }
#sec-feature .msn-imageGrid {
  align-items: stretch; }
  #sec-feature .msn-imageGrid .msn-linkBlock__button {
    margin-top: auto; }
#sec-feature .msn-imageGrid__item {
  display: flex;
  flex-direction: column; }
@media screen and (max-width: 480px) {
  #sec-feature .msn-imageGrid__item:not(:last-child) {
    margin-bottom: 4rem; } }

#sec-plan .msn-c-madori__item {
  background: #f5f5f5;
  flex-basis: calc(306% / 9.6);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); }
  @media screen and (max-width: 767px) {
    #sec-plan .msn-c-madori__item {
      flex-basis: 100%;
      max-width: 306px;
      margin-inline: auto; } }
#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; } }

sup {
  font-size: 50%;
  top: -1em; }

.info_bnr .cap {
  font-size: 10px;
  padding: 1px 3px; }
  @media screen and (max-width: 480px) {
    .info_bnr .cap {
      font-size: 9px; } }

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