@charset "utf-8";
/* CSS Document */

     .slider6 .swiper-wrapper{
    width: 38.888vw;
   /* min-width: 559.929px;*/
    height: 26vw;
    /* min-height: 331px;*/
  }


  .fv2 {
    padding: 0 0 5vw;
    position: relative;
    background-color: #DAE8EF;
}

.fv_txt {
    position: absolute;
    font-size: 5vw;
    text-align: center;
    font-weight: bold;
    color: #2a74b7;
    margin: 3.507vw auto 1.679vw;
    letter-spacing: 0em;
    line-height: 1;
    width: 65%;
    text-shadow: 0px 0px 30px #fff, 0px 0px 30px #fff;
    top: 40px;
    left:0;
    right: 0;
}
@media screen and (max-width: 767px) {

    .fv_txt {
        width: 85%;
        top: 30px;
        left:0;
        right: 0;
    }
}

/* FVスライダーここから */

/* 全体設定 */
.css-carousel-slider {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.css-carousel-slider img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

/* スライド設定 */
.css-carousel-slider .slide-wrap {
    width: 400%; /* 画像の合計数*100%を設定(*2) */
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    z-index: 0;
    animation: css-carousel-slider 15s infinite; /* スライダーアニメーション全体の時間(*3) */
    animation-delay: 2s; /* スライダーが始まるまでの時間(*4) */
}
.css-carousel-slider .slide-wrap-main {
    width: 100%;
    z-index: 1;
    animation: css-carousel-slider-main 15s infinite; /* (*3)と同じ内容を設定 */
    animation-delay: 2s; /* (*4)と同じ内容を設定 */
}
.css-carousel-slider .slide {
    width: 100%;
}

/* スライダーアニメーションの設定(*5) */
@keyframes css-carousel-slider {
    0% { transform: translateX(0); }

    20% { transform: translateX(calc(1 / 4 * -100%)); }
    25% { transform: translateX(calc(1 / 4 * -100%)); }

    45% { transform: translateX(calc(2 / 4 * -100%)); }
    50% { transform: translateX(calc(2 / 4 * -100%)); }

    70% { transform: translateX(calc(3 / 4 * -100%)); }
    75% { transform: translateX(calc(3 / 4 * -100%)); }

    95% { transform: translateX(calc(4 / 4 * -100%)); }
    100% { transform: translateX(calc(4 / 4 * -100%)); }
}

@keyframes css-carousel-slider-main {
    0% { transform: translateX(100%); }
    75% { transform: translateX(100%); }
    95% { transform: translateX(0%);}
}


/* FVスライダーここまで */


.trial_bt {
    position: absolute;
    top: -150px;
    left: 0;
    transition: all .5s;
}
@media screen and (max-width: 767px) {
    .trial_bt {
    top: 0px;
}
}

.from_station {
    width: 14.0712vw;
    /* min-width: 202.6257px; */
    height: 14.0712vw;
    /* min-height: 202.6257px; */
    position: absolute;
    bottom: 220px;
    right: 4.994vw;
}

.from_station a:hover{
    opacity: 0.7;
}
@media screen and (max-width: 767px) {
    .from_station {
    width: 34.0712vw;
    /* min-width: 202.6257px; */
    height: 14.0712vw;
    /* min-height: 202.6257px; */
    position: absolute;
    bottom: 110px;
    right: 4.994vw;
    z-index: 2;
    background: transparent;
}

    .trial_reserve_bt {
        width: 66.6666667vw;
        min-width: unset;
        margin: 0 auto;
        bottom: 290px;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 2;
    }
}



.top_cam{
    padding-top: 0;
}

.cam_img03 {
    max-width: 1080px;
    width: 90vw;
    margin: 0 auto;
    padding: 15px 0 0px;
    text-align: center;
}

.cam_img03 img{
    width:90%;
    margin: 40px auto;
}
@media screen and (max-width: 767px) {
    .cam_img03 {
        width: 100%;
        margin: 0 auto;
        padding: 15px 0 0px;
        text-align: center;
    }
    
    .cam_img03 img{
        width:100%;
        margin: 60px auto 40px;

    }
}

.section_heading .jp {
    font-weight: bold;
    text-align: center;
    font-size: 50px;
    letter-spacing: -.04em;
    margin-top:0;
}
@media screen and (max-width: 767px) {
    .section_heading .jp {
        font-size: 25px;
    }
}

.sec_merit{
    margin-top: -80px;
    background-color: #6eb7b7;
    padding:140px 0 220px;
}
.sec_merit img{
    max-width: 1080px;
    width: 75%;
    margin:40px auto 0;
}
@media screen and (max-width: 767px) {
    .sec_merit{
        margin-top: -80px;
        background-color: #6eb7b7;
        padding:70px 0 110px;
    }

    .sec_merit img{
        width: 88%;
        margin:20px auto 0;
    }
}

.feature_list{
    max-width: 1080px;
    width: 90vw;
    margin: 0 auto;
}

.feature_list li{
    margin-top:40px;
}
.sec_merit .section_heading{
    color: #fff;
}

.sec_merit .section_heading .eng{
    color: #fff;
}

.feature .section_heading{
    color: #fff;
}

.feature .section_heading .eng{
    color: #fff;
}

 .slider6{
    position: relative;
    width: 38.888vw;
    margin: 0 auto;
    height: 50vw;
    overflow: hidden;
   /* min-height: 289.4px;*/
}


.slider6_btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    width: 38.888vw;
    height: 26vw;
    /*min-height: 289.4px;*/
    z-index: 10;
}

.slider6_wrap{
    width: 38.888vw;
    margin: 0 auto;
    position: relative;
    height: 50vw;
   /* min-height: 289.4px;*/
}

.slider6_btn .swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 0;
    right: auto;
}

.slider6_btn .swiper-button-prev::after {
    content: '';
    width: 3.681153vw;
   /* min-width: 53.0088px;*/
    height: 3.681153vw;
   /* min-height: 53.0088px;*/
    background-image: url(../images/2nd/common/slide_prev.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    transition: all .5s;
    top: 50%;
    left: 50%;
    transform: translate(-50% ,-50%);
    cursor: pointer;
    z-index: 1;
}

.slider6_btn .swiper-button-prev:hover::after {
    background-image:url(../images/2nd/common/slide_prev_hover.webp)  ;
    transition: all .5s;
}

.slider6_btn    .swiper-button-next::after {
    content: '';
    width: 3.681153vw;
   /* min-width: 53.0088px;*/
    height: 3.681153vw;
    /*min-height: 53.0088px;*/
    background-image: url(../images/2nd/common/slide_next.webp);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    transition: all .5s;
    top: 50%;
    right: -11px;
    transform: translate(50% ,-50%);
    cursor: pointer;
    z-index: 1;
}


.slider6_btn .swiper-button-next:hover::after {
    background-image:url(../images/2nd/common/slide_next_hover.webp)  ;
    transition: all .5s;
}






.slider6_wrap  {
    width: 68.12vw;
    min-width: unset;
/*    height: 95vw;*/
    min-height: unset;
  }
.swiper-container.slider6{
    position: relative;
    width: 68.12vw;
    margin: 0 auto;
/*    height: 95vw;*/
    min-height: unset;
}
.slider6_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    width: 68.12vw;
    height: 23vw;
    min-height: unset;
    z-index: 10;
}


.slider6_btn .swiper-button-prev:hover::after {
    display: block;
}


.slider6_btn .swiper-button-next:hover::after {
    opacity: 1;
}

.slider6_btn .swiper-button-prev:hover::after {
   opacity: 1;
}

.slider7_area{
    max-width: 1080px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px 40px 80px;
    width: 100%;
}


.slider7 {
    width: 90%;
   /* min-height: 666px;*/
    height: auto;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}
.slider7 .swiper-button-prev::after {
    content: '';
    width: 3.681153vw;
  /*  min-width: 53.0088px;*/
    height: 3.681153vw;
  /*  min-height: 53.0088px;*/
    background-image: url(../images/2nd/common/slide_prev.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    transition: all .5s;
    top: 50%;
    transform: translate(50% , -50%);
    cursor: pointer;
    z-index: 1;
}

.slider7 .swiper-button-next, .swiper-button-prev{
    width: 23vw;
  /*  min-width: 331.2px;*/
}
.slider7 .swiper-button-prev:hover::after {
    background-image:url(../images/2nd/common/slide_prev_hover.webp)  ;
    transition: all .5s;
}

.slider7 .swiper-button-next::after {
    content: '';
    width: 3.681153vw;
    /*min-width: 53.0088px;*/
    height: 3.681153vw;
   /* min-height: 53.0088px;*/
    background-image: url(../images/2nd/common/slide_next.webp);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    transition: all .5s;
    top: 50%;
    transform: translate(-50% , -50%);
    cursor: pointer;
    z-index: 1;
}

.slider7 .swiper-button-next:hover::after {
    background-image:url(../images/2nd/common/slide_next_hover.webp)  ;
    transition: all .5s;
}

.slider7 .swiper-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    padding-bottom: 45px;
}
.slider7 .swiper-slide{
    align-items: flex-start;
    width: 65.625vw;
   /* min-width: 945.667px;*/
    margin: 0 auto;
    background-color: #fff;
    padding: 1.674389vw 0 0;
    height: auto;
}

.slider7 .swiper-pagination-bullet-active {
    background-color: #0d55af;
    height: 14px;
   /* min-height: 11.9091px;*/
    width: 14px;
   /* min-width: 11.9091px;*/
}


.slider7_bt{
    max-width: 700px;
    width: 67%;
    margin: 0 auto;
    position: absolute;
    height: 50px;
    top: 45%;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 auto;
    z-index: 10;
}

.slider7 .swiper-button-next, .swiper-button-prev {
    width: 0;
 /*   min-width: 0;*/
}

.swiper-pagination-bullet{
    background-color: #fff;
    height: 14px;
    min-height: 11.9091px;
    width: 14px;
    min-width: 11.9091px;
    opacity: 1;
    margin: 0;
    border: solid 1px #0d55af;
}

@media screen and (max-width: 767px) {
    .slider7_area{
        margin: -10px auto 0;
        padding: 10px 4px 40px;
        width: 100%;
    }
    .slider7 {
        width: 100%;
       /* min-height: 666px;*/
        height: auto;
        position: relative;
        overflow: hidden;
        margin: 0 auto;
        padding:0 20px;
    }
    .slider7 .swiper-slide{
        width: 100%;
    }
    .slider7 .swiper-button-prev::after {
        width: 7vw;
        height: 7vw;
    }
    .slider7 .swiper-button-next::after {
        width: 7vw;
        height: 7vw;
    }
    .slider7_bt{
        width: 97%;
  
    }

}

.trial_reserve_bt_sub{
	margin-top: 10px;
	width: 78vw;
}

.trial_reserve_bt_sub2{
	margin-top: 10px;
	width: 66.6666667vw;
    z-index: 3;
}
@media screen and (max-width: 767px) {
    .trial_reserve_bt_sub2{
	margin-top: 10px;
	width: 66.6666667vw;
    z-index: 3;
    bottom: 230px;
}
}


.flow1_btn{
	margin-bottom: 50px;
}

.flow_slider_hl{
	font-size: 16px;
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
}
.flow_slider_hl-sub{
	font-size: 20px;
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
	margin-top: 50px;
}
.btn-text{
	width:300px;
	margin: 0 auto;
	margin-top: 20px;
}

.to_top {
    width: 7.617215vw;
    /* min-width: 109.6879px; */
    height: 7.617215vw;
    /* min-height: 109.6879px; */
    position: absolute;
    right: 1.527833vw;
    bottom: -2vw;
}
@media screen and (max-width: 767px) {
    .access {
        background-image: none;
        padding: 10.0063vw 5% 15vw;
        margin-top: 0;
    }
.to_top {
    width: 17.617215vw;
    /* min-width: 109.6879px; */
    height: 17.617215vw;
    /* min-height: 109.6879px; */
    position: absolute;
    right: 1.527833vw;
    bottom: 38vw;
}
}



 .flow_list li:first-child{
    background-image: url(../images/2nd/pc/flow1_bg_sub.png) !important;
 }



@media screen and (max-width:1000px){
.btn-text{
	width:300px;
}

}


@media screen and (max-width:900px){

.slider6_wrap {
    width: 80vw;
        height: 50vw;
}

.slider6 {
    position: relative;
    width: 42.888vw;
    height: 50vw;
}
.slider6_btn {
    width: 42.888vw;
}
}

.cam_wrap {
        background-color: #DAE8EF;
        padding: 0 0 12vw;
}

@media screen and (max-width:767px){
.flow1_btn{
	margin-bottom: 0px;
}
.btn-text{
	width:60%;
	margin-top: 30px;
}
 .cam_wrap {
 	background-color: #DAE8EF;
 	padding-bottom: 100px;
 }
 .flow_slider_hl-sub{
 	position: relative;
	margin-top: 0;
	    z-index: 1;
}



.slider6_btn .swiper-button-prev::after{
    content: '';
    width: 10.49628vw;
    min-width: unset;
    height: 10.49628vw;
    min-height: unset;
    left: 0;
    transition: all .5s;
    top: 50%;
    transform: translateX(-50%);
}

.slider6_btn .swiper-button-next::after {
    content: '';
    width: 10.49628vw;
    min-width: unset;
    height: 10.49628vw;
    min-height: unset;
    right: -13px;
    transition: all .5s;
    top: 50%;
    transform: translateX(50%);
}

.slider6{
	height: 110vw;
}

.slider6_wrap {
    width: 90vw;
        height: 110vw;
}
.swiper-container.slider6{
	width: 100%;
}
.slider6_btn{
	width: 80vw;
}
}

.flow_list li:nth-child(3) {
    display: none;
}