@charset "UTF-8";

/*----------------ご紹介コンテンツ----------------*/
#seo+section .inner_item_txt {
    flex-basis: 70%;
    max-width: 70%;
}

#seo+section .inner_item_img {
    flex-basis: 30%;
    max-width: 40%;
}

a#seo+section .content_wrapper {
    padding: 20px 40px;
}

@media screen and (max-width: 900px) {
	a#seo+section .wrapper_item {
		display: flex;
        flex-direction: column;
	}
	
    a#seo+section .content_wrapper {
        padding: 3vw 4vw;
    }
    a#seo+section .inner_item_img {
    margin-bottom: 10px;
   }

    a#seo+section .inner_item_img img {
         width: 40% !important;
         aspect-ratio: 0;
    }
    a#seo+section .inner_item_txt .heading {
    margin-bottom: 15px;
     }
}

@media screen and (max-width: 600px) {
    a#seo+section .content_wrapper {
        padding: 4vw;
    }
}
/*-----------MV調整、バナー調整-------------*/
#mv {
    max-height: 450px !important;
}

a#banner1+div .inner_item_img img, a#banner2+div .inner_item_img img {
	object-fit: contain;
}

@media screen and (max-width: 480px) {
      #mv {
    max-height: 400px !important;
      }
	a#banner1+div .wrapper_item {
		flex-wrap: nowrap;
	}

	a#banner1+div .inner_item {
		margin-bottom: 0px !important;
	}

	a#banner2+div {
        padding-top: 0;
    }

	a#banner2+div .inner_item {
		width: 33% !important;
		margin-bottom: 10px;
	}
}

a#slider+section .content_wrapper {
  max-width: 100% !important;
  padding: 0;
}

.swiper {
    overflow: visible;
}

/* ----以下areus追記分---- */

input[name="tab_item"] {
    display: none;
}

#f1+div,
#f2+div {
    display: none;
}

body:has(#all:checked) #f1+div,
body:has(#all2:checked) #f2+div {
    display: block;
}

section:has(div#tab) .content_wrapper {
    padding: 0;
}

#tab {
    display: flex;
    justify-content: space-between;
    text-align: center;
}

#tab label[class^="tab"] {
    width: calc(50% - 25px);
    display: inline-block;
    background: #4FB16B;
    color: #fff;
    font-size: 2.5rem;
    font-weight: bold;
    padding: 10px;
    border-radius: 5px 5px 0 0;
    opacity: 0.5;
    cursor: pointer;
}

#tab label:last-of-type {
    background: #B5F4F4;
    color: #333;
}

#all:checked+label,
#all2:checked+label {
    opacity: 1;
}

a[id^="f"]+div>.content_wrapper {
    background: #fff;
    padding: 65px 5%;
}

a[id^="f"]+div dl:nth-of-type(n+6) {
    display: none;
}

a[id^="f"]+div .wrapper_item {
    margin-bottom: 0;
}


section:has(div#tab) .content_wrapper,
a[id^="f"]+div>.content_wrapper {
    width: calc(100% - 40px);
}

#f1+.contents_faq01 dt::before {
    background: #4FB16B;
}

@media screen and (min-width: 651px) {
    #tab .sp {
        display: none;
    }
}

@media screen and (max-width: 650px) {
    #tab label[class^="tab"] {
        font-size: 1.45rem;
        line-height: 1.5;
    }
}

/*---------PREVボタン----------*/
.swiper-button-prev {
    left: calc(50% - 70px);
    top: 100%;
    color: #111c54;
    position: absolute;
    bottom: -40px;
    z-index: 2;
    font-weight: bold;
    font-style: normal;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: '<';
    font-size: 1.4rem;
}

.swiper-button-prev:after {
    right: 40px;
    width: 24px;
    height: 24px;
    font-family: futura-pt-bold, sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1.5;
    color: #fff;
    background: #034fbf;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 10px;
    cursor: pointer;
}

/*---------|マーク---------*/
.swiper-button {
    height: 10px;
}

span.slick-slash.slick-arrow {
    position: absolute;
    top: 96.5%;
    left: 50%;
}

@media screen and (max-width: 1400px) {
  span.slick-slash.slick-arrow {
    top: 95.5%;
}
}

@media screen and (max-width: 950px) {
  span.slick-slash.slick-arrow {
    top: 93.5%;
}
}

/*--------NEXTボタン----------*/
.swiper-button-next {
    left: calc(50% - -50px);
    top: 100%;
    color: #111c54;
    position: absolute;
    bottom: -40px;
    z-index: 2;
    font-weight: bold;
    font-style: normal;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: '>';
    font-size: 1.4rem;
}

.swiper-button-next:after {
    right: -40px;
    width: 24px;
    height: 24px;
    font-family: futura-pt-bold, sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1.5;
    color: #fff;
    background: #034fbf;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 10px;
    cursor: pointer;
}

.swiper-button-next, .swiper-button-prev {
  width: calc(var(--swiper-navigation-size) / 44* 25);
}

/*--------------768px以下レイアウト--------------*/
a#fade+section {
    display: none;
}

a#fade+section .content_wrapper {
  max-width: 100% !important;
}

@media screen and (max-width: 768px) {
a#slider+section {
    display: none;
}
a#fade+section {
    display: block;
}
}

.img-box{
  width: 100%;
  height: 46vw;
  overflow: hidden;
  position: relative;
}
.img-box>div{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 46vw;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 10;
  opacity: 0;
  animation-name: fade;
  animation-duration: 24s;
      animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
  animation-iteration-count: infinite;
}
@keyframes fade {
  0%, 16.67% { /* 各スライド開始直後 */
    opacity: 0;
  }
  20%, 36.67% { /* 各スライドが4秒間表示される範囲 */
    opacity: 1;
  }
  40%, 100% { /* 各スライドの終了後から次のスライドまで非表示 */
    opacity: 0;
  }
}
/* 1枚目のスライド */
.img-box>div:first-of-type {
  background-image: url(/common/upload_data/minireijp/image/20241023115152.png);
  animation-delay: 0s;
}

/* 2枚目のスライド */
.img-box>div:nth-of-type(2) {
  background-image: url(/common/upload_data/minireijp/image/20241023115200.png);
  animation-delay: 4s;
}

/* 3枚目のスライド */
.img-box>div:nth-of-type(3) {
  background-image: url(/common/upload_data/minireijp/image/20241023194653.png);
  animation-delay: 8s;
}

/* 4枚目のスライド */
.img-box>div:nth-of-type(4) {
  background-image: url(/common/upload_data/minireijp/image/20241001153435.jpg);
  animation-delay: 12s;
}

/* 5枚目のスライド */
.img-box>div:nth-of-type(5) {
  background-image: url(/common/upload_data/minireijp/image/20241001153441.jpg);
  animation-delay: 16s;
}

/* 6枚目のスライド */
.img-box>div:nth-of-type(6) {
  background-image: url(/common/upload_data/minireijp/image/20241001145015.jpg);
  animation-delay: 20s;
}

/*------------リンク設定------------*/
@media screen and (max-width: 768px) {
.img-box > div a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11; /* aタグがdivより上にくるようにz-indexを調整 */
  text-decoration: none;
}
}

/*MV調整*/
#mv,
#mv .mv_mp4,
#mv .mv_mp4 video{
   height: auto;
   max-height: initial !important;
}
@media screen and (max-width: 125vh){
   #mv.mv_mp4_cover {
      height: auto !important;
      min-height: 0 !important;
   }
}