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


/*
 benefits
==============================*/

/* mvp ----------*/
#mvp { background-image: url(../img/benefits/mv_bg.svg); background-repeat: no-repeat; background-size: contain; background-position: center bottom; }
@media screen and (max-width:480px) { /* s */
	#mvp { background-size: 110% auto; background-position: center bottom 20%; }
}

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

.training_list { }
.training_list li { border-radius: 2rem; background-color: #FFF; padding: 2rem 4rem; }
.bg_color_lightcyan .training_list li { border: solid 2px #01398D; }
.bg_color_lightcyan .training_list li.nodes { border: none; }
.training_list li.nodes { border-radius: 0; background-color: transparent; padding: 0; }
.training_list li span { display: block; }
.training_list li h3 { font-size: 2.8rem; text-align: center; font-weight: var(--bold); color: #01398D; line-height: 1.4; margin-bottom: 1.4rem; }
.training_list li .p { text-align: center; margin-bottom: 1rem; }
.training_list li .t { font-size: 1.4rem; font-weight: var(--regular); line-height: 1.77; margin-top: 1.4rem; }
@media screen and (max-width:480px) { /* s */
	.training_list li { padding: 2rem; }
}


/* 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; }
}

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


/* welfareBenefits ----------*/
#welfareBenefits {
	background-image: url(../img/benefits/bg_02_01.svg), url(../img/benefits/bg_02_02.svg);
	background-repeat: no-repeat;
	background-position: left center, right top;
}
#welfareBenefits .focus { margin-top: 5rem; display: flex; align-items: center; gap: 7.5rem; }
#welfareBenefits .focus .pw { width: 40%; }
#welfareBenefits .focus .tw { width: 60%; }
#welfareBenefits .focus .tw .w { position: relative; padding: 3rem; background-color: #FFF; border-radius: 2rem; border: solid 1px #000;}
#welfareBenefits .focus .tw .w::before, #welfareBenefits .focus .tw .w::after { content: ""; position: absolute; left: -2.8rem; top: 0; bottom: 0; margin: auto; display: block; width: 3rem; height: 3.4rem; background-repeat: no-repeat; background-position: center; background-size: cover; }
#welfareBenefits .focus .tw .w::before { z-index: -1; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='34' viewBox='0 0 30 34' fill='none'%3E%3Cg clip-path='url(%23clip0_508_2367)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.06758 12.3629C-1.02253 14.0769 -1.02252 19.8719 3.06759 21.5859L31.6304 33.555C34.9251 34.9356 38.5628 32.5157 38.5628 28.9435V5.0053C38.5628 1.43307 34.9251 -0.986794 31.6304 0.393818L3.06758 12.3629Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_508_2367'%3E%3Crect width='30' height='34' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); }
#welfareBenefits .focus .tw .w::after { z-index: 1; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='34' viewBox='0 0 30 34' fill='none'%3E%3Cg clip-path='url(%23clip0_508_2368)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.0169 1.31716L3.45406 13.2863C0.181977 14.6574 0.181978 19.2935 3.45407 20.6646L32.0169 32.6337C34.6526 33.7382 37.5628 31.8023 37.5628 28.9446V5.00634C37.5628 2.14856 34.6526 0.212671 32.0169 1.31716Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_508_2368'%3E%3Crect width='30' height='34' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); }
#welfareBenefits .focus .tw .w p { font-size: 1.6rem; }
#welfareBenefits .focus .tw .w p strong { font-size: 1.8rem; color: #2F65B6; vertical-align: baseline; }
@media screen and (max-width:1260px) { /* x */
	#welfareBenefits { background-size: 60% auto; }
}
@media screen and (max-width:896px) { /* m */
	#welfareBenefits .focus { display: block; }
	#welfareBenefits .focus .pw { width: 100%; text-align: center; }
	#welfareBenefits .focus .tw { width: 100%; padding-top: 4rem; }
	#welfareBenefits .focus .tw .w::before, #welfareBenefits .focus .tw .w::after { left: 0; right: 0; top: -2.8rem; bottom: auto; transform: rotate(90deg); }
}
@media screen and (max-width:480px) { /* s */
	#welfareBenefits { background-size: 80% auto; }
}