@charset "utf-8";
/*--------------------------------------
	copyright : yuyu design.
--------------------------------------*/

@import url(reset.css);
@import url(common.css);
@import url(../libs/fontawesome/css/all.min.css);
@import url(../libs/aos/aos.css);
/* @import url(../libs/OwlCarousel/assets/owl.carousel.min.css); @import url(../libs/OwlCarousel/assets/owl.theme.default.min.css); */
/* @import url(../libs/lightGallery/css/lightgallery.min.css); */
/* @import url(../libs/Remodal/remodal.css); @import url(../libs/Remodal/remodal-default-theme.css); */


/*
 faq
==============================*/

body { background-color: #FFF5FB; }

/* inner ----------*/
#main .inner { position: relative; z-index: 2; max-width: 104.5rem; margin: 0 auto; padding: 0 4rem; }
@media screen and (max-width:480px) { /* s */
	#main .inner { padding: 0 12vw; }
}

/* main ----------*/
#main {}
#main .ov_bg { z-index: 1; }
#main .sec1 { padding-top: 3.6rem; }
#main .sec2 { padding-top: 7.3rem; }
#main .faq_list { position: relative; z-index: 3; counter-reset: q_num; }
#main .faq_list li { margin-top: 2.5rem; }
#main .faq_list span { display: block; }
#main .faq_list .qw {}
#main .faq_list .qw:hover { cursor: pointer; }
#main .faq_list .qw .q { display: flex; align-items: center; gap: 2rem; font-size: 1.8rem; font-weight: bold; line-height: 1.4; }
#main .faq_list .qw .q::before { counter-increment: q_num; content: 'Q'counter(q_num); font-size: 3.8rem; font-weight: bold; }
#main .faq_list .qw .q::after { flex-shrink: 0; content: ""; margin-left: auto; margin-right: 1rem; width: 4.5rem; aspect-ratio: 1 / 1; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../img/common/open.png); }
#main .faq_list .qw.open .q::after { background-image: url(../img/common/close.png); }
#main .faq_list .aw {}
#main .faq_list .aw .a { font-size: 1.5rem; padding: 1.5rem 2rem; background-color: #FFF; margin-top: 1rem; }
@media screen and (max-width:480px) { /* s */
	#main .faq_list .qw .q { gap: 1.5rem; font-size: 1.6rem; }
	#main .faq_list .qw .q::after { width: 2.6rem; }
	#main .faq_list .qw .q::before { font-size: 2.2rem; }
}


/* pageLink ----------*/
#pageLink { position: relative; z-index: 2; }
#pageLink ul { display: flex; flex-flow: wrap; align-items: center; justify-content: center; gap: 4rem; }
@media screen and (max-width:896px) { /* m */
	#pageLink ul { gap: 2rem; }
}
@media screen and (max-width:480px) { /* s */
	#pageLink { padding-top: 4rem; }
}


/* dayService ----------*/
#dayService { padding-top: 9rem; }
#dayService .sign_up .h3 { color: #F2786D; }
#dayService .sign_up .faq_list .qw .q { color: #F2786D; }
#dayService .use .h3 { color: #7DC8E4; }
#dayService .use .faq_list .qw .q { color: #7DC8E4; }
#dayService .other.h3 { color: #90ddcf; }
#dayService .other.faq_list .qw .q { color: #90ddcf; }


/* nursingCare ----------*/
#nursingCare { padding-top: 7.3rem; padding-bottom: 17rem; }
#nursingCare .use .h3 { color: #9BC760; }
#nursingCare .use .faq_list .qw .q { color: #9BC760; }
@media screen and (max-width:480px) { /* s */
	#nursingCare {  padding-bottom: 8rem; }
}

/* ov_bg ----------*/
.ov_bg { width: 47%; z-index: 1; }
.ov_01 { left: -34%; }
.ov_02 { right: -34%; }
@media screen and (max-width:480px) { /* s */
	.ov_01 { left: -27%; }
	.ov_02 { right: -27%; }
}

/* sec1 ----------*/
.sec1 {
	position: relative;
	background-image: url(../img/common/cloud_01.svg);
	background-repeat: no-repeat;
	background-position: left top 54%;
	background-size: 100% 20rem;
}
.sec1::after { content: ""; position: absolute; z-index: 1; top: calc(54% + 9rem); left: 0; width: 100%; height: calc(100% - 54%); background-color: #FFF; }
.sec1 .ov_01, .sec1 .ov_02 { top: -17rem; }
@media screen and (max-width:480px) { /* s */
	.sec1 { background-size: 100% 10rem; }
	.sec1::after { top: calc(54% + 4rem); height: calc(100% - 54% + 10rem); }
}

/* sec2 ----------*/
.sec2 {
	position: relative;
	background-image: url(../img/common/cloud_02.svg), url(../img/common/cloud_01.svg);
	background-repeat: no-repeat;
	background-position: left top 20%, left top 80%;
	background-size: 100% 20rem;
}
.sec2::before, .sec2::after {content: ""; position: absolute; z-index: 1; left: 0; width: 100%; background-color: #FFF; }
.sec2::before { top: 0; height: calc(20% - 4rem); }
.sec2::after { top: calc(80% + 4rem); height: calc(100% - 80% + 15rem); }
.sec2 .ov_01, .sec2 .ov_02 { top: 0; }
@media screen and (max-width:480px) { /* s */
	.sec2 { background-size: 100% 10rem; }
	.sec2::before { top: 0; height: calc(20%); }
	.sec2::after { top: calc(80%); height: calc(100% - 80% + 18rem); }
}

/* sec3 ----------*/
.sec3 {
	position: relative;
	background-image: url(../img/common/cloud_02.svg);
	background-repeat: no-repeat;
	background-position: left top 20%;
	background-size: 100% 20rem;
}
.sec3::before { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: calc(20% - 4rem); background-color: #FFF; }
.sec3 .ov_01, .sec3 .ov_02 { bottom: -10rem; }
@media screen and (max-width:480px) { /* s */
	.sec3 { background-size: 100% 10rem; }
	.sec3::before { height: calc(20% - 2rem); }
}