/*! Writen  by SCSS */
/*.sec_03 .cnt_btns > div.cnt_qua {
	pointer-events: none;
}*/
.breadlist {
  display: none; }

.sec_main {
  position: relative;
  background: #062043;
  /*.cap_l {
  	position: absolute;
  	left: 0;
  	right: 0;
  	bottom: 0;
  	&.shadow {
  		margin-bottom: $cl50;
  		@include t_shadow_spr(8,rgba(#fff,0.8));
  	}
  }*/ }
  .sec_main img {
    width: 100%; }
  .sec_main .main_night {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 41.25%;
    max-width: 660px;
    z-index: 3; }
    @media screen and (max-width: 480px) {
      .sec_main .main_night {
        position: static;
        width: 100%; } }
    .sec_main .main_night img {
      width: auto; }
  .sec_main .swiper-slide {
    position: relative;
    line-height: 0; }
  .sec_main .main_movie_wrap {
    position: relative; }
    @media screen and (max-width: 480px) {
      .sec_main .main_movie_wrap .main_sp {
        aspect-ratio: 1080/1920; }
        .sec_main .main_movie_wrap .main_sp .main_sp_in {
          height: 100%;
          width: 100%; }
          .sec_main .main_movie_wrap .main_sp .main_sp_in .vjs-fluid {
            width: 100%;
            height: 100%; }
          .sec_main .main_movie_wrap .main_sp .main_sp_in .vjs-control-bar {
            display: none !important; } }
  .sec_main .main_movie {
    /** {
    	pointer-events: none !important;
    }
    
    aspect-ratio: 404/720;
    
    >div {
    	width: 100%;
    	height: 100%;
    		
    	.vjs-fluid {
    		width: 100%;
    		
    		height: 100%;
    		object-fit: cover;
    	}
    }
    
    .vjs-big-play-button,
    .vjs-control-bar {
    	display: none !important;
    }*/
    	/*@include mq($br_sp){
    //	aspect-ratio: 1080/1920;
    		
    		aspect-ratio: 404/720;
    	//aspect-ratio: 1;
    	.main_sp_in {
    		height: 100%;
    		width: 100%;
    		.vjs-fluid {
    			width: 100%;
    			height: 100%;
    			
    		}	
    		
    		.vjs-big-play-button,
    		.vjs-control-bar {
    			display: none !important;
    		}
    	}*/ }
    @media screen and (max-width: 480px) {
      .sec_main .main_movie .main_sp {
        aspect-ratio: 1080/1920; }
        .sec_main .main_movie .main_sp .main_sp_in {
          height: 100%;
          width: 100%; }
          .sec_main .main_movie .main_sp .main_sp_in .vjs-big-play-button {
            width: 100%;
            height: 100%; }
        .sec_main .main_movie .main_sp .vjs-title-bar,
        .sec_main .main_movie .main_sp .vjs-control-bar {
          display: none !important; } }
  .sec_main .main_text {
    position: absolute;
    color: #fff;
    text-align: center;
    z-index: 1;
    font-size: clamp(30px, 4.83vw, 60px);
    display: flex;
    align-items: baseline;
    justify-content: center;
    line-height: 1;
    left: 0;
    right: 0;
    bottom: 24%;
    filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.3)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.3)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3)) drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.3)) drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.3)); }
    @media screen and (max-width: 480px) {
      .sec_main .main_text {
        bottom: 2.5em; } }
    .sec_main .main_text .text_gold {
      background: linear-gradient(90deg, #ffe87a 0%, #fff8ac 50%, #ffe87a 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
      font-weight: 700; }
  .sec_main .main_text_image {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    z-index: 5;
    pointer-events: none;
    line-height: 0; }
    .sec_main .main_text_image img {
      width: 100%; }

.sec_en {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: clamp(25px, 3.34%, 40px); }
  .sec_en::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 1px;
    background: #333;
    z-index: 1; }
  .sec_en span {
    display: block;
    line-height: 0; }

@media screen and (max-width: 480px) {
  .sec_01 .sec_en {
    width: calc(408%/4.8);
    margin: 0 auto 15px; }

  .sec_02 .sec_en {
    width: calc(321%/4.8);
    margin: 0 auto 15px; }

  .sec_03 .sec_en {
    width: calc(248%/4.8);
    margin: 0 auto 15px; } }
.sec_ttl {
  font-size: clamp(16px, 2.12vw, 28px);
  margin-bottom: 0.8em; }

.sec_read {
  font-size: clamp(14px, 1.36vw, 18px); }

.sec {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background: #e5eff7; }

.main_bg_wrp {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background: #e5eff7;
  background: #fdf8ee; }
  .main_bg_wrp::before {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("/bunjyo/akenokita/img/top/bg01.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    display: none; }

.plot_area {
  position: relative;
  padding: 30px 0;
  background: #062043;
  background: #ffeff2;
  position: relative; }
  .plot_area::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url("/bunjyo/akenokita/img/top/bg101.png") center bottom/cover no-repeat;
    pointer-events: none;
    z-index: 1;
    opacity: .4; }
  @media screen and (max-width: 480px) {
    .plot_area {
      padding-top: 0;
      padding-top: 15px;
      padding-bottom: 15px; } }
  .plot_area .plot_area_in {
    justify-content: center;
    align-items: center;
    column-gap: 4%;
    position: relative;
    z-index: 1; }
    @media screen and (max-width: 820px) {
      .plot_area .plot_area_in {
        column-gap: 3%; } }
    @media screen and (max-width: 480px) {
      .plot_area .plot_area_in {
        flex-direction: column;
        row-gap: 10px; } }
    .plot_area .plot_area_in .plot_txt_wrap {
      display: flex;
      flex-direction: column-reverse;
      align-items: center;
      justify-content: center;
      gap: 20px; }
      @media screen and (max-width: 480px) {
        .plot_area .plot_area_in .plot_txt_wrap {
          flex-direction: column;
          gap: 10px; } }
      @media screen and (max-width: 480px) {
        .plot_area .plot_area_in .plot_txt_wrap .prot_text_image {
          width: 90%;
          width: 76%; } }
      .plot_area .plot_area_in .plot_txt_wrap .prot_text_image .cap_r {
        font-weight: 500;
        display: block; }
    .plot_area .plot_area_in .plot_txt {
      font-size: clamp(40px, 5.334vw, 64px);
      color: #FFF;
      color: #333;
      letter-spacing: 0.05em; }
      @media screen and (max-width: 820px) {
        .plot_area .plot_area_in .plot_txt {
          font-size: 6vw; } }
      @media screen and (max-width: 480px) {
        .plot_area .plot_area_in .plot_txt {
          text-align: center;
          font-size: 9vw;
          line-height: 1; } }
    .plot_area .plot_area_in .prot_map {
      width: 45.17%; }
      @media screen and (max-width: 480px) {
        .plot_area .plot_area_in .prot_map {
          width: 100%; } }

.sec_01 {
  background: none;
  position: relative;
  z-index: 2; }
  .sec_01 .price_banner_box {
    margin-top: clamp(25px, 3.34%, 40px); }
  .sec_01 .price_wrap {
    padding-top: clamp(0px, 3.334vw, 40px);
    margin-top: clamp(25px, 3.34%, 40px); }
    .sec_01 .price_wrap .banner_box2 {
      max-width: 800px;
      margin-inline: auto;
      margin-bottom: clamp(25px, 3.34%, 40px); }
      .sec_01 .price_wrap .banner_box2 a {
        display: block;
        transition: opacity 0.3s ease-in-out; }
        @media (hover: hover) {
          .sec_01 .price_wrap .banner_box2 a:hover {
            opacity: 0.7; } }
      @media screen and (max-width: 600px) {
        .sec_01 .price_wrap .banner_box2 {
          max-width: none;
          width: 100%; } }
    .sec_01 .price_wrap .banner_box {
      max-width: 560px;
      margin-inline: auto;
      margin-bottom: clamp(25px, 3.34%, 40px); }
      .sec_01 .price_wrap .banner_box a {
        display: block;
        transition: opacity 0.3s ease-in-out; }
        @media (hover: hover) {
          .sec_01 .price_wrap .banner_box a:hover {
            opacity: 0.7; } }
    .sec_01 .price_wrap .price_box {
      display: none;
      align-items: baseline;
      justify-content: center;
      flex-wrap: wrap;
      line-height: 1;
      gap: 0.25em 1em; }
      .sec_01 .price_wrap .price_box .price_head {
        display: flex;
        align-items: baseline; }
        .sec_01 .price_wrap .price_box .price_head .border_text {
          font-size: 1.2em;
          border: 1px solid;
          padding: 0.3em;
          margin-right: 0.2em; }
      .sec_01 .price_wrap .price_box .price .text_lg {
        font-size: 1.5em;
        color: #005438; }
      .sec_01 .price_wrap .price_box .price .text_min {
        font-size: 0.8em; }
    .sec_01 .price_wrap .price_top {
      width: fit-content;
      font-size: clamp(24px, 3.22vw, 40px);
      margin-bottom: 0.5em;
      margin-inline: auto; }
      .sec_01 .price_wrap .price_top .price .text_lg {
        font-weight: 700; }
    .sec_01 .price_wrap .price_bottom {
      font-size: clamp(24px, 3.22vw, 40px); }
  .sec_01 .merit_box {
    margin-top: clamp(30px, 4.17%, 50px);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: stretch; }
    @media screen and (max-width: 600px) {
      .sec_01 .merit_box {
        grid-gap: 10px 0;
        padding-top: 0; } }
    .sec_01 .merit_box .merit_wrap {
      display: flex;
      justify-content: center;
      flex-grow: 1;
      gap: 0 calc(20%/12); }
      @media screen and (max-width: 480px) {
        .sec_01 .merit_box .merit_wrap {
          flex-wrap: wrap;
          display: block; } }
      .sec_01 .merit_box .merit_wrap .merit_item {
        display: flex;
        align-items: center;
        justify-content: center;
        border-right: 1px solid #005438; }
        @media screen and (max-width: 480px) {
          .sec_01 .merit_box .merit_wrap .merit_item {
            border-right: 0;
            padding: 22px 0 !important;
            text-align: center; }
            .sec_01 .merit_box .merit_wrap .merit_item + .merit_item {
              border-top: 1px solid #005438; } }
        @media screen and (max-width: 480px) {
          .sec_01 .merit_box .merit_wrap .merit_item img {
            margin-left: auto;
            margin-right: auto; } }
      .sec_01 .merit_box .merit_wrap .merit_item_01 {
        width: 22.25%;
        padding-right: 1.67%; }
        @media screen and (max-width: 480px) {
          .sec_01 .merit_box .merit_wrap .merit_item_01 {
            width: 100%;
            max-width: 100%;
            padding: 0; } }
        @media screen and (max-width: 480px) {
          .sec_01 .merit_box .merit_wrap .merit_item_01 img {
            width: 95%; } }
      .sec_01 .merit_box .merit_wrap .merit_item_02 {
        width: 21.75%;
        padding-right: 1.67%; }
        @media screen and (max-width: 480px) {
          .sec_01 .merit_box .merit_wrap .merit_item_02 {
            width: 100%;
            max-width: 100%;
            padding: 0; } }
        @media screen and (max-width: 480px) {
          .sec_01 .merit_box .merit_wrap .merit_item_02 img {
            width: 99.32%; } }
      .sec_01 .merit_box .merit_wrap .merit_item_03 {
        width: 16.84%;
        padding-right: 1.67%; }
        @media screen and (max-width: 480px) {
          .sec_01 .merit_box .merit_wrap .merit_item_03 {
            width: 100%;
            max-width: 100%;
            padding: 0; } }
        @media screen and (max-width: 480px) {
          .sec_01 .merit_box .merit_wrap .merit_item_03 img {
            width: 83.64%; } }
      .sec_01 .merit_box .merit_wrap .merit_item_04 {
        width: 14.59%;
        padding-right: 1.67%;
        border-right: none; }
        @media screen and (max-width: 480px) {
          .sec_01 .merit_box .merit_wrap .merit_item_04 {
            width: 100%;
            max-width: 100%;
            padding: 0; } }
        @media screen and (max-width: 480px) {
          .sec_01 .merit_box .merit_wrap .merit_item_04 img {
            width: 59.1%; } }
      .sec_01 .merit_box .merit_wrap .merit_item_05 {
        width: 20.75%;
        padding-right: 1.67%; }
        @media screen and (max-width: 480px) {
          .sec_01 .merit_box .merit_wrap .merit_item_05 {
            width: 100%;
            max-width: 100%;
            padding: 0; } }
        @media screen and (max-width: 480px) {
          .sec_01 .merit_box .merit_wrap .merit_item_05 img {
            width: 90.91%; } }
    .sec_01 .merit_box .wide {
      margin-top: clamp(30px, 4.17%, 50px);
      width: 100%;
      padding: 0; }
      .sec_01 .merit_box .wide a {
        width: 100%;
        display: block;
        padding: 10px;
        text-align: center;
        color: #fff;
        font-size: clamp(20px, 3.03vw, 40px);
        letter-spacing: 0.1em;
        background-image: url(/bunjyo/akenokita/img/common/req_bg.svg);
        background-position: center;
        background-size: cover; }
        .sec_01 .merit_box .wide a .small {
          font-size: 70%; }
      @media screen and (max-width: 600px) {
        .sec_01 .merit_box .wide {
          margin-top: 0; } }
    @media screen and (max-width: 600px) {
      .sec_01 .merit_box img.pc {
        display: none; } }
    .sec_01 .merit_box img.sp {
      display: none; }
      @media screen and (max-width: 600px) {
        .sec_01 .merit_box img.sp {
          display: block; } }

.sec_plan {
  position: relative;
  z-index: 2;
  margin-top: 60px;
  margin-inline: auto;
  padding-bottom: clamp(80px, 10%, 120px); }
  @media screen and (max-width: 768px) {
    .sec_plan {
      margin-top: 40px; } }
  .sec_plan .plan_head {
    text-align: center;
    font-size: clamp(20px, 2.74vw, 34px);
    line-height: 1;
    margin-bottom: clamp(40px, 5%, 60px);
    padding-left: 20px;
    padding-right: 20px; }
  .sec_plan .plan_box {
    max-width: 900px;
    width: 100%;
    padding: 20px 25px;
    background: #fff;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
    @media screen and (max-width: 480px) {
      .sec_plan .plan_box {
        width: calc(100% - 20px);
        padding: 25px 10px 15px; } }
    .sec_plan .plan_box .plan_image_box {
      max-width: 850px;
      margin-left: auto;
      margin-right: auto; }
    .sec_plan .plan_box .plan_image_wrap {
      margin-top: 25px; }
      .sec_plan .plan_box .plan_image_wrap .image_box {
        max-width: 400px;
        width: 47.06%; }
    .sec_plan .plan_box .more_button_wrap {
      display: flex;
      justify-content: center;
      max-width: 560px;
      margin: 40px auto 0;
      gap: 0 7.14%; }
      @media screen and (max-width: 480px) {
        .sec_plan .plan_box .more_button_wrap {
          flex-direction: column;
          align-items: center;
          gap: 15px;
          margin: 30px auto 0; } }
    .sec_plan .plan_box .more_button {
      max-width: 260px;
      width: calc(260% / 5.6); }
      @media screen and (max-width: 480px) {
        .sec_plan .plan_box .more_button {
          max-width: 280px;
          width: 100%;
          margin: 0 auto; } }
      .sec_plan .plan_box .more_button a {
        font-size: 15px;
        padding: 0.8em 0.2em;
        color: #fff;
        background: linear-gradient(to right, #1ea89f, #8ec8bc, #1ea89f);
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        transition: opacity 0.3s ease-in-out; }
        @media screen and (max-width: 480px) {
          .sec_plan .plan_box .more_button a {
            font-size: 13px; } }
        @media (hover: hover) {
          .sec_plan .plan_box .more_button a:hover {
            opacity: 0.7; } }
      .sec_plan .plan_box .more_button.more_plan a {
        background: #185076;
        background: #006442; }
      .sec_plan .plan_box .more_button.more_gal a {
        background: #2c3e2c; }
    .sec_plan .plan_box .cap_l {
      margin-top: 25px; }
      @media screen and (max-width: 480px) {
        .sec_plan .plan_box .cap_l {
          line-height: 1.3; } }

.sec_02 {
  padding-top: 10px;
  background: #e5eff7;
  background: #fdf8ee;
  z-index: 3; }
  .sec_02::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("/bunjyo/akenokita/img/top/bg02.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    display: none; }
  .sec_02 .bg_wrap {
    position: relative;
    z-index: 2; }
  .sec_02 .text_wrap01 {
    color: #5D5043; }
  .sec_02 .img01_cap {
    margin-bottom: 140px; }
    @media screen and (max-width: 600px) {
      .sec_02 .img01_cap {
        margin-bottom: 80px; } }
  .sec_02 .sec_read {
    margin-bottom: 100px; }
    @media screen and (max-width: 600px) {
      .sec_02 .sec_read {
        margin-bottom: 40px; } }

.sec_03 {
  z-index: 3;
  padding-top: 20px;
  background: #e5eff7;
  background: #fdf8ee;
  z-index: 3; }
  .sec_03::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("/bunjyo/akenokita/img/top/bg03.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    display: none; }
  .sec_03 .bg_wrap {
    position: relative;
    z-index: 2; }
  .sec_03 .img02_cap {
    margin-bottom: 140px; }
    @media screen and (max-width: 600px) {
      .sec_03 .img02_cap {
        margin-bottom: 80px; } }
  .sec_03 .cnt_btns {
    width: 100%;
    display: flex; }
    @media screen and (max-width: 768px) {
      .sec_03 .cnt_btns {
        flex-wrap: wrap; } }
    .sec_03 .cnt_btns > div {
      width: calc(100% / 4); }
      @media screen and (max-width: 768px) {
        .sec_03 .cnt_btns > div {
          width: 50%; } }
      .sec_03 .cnt_btns > div a {
        display: block;
        height: 100%;
        position: relative; }
        @media (hover: hover) {
          .sec_03 .cnt_btns > div a:hover .cnt_txt {
            background: none; }
            .sec_03 .cnt_btns > div a:hover .cnt_txt img {
              -webkit-filter: drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.5));
              filter: drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.5)); }
          .sec_03 .cnt_btns > div a:hover .cnt_bg img {
            transform: scale(1.2); } }
      .sec_03 .cnt_btns > div .cnt_bg {
        transition: all 0.3s ease-in-out;
        overflow: hidden; }
        @media screen and (max-width: 768px) {
          .sec_03 .cnt_btns > div .cnt_bg {
            height: 300px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover; } }
        @media screen and (max-width: 480px) {
          .sec_03 .cnt_btns > div .cnt_bg {
            height: 180px; } }
        .sec_03 .cnt_btns > div .cnt_bg img {
          transform: scale(1);
          transition: all 0.3s ease-in-out; }
          @media screen and (max-width: 768px) {
            .sec_03 .cnt_btns > div .cnt_bg img {
              display: none; } }
      .sec_03 .cnt_btns > div .cnt_txt {
        transition: all 0.3s ease-in-out;
        position: absolute;
        inset: 0;
        margin: auto;
        text-align: center;
        background: rgba(56, 114, 113, 0.65); }
        @media screen and (max-width: 768px) {
          .sec_03 .cnt_btns > div .cnt_txt {
            display: flex;
            justify-content: center;
            align-items: center; } }
        .sec_03 .cnt_btns > div .cnt_txt span {
          display: block;
          margin-top: calc(147%/4);
          margin-left: auto;
          margin-right: auto; }
          @media screen and (max-width: 768px) {
            .sec_03 .cnt_btns > div .cnt_txt span {
              margin: auto; } }
        .sec_03 .cnt_btns > div .cnt_txt img {
          transition: all 0.3s ease-in-out; }
      .sec_03 .cnt_btns > div .cnt_bg_cap {
        color: #fff;
        font-size: 10px;
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 3px;
        text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.8), 0px 0px 1px rgba(0, 0, 0, 0.8), 0px 0px 2px rgba(0, 0, 0, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.8), 0px 0px 4px rgba(0, 0, 0, 0.8), 0px 0px 5px rgba(0, 0, 0, 0.8), 0px 0px 6px rgba(0, 0, 0, 0.8), 0px 0px 7px rgba(0, 0, 0, 0.8), 0px 0px 8px rgba(0, 0, 0, 0.8); }
        @media screen and (max-width: 768px) {
          .sec_03 .cnt_btns > div .cnt_bg_cap {
            text-shadow: none; } }
    @media screen and (max-width: 768px) {
      .sec_03 .cnt_btns .cnt_loc .cnt_bg {
        background-image: url("/bunjyo/akenokita/img/top/cnt01_bg.jpg"); } }
    .sec_03 .cnt_btns .cnt_loc .cnt_txt span {
      width: calc(286%/4); }
    @media screen and (max-width: 768px) {
      .sec_03 .cnt_btns .cnt_pla .cnt_bg {
        background-image: url("/bunjyo/akenokita/img/top/cnt02_bg.jpg"); } }
    .sec_03 .cnt_btns .cnt_pla .cnt_txt span {
      width: calc(161%/4); }
    @media screen and (max-width: 768px) {
      .sec_03 .cnt_btns .cnt_mod .cnt_bg {
        background-image: url("/bunjyo/akenokita/img/top/cnt03_bg.jpg"); } }
    .sec_03 .cnt_btns .cnt_mod .cnt_txt span {
      width: calc(350%/4); }
    @media screen and (max-width: 768px) {
      .sec_03 .cnt_btns .cnt_qua .cnt_bg {
        background-image: url("/bunjyo/akenokita/img/top/cnt04_bg.jpg"); } }
    .sec_03 .cnt_btns .cnt_qua .cnt_txt span {
      width: calc(240%/4); }

.cap_wrap {
  margin-bottom: 20px !important; }

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