@charset "UTF-8";
/* ------------------------------ ページタイトル
------------------------------ */
.pagettl-sec .pagettl-swiper .swiper-slide { width: 288.2rem; }
@media screen and (max-width: 750px) { .pagettl-sec .pagettl-swiper .swiper-slide { width: 101.7rem; } }

/* ------------------------------ コンテンツ
------------------------------ */
.wp-top { position: relative; z-index: 10; padding: 110px 0 35px; }
@media screen and (max-width: 750px) { .wp-top { padding: 10% 0 6.6666666667%; } }
.wp-top .top-in { position: relative; width: 100%; max-width: 1000px; margin: 0 auto; }
.wp-top .top-main { position: absolute; top: 0; left: 0; margin-top: -30px; }
@media screen and (max-width: 750px) { .wp-top .top-main { position: static; margin-top: 0; margin-bottom: 7.2463768116%; } }
.wp-top .top-main .top-heading { margin-bottom: 25px; font-size: 5.0rem; font-weight: 600; color: #005eaa; }
@media screen and (max-width: 750px) { .wp-top .top-main .top-heading { margin-bottom: 8.6956521739%; font-size: 2.5rem; text-align: center; } }
.wp-top .top-main .top-lead { margin-bottom: 30px; font-size: 1.8rem; line-height: 2; }
@media screen and (max-width: 750px) { .wp-top .top-main .top-lead { margin-bottom: 7.2463768116%; font-size: 1.5rem; } }
.wp-top .top-txt { font-size: 1.4rem; color: #005eaa; }
@media screen and (max-width: 750px) { .wp-top .top-txt { margin-bottom: 7.2463768116%; font-size: 1.3rem; } }
.wp-top .top-fig { position: relative; width: 75.1%; margin: 0 0 0 auto; }
@media screen and (max-width: 750px) { .wp-top .top-fig { width: 100%; margin: 0 auto; } }
.wp-top .top-fig .top-fig-in { position: relative; }
.wp-top .top-fig .top-fig-in p { position: absolute; top: 0; left: 0; width: 13.9813581891%; }
.wp-top .top-fig .top-fig-in p ._on { display: none; }
.wp-top .top-fig .top-fig-in p:hover ._off { display: none; }
.wp-top .top-fig .top-fig-in p:hover ._on { display: inline; }
.wp-top .top-fig .top-fig-in p._mainoffice { width: 10.2529960053%; margin: 49.7336884154% 0 0 83.8881491345%; }
.wp-top .top-fig .top-fig-in p._sendai { margin: 36.1517976032% 0 0 78.9613848202%; }
.wp-top .top-fig .top-fig-in p._higashi { width: 16.1118508655%; margin: 55.1930758988% 0 0 83.8881491345%; }
.wp-top .top-fig .top-fig-in p._naka { width: 16.1118508655%; margin: 71.8375499334% 0 0 45.9387483356%; }
.wp-top .top-fig .top-fig-in p._nishi { width: 16.1118508655%; margin: 77.6964047936% 0 0 45.9387483356%; }
.wp-top .top-fig .top-fig-in p._fukuoka { margin: 53.3288948069% 0 0 0%; }
.wp-top .top-fig .top-fig-in p._kanto { margin: 44.2743009321% 0 0 83.8881491345%; }
.wp-top .top-fig .top-fig-in p._nagoya { width: 16.1118508655%; margin: 60.7856191744% 0 0 83.8881491345%; }
.wp-top .top-fig .top-fig-in p._shiga { margin: 41.4780292943% 0 0 23.7017310253%; }
.wp-top .top-fig .top-fig-in p._onomichi { margin: 47.603195739% 0 0 12.7829560586%; }
.wp-top .top-fig .top-fig-in p._sapporo { width: 15.3129161119%; margin: 10.3195739015% 0 0 38.7483355526%; }
.wp-top .top-fig .top-fig-in p._hokuriku { width: 17.5765645806%; margin: 34.154460719% 0 0 27.8295605859%; }
.wp-top .top-fig .top-fig-in p._center { width: 34.620505992%; margin: 66.3781624501% 0 0 65.379494008%; }
.wp-top .top-fig .top-fig-nav { position: absolute; top: 0; left: 0; }
@media screen and (max-width: 750px) { .wp-top .top-nav-wrap { margin-bottom: 7.2463768116%; } }

.c-flexmain { column-gap: 3.6231884058%; max-width: 1400px; margin: 0 auto; padding-left: 20px; }
@media screen and (max-width: 750px) { .c-flexmain { padding-left: 4%; padding-right: 4%; } }

.c-sidebar { width: 25.3623188406%; }

.c-content { flex: initial; width: 69.5652173913%; }
@media screen and (max-width: 750px) { .c-content { width: 100%; } }

.wp-area { margin-bottom: 100px; padding: 50px; background-color: #fff; border: 1px solid #b3cbd1; border-radius: 1em; }
@media screen and (max-width: 1400px) { .wp-area { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } }
@media screen and (max-width: 750px) { .wp-area { padding: 40px 4.347826087%; border-right: 1px solid #b3cbd1; border-radius: 1em; } }
.wp-area .area-ttl { position: relative; margin-bottom: 50px; font-size: 2.8rem; font-weight: 700; }
@media screen and (max-width: 750px) { .wp-area .area-ttl { font-size: 2rem; } }
.wp-area .area-ttl::after { content: ''; position: absolute; top: 50%; left: 0; width: 30px; height: 10px; margin-top: -5px; margin-left: -55px; background: #00A5FF; background: linear-gradient(90deg, #00a5ff 0%, #00db9e 100%); }
@media screen and (max-width: 750px) { .wp-area .area-ttl::after { width: 20px; margin-left: -30px; } }

.area-main { display: flex; justify-content: space-between; }
@media screen and (max-width: 980px) { .area-main { display: block; margin-bottom: 40px; } }
.area-main .area-main-office { width: 38.9277389277%; margin: 0 6.993006993% 50px 0; }
@media screen and (max-width: 980px) { .area-main .area-main-office { width: 100%; margin-inline: auto; } }
.area-main .area-main-office dl { margin: 10px 0; font-size: 1.5rem; }
.area-main .area-main-office dl dt { margin-bottom: 10px; font-weight: 700; color: #005eaa; }
.area-main .area-main-office p { width: 100%; max-width: 256px; }
@media screen and (max-width: 750px) { .area-main .area-main-office p { max-width: 100%; } }
.area-main .area-main-office p a { width: 100%; border: 1px solid #005eaa; }
.area-main .area-main-office p span { padding: 10px 30px; background: url("../img/common/ico_link.svg") no-repeat right 20px center; background-size: 22px auto; font-size: 1.2rem; text-align: left; }
.area-main .area-main-office p ._colorbtn:hover span { background-image: url("../img/common/ico_link_w.svg"); color: #fff; }
.area-main .area-main-con { flex: 1; }
.area-main .area-main-con dl { margin-bottom: 40px; }
.area-main .area-main-con dl:last-child { margin-bottom: 0; }
.area-main .area-main-con dl dt { margin-bottom: 20px; }
.area-main .area-main-con dl dt span { display: inline-block; padding: 5px 1.5em; background-color: #005eaa; color: #fff; text-align: center; border-radius: 4em; }
.area-main .area-main-con dl dd ul li { padding: 15px 0 15px 30px; background: url("../img/common/ico_check.svg") no-repeat left top 1.2em; background-size: 22px; border-bottom: 1px solid #b3cbd1; }
.area-main .area-main-con dl dd ul li:first-child { padding-top: 0; background-position: left top 0.3em; }
.area-main .area-main-con dl dd ul li:last-child { border-bottom: none; }

.area-content { padding: 20px 0; border-top: 1px solid #005eaa; overflow: hidden; }
.area-content .area-heading { display: flex; align-items: center; margin-bottom: 20px; }
.area-content .area-heading .ico { width: 4.5rem; margin-right: 20px; }
.area-content .area-heading span { font-size: 2.2rem; font-weight: 700; color: #005eaa; }
.area-content .area-content-box { margin-bottom: 30px; padding-bottom: 50px; border-bottom: 1px solid #b3cbd1; }
.area-content .area-content-box:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.area-content .area-content-box .area-content-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.area-content .area-content-box .area-content-top._fe { justify-content: flex-end; }
@media screen and (max-width: 750px) { .area-content .area-content-box .area-content-top { display: block; } }
.area-content .area-content-box .area-content-top .area-subheading { flex: 1; padding-left: 15px; border-left: 4px solid #005eaa; font-size: 1.8rem; font-weight: 700; color: #005eaa; }
@media screen and (max-width: 750px) { .area-content .area-content-box .area-content-top .area-subheading { margin-bottom: 20px; } }
.area-content .area-content-box .area-content-top .area-content-tool { display: flex; justify-content: space-between; column-gap: 10px; width: 110px; margin-bottom: 15px; }
@media screen and (max-width: 750px) { .area-content .area-content-box .area-content-top .area-content-tool { margin: 0 0 0 auto; } }
.area-content .area-content-box .area-content-top .area-content-tool .slide-btn { width: 50px; }
.area-content .area-content-box .area-swiper { overflow: hidden; }
.area-content .area-content-box ul li dl { margin-top: 20px; }
.area-content .area-content-box ul li dl dt { margin-bottom: 20px; font-weight: 700; }

/*# sourceMappingURL=workplace.css.map */