@charset "UTF-8";
.slider {
	width: 88%;
	height: 65vh;
	overflow: hidden;
    position: relative;
	max-width: 100%;
    right: 0;
    border-radius: 50px 0 0 50px;
}
.slider {
    height: 702px;
}

.slider div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 10;
	opacity: 0;
	animation-name: slide-fade;
	animation-duration: 15s;
	animation-iteration-count: infinite;
}
.slider_box img{
    width: 155%;
    max-width: 200%;
    position: absolute;
    top: -15vh;
    z-index: 999;
}
.slider div:first-of-type{
	background-image: url(../img/top/top_img_01.jpg);
    /* width: 200%; */
}
.slider div:nth-of-type(2){
	background-image: url(../img/top/top_img_02.jpg);
	animation-delay: 5s;
}
.slider div:last-of-type{
	background-image: url(../img/top/top_img_03.jpg);
	animation-delay: 10s;
    
}
.section_title{
    display: flex;
    color: #E1577F;
    font-size: 36px;
    font-weight: bold;
}
.section_title img{
    width: 6%;
    object-fit: contain;
    margin-right: 20px;
}
/* ---------------------------------------------------------- */
/* about us------------------------------------------------- */
.about_us{
    margin-bottom: 200px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.about_us_logo{
    width: 440px;
    padding-right: 60px;
    object-fit: contain;
}
.about_us_thumb{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: calc(100% / 3);
    position: relative;
    margin-right: 15%;
}
.about_us_title{
    width: 80%;
}
.about_us_detail{
    margin: 50px 0 20px;
}
.about_us_btn{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    color: #E1577F;
    font-weight: bold;
    font-size: 18px;
}
.about_us_btn:hover{
    filter: brightness(0.7);
    transition: all .3s;
}
.arrow{
    width: 19%;
    margin-left: 30px;
    vertical-align: bottom;
}



/* ---------------------------------------------------------- */
/* service------------------------------------------------- */
.service{
    margin-left: 50px;
    margin-top: 400px;
}
.service::before{
    content: "Service";
    color: rgba(225, 87, 127, .15);
    font-size: 288px;
    font-weight: bold;
    writing-mode: sideways-rl;
    -ms-writing-mode: tb-rl;    /* IE用 */
    writing-mode: vertical-rl; /* モダンブラウザ用 */
    line-height: 30rem;
    position: absolute;
    margin-top: -200px;
}
.service_detail{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-end;
    margin-right: 22%;
}
.service_content{
    margin-left: 30%;
    margin-bottom: 100px;
}
.service_img{
    border-radius: 50px 0 0 50px;
    margin-bottom: 20px;
    width: 110%;
    max-width: unset;
}
.service_text{
    /* margin-right: 22%; */
}
.item_btn{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #E1577F;
    font-weight: bold;
    font-size: 18px;
    position: relative;
    right: 0;
    
}
.item_btn:hover{
    filter: brightness(0.7);
    transition: all .3s;
}
.marker{
    background: linear-gradient(transparent 60%, #FFEFB9);
  }


  
/* ---------------------------------------------------------- */
/* facility------------------------------------------------- */
.facility{
    margin-left: 200px;
    margin-top: 250px;
    padding-top: 150px;
}
.facility::before{
    content: "Facility";
    color: rgba(225, 87, 127, .15);
    font-size: 288px;
    font-weight: bold;
    writing-mode: sideways-rl;
    -ms-writing-mode: tb-rl;    /* IE用 */
     writing-mode: vertical-rl; /* モダンブラウザ用 */
    line-height: 30rem;
    position: absolute;
    margin-top: -200px;
    right: 0;
}
.facility_content{
    background-color: #FFEFB9;
    padding: 100px;
    width: 70%;
    border-radius: 50px;
}
.facilitey_title{
    display: flex;
    align-items: center;
}
.facilitey_title img{
    width: 8%;
    margin-right: 30px;
}
.facility_title_copy{
    line-height: 2rem;
    color: #E1577F;
    font-size: 32px;
    font-weight: bold;
}
.facility_title_txt {
    line-height: 4rem;
    color: #E1577F;
    font-size: 32px;
    font-weight: bold;
}
.facility_title_txt_en{
    font-size: 12px;
}
.facility_list{
    display: flex;
    margin-top: 100px;
}
.facility_list_img{
    width: 50%;
    margin-right: 30px;
    object-fit: contain;
}
.facility_list_inner{
    display: flex;
    flex-direction: column;
    color: #535353;
}
.facility_item{
    background-color: #fff;
    display: inline-block;
    padding: 0 20px;
    border-radius: 50px;
    font-size: 15px;
}
.facility_heading{
    color: #E1577F;
    font-size: 25px;
    font-weight: bold;
    /* border-bottom: 1px solid #C1C1C1; */
}
hr{
    border-top: 1px solid #aaa;
    width: 110%;
    margin-left: -30px;
}
/* ---------------------------------------------------------- */





  @media screen and (max-width:767px) {
   
    body:before{
        content:none;
        /* display:unset;
        background-repeat: unset;
        background-size: unset;
        background-position: unset;
        width: unset;
        height: unset;
        position: unset;
        z-index: unset; */
        background-image:none; /*背景画像*/
    }

    .diagonal_01 {
        padding: 200px 0 555px;
        margin: -207px 0 0;
        clip-path: polygon(0 0, 100% 0%, 100% 65%, 0 70%);
    }




   
    .slider{
        height: 244px;
        width: 100%;
    }
    .slider_box img{
        max-width: unset;
        position: relative;
        top: 0;
        width: 100%;
        margin-top: 30px;

    }
    .about_us_btn{
        font-size: 17px;
      }
    .about_us{
        display: block;
        margin: 100px 40px 50px;
    }
    .about_us_logo{
        width: 75%;
        margin: 0 auto;
        display: block;
        padding: 0;
        margin-bottom: 50px;
    }
    .about_us_title {
        width: 100%;
    }
    .service::before{
        font-size: 120px;
        line-height: 1rem;  
    }
    .section_title{
        font-size: 18px;
    }
    .about_us_thumb{
        display: block;
        width: 100%;
    }
    .service{
        margin-top: 300px;
    }
    .service::before{
        margin-top: -135px;
    }
    .section_title img{
        width: 25%;
    }
    .service_content{
        margin-left: 10%;
    }

    .service_detail{
        margin-right: 40px;
    }
    .service_text{
        margin-bottom: 50px;
    }
    .insta-bnr{
        width: 304px;
        height: 76.5px;
    }
    .insta-bnr{
        width: 305px;
    height: 76.5px;
    }
    .facility{
        margin: 0 40px;
        padding-top: 0;
    }
    .facility::before {
        display: none;
    }
    .facility_content{
        width: 100%;
    }
    .facility_content{
        padding: 50px 20px;
    }
    .facilitey_title{
        justify-content: center;
    }
    .facilitey_title img{
        width: 22%;
    }
    .facility_list{
        display: block;
        margin-top: 50px;
        margin-bottom: 80px;
    }
    .facility_list_img{
        width: 100%;
        margin-right: unset;
    }
    .facility_item{
        margin: 20px auto;
    }
    .facility_heading{
        text-align: center;
    }
   .item_btn{
    font-size: 17px;
}
    
  }
@media screen and (min-width:768px) {
    
    
}

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