@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); */


/*
 senior_enquete
==============================*/

/* mvp ----------*/
#mvp { background-image: url(../img/senior_enquete/mv_bg.svg); background-repeat: no-repeat; background-size: contain; background-position: left bottom; }


/* h2 ----------*/
.h2.-page span { background-color: #FCEDE6; }

/* h3 ----------*/
.dh3 { text-align: center; margin-top: 3rem; margin-bottom: 2rem; }
.dh3 span { display: inline-block; font-size: 2.6rem; font-weight: var(--bold); background-color: #ED8295; color: #FFF; line-height: 1; padding: 1rem 5rem; border-radius: 1rem; border: solid 2px #000; }


/* main ----------*/
#main .sec { padding-left: 6rem !important; padding-right: 6rem !important; }
@media screen and (max-width:480px) { /* s */
	#main .sec { padding-left: 4rem !important; padding-right: 4rem !important; }
}

/* enquete_list ----------*/
.enquete_list { }
.enquete_list li { border-radius: 2rem; background-color: #FFF; padding: 4rem 3rem; }
.enquete_list li.nodes { border-radius: 0; background-color: transparent; padding: 0; }
.bg_color_lightcyan .enquete_list li { border: solid 2px #01398D; }
.bg_color_lightcyan .enquete_list li.nodes { border: none; }
.enquete_list li span { display: block; }
.enquete_list li .p { text-align: center; margin-bottom: 1rem; }
.enquete_list li .tt { margin-bottom: 1rem; }
.enquete_list li .tt span { display: inline-block; font-size: 2rem; font-weight: var(--black); background-color: #CFF7FF; color: #01398D; line-height: 1; padding: 1rem 2rem; border-radius: 0.5rem; border: solid 2px #01398D; }
.enquete_list li .t { font-size: 1.8rem; font-weight: var(--bold); color: #01398D; line-height: 1.77; }
.enquete_list li .t strong { font-size: 2rem; font-weight: var(--black); line-height: 1.77; }
.enquete_list li .t .orange { color: #F77156; }
.profile { display: flex; max-width: 64rem; margin: auto; gap: 3rem; align-items: center; }
.profile .pw { width: 43%; }
.profile .tw { position: relative; width: 57%; padding: 2rem 3rem; border: solid 1px #000; border-radius: 2rem; background-color: #FFF; }
.profile .tw::before { content: ""; position: absolute; top: 0; bottom: 0; left: -3rem; width: 4.2rem; height: 3.4rem; margin: auto; background-image: url(../img/job_introduction/icon_arrow_01.svg); background-repeat: no-repeat; background-position: center; background-size: cover; }
.profile .tw p { color: #01398D; font-size: 1.4rem; font-weight: var(--medium); }
@media screen and (max-width:480px) { /* s */
	.enquete_list li { padding: 2rem; }
}

/* sec1 ----------*/
#sec1 {
	background-image: url(../img/senior_enquete/bg_01_01.svg), url(../img/senior_enquete/bg_01_02.svg);
	background-repeat: no-repeat;
	background-position: left top, right top;
}
@media screen and (max-width:1260px) { /* x */
	#sec1 { background-size: 60% auto; }
}
@media screen and (max-width:480px) { /* s */
	#sec1 { background-size: 80% auto; }
}

/* sec2 ----------*/
#sec2 {
	background-image: url(../img/senior_enquete/bg_02_01.svg), url(../img/senior_enquete/bg_02_02.svg), url(../img/senior_enquete/bg_02_03.svg), url(../img/senior_enquete/bg_02_04.svg);
	background-repeat: no-repeat;
	background-position: left top, right top, left bottom, right bottom;
}
@media screen and (max-width:1260px) { /* x */
	#sec2 { background-size: 60% auto; }
}
@media screen and (max-width:480px) { /* s */
	#sec2 { background-size: 80% auto; }
}

/* sec3 ----------*/
#sec3 {
	background-image: url(../img/senior_enquete/bg_03_01.svg), url(../img/senior_enquete/bg_03_02.svg);
	background-repeat: no-repeat;
	background-position: left bottom, right bottom;
}
@media screen and (max-width:1260px) { /* x */
	#sec3 { background-size: 60% auto; }
}
@media screen and (max-width:480px) { /* s */
	#sec3 { background-size: 80% auto; background-position: left bottom, right -12rem bottom -4rem; }
}

/* sec4 ----------*/
#sec4 {
	background-image: url(../img/senior_enquete/bg_04_01.svg), url(../img/senior_enquete/bg_04_02.svg);
	background-repeat: no-repeat;
	background-position: left top, right bottom;
}
@media screen and (max-width:1260px) { /* x */
	#sec4 { background-size: 60% auto; }
}
@media screen and (max-width:480px) { /* s */
	#sec4 { background-size: 80% auto; }
}

/* sec5 ----------*/
#sec5 {
	background-image: url(../img/senior_enquete/bg_05_01.svg), url(../img/senior_enquete/bg_05_02.svg);
	background-repeat: no-repeat;
	background-position: left bottom, right top;
}
@media screen and (max-width:1260px) { /* x */
	#sec5 { background-size: 60% auto; }
}
@media screen and (max-width:480px) { /* s */
	#sec5 { background-size: 80% auto; background-position: left -3rem bottom, right -3rem top; }
}

/* sec6 ----------*/
#sec6 { overflow: hidden;
	background-image: url(../img/senior_enquete/bg_06_01.svg), url(../img/senior_enquete/bg_06_02.svg);
	background-repeat: no-repeat;
	background-position: left top, right top;
}
#sec6 .nodes { position: relative; }
#sec6 .nodes img { position: absolute; top: 3rem; left: 7rem; }
@media screen and (max-width:1260px) { /* x */
	#sec6 { background-size: 60% auto; }
}
@media screen and (max-width:480px) { /* s */
	#sec6 { background-size: 80% auto; }
	#sec6 .nodes img { top: 3rem; left: 2rem; }
}

/* sec7 ----------*/
#sec7 { overflow: hidden;
	background-image: url(../img/senior_enquete/bg_07_01.svg), url(../img/senior_enquete/bg_07_02.svg);
	background-repeat: no-repeat;
	background-position: left top, right bottom;
}
#sec7 .nodes { position: relative; }
#sec7 .nodes img { position: absolute; top: 3rem; left: 0; }
@media screen and (max-width:1260px) { /* x */
	#sec7 { background-size: 60% auto; }
}
@media screen and (max-width:480px) { /* s */
	#sec7 { background-size: 80% auto; }
}