@charset "UTF-8";
/***Stylesheet 福利厚生・制度ページ***/
.page-environment--benefits .fv { margin-bottom: 5rem; }
@media only screen and (max-width: 767px) { .page-environment--benefits .fv { margin-bottom: 3rem; } }
.page-environment--benefits .fv .inner { position: relative; }
.page-environment--benefits .fv .img { width: 100%; height: 38rem; overflow: hidden; -webkit-border-radius: 4rem; -moz-border-radius: 4rem; border-radius: 4rem; }
.page-environment--benefits .fv .img > img, .page-environment--benefits .fv .img > video { width: 100%; height: 100%; object-fit: cover; }
@media only screen and (max-width: 767px) { .page-environment--benefits .fv .img { height: 18rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; } }
.page-environment--benefits .fv .text { width: 100%; color: #ffffff; position: absolute; left: 0; bottom: 25%; z-index: 10; }
.page-environment--benefits .fv .text h1 { margin-bottom: 0.4em; font-size: 5.6rem; font-weight: 700; line-height: 1.428; letter-spacing: 0.01em; text-align: center; }
@media only screen and (max-width: 767px) { .page-environment--benefits .fv .text h1 { font-size: 2.8rem; letter-spacing: 0; } }
.page-environment--benefits .fv .text h1 span { margin-bottom: 0.5em; font-size: 1.8rem; font-weight: 500; display: block; }
@media only screen and (max-width: 767px) { .page-environment--benefits .fv .text h1 span { font-size: 1.2rem; } }
.page-environment--benefits .environment--benefits_01 { margin-bottom: 8.5rem; }
@media only screen and (max-width: 767px) { .page-environment--benefits .environment--benefits_01 { margin-bottom: 6.5rem; } }
.page-environment--benefits .environment--benefits_01 .intro { margin-bottom: 8rem; }
@media only screen and (max-width: 767px) { .page-environment--benefits .environment--benefits_01 .intro { margin-bottom: 4rem; } }
.page-environment--benefits .environment--benefits_01 .intro p { line-height: 1.75; letter-spacing: 0.01em; }
@media only screen and (min-width: 768px) { .page-environment--benefits .environment--benefits_01 ul { margin-bottom: -5rem; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; } }
@media only screen and (min-width: 768px) { .page-environment--benefits .environment--benefits_01 ul li { width: 46%; margin-bottom: 5rem; } }
@media only screen and (max-width: 767px) { .page-environment--benefits .environment--benefits_01 ul li + li { margin-top: 3rem; } }
.page-environment--benefits .environment--benefits_01 ul li .img { margin-bottom: 3.8rem; -webkit-border-radius: 3rem; -moz-border-radius: 3rem; border-radius: 3rem; overflow: hidden; }
@media only screen and (max-width: 767px) { .page-environment--benefits .environment--benefits_01 ul li .img { margin-bottom: 3rem; -webkit-border-radius: 1.5rem; -moz-border-radius: 1.5rem; border-radius: 1.5rem; } }
.page-environment--benefits .environment--benefits_01 ul li .text h3 { margin-bottom: 1.3em; font-size: 2.4rem; font-weight: 900; letter-spacing: 0.02em; text-align: center; color: #004da0; }
@media only screen and (max-width: 767px) { .page-environment--benefits .environment--benefits_01 ul li .text h3 { font-size: 2rem; } }
.page-environment--benefits .environment--benefits_01 ul li .text p { line-height: 1.75; }
.page-environment--benefits .environment--benefits_02 { padding-bottom: 11rem; background-color: #ebf2f9; }
@media only screen and (max-width: 767px) { .page-environment--benefits .environment--benefits_02 { padding-bottom: 5rem; } }
.page-environment--benefits .environment--benefits_02 h2 { margin-bottom: 4rem; font-size: 3.2rem; font-weight: 700; letter-spacing: 0.02em; text-align: center; color: #004da0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media only screen and (max-width: 767px) { .page-environment--benefits .environment--benefits_02 h2 { margin-bottom: 2rem; font-size: 2.4rem; } }
@media only screen and (min-width: 768px) { .page-environment--benefits .environment--benefits_02 ul { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; } }
.page-environment--benefits .environment--benefits_02 ul li { background-color: #ffffff; overflow: hidden; }
@media only screen and (min-width: 768px) { .page-environment--benefits .environment--benefits_02 ul li { width: 48%; margin-bottom: 4rem; padding: 4rem 4.4rem; -webkit-border-radius: 3rem; -moz-border-radius: 3rem; border-radius: 3rem; } }
@media only screen and (max-width: 767px) { .page-environment--benefits .environment--benefits_02 ul li { margin-bottom: 3rem; padding: 3rem 2rem; -webkit-border-radius: 1.5rem; -moz-border-radius: 1.5rem; border-radius: 1.5rem; } }
.page-environment--benefits .environment--benefits_02 ul li .fig { width: 14rem; margin: 0 auto; }
@media only screen and (max-width: 767px) { .page-environment--benefits .environment--benefits_02 ul li .fig { width: 10rem; } }
.page-environment--benefits .environment--benefits_02 ul li .ttl { text-align: center; }
@media only screen and (min-width: 768px) { .page-environment--benefits .environment--benefits_02 ul li .ttl { margin: 2rem 0 3rem 0; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; } }
@media only screen and (max-width: 767px) { .page-environment--benefits .environment--benefits_02 ul li .ttl { height: auto !important; margin: 1.5rem 0; } }
.page-environment--benefits .environment--benefits_02 ul li .ttl h3 { font-size: 2.4rem; font-weight: 900; line-height: 1.33; color: #004da0; }
@media only screen and (max-width: 767px) { .page-environment--benefits .environment--benefits_02 ul li .ttl h3 { font-size: 2rem; } }
.page-environment--benefits .environment--benefits_02 ul li .ttl h3 sup { font-size: 0.6em; }
.page-environment--benefits .environment--benefits_02 ul li p { line-height: 1.75; }
.page-environment--benefits .environment--benefits_02 .annotation { font-size: 1.4rem; line-height: 1.7; }
@media only screen and (max-width: 767px) { .page-environment--benefits .environment--benefits_02 .annotation { font-size: 1.2rem; } }
.page-environment--benefits .environment--benefits_02 .annotation p.ti_1 { padding-left: 1.25em; text-indent: -1.25em; }
.page-environment--benefits .environment--benefits_02 .annotation p.ti_2 { padding-left: 1.75em; text-indent: -1.75em; }
.page-environment--benefits .environment--benefits_03 { padding-bottom: 8rem; background-color: #f7f7f7; }
@media only screen and (max-width: 767px) { .page-environment--benefits .environment--benefits_03 { padding-bottom: 4rem; } }
.page-environment--benefits .environment--benefits_03 h2 { margin-bottom: 4rem; font-size: 3.2rem; font-weight: 700; letter-spacing: 0.02em; text-align: center; color: #004da0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media only screen and (max-width: 767px) { .page-environment--benefits .environment--benefits_03 h2 { margin-bottom: 2rem; font-size: 2.4rem; } }
.page-environment--benefits .environment--benefits_03 ul li { background-color: #ffffff; overflow: hidden; }
@media only screen and (min-width: 768px) { .page-environment--benefits .environment--benefits_03 ul li { margin-bottom: 4rem; padding: 2rem 0; -webkit-border-radius: 3rem; -moz-border-radius: 3rem; border-radius: 3rem; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } }
@media only screen and (max-width: 767px) { .page-environment--benefits .environment--benefits_03 ul li { margin-bottom: 3rem; padding: 2rem; -webkit-border-radius: 1.5rem; -moz-border-radius: 1.5rem; border-radius: 1.5rem; } }
.page-environment--benefits .environment--benefits_03 ul li:last-child { margin-bottom: 0; }
@media only screen and (min-width: 768px) { .page-environment--benefits .environment--benefits_03 ul li .fig { width: 25%; text-align: center; }
  .page-environment--benefits .environment--benefits_03 ul li .fig img { width: 15rem; } }
@media only screen and (max-width: 767px) { .page-environment--benefits .environment--benefits_03 ul li .fig { width: 15rem; margin: 0 auto 1rem auto; }
  .page-environment--benefits .environment--benefits_03 ul li .fig img { width: 100%; } }
@media only screen and (min-width: 768px) { .page-environment--benefits .environment--benefits_03 ul li .text { width: 75%; padding-right: 3rem; } }
.page-environment--benefits .environment--benefits_03 ul li .text h3 { margin-bottom: 0.2em; font-size: 2.4rem; font-weight: 900; line-height: 1.33; color: #004da0; }
@media only screen and (max-width: 767px) { .page-environment--benefits .environment--benefits_03 ul li .text h3 { margin-bottom: 0.5em; font-size: 2rem; text-align: center; } }
.page-environment--benefits .environment--benefits_03 ul li .text h3 sup { font-size: 0.6em; }
.page-environment--benefits .environment--benefits_03 ul li .text p { padding-left: 1em; line-height: 1.75; }
.page-environment--benefits .btn { margin-top: 11rem; margin-bottom: 7.5rem; text-align: center; }
@media only screen and (max-width: 767px) { .page-environment--benefits .btn { margin-top: 4rem; margin-bottom: 5.5rem; } }