@charset "UTF-8";

/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;	box-sizing:border-box;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {	display: block;}
body {color: #181C1D;line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {	content: '';	content: none;}
table {border-collapse: collapse;border-spacing: 0;}

form button:hover{ cursor: pointer; cursor: hand; opacity: 0.8; }
.wysiwyg  iframe{ max-width: 100%; }

.fadeCom{opacity: 0; -webkit-transition: 1500ms ease; -o-transition: 1500ms ease; transition: 1500ms ease; -webkit-transform: translate3d(0, 30px, 0) scale(1, 1); -ms-transform: translate3d(0, 30px, 0) scale(1, 1); transform: translate3d(0, 30px, 0) scale(1, 1); -webkit-transition-property: opacity,transform; -o-transition-property: opacity,transform; transition-property: opacity,transform; }
/* ===== 表示 ===== */
.fadeCom__On{-webkit-transform:translate3d(0, 0, 0) scale(1,1); -ms-transform:translate3d(0, 0, 0) scale(1,1); transform:translate3d(0, 0, 0) scale(1,1); opacity: 1; }

/* loading------------------------------------------------ */
#wrap.load{opacity: 1; transition: opacity 1800ms; -moz-transition: opacity 1800ms; -webkit-transition: opacity 1800ms; -o-transition: opacity 1800ms; }
#com_loading__box {height: 100%; width: 100%; position: fixed; top: 0; left: 0; background: #fff; z-index: 99999999999999; -webkit-transition: all 400ms;   -o-transition: all 400ms;  -moz-transition: all 400ms;   transition: all 400ms; }
/*プログレスバー*/
#com_loading {width: 0; height: 5px; background: #0057AA; position: fixed; top: 0; left: 0; -webkit-transition: all 0.2s linear 0s;    -o-transition: all 0.2s linear 0s;  -moz-transition: all 0.2s linear 0s;   transition: all 0.2s linear 0s; }
#com_loading__img {position: absolute; top: 50%; left: 50%; -webkit-transform: translate( -50%,-50% ); -ms-transform: translate( -50%,-50% ); transform: translate( -50%,-50% );  width: auto; }
/*確認画面と完了画面を非表示*/ .confirm_area, .thanks_area { display: none; }
/*デフォルトのサンクスメッセージを非表示*/ .wpcf7-response-output{ display: none; }
#systmttl{ display: none;}


.f-min {font-family: "Zen Old Mincho", serif;}
.f-gothic,.wysiwyg {font-family: "Zen Kaku Gothic Antique", sans-serif;}
.f-en{ font-family: "Lexend Giga", sans-serif; }

.kaku-ani { transform-origin: center center; animation: kaku-ani 1.5s steps(1) infinite; }
@keyframes kaku-ani { 0% { transform: rotate(0deg); } 50% { transform: rotate(8deg); } 100% { transform: rotate(0deg); } }

p:has(.w-str-text) {
   margin-bottom: 0!important;
 }

@media screen and (min-width: 768px),print {
.sp-bgimages{ display: none;}
html {font-size: 62.5%; /* 1rem = 10px */}

.onecol-contents{position: relative;/* max-width: 1114px; */margin: 0 auto;}

/* bese */
body {font-size: 1.6rem;/* overflow-x: hidden; */line-height: 1.6;letter-spacing: 0.8px;}
header{width: 100%;margin: 0px auto 0 auto;padding-left: 5.1rem;position: fixed;top: 0;left: 0;background: #fff;height: 75px;z-index: 10;}
header .h-logo{width: 28rem;transition: all 0.3s ease-in-out;padding-top: 2.3rem;}
header .h-logo img{ width: 100%; }
header #g-nav{margin: 0px auto 10px auto;text-align: center;position: absolute;top: 16px;right: 34.6rem;font-size: 1.6rem;letter-spacing: 0.32rem;font-weight: bold;}
header #g-nav li.list { position: relative; display: inline-block; margin-right: 2px;}
header #g-nav li.list span { cursor: pointer;}
header #g-nav li.list span::before{content: url(../images/common/darr01.svg);position: absolute;top: 0.5rem;right: 0.5rem;transition: all 0.3s ease-in-out;}
header #g-nav li.list span:hover::before{ top: 0.8rem;}
header #g-nav li.list span{display: block;text-align: center;padding: 1rem 1.9rem 5.5rem 0.9rem;font-weight: bold;transition: all 0.3s ease-in-out;}
header #g-nav .dropmenu li.list ul.sub {visibility: hidden;opacity: 0;transition: 0s;position: absolute;top: 7.5rem;left: 0;margin: 0;padding: 0;z-index: 500;width: 31rem;background: #fff;border-radius: 10px;padding: 1rem 2rem;}
header #g-nav .dropmenu li.list ul.sub.wide1{width: 23rem;}
header #g-nav .dropmenu li.list ul.sub.wide2{width: 16rem;}
header #g-nav .dropmenu li.list ul.sub.wide3{width: 18rem;}
header #g-nav .dropmenu li.list ul.sub.wide4{width: 22rem;}
header #g-nav .dropmenu li.list:hover ul { visibility: visible; opacity: 1; display: block; }
header #g-nav .dropmenu li.list ul li a {visibility: hidden;opacity: 0;display: block;padding: 5px 10px 5px 10px;color: #000;font-size: 1.4rem;text-align: left;position: relative;}
header #g-nav .dropmenu li.list ul li a::before{content: "";display: block;width: 0.5rem;height: 0.5rem;border-radius: 50%;position: absolute;top: 1.4rem;left: 0;background: #1788A0;}
header #g-nav .dropmenu li.list:hover ul li a { visibility: visible; opacity: 1; }
header #g-nav .dropmenu li.list ul li a:hover { color: #747474; }
header .hbtn{font-size: 1.4rem;letter-spacing: 0.28rem;font-weight: bold;position: absolute;top: 2rem;right: 20.3rem;z-index: 4;}
header .hbtn a{background: #EC6B61;width: 12.1rem;height: 3.6rem;display: block;border: 1px solid #000000;border-radius: 21px;text-align: center;color: #fff;padding-top: 0.6rem;}
header .hbtn2{font-size: 1.4rem;letter-spacing: 0.28rem;font-weight: bold;position: absolute;top: 2rem;right: 5rem;z-index: 4;}
header .hbtn2 a{background: #E9E7DE;width: 13.8rem;height: 3.6rem;display: block;border: 1px solid #000000;border-radius: 21px;text-align: center;color: #000;padding-top: 0.6rem;}

#contentsend::before{ content: ""; display: block; width: 100%; height: 115px; background: url(../images/common/contentsend-icon01.svg)no-repeat top center; position: absolute; top: -115px; left: 0; background-size: 100% auto;}
#contentsend {margin: 0 auto;position: relative;padding: 60px 3rem 185px;background: url(../images/common/contentsend-icon02.svg)no-repeat bottom -2px center #fff;background-size: 100% auto;z-index: 3;}
#contentsend .inner-Box {margin: 0 auto;position: relative;background: #E9E7DE;max-width: 1100px;min-height: 270px; padding-bottom: 3rem;}
#contentsend .inner-Box figure.ttlimg {position: absolute;top: -89px;left: 50%;transform: translateX(-50%);}
#contentsend .inner-Box figure.ttlimg img{  }
#contentsend .inner-Box h2.f-en {font-size: 4rem;line-height: 1.75;font-weight: 700;letter-spacing: 0.4rem;margin-bottom: 0.5rem;position: relative;text-align: center;top: -35px;}
#contentsend .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 0 8rem 0;}
#contentsend .inner-Box ul li {position: relative;width: 48.1%;margin-right: 3.7%;}
#contentsend .inner-Box ul li:nth-child(2n) { margin-right: 0px; }
#contentsend .inner-Box ul li:nth-child(2) a { background: #EC6B61; }
#contentsend .inner-Box ul li a {display: block;border: 1px solid #000000;border-radius: 5px;height: 12rem;background: #1788A0;color: #fff;text-align: left;padding: 4.3rem 2.3rem;}
#contentsend .inner-Box ul li a:hover {  }
#contentsend .inner-Box p.entext {font-size: 1.6rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;margin-bottom: 30px;position: relative;z-index: 3;}
#contentsend .inner-Box figure.img {position: absolute;top: 2.7rem;right: 7rem;}
#contentsend .inner-Box figure.img img{  }
#contentsend .inner-Box ul li a.link-arr .post-arrow{top: 4.2rem;right: 2rem;}

footer{width: 100%;z-index: 3;position: relative;background: #1788A0;}
footer a{color: #fff;}
footer .footer-Box{margin: 0 auto 19px;font-size: 1.6rem;color: #fff;max-width: 1204px;padding: 16px 4rem 0;}
footer .f-con-Box{width: 36.3%;float: left;position: relative;}
footer .f-con-Box .f-logo{margin-bottom: 28px;max-width: 289px;}
footer .f-con-Box .f-logo img{width: 100%;height: auto;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
footer .f-con-Box p{font-size: 1.6rem;line-height: 1.6;letter-spacing: 0.16rem;margin-bottom: 0.5rem;}
footer .f-con-Box .hbtn{font-size: 1.4rem;letter-spacing: 0.28rem;font-weight: bold;position: relative;z-index: 4;margin-top: 3.7rem;margin-bottom: -3.6rem;}
footer .f-con-Box .hbtn a{background: #EC6B61;width: 12.1rem;height: 3.6rem;display: block;border: 1px solid #000000;border-radius: 21px;text-align: center;color: #fff;padding-top: 0.6rem;}
footer .f-con-Box .hbtn2{font-size: 1.4rem;letter-spacing: 0.28rem;font-weight: bold;position: relative;z-index: 4;margin-left: 14.2rem;}
footer .f-con-Box .hbtn2 a{background: #E9E7DE;width: 13.8rem;height: 3.6rem;display: block;border: 1px solid #000000;border-radius: 21px;text-align: center;color: #000;padding-top: 0.6rem;}

footer .f-link-Box{width: 63.3%;float: right;position: relative;padding: 0;}
footer .f-link-Box a{color: #fff;position: relative;padding: 0 0 0 1.2rem;}
footer .f-link-Box .navi01{width: 31.4%;float: left;}
footer .f-link-Box .navi02{width: 20.7%;float: left;margin-bottom: 3rem;}
footer .f-link-Box .navi03{width: 20.6%;float: left;}
footer .f-link-Box .navi04{width: 23.4%;float: left;}
footer .f-link-Box .navi05{width: 68.6%; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
footer .f-link-Box .navi05 li{width: 54.2%;}
footer .f-link-Box .navi05 li:nth-child(5),
footer .f-link-Box .navi05 li:nth-child(7),
footer .f-link-Box .navi05 li:nth-child(3){ width: 43%; }
footer .f-link-Box .navi05 li.ntll{ width: 100%; }
footer .f-link-Box li a::before{content: "";display: block;width: 0.7rem;height: 1px;background: #fff;display: block;position: absolute;top: 1.1rem;left: 0;}
footer .f-link-Box li{font-size: 1.4rem;letter-spacing: 0.14rem;font-weight: 400;margin-bottom: 0.8rem;}
footer .f-link-Box li.topttl{margin-bottom: 3.8rem;}
footer .f-link-Box li.topttl a{ padding: 0;}
footer .f-link-Box li.topttl a::before{ content: none;}
footer .f-link-Box li.topttl,footer .f-link-Box li.ntll{ font-size: 1.6rem; letter-spacing: 0.16rem; font-weight: 500;}
footer .f-link-Box li.bttt{margin-bottom: 3.8rem;}
footer .f-link-Box li.ntll a{ padding: 0;}
footer .f-link-Box li.ntll a:before{ content: none;}

footer .ftcbox{padding: 0 5rem;max-width: 1200px;margin: 0 auto;padding-bottom: 11rem;}
footer .ftcbox ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;font-size: 1.2rem;margin-bottom: 30px;letter-spacing: 0.12rem;}
footer .ftcbox ul li{margin-right: 4rem;position: relative;}
footer .ftcbox ul li::before{content: "";width: 1px;height: 1.4rem;background: #fff;display: block;position: absolute;top: 0.4rem;right: -2.1rem;}
footer .ftcbox ul li:last-child::before{content: none;}
footer .ftcbox ul li a:hover{ color: #fff;}
.copyright{position: relative;font-size: 1.2rem;letter-spacing: 0.2rem;display: block;font-weight: 400;color: #fff;}
.copyright::before{}




/* 採用コンテンツh1 */
.recruit-main-titlebox{background: url(../images/training/h1.jpg)no-repeat top center;background-size: 100% auto;height: 795px;margin-top: 75px;margin-bottom: -37px;}
.recruit-main-titlebox .recruit-inbox{ }
.recruit-main-titlebox .recruit-inbox{padding: 259px 4rem 0;position: relative;max-width: 1180px;margin: 0 auto;}
.recruit-main-titlebox .recruit-inbox .ticon{position: absolute;top: 220px;left: 0.3rem;z-index: 3;}
.recruit-main-titlebox .recruit-inbox .ticon img{width: 11.3rem;height: auto;}
.recruit-main-titlebox .recruit-inbox .main-title{display: inline-block;}
.recruit-main-titlebox .recruit-inbox .main-title .en{font-size: 6rem;font-weight: bold;letter-spacing: 0.6rem;border: 3px solid #000000;background: #fff;padding: 0.9rem 3.9rem;line-height: 1.2;display: inline-block;margin-bottom: -3px;}
.recruit-main-titlebox .recruit-inbox .main-title .jp{display: inline-block;font-size: 2.4rem;letter-spacing: 0.48rem;font-weight: bold;border: 3px solid #000000;background: #fff;padding: 0.8rem 5.1rem;}
.recruit-main-titlebox .main-title { display: inline-block; overflow: hidden; }

.recruit-main-titlebox .mask-in { display: inline-block; clip-path: inset(0 100% 0 0); /* 右から全部隠す */ }
.recruit-main-titlebox .mask-in.start { animation: maskInAnime 0.5s ease-out forwards; }
.recruit-main-titlebox .mask-in.delay.start { animation-delay: 0.2s; }
@keyframes maskInAnime { to { clip-path: inset(0 0% 0 0); /* 全体表示 */ } }


/* 採用コンテンツh2 */
.recruit-title{text-align: center;margin-bottom: 2.4rem;position: relative;}
.recruit-title .rttl{display: inline-block;overflow: hidden;margin-bottom: 26px;}
.recruit-title .rttl .en{ font-size: 6rem; font-weight: bold; letter-spacing: 0.6rem; border: 3px solid #000000; background: #fff; padding: 0.9rem 3.9rem; line-height: 1.2; display: inline-block; margin-bottom: -3px; }
.recruit-title .rttl .en .pc2{width: 3rem;}
.recruit-title .rttl .jp{ display: inline-block; font-size: 2.4rem; letter-spacing: 0.48rem; font-weight: bold; border: 3px solid #000000; background: #fff; padding: 0.8rem 5.1rem; }
.recruit-title .rttl .mask-in{ display: inline-block; clip-path: inset(0 100% 0 0); /* 右側を完全に隠す */ opacity: 0; transition: clip-path 0.5s ease-out, opacity 0.5s ease-out; }
.recruit-title .rttl .mask-in.delay{ transition-delay: 0.2s; }
.recruit-title .rttl .mask-in.is-visible{ clip-path: inset(0 0% 0 0); /* 全表示 */ opacity: 1; }

.recruit-back-contents{background: #1788A0;position: relative;z-index: 0;margin-bottom: -281px;padding-bottom: 1px;}
.recruit-back-contents::before{content: "";display: block;width: 100%;height: 156px;background: url(../images/training/contentsmain-back01.svg)no-repeat top center;position: absolute;top: -134px;left: 0;background-size: 100% auto;z-index: 10;}

a.link-arr{text-align: center;display: block;width: auto;margin: 0 auto;position: relative;}
a.link-arr .post-arrow {position: absolute;width: 3.3rem;height: 3.3rem;top: 0;right: 0px;overflow: hidden;}
a.link-arr .post-arrow .arrow-bg {position: absolute;width: 3.3rem;height: 3.3rem;top: 0;left: 0;background: #fff;border: 1px solid #000000;border-radius: 50%;opacity: 1;/* transform: translate(-50%, -50%) scale(0.5); *//* transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease; */z-index: 0}
a.link-arr .post-arrow .arrow-icon {position: absolute;top: 50%;left: 70%;width: 2.4rem;height: auto;transform: translate(-50%, -50%);transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease;z-index: 1}
a.link-arr .post-arrow .arrow-icon.default {transform: translate(-50%, -50%);opacity: 1;/* black */-webkit-filter: brightness(0);filter: brightness(0);}
a.link-arr .post-arrow .arrow-icon.next {opacity: 0;/* black */-webkit-filter: brightness(0);filter: brightness(0);}
a.link-arr:hover .arrow-bg {  }
a.link-arr:hover .arrow-icon.default { transform: translate(100%, -50%); opacity: 0 }
a.link-arr:hover .arrow-icon.next { left: -12px; transform: translate(100%, -50%); opacity: 1 }

a.link-arr2{text-align: center;display: block;width: 200px;margin: 0 auto;position: relative;}
a.link-arr2 .post-arrow {position: absolute;width: 4rem;height: 4rem;top: -4px;right: 0px;}
a.link-arr2 .post-arrow .arrow-bg {position: absolute;top: 50%;left: 50%;width: 3.3rem;height: 3.3rem;background-color: #0057AA;border-radius: 50%;opacity: 1;transform: translate(-50%, -50%) scale(0.5);transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease;z-index: 0}
a.link-arr2 .post-arrow .arrow-icon {position: absolute;top: 50%;left: 50%;width: 2.6rem;height: auto;transform: translate(-50%, -50%);transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease;z-index: 1}
a.link-arr2 .post-arrow .arrow-icon.default {transform: translate(-50%, -50%);opacity: 1;/* black */-webkit-filter: brightness(0);filter: brightness(0);}
a.link-arr2 .post-arrow .arrow-icon.next {opacity: 0;/* black */-webkit-filter: brightness(0);filter: brightness(0);}
a.link-arr2:hover .arrow-bg { opacity: 1; transform: translate(-50%, -50%) scale(1) }
a.link-arr2:hover .arrow-icon.default { transform: translate(100%, -50%); opacity: 0 }
a.link-arr2:hover .arrow-icon.next { left: -12px; transform: translate(100%, -50%); opacity: 1 }

/* systemphoto arr */
.systemlist a.link-arr .post-arrow {position: absolute;width: 3.3rem;height: 3.3rem;bottom: 0;top: auto;right: 0px;/* overflow: visible; */background: #E9E7DE;border-radius: 1rem 0 0 0;}
.systemlist a.link-arr .post-arrow::before{content: "";background: url(../images/common/common-rr01.svg)no-repeat top left;background-size: 100% 100%;width: 1rem;height: 1rem;display: block;position: absolute;bottom: 0;left: -1rem;}
.systemlist a.link-arr .post-arrow::after{content: "";background: url(../images/common/common-rr01.svg)no-repeat top left;background-size: 100% 100%;width: 1rem;height: 1rem;display: block;position: absolute;top: -1rem;right:0;}
.systemlist a.link-arr .post-arrow .arrow-bg {position: absolute;width: 3.3rem;height: 3.3rem;top: 0;left: 9;background: #1788A0;border: none;border-radius: 50%;opacity: 1;/* transform: translate(-50%, -50%) scale(0.5); *//* transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease; */z-index: 0}
.systemlist a.link-arr .post-arrow .arrow-icon {position: absolute;top: 50%;left: 70%;width: 2.4rem;height: auto;transform: translate(-50%, -50%);transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease;z-index: 1}
.systemlist a.link-arr .post-arrow .arrow-icon.default {transform: translate(-50%, -50%);opacity: 1;/* black */-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.systemlist a.link-arr .post-arrow .arrow-icon.next {opacity: 0;-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.systemlist a.link-arr:hover .arrow-bg {  }
.systemlist a.link-arr:hover .arrow-icon.default { transform: translate(100%, -50%); opacity: 0 }
.systemlist a.link-arr:hover .arrow-icon.next { left: -13px; transform: translate(100%, -50%); opacity: 1 }

.systemlist a.link-arr .post-arrowph {position: absolute;width: 5rem;height: 5rem;bottom: 0;top: auto;right: 0px;/* overflow: visible; */background: #E9E7DE;border-radius: 1rem 0 0 0;}
.systemlist a.link-arr .post-arrowph::before{content: "";background: url(../images/common/common-rr01.svg)no-repeat top left;background-size: 100% 100%;width: 1rem;height: 1rem;display: block;position: absolute;bottom: 0;left: -1rem;}
.systemlist a.link-arr .post-arrowph::after{content: "";background: url(../images/common/common-rr01.svg)no-repeat top left;background-size: 100% 100%;width: 1rem;height: 1rem;display: block;position: absolute;top: -1rem;right:0;}
.systemlist a.link-arr .post-arrowph .post-arrowin{display: block;overflow: hidden;width: 3.3rem;height: 3.3rem;position: absolute;top: 1rem;left: 1rem;}
.systemlist a.link-arr .post-arrowph .arrow-bg {position: absolute;width: 3.3rem;height: 3.3rem;top: 0;left: 0;background: #1788A0;border: none;border-radius: 50%;opacity: 1;/* transform: translate(-50%, -50%) scale(0.5); *//* transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease; */z-index: 0}
.systemlist a.link-arr .post-arrowph .arrow-icon {position: absolute;top: 50%;left: 70%;width: 2.4rem;height: auto;transform: translate(-50%, -50%);transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease;z-index: 1}
.systemlist a.link-arr .post-arrowph .arrow-icon.default {transform: translate(-50%, -50%);opacity: 1;/* black */-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.systemlist a.link-arr .post-arrowph .arrow-icon.next {opacity: 0;-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.systemlist a.link-arr:hover .arrow-bg {  }
.systemlist a.link-arr:hover .arrow-icon.default { transform: translate(100%, -50%); opacity: 0 }
.systemlist a.link-arr:hover .arrow-icon.next { left: -13px; transform: translate(100%, -50%); opacity: 1 }



.blue-btn{text-align: center;}
.blue-btn a{border: 1px solid #000000;border-radius: 100px;overflow: hidden;display: inline-block;height: 5.6rem;background: #fff;position: relative;font-size: 1.6rem;letter-spacing: 0.16rem;padding: 1.5rem 7rem 0 2.4rem;text-align: left;transition: all 0.3s ease-in-out;font-weight: bold;margin: 0 auto;/* width: 270px; */}
.blue-btn a:hover{ color: #fff; background: #1788A0;}
.blue-btn a .arr{position: absolute;top: 1.1rem;right: 0.8rem;width: 3.3rem;height: 3.3rem;transition: right 0.3s ease-in-out;background: #1788A0;border-radius: 50%;padding: 0.6rem 0 0 1.1rem;line-height: 1;transition: all 0.3s ease-in-out;}
.blue-btn a .arr img{  }
.blue-btn a:hover .arr{ background: #fff;}
.blue-btn a:hover .arr img{filter: invert(38%) sepia(73%) saturate(4934%) hue-rotate(169deg) brightness(94%) contrast(82%); }
.blue-btn a.link-arr:hover .arrow-bg { opacity: 0; }

.main-titlebox{padding: 75px 0 0;height: 795px;margin-bottom: -21px;display: block;position: relative;overflow: hidden;}
.main-titlebox::before{content: "";width: 44.2rem;height: 27.9rem;display: block;background: url(../images/sitemap/h1-icon01.svg)no-repeat top center;background-size: 100% auto;position: absolute;top: 7.2rem;left: 0;}
.main-titlebox h1.main-title::after{content: "";width: 29.2rem;height: 13.2rem;display: block;background: url(../images/sitemap/h1-icon02.svg)no-repeat top center;background-size: 100% auto;position: absolute;top: 45rem;right: -4.7rem;z-index: 4;}
.main-titlebox h1.main-title{text-align: center;width: 42.2%;height: 670px;position: relative;}
.main-titlebox h1.main-title .en{color: #E5F4F7;font-size: 6rem;letter-spacing: 0.6rem;text-transform: uppercase;font-weight: bold;position: relative;top: 36%;line-height: 1;z-index: 3;mix-blend-mode: multiply;}
.main-titlebox h1.main-title .jp{writing-mode: vertical-rl;display: flex;align-items: flex-start;position: absolute;top: 50%;left: 47.6%;transform: translateY(-60%);font-size: 2.7rem;letter-spacing: 1.34rem;font-weight: 500;text-align: left;z-index: 3;}
.main-titlebox .img{ position: absolute; top: 75px; right: 0; width: 57.8%; max-width: 1110px; overflow: hidden; border-radius: 20px 0px 0px 20px; height: 670px; }
.main-titlebox .img img{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
.main-titlebox .kavadas {position: absolute;bottom: 10px;right: -88px;transform: translate(30px, 30px);opacity: 0;animation: kavadas-pop 0.3s ease-out forwards;animation-delay: 0.1s;}

#ssff {margin: 0px auto 0px;top: 130px;padding: 0 4rem;max-width: 1440px;height: 0;}
#ssff #sideNav{border: 2px solid #000000;border-left: 7px solid #000000;border-radius: 0px 15px 15px 0px;background: #fff;width: 24.3rem;padding: 3rem 2rem 1.2rem 4.4rem;position: relative;top: -290px;transition: all 0.3s ease-in-out;z-index: 3;}
#ssff.sifx #sideNav{ top: 0; }
#ssff #sideNav ul{ }
#ssff #sideNav ul li{margin-bottom: 1.5rem;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.16rem;font-weight: 500;}
#ssff #sideNav ul li.aatv a{ color: #1788A0;}
#ssff #sideNav ul li a{position: relative;}
#ssff #sideNav ul li a::before{content: "";width: 6px;height: 6px;border-radius: 50%;background: #1788A0;display: block;position: absolute;top: 1rem;left: -1.4rem;}

#ssff #sideNav ul li.sub a{position: relative;padding-left: 8px;}
#ssff #sideNav ul li.sub a::before{content: "";width: 7px;height: 1px;border-radius: 0;background: #000;display: block;position: absolute;top: 1.3rem;left: -0.3rem;}


/* アニメーション */
 @keyframes kavadas-pop { 0% { transform: translate(30px, 30px); opacity: 0; } 70% { transform: translate(-10px, -10px); /* 一旦オーバー */ opacity: 1; } 100% { transform: translate(0, 0); opacity: 1; } }
.main-titlebox .kavadas img{}

/*+++ corp +++*/
#pc-glnavi .h-menu {display: none;}

.commonbtn{width: 70px;margin: 0 0 0 auto;font-size: 1.6rem;letter-spacing: 0.048rem;font-weight: 600;position: relative;}
.commonbtn a{ color: #181C1D; }
.commonbtn a::before{display: block;content: "";background: #0057AA;width: 0px;height: 2px;position: absolute;bottom: -2px;left: 0;transition: width 0.3s ease-in-out;}
.commonbtn a:hover{ color: #0057AA; text-decoration: none;transition: color 0.3s ease-in-out;}
.commonbtn a:hover::before{width:70px;}
.commonbtn a:hover .arr{left: 7px;}
.commonbtn a .arr{position: relative;top: -4px;left: 2px;transition: left 0.3s ease-in-out;display: inline-block;}
.commonbtn a .arr img{ width: 20px;}

p.morebtn {font-size: 1.4rem;line-height: 1.8;font-weight: 700;letter-spacing: 0.08rem;position: relative;color: #0057AA;}
p.morebtn a {background: #fff;display: block;width: 200px;height: 52px;border: 1px solid #0057AA;border-radius: 50px;position: relative;padding: 13px 0 0;color: #0057AA;}
p.morebtn a .arr{background: url(../images/common/arr.svg)repeat-x top left;width: 12px;display: block;height: 12px;position: absolute;top: 20px;right: 22px;transition: all 0.3s ease-in-out;background-size: auto 12px;}
p.morebtn a:hover .arr { background-position: right -36px top; }


.entrybtn a{color: #454748;font-size: 2.4rem;line-height: 1.6;font-weight: 900;letter-spacing: 0.072rem;margin: 0 auto 30px;width: 320px;height: 70px;display: block;border: 3px solid #454748;border-radius: 36px;background: #fff;position: relative;left: 8px;padding: 13px 0 0;transition: background 0.3s ease-in-out,color 0.3s ease-in-out;text-align: center;}
.entrybtn a:hover{background: #454748;color: #fff;}



#pullnavi { opacity: 0; transition: opacity 0.3s, transform 0.3s; transform: translateY(-100%); }
#pullnavi.upMove { opacity: 0; transform: translateY(-100%); }
#pullnavi.dwMove { opacity: 1; transform: translateY(0); }

#pullnavi {position: fixed;top: 0;left: 0;z-index: 10;}
#pullnavi {background: #fff;width: 100%;box-shadow: 0px 3px 20px #00000029;}
#pullnavi .inbox{width: 100%;min-width: 1280px;height: 70px;margin: 0px auto 20px auto;padding-top: 14px;position: relative;}

.pc-menu{ position: fixed; top: 0; right: 0;  z-index: 9999; }
.pc-menu:hover{ opacity: 0.8; cursor: pointer; cursor: hand;}

.side-fix{position: fixed;top: 110px;right: 0;z-index: 10;}

#pc-menu-open{display: none;background: #0057AA;width: 100vw;height: 100vh;min-height: 750px;position: fixed;top: 0;z-index: 999;overflow-y: scroll;color: #fff;}
#pc-menu-open a{ color: #fff;}   

.open-main-Box{max-width: 1137px;margin: 0 auto 50px;padding: 19.5rem 5rem 0;}
#pc-menu-open .glbox{ }

   /* サイドメニュー追従 */
.contentsbox{/* max-width: 1660px; */padding: 0  5rem;margin: 0 auto 335px;position: relative;/* left: -50px; */display: flex; /* 横並びにする */align-items: flex-start; /* 上端を揃える */gap: 0px; /* ナビとメインの間に余白 */}
.contentsbox .side-nav{position: sticky;top: 100px; /* ビューポートの上から20pxで固定 */left: 26.6rem;width: 280px;padding: 10px;border-radius: 8px;}
.contentsbox .side-nav ul{ }
.contentsbox .side-nav ul li{margin-bottom: 3px;}
.contentsbox .side-nav ul li.sidettl {margin-bottom: 12px;font-size: 1.8rem;font-weight: bold;border-left: #0057AA 2px solid;padding: 0 0 0 15px;}
.contentsbox .side-nav ul li.sidettl a{margin-bottom: 12px;font-size: 1.8rem;font-weight: bold;padding: 0;}
.contentsbox .side-nav ul li.sidettl a::before{content: none;}

.contentsbox .side-nav ul li a{font-size: 1.5rem;font-weight: 400;letter-spacing: 0.045rem;position: relative;padding: 0 0 0 16px;display: block;}
.contentsbox .side-nav ul li a::before{content: "・";display: inline-block;position: absolute;left: -5px;margin-right: -4px;top: 0;}
.contentsall{flex: 1; /* 残りの幅をすべて使う *//* max-width: 1000px; */ /* 必要に応じて最大幅を調整 */margin: 0 auto;}
.side-nav a.active,.side-nav a.stactive {/* color: #0057AA; */}
.side-nav a:hover {color: #1788A0;}
 


   .seo_bread_list {max-width: 1160px;width: 100%;padding: 0px 2.9rem;margin: 0 auto 173px;font-size: 1.2rem;line-height: 1.4;text-align: right;color: #939393;z-index: 3;position: relative;}
   .seo_bread_list li{ margin-right: 20px; float: left;  }
   .seo_bread_list a{ color: #0057AA; text-decoration: underline; }
   .seo_bread_list li::after{ content: " >"; }
   .seo_bread_list li:last-child::after{ content: ""; }
   .seo_bread_list .sitemaphome{ position: relative; top: -2px; left: -7px; }
   .seo_bread_list .sitemaparr{position: relative;top: -5px;left: 0px;}
   /*pc・タブレットcss*/
   /*pc_defaultset*/
   .pc { display: block !important; }
   /*pcのみ表示ブロック*/
   .pc2 { display: inline-block !important; }
   /*pcのみ表示ブロック*/
   .sp, .sp2 { display: none !important; }
   /*スマホのみ表示ブロック*/
   .h_menu { display: none; }
   /*スマホ用ヘッダ*/
   .sp-header { display: none; }
   /*スマホ用メニュー*/
   #sp-global-nav { display: none; }
   /*スマホ用メニュー*/
   .sp-fix-list { display: none; }
   /* Antialiasing ※任意　*/
   
   .fit img { object-fit: cover; font-family: "object-fit: cover;"; }
   
   html { -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: none; overflow-x: hidden; }
   


   body { -webkit-text-size-adjust: 100%; }
   img { vertical-align: bottom; }
   a {text-decoration: none;color: #181C1D;transition: color 0.3s ease-in-out;}
   a:hover { color: #1788A0;  }
   .nobd a:hover { text-decoration: none !important; }
   
   /* clearfix */
   .clearfix { zoom: 1; }
   .clearfix:after { display: block; clear: both; height: 0; visibility: hidden; line-height: 0; content: "."; }
   /* wysiwyg */
.wysiwyg {word-wrap: break-word;margin-bottom: 100px;font-style: normal!important;}
.wysiwyg strong { font-weight: bolder; }
.wysiwyg em { font-style: italic; }
.wysiwyg img {width: 100% !important;height: auto!important; border-radius: 10px; overflow: hidden;}
.wysiwyg p {min-height: 16px;min-width: 10px;line-height: 2;font-size: 1.6rem;letter-spacing: 0.16rem;display: block;margin-bottom: 4rem;font-weight: 500;}
.wysiwyg a{ text-decoration: underline; color: #0057AA; font-weight: bold;}
.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 { color: #333; font-weight: bold; text-align: left;}
.wysiwyg h1 { padding: 12px 24px; font-size: 24px; line-height: 1.6; margin: 10px 5px;}
.wysiwyg h2 {padding: 1.5rem;font-size: 1.8rem!important;letter-spacing: 0.072rem;line-height: 1.6;margin: 0px 0px 1.7rem;border-radius: 1rem;}
.wysiwyg .w-str-text{font-size: 2.8rem!important;font-weight: bold!important;color: #0057AA!important;line-height: 1.5!important;margin-bottom: 3.2rem!important;letter-spacing: 0.14rem!important;display: block;}

.wysiwyg h3 {padding: 0.4rem 1.2rem;font-size: 1.7rem;letter-spacing: 0.054rem;line-height: 1.2;margin: 0 0 2.4rem;color: #1788A0;}
.wysiwyg h3::before{ content: ""; background: url(../images/recruit/icon01.svg)no-repeat; width: 20px; height: 10px; display: block; background-size: 100% auto; position: absolute; bottom: -9px; filter: invert(24%) sepia(7%) saturate(187%) hue-rotate(156deg) brightness(99%) contrast(87%); }

.wysiwyg h4 {font-size: 1.6rem;letter-spacing: 0.054rem;line-height: 1.6;margin: 0px 0px 2.4rem;padding: 0.7rem 2rem 0.7rem 0rem;}
.wysiwyg h4::before{background: #181C1D;width: 17px;height: 17px;border-radius: 50%;display: block;position: absolute;top: 5px;left: 5px;}

.wysiwyg h5 {padding: 0 0 0px;font-size: 1.8rem;line-height: 1.6;margin: 10px 5px;letter-spacing: 0.09rem;}
.wysiwyg h6 { padding: 10px; font-size: 16px; line-height: 1.6; margin: 10px 5px;}
.wysiwyg ul {list-style-type: disc;line-height: 1.6;font-size: 16px;margin: 5px 0 40px 20px;}
.wysiwyg ul li::marker{content: "";}
.wysiwyg ul li::before{content: "";display: block;width: 3px;height: 3px;background: #000;border-radius: 50%;position: absolute;top: 9px;left: -15px;}
.wysiwyg ul li{position: relative;font-size: 1.6rem;letter-spacing: 0.048rem;line-height: 1.4;margin-bottom: 17px;font-weight: 400;}
.wysiwyg ol {list-style-type: decimal;line-height: 1.6;font-size: 16px;margin: 5px 0 40px 20px;}
.wysiwyg ol li::marker{font-style: normal;font-weight: 700;}
.wysiwyg ol li{ font-size: 1.6rem; letter-spacing: 0.048rem; margin-bottom: 14px; }

.wysiwyg table{table-layout: fixed;border-top: 1px solid #D2D2D2;margin-bottom: 30px;}
.wysiwyg table th,
.wysiwyg table td {border: none!important;border: 1px solid #D2D2D2!important;padding: 10px;font-size: 16px;margin: 10px 5px;}
.wysiwyg iframe{ height: 500px !important; width: 800px !important; margin: 0 auto 40px; display: block;}


   /* リンク透明 */
   a img{transition: opacity 0.3s ease-in-out;}
   a img:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }
   /* リンク透明にしない */
   .noop a img:hover { -ms-filter: "alpha( opacity=100 )"; filter: alpha(opacity=100); opacity: 1.0; }
   /*---------------------------------------- 　　外部サービス ----------------------------------------*/
   /* ggmap */
   /* <div class="ggmap">iframeのコピーしたコード</div> */
   .ggmap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
   .ggmap iframe, .ggmap object, .ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
   /* <div class="youtube"><iframe  src="youtubeのURL?rel=0" frameborder="0" allowfullscreen></iframe></div> */
   .youtube { position: relative; width: 100%; padding-top: 56.25%; }
   .youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
   /*---------------------------------------- 　　webフォント（サーバー置き）　 ----------------------------------------*/
   @font-face { font-family: 'jp-sttl01';
   /* お好きな名前にしましょう */
   src: url("../font/.eot");
   /* IE9以上用 */
   src: url("../font/bokutachi.eot?#iefix") format("embedded-opentype"), url("../font/NotoSansCJKjp-Medium.woff") format("woff"), url("../font/NotoSansCJKjp-Medium.woff") format("woff");
   /* iOS, Android用 */
   /* 念の為指定しておきます */
   font-weight: normal;
   /* 念の為指定しておきます */
   font-style: normal; vertical-align: top; margin: 0px; padding: 0px; }
   .myWebFontClass { font-family: 'jp-sttl01'; }
   }


@media screen and (min-width:768px) and ( max-width:1919px) {
   #contentsend::before{background-size: 1920px auto;}
   #contentsend {background-size: 1920px auto;}
   .recruit-main-titlebox{ background-size: 1920px auto; }
   .recruit-back-contents::before{background-size: 1920px auto;}

}


@media screen and (min-width:768px) and ( max-width:1400px) {
html {overflow: auto;font-size: 53.5%;}
body { overflow: visible;}

}

@media screen and (min-width:768px) and ( max-width:1250px) {
   header{height: 11rem;}
   header #g-nav{top: 5.6rem;right: 5rem;}
   header #g-nav .dropmenu li.list ul.sub.wide5{left: -13rem;}

   .main-titlebox{padding: 11rem 0 0;margin-bottom: 0rem;}
   .main-titlebox .img{ top: 11rem;}
   


}


@media screen and (min-width:768px) and ( max-width:1050px) {
   header .h-logo{width: 28.27vw;padding-top: 2rem;}



}

@media screen and (min-width:768px) and ( max-width:860px) {

   footer .f-con-Box{padding-right: 3rem;}
   #contentsend .inner-Box ul li {position: relative;width: 100%;margin-right: 0%; margin-bottom: 3rem;}

   


}
@media screen and (max-width: 767px) {

.sp-bgimages{ position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: url('../images/common/sp-body-back.jpg')no-repeat top center; background-size: cover; z-index: -1; }
.sp-recruit-bgimages{ position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: url('../images/common/sp-recruit-body-back.jpg')no-repeat top center; background-size: cover; z-index: -1; }

.mw_wp_form input[type="file"] { display: inline-block; width: 100%; font-size: 3.8vw; }

body {overflow: hidden;font-size: 3.6vw;font-family: sans-serif;-webkit-text-size-adjust: 100%;line-height: 1.6;}
.pc, .pc2 { display: none !important; }
/*pcのみ表示ブロック*/
.sp { display: block !important; }
/*スマホのみ表示ブロック*/
.sp2 { display: inline-block !important; }
/*スマホのみ表示ブロック*/
.no-br { display: none; }
/*スマホでbrを解除したい場合に使用*/
.sp_display_block { display: block !important; }
/*スマホでflexboxを解除したい場合等に使用*/
.side-fix{ display: none; }
.fix-list{ display: none; }
#g-nav{ display: none; }

header{height: 18.7vw;position: relative;background: #fff;}
header .h-logo{width: 65.7vw;padding: 4.4vw 0 0 4.3vw;}
header .h-logo img { }
header .hbtn,header .hbtn2{ display: none; }

a.link-arr{text-align: center;display: block;margin: 0 4vw;position: relative;}
a.link-arr .post-arrow {position: absolute;width: 8.80vw;height: 8.80vw;padding: 0 0 0 1.7vw;top: 2.13vw;right: 5.63vw;border: #000000 2px solid;border-radius: 50%;background: #fff;}
a.link-arr .post-arrow .arrow-bg { display: none; }
a.link-arr .post-arrow .arrow-icon.default{  /* black */-webkit-filter: brightness(0);filter: brightness(0);left: 0.8vw;position: relative;}
a.link-arr .post-arrow .arrow-icon.next { display: none; }

.blue-btn{ }
.blue-btn a{border: 0.27vw solid #000000;border-radius: 26.67vw;overflow: hidden;display: block;height: 14.93vw;background: #fff;position: relative;font-size: 4.27vw;letter-spacing: 0.43vw;padding: 4.0vw 0 0 6.4vw;text-align: left;transition: all 0.3s ease-in-out;font-weight: bold;margin: 0 14vw;}
.blue-btn a .arr{position: absolute;top: 2.93vw;right: 2.13vw;width: 8.8vw;height: 8.8vw;transition: right 0.3s ease-in-out;background: #1788A0;border-radius: 50%;padding: 1.87vw 3.1vw 0 2.67vw;line-height: 1;transition: all 0.3s ease-in-out;}
.blue-btn a .arr img{  }
.blue-btn a.link-arr:hover .arrow-bg { opacity: 0; }

p.morebtn {font-size: 3.47vw;line-height: 1.8;font-weight: 700;letter-spacing: 0.21vw;position: relative;color: #0057AA;}
p.morebtn a {background: #fff;display: block;height: 11.27vw;border: 0.27vw solid #0057AA;border-radius: 13.33vw;position: relative;padding: 2.37vw 1vw 0 0vw;color: #0057AA;}
p.morebtn a .arr{background: url(../images/common/arr.svg)repeat-x top left;display: block;height: 3.2vw;width: 3vw;position: absolute;top: 4.13vw;right: 4.87vw;transition: all 0.3s ease-in-out;background-size: auto 87%;}


/* 採用コンテンツh1 */
.recruit-main-titlebox{background: url(../images/training/sp-h1.jpg)no-repeat top center;margin-bottom: 0vw;}
.recruit-main-titlebox .recruit-inbox{ }
.recruit-main-titlebox .recruit-inbox{position: relative;margin: 0 2.6vw 0 5vw;padding-top: 28vw;}
.recruit-main-titlebox .recruit-inbox .ticon{position: absolute;top: 24.37vw;left: -2.6vw;z-index: 3;width: 11.4vw;}
.recruit-main-titlebox .recruit-inbox .ticon img{height: auto;}
.recruit-main-titlebox .recruit-inbox .main-title{display: inline-block;}
.recruit-main-titlebox .recruit-inbox .main-title .en{font-size: 8.00vw;font-weight: bold;letter-spacing: 0.80vw;border: 0.8vw solid #000000;background: #fff;padding: 1.5vw 4.2vw;line-height: 1.05;display: inline-block;margin-bottom: -0.8vw;}
.recruit-main-titlebox .recruit-inbox .main-title .jp{display: inline-block;font-size: 5.33vw;letter-spacing: 1.07vw;font-weight: bold;border: 0.8vw solid #000000;background: #fff;padding: 0.4vw 4.3vw;}
.recruit-main-titlebox .main-title { display: inline-block; overflow: hidden; }
.recruit-main-titlebox .mask-in { display: inline-block; clip-path: inset(0 100% 0 0); /* 右から全部隠す */ }
.recruit-main-titlebox .mask-in.start { animation: maskInAnime 0.5s ease-out forwards; }
.recruit-main-titlebox .mask-in.delay.start { animation-delay: 0.2s; }
@keyframes maskInAnime { to { clip-path: inset(0 0% 0 0); /* 全体表示 */ } }

/* 採用コンテンツh2 */
.recruit-title{text-align: center;margin-bottom: -0.2vw;position: relative;}
.recruit-title .rttl{display: inline-block;overflow: hidden;margin-bottom: 6.93vw;}
.recruit-title .rttl .en{font-size: 8.00vw;font-weight: bold;letter-spacing: 0.80vw;border: 0.8vw solid #000000;background: #fff;padding: 2.1vw 4.2vw;line-height: 1;display: inline-block;margin-bottom: -0.8vw;}
.recruit-title .rttl .jp{display: inline-block;font-size: 4.27vw;letter-spacing: 0.85vw;font-weight: bold;border: 0.8vw solid #000000;background: #fff;padding: 0.9vw 4.5vw;}
.recruit-title .rttl .mask-in{ display: inline-block; clip-path: inset(0 100% 0 0); /* 右側を完全に隠す */ opacity: 0; transition: clip-path 0.5s ease-out, opacity 0.5s ease-out; }
.recruit-title .rttl .mask-in.delay{ transition-delay: 0.2s; }
.recruit-title .rttl .mask-in.is-visible{ clip-path: inset(0 0% 0 0); /* 全表示 */ opacity: 1; }

.recruit-back-contents{background: #1788A0;position: relative;z-index: 0;padding-bottom: 3.57vw;padding-top: 17vw;}
.recruit-back-contents::before{content: "";display: block;width: 100%;height: 8.6vw;background: url(../images/training/contentsmain-back01.svg)no-repeat top center;position: absolute;top: -6.2vw;left: 0;background-size: 100% auto;z-index: 10;}


/*+++ Reset +++*/
#pc-glnavi .h-menu::after{}
#pc-glnavi .h-menu::before{}

#pc-glnavi .h-menu {position: fixed;top: 2.2vw;width: 14.23vw;right: 3.6vw;height: 15.83vw;border: none;z-index: 10002;}
.zdo_drawer_buttonsp{border: none;background: none;width: 14.73vw;padding: 0;}
#pc-glnavi .h-menu img{width: 14.43vw;}
#pc-glnavi .openbtn{position: absolute;top: 0;left: 0;transition: all 0.3s ease-in-out;}
#pc-glnavi.active .openbtn{opacity: 0;}
a:hover{ text-decoration: none!important;}

.commonbtn{margin: 0 0 0 auto;font-size: 4.26vw;letter-spacing: 0.128vw;font-weight: 600;position: relative;}
.commonbtn a{ color: #181C1D; }
.commonbtn a::before{display: block;content: "";background: #0057AA;height: 0.53vw;position: absolute;bottom: -0.53vw;left: 0;transition: width 0.3s ease-in-out;}
.commonbtn a .arr{position: relative;top: -0.8vw;left: 0.13vw;width: 5.4vw;transition: left 0.3s ease-in-out;display: inline-block;}
.commonbtn a .arr img{ }




.entrybtn a{color: #454748;font-size: 5.86vw;line-height: 1.6;font-weight: 900;letter-spacing: 0.17vw;margin: 0 11.4vw 7.25vw;height: 16.11vw;display: block;border: 0.72vw solid #454748;border-radius: 8.7vw;background: #fff;position: relative;padding: 2.84vw 0 0;transition: background 0.3s ease-in-out,color 0.3s ease-in-out;text-align: center;}


#pc-menu-open{display: none;background: #1788A0;width: 100vw;height: 100vh;position: fixed;top: 0;z-index: 10000;overflow-y: scroll;color: #fff;}
#pc-menu-open .h-logo{margin-right: 30.5vw;margin-bottom: 16.5vw;}
#pc-menu-open .h-logo img{ -webkit-filter: brightness(0) invert(1);
   filter: brightness(0) invert(1); }
#pc-menu-open a{color: #fff;}   
#pc-menu-open .homelink{font-size: 5.33vw;border-bottom: 1px solid #fff;margin: 0 3.9vw 5.1vw;letter-spacing: 0.53vw;}
#pc-menu-open .homelink a{display: block;padding: 1vw 2vw 4.6vw 0vw;}
#pc-menu-open .bigl{font-size: 5.33vw;display: block;letter-spacing: 0.53vw;padding: 0vw 10.5vw 4.5vw 0vw;}
#pc-menu-open .sub a::before{content: "";position: absolute;top: 4vw;left: -4vw;width: 2.13vw;height: 1px;background: #fff;}
#pc-menu-open .cld{font-size: 4.27vw;border-bottom: 2px solid #fff;margin-bottom: 4.3vw;}
#pc-menu-open .cld a{display: block;padding: 0.1vw 2vw 3.6vw 2vw;}

#spopnavi .nnavi > li.prl {position: relative;border-bottom: 1px solid #fff;margin: 0 4vw 5vw;}
#spopnavi .toggle {position: absolute;top: 4.2vw;right: 0vw;width: 3.7vw;height: 3.7vw;background: transparent;transform: translateY(-50%);cursor: pointer;z-index: 2;}
#spopnavi .toggle::before, #spopnavi .toggle::after {content: '';position: absolute;top: 50%;left: 50%;width: 3.7vw;height: 0.53vw;background-color: #fff;border-radius: 0.1vw;transform: translate(-50%, -50%);transition: transform 0.3s ease;}
#spopnavi .toggle::after { transform: translate(-50%, -50%) rotate(90deg); } 
#spopnavi .prl.open .toggle::after { transform: translate(-50%, -50%) rotate(0deg); }
#spopnavi .subnavia { max-height: 0; overflow: hidden; padding-left: 1em; list-style: none; margin: 0; transition: all 0.3s ease-in-out; }
#spopnavi .prl.open .subnavia {max-height: 500vw; /* 十分に大きく */padding: 0vw 0 0vw 4.1vw;}
#spopnavi .subnavia li.sub {margin: 0;position: relative;margin-bottom: 4.6vw;}
#spopnavi .subnavia li.sub a {text-decoration: none;color: #fff;font-size: 4.80vw;letter-spacing: 0.48vw;}

#pc-menu-open .btmmnavi{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-top: 10.7vw;padding-left: 17.8vw;}
#pc-menu-open .btmmnavi li{font-size: 3.20vw;letter-spacing: 0.2vw;margin-right: 4vw;}
#pc-menu-open .hbtn{font-size: 4.27vw;letter-spacing: 0.85vw;font-weight: bold;position: relative;z-index: 4;margin-top: 10.8vw;margin-bottom: -10.6vw;margin-left: 4.1vw;}
#pc-menu-open .hbtn a{background: #EC6B61;width: 36.8vw;height: 10.7vw;display: block;border: 0.27vw solid #000000;border-radius: 5.6vw;text-align: center;color: #fff;padding-top: 1.8vw;}
#pc-menu-open .hbtn2{font-size: 4.27vw;letter-spacing: 0.85vw;font-weight: bold;position: relative;z-index: 4;margin-left: 46.2vw;}
#pc-menu-open .hbtn2 a{background: #E9E7DE;width: 41.8vw;height: 10.7vw;display: block;border: 0.27vw solid #000000;border-radius: 5.6vw;text-align: center;color: #000;padding-top: 1.8vw;}

#pc-menu-open ul.btmmnavi{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;font-size: 3.2vw;margin-bottom: 3.5vw;letter-spacing: 0.32vw;padding-left: 1vw;}
#pc-menu-open ul.btmmnavi li{position: relative;padding: 0 0 4.4vw 3.1vw;margin-right: 3.1vw;font-size: 3.73vw;letter-spacing: 0.37vw;}
#pc-menu-open ul.btmmnavi li::before{width: 1.87vw;height: 1px;background: #fff;display: block;position: absolute;top: 2.6vw;left: 0vw;}
#pc-menu-open ul.btmmnavi li a:hover{ color: #fff;}


#contentsend::before{content: "";display: block;width: 100%;height: 6.67vw;background: url(../images/common/contentsend-icon01.svg)no-repeat top center;position: absolute;top: -5.5vw;left: 0;background-size: 100% auto;}
#contentsend {position: relative;padding: 26.3vw 5vw 22.23vw;background: url(../images/common/contentsend-icon02.svg)no-repeat bottom 0vw center #fff;background-size: 100% auto;z-index: 3;}
#contentsend .inner-Box {position: relative;background: #E9E7DE;padding-bottom: 5.2vw;}
#contentsend .inner-Box figure.ttlimg {position: absolute;top: -16vw;left: 50%;transform: translateX(-50%);width: 40vw;}
#contentsend .inner-Box figure.ttlimg img{  }
#contentsend .inner-Box h2.f-en {font-size: 8.00vw;line-height: 1.75;font-weight: 700;letter-spacing: 0.80vw;margin-bottom: -3.2vw;position: relative;text-align: center;top: -5.9vw;}
#contentsend .inner-Box ul{ margin: 0 1.7vw; }
#contentsend .inner-Box ul li {position: relative;width: 100%;margin-bottom: 5.6vw;}
#contentsend .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
#contentsend .inner-Box ul li:nth-child(2) a { background: #EC6B61; }
#contentsend .inner-Box ul li a {display: block;border: 0.37vw solid #000000;border-radius: 1.33vw;height: 23vw;background: #1788A0;color: #fff;text-align: left;padding: 5.2vw 6.2vw 4.3vw 6.2vw;}
#contentsend .inner-Box p.entext {font-size: 4.27vw;line-height: 1.5;font-weight: 400;letter-spacing: 0.43vw;margin-bottom: 8.0vw;position: relative;z-index: 3;}
#contentsend .inner-Box figure.img {position: absolute;top: 5.8vw;right: 16vw;width: 11vw;}
#contentsend .inner-Box ul li:nth-child(2) figure.img {width: 12.4vw;}
#contentsend .inner-Box ul li a.link-arr .post-arrow{top: 7vw;right: 5vw;}

footer{width: 100%;z-index: 3;position: relative;background: #1788A0;}
footer a{color: #fff;}
footer .footer-Box{margin: 0 auto 5.07vw;font-size: 4.27vw;color: #fff;padding: 6.97vw 10.4vw 0;}
footer .f-con-Box{position: relative;margin-bottom: 3vw;}
footer .f-con-Box .f-logo{margin: 0 2.4vw 3.77vw 0vw;}
footer .f-con-Box .f-logo img{width: 100%;height: auto;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
footer .f-con-Box p{font-size: 3.73vw;line-height: 1.6;letter-spacing: 0.37vw;margin-bottom: 0.5vw;text-align: center;}
footer .f-con-Box .hbtn{font-size: 3.73vw;letter-spacing: 0.75vw;font-weight: bold;position: relative;z-index: 4;margin-top: 5.2vw;margin-bottom: -9.5vw;margin-left: 2.3vw;}
footer .f-con-Box .hbtn a{background: #EC6B61;width: 32.2vw;height: 9.4vw;display: block;border: 0.27vw solid #000000;border-radius: 5.6vw;text-align: center;color: #fff;padding-top: 1.2vw;}
footer .f-con-Box .hbtn2{font-size: 3.73vw;letter-spacing: 0.75vw;font-weight: bold;position: relative;z-index: 4;margin-left: 40.2vw;}
footer .f-con-Box .hbtn2 a{background: #E9E7DE;width: 36.6vw;height: 9.4vw;display: block;border: 0.27vw solid #000000;border-radius: 5.6vw;text-align: center;color: #000;padding-top: 1.2vw;}

footer .f-link-Box{ display: none;}
footer .ftcbox{margin: 0 0.6vw 0 10.6vw;padding-bottom: 9vw;}
footer .ftcbox ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;font-size: 3.2vw;margin-bottom: 3.5vw;letter-spacing: 0.32vw;}
footer .ftcbox ul li{position: relative;padding: 0 0 3.4vw 3.1vw;margin-right: 11.2vw;}
footer .ftcbox ul li::before{content: "";width: 1.87vw;height: 1px;background: #fff;display: block;position: absolute;top: 2.6vw;left: 0vw;}
footer .ftcbox ul li a:hover{ color: #fff;}
.copyright{position: relative;font-size: 3.20vw;letter-spacing: 0.32vw;display: block;font-weight: 400;color: #fff;}
.copyright::before{}



.side-fix{ display: none!important; }
.sp-fix-list { position: fixed; bottom: 0; width: 100%; z-index: 996; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: flex-end;}
.sp-fix-list .tel {  }
.sp-fix-list .icon { }


.open-main-Box{margin: 0 auto 75.33vw;padding: 4.3vw 4.1vw 0;}


#ssff {margin: 0.0vw auto -48.8vw;top: -44.67vw;padding: 0 18vw;height: 57vw;position: relative;}
#ssff #sideNav{border: 0.53vw solid #000000;border-left: 1.87vw solid #000000;border-radius: 0.0vw 4.0vw 4.0vw 0.0vw;background: #fff;width: 63.3vw;padding: 6.9vw 6.9vw 3.3vw 11.5vw;position: relative;top: -5.9vw;transition: all 0.3s ease-in-out;z-index: 3;}
#ssff.sifx #sideNav{ top: 0; }
#ssff #sideNav ul{ }
#ssff #sideNav ul li{margin-bottom: 3.5vw;font-size: 3.73vw;line-height: 1.6;letter-spacing: 0.43vw;font-weight: 500;}
#ssff #sideNav ul li a{position: relative;}
#ssff #sideNav ul li a::before{content: "";width: 1.6vw;height: 1.6vw;border-radius: 50%;background: #1788A0;display: block;position: absolute;top: 2.5vw;left: -4vw;}
#ssff #sideNav ul li.sub a{position: relative;}
#ssff #sideNav ul li.sub a::before{content: "";width: 1.87vw;height: 1px;border-radius: 0;background: #000;display: block;position: absolute;top: 3.1vw;left: -4vw;}
#ssff #sideNav ul li.aatv a{ color: #1788A0;}


/* systemphoto arr */
.systemlist a.link-arr .post-arrow {width: 12.8vw;height: 12.8vw;bottom: 0;top: auto;right: 0.0vw;overflow: visible;background: #E9E7DE;border-radius: 1rem 0 0 0;border: none;}
.systemlist a.link-arr .post-arrow::before{content: "";background: url(../images/common/common-rr01.svg)no-repeat top left;background-size: 100% 100%;width: 1rem;height: 1rem;display: block;position: absolute;bottom: 0;left: -1rem;}
.systemlist a.link-arr .post-arrow::after{content: "";background: url(../images/common/common-rr01.svg)no-repeat top left;background-size: 100% 100%;width: 1rem;height: 1rem;display: block;position: absolute;top: -1rem;right:0;}
.systemlist a.link-arr .post-arrow .arrow-bg {position: absolute;width: 8.8vw;height: 8.8vw;top: 2.1vw;left: 1.9vw;background: #1788A0;border: none;border-radius: 50%;opacity: 1;/* transform: translate(-50%, -50%) scale(0.5); *//* transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease; */z-index: 0;display: block;}
.systemlist a.link-arr .post-arrow .arrow-icon {position: absolute;top: 50%;left: 63%;width: 6.7vw;height: auto;transform: translate(-50%, -50%);transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease;z-index: 1}
.systemlist a.link-arr .post-arrow .arrow-icon.default {transform: translate(-50%, -50%);opacity: 1;/* black */-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.systemlist a.link-arr .post-arrow .arrow-icon.next {opacity: 0;-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

.systemlist a.link-arr .post-arrowph {width: 12.8vw;height: 12.8vw;bottom: 0;top: auto;right: 0.0vw;overflow: visible;background: #E9E7DE;border-radius: 1rem 0 0 0;border: none;display: block;position: absolute;}
.systemlist a.link-arr .post-arrowph::before{content: "";background: url(../images/common/common-rr01.svg)no-repeat top left;background-size: 100% 100%;width: 1rem;height: 1rem;display: block;position: absolute;bottom: 0;left: -1rem;}
.systemlist a.link-arr .post-arrowph::after{content: "";background: url(../images/common/common-rr01.svg)no-repeat top left;background-size: 100% 100%;width: 1rem;height: 1rem;display: block;position: absolute;top: -1rem;right:0;}
.systemlist a.link-arr .post-arrowph .arrow-bg {position: absolute;width: 8.8vw;height: 8.8vw;top: 2.1vw;left: 1.9vw;background: #1788A0;border: none;border-radius: 50%;opacity: 1;/* transform: translate(-50%, -50%) scale(0.5); *//* transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease; */z-index: 0;display: block;}
.systemlist a.link-arr .post-arrowph .arrow-icon {position: absolute;top: 50%;left: 63%;width: 6.7vw;height: auto;transform: translate(-50%, -50%);transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease;z-index: 1}
.systemlist a.link-arr .post-arrowph .arrow-icon.default {transform: translate(-50%, -50%);opacity: 1;/* black */-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.systemlist a.link-arr .post-arrowph .arrow-icon.next {opacity: 0;-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}


.contentsall{}
.side-nav a.active {}
/*.side-nav a::before{content:"";display: inline-block;height: 4.0vw;background: url(../images/common/contentsfoot-arr02.svg)no-repeat top center;position: relative;left: -2.4vw;margin-right: -4.0vw;top: 0.27vw;opacity: 0;transition: opacity 0.3s ease-in-out,margin-right 0.3s ease-in-out;}
.side-nav a.active::before,.side-nav a:hover::before{content:"";display: inline-block;height: 4.0vw;background: url(../images/common/contentsfoot-arr02.svg)no-repeat top center;position: relative;left: -2.4vw;margin-right: -1.33vw;top: 0.27vw; opacity: 1;}
*/

   .copyright{
    text-align: center;
    padding-right: 9.3vw;
}
   
.main-titlebox{padding: 20.0vw 0 0;margin-bottom: -2.5vw;display: block;position: relative;overflow: hidden;height: 87.7vw;}
.main-titlebox::before{content: "";display: block;background: url(../images/sitemap/h1-icon01.svg)no-repeat top center;background-size: 100% auto;position: absolute;top: 0.1vw;left: -35vw;width: 57vw;height: 36vw;}
.main-titlebox h1.main-title::after{content: "";width: 42.2vw;height: 19.8vw;display: block;background: url(../images/sitemap/h1-icon02.svg)no-repeat top center;background-size: 100% auto;position: absolute;top: 31.6vw;left: 12vw;z-index: 4;}
.main-titlebox h1.main-title{text-align: center;width: 42.2%;position: relative;}
.main-titlebox h1.main-title .en{color: #E5F4F7;font-size: 8.00vw;letter-spacing: 0.80vw;text-transform: uppercase;font-weight: bold;position: relative;top: -7.1vw;line-height: 1;padding-left: 1.9vw;z-index: 3;opacity: 0.6;width: 90vw;display: block;text-align: left;mix-blend-mode: multiply;}
.main-titlebox h1.main-title .jp{text-align: left;writing-mode: vertical-rl;position: absolute;top: 17.7vw;left: 10.6vw;transform: translateY(-60%);font-size: 5.33vw;letter-spacing: 2.57vw;font-weight: 500;height: 60vw;z-index: 4;}
.main-titlebox .img{position: absolute;top: 0vw;right: 0;width: 69.8vw;height: 85.3vw;overflow: hidden;border-radius: 2.33vw 0.0vw 0.0vw 2.33vw;}
.main-titlebox .img img{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
.main-titlebox .kavadas {position: absolute;bottom: -0.33vw;right: -16.2vw;transform: translate(8.0vw, 8.0vw);opacity: 0;animation: kavadas-pop 0.3s ease-out forwards;animation-delay: 0.1s;}
 /* アニメーション */
 @keyframes kavadas-pop { 0% { transform: translate(8.0vw, 8.0vw); opacity: 0; } 70% { transform: translate(0vw, 0vw); /* 一旦オーバー */ opacity: 1; } 100% { transform: translate(0, 0); opacity: 1; } }
.main-titlebox .kavadas img{ width: 37vw; }

.seo_bread_list {width: 100%;padding: 4.1vw 5.4vw 3.5vw;margin: 0 auto 7.6vw;font-size: 3.2vw;color: #666;line-height: 1.6;overflow-x: auto; /* 横スクロール */white-space: nowrap; /* 改行しない */-webkit-overflow-scrolling: touch; /* スマホスムーススクロール */text-align: right;}
.seo_bread_list ul { display: inline-block; /* ul全体を1行に */ padding: 0; margin: 0; white-space: nowrap; }
.seo_bread_list li { display: inline-block; /* floatの代わり */ margin-right: 1.5vw; }
.seo_bread_list li::after { content: ">"; margin-left: 0.5vw; }
.seo_bread_list li:last-child::after { content: none; }
.seo_bread_list a { color: #000; text-decoration: underline; }
.seo_bread_list .sitemaphome{position: relative;top: -1.1vw;left: -1vw;width: 3.4vw;}
.seo_bread_list .sitemaparr{position: relative;top: -1.4vw;width: 1.4vw;margin: 0 1vw 0 1vw;}

/* 2カラムサイト---------------- */
#tow-cl #side{ display: none;}

.fit img { object-fit: cover; }
.wysiwyg img { width: auto !important; height: auto !important; }
html { -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: none; overflow-x: hidden; }
/* WEB FONTs 游ゴシックかすれ予防*/

*:focus { outline: none!important;}
a { -webkit-tap-highlight-color:rgba(0,0,0,0); cursor:pointer;}

body { -webkit-text-size-adjust: 100%; }
img {vertical-align: bottom;width: 100%;height: auto;}
a { text-decoration: none; color: #090909; }
a:hover { text-decoration: underline; }
.nobd a:hover { text-decoration: none !important; }
.clearfix {zoom: 1;}
.clearfix:after { display: block; clear: both; height: 0; visibility: hidden; line-height: 0; content: "."; }

#contentsrecruitbottom {position: relative;background: url('../images/common/sp-contentsrecruit-back01.jpg')repeat-y center top;background-size: 100% auto;animation: slide-bg-up 60s linear infinite;}
@keyframes slide-bg-up {
   0% {
     background-position: center 266.67vw;
   }
   100% {
     background-position: center 0%;
   }
 }
#contentsrecruitbottom .inner-Box {margin: 0 6.4vw;position: relative;padding: 15.1vw 0 13vw;}
#contentsrecruitbottom .inner-Box h2.f-en {font-size: 3.67vw;line-height: 1.33;font-weight: 700;letter-spacing: 0.43vw;margin-bottom: 16vw;position: relative;color: #fff;transform-origin: center;display: block;text-align: center;}
#contentsrecruitbottom .inner-Box ul.reclist{position: relative;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#contentsrecruitbottom .inner-Box ul li {position: relative;height: 20.13vw;background: #fff;border-radius: 2.13vw;width: 100%;margin: 0 0vw 2.27vw 0.0vw;}
#contentsrecruitbottom .inner-Box ul li a {display: block;padding: 4.47vw 6.47vw;}
#contentsrecruitbottom .inner-Box ul li a:hover {  }
#contentsrecruitbottom .inner-Box span.ricon {display: inline-block;line-height: 1;margin-right: 1.33vw;width: 3.6vw;top: 0.4vw;position: relative;}
#contentsrecruitbottom .inner-Box span.ricon img {  }
#contentsrecruitbottom .inner-Box h3 {font-size: 3.73vw;line-height: 1.33;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 1.6vw;position: relative;color: #0057AA;}
#contentsrecruitbottom .inner-Box p.rltext {font-size: 3.20vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 0;position: relative;}
#contentsrecruitbottom .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 13.07vw;right: 6.13vw;}
#contentsrecruitbottom .inner-Box a .arr{background: url(../images/common/arr.svg)repeat-x top center;height: 4.2vw;transition: all 0.3s ease-in-out;background-size: 100% auto;position: absolute;top: 9vw;right: 4.2vw;width: 3.1vw;}
#contentsrecruitbottom .inner-Box a:hover .arr { background-position: right 0vw top; }



/* wysiwyg */
.wysiwyg {word-wrap: break-word;margin-bottom: 1.15vw;font-style: normal!important;}
.wysiwyg strong { font-weight: bolder; }
.wysiwyg em { font-style: italic; }
.wysiwyg img {width: 100% !important;height: auto!important; border-radius: 2.42vw; overflow: hidden;}
.wysiwyg p {line-height: 2;display: block;letter-spacing: 0.37vw;margin-bottom: 10.67vw;font-size: 3.73vw;}
.wysiwyg a{ text-decoration: underline; color: #0057AA; font-weight: bold;}
.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 { color: #333; font-weight: bold; text-align: left;}
.wysiwyg h1 { padding: 2.9vw 5.8vw; font-size: 5.8vw; line-height: 1.6; margin: 2.42vw 1.21vw;}
.wysiwyg h2 {font-size: 4.80vw;line-height: 1.5;letter-spacing: 0.34vw;margin: 0vw 0vw 4.42vw 0vw;padding: 4vw 4vw;border-radius: 2.67vw;}

.wysiwyg h3 {padding: 0vw 3.13vw 1vw;font-size: 4.53vw;letter-spacing: 0.32vw;line-height: 1.5;margin: 0 0 4.27vw;color: #1788A0;border-left: #1788A0 1.7vw solid!important;}
.wysiwyg h3::before{content: "";background: url(../images/recruit/icon01.svg)no-repeat;height: 2.42vw;width: 4.8vw;display: block;background-size: 100% auto;position: absolute;bottom: -2.17vw;left: 9.6vw;filter: invert(24%) sepia(7%) saturate(187%) hue-rotate(156deg) brightness(99%) contrast(87%);}

.wysiwyg h4 {font-size: 4.27vw;letter-spacing: 0.12vw;line-height: 1.6;margin: 0.0vw 0.0vw 4.27vw;padding: 2.67vw 0.47vw 0.4vw;}
.wysiwyg h4::before{background: #181C1D;height: 3.73vw;width: 3.73vw;border-radius: 50%;display: block;position: absolute;top: 1.21vw;left: 1.21vw;}

.wysiwyg h5 {font-size: 4.27vw;line-height: 1.6;letter-spacing: 0.21vw;margin: 0vw 0vw 4.27vw;}
.wysiwyg h6 { padding: 2.42vw; font-size: 3.86vw; line-height: 1.6; margin: 2.42vw 1.21vw;}
.wysiwyg ul { list-style-type: disc; line-height: 1.6; font-size: 3.86vw; margin: 1.21vw 0 2.42vw 4.83vw}
.wysiwyg ul li::marker{color: #000;}
.wysiwyg ul li::before{content: none;}
.wysiwyg ul li{position: relative;font-size: 3.73vw;letter-spacing: 0.11vw;line-height: 1.4;margin-bottom: 4.11vw;font-weight: 400;}
.wysiwyg ol { list-style-type: decimal; line-height: 1.6; font-size: 3.86vw; margin: 1.21vw 0 2.42vw 4.83vw}
.wysiwyg ol li::marker{font-style: normal;font-weight: 700;}
.wysiwyg ol li{font-size: 3.73vw;letter-spacing: 0.11vw;margin-bottom: 3.38vw;}
.wysiwyg .w-str-text{font-size: 5.33vw!important;font-weight: bold!important;color: #0057AA!important;line-height: 1.5!important;margin-bottom: 4.27vw!important;letter-spacing: 0.27vw!important;display: block;}

.wysiwyg table {width: 100% !important;/* table-layout: fixed; */border: none!important;border-top: 1px solid #D2D2D2!important;margin-bottom: 7vw;}
.wysiwyg table th,
.wysiwyg table td {border: none!important;padding: 3vw;font-size: 3.6vw;margin: 0.2vw 0 4.2vw 8vw;border: 1px solid #D2D2D2 !important;}
.wysiwyg iframe{ height: 50vw !important; width: 100% !important; margin-bottom: 4vw!important; }

/* img-block */
/* アンカーリンク調整 */
.hideAnchor { display: block; height: 0; overflow: hidden; text-indent: -9999px; margin-top: -2vw; padding-bottom: 2vw; }
/* スクロール縦 */
.scroll-y { box-sizing: border-box; overflow-y: scroll; transform: translateZ(0); }
/* リンク透明 */
a img:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }
/* リンク透明にしない */
.noop a img:hover { -ms-filter: "alpha( opacity=100 )"; filter: alpha(opacity=100); opacity: 1.0; }
/*---------------------------------------- 　　外部サービス ----------------------------------------*/
/* ggmap */
/* <div class="ggmap">iframeのコピーしたコード</div> */
.sp-ggmap { position: relative; padding-bottom: 56.25%; padding-top: 5vw; height: 0; overflow: hidden; }
.sp-ggmap iframe, .sp-ggmap object, .sp-ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* <div class="youtube"><iframe  src="youtubeのURL?rel=0" frameborder="0" allowfullscreen></iframe></div> */
.youtube { position: relative; width: 100%; padding-top: 56.25%; }
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
/*---------------------------------------- 　　webフォント（サーバー置き）　 ----------------------------------------*/
@font-face { font-family: 'jp-sttl01';
/* お好きな名前にしましょう */
src: url("../font/.eot");
/* IE9以上用 */
src: url("../font/bokutachi.eot?#iefix") format("embedded-opentype"), url("../font/NotoSansCJKjp-Medium.woff") format("woff"), url("../font/NotoSansCJKjp-Medium.woff") format("woff");
/* iOS, Android用 */
/* 念の為指定しておきます */
font-weight: normal;
/* 念の為指定しておきます */
font-style: normal; vertical-align: top; margin: 0px; padding: 0px; }
.myWebFontClass { font-family: 'jp-sttl01'; }
}
@media screen and (max-height: 450px) {
   /* 高さ450px以下の場合 andoroidのフォーム対策 ストーカーバナー用　*/
	.sp-fix-list{display: none;}
}

.wysiwyg h1 { background-color: #dcdcdc;}
.wysiwyg h2 {
    background: #1788A0;
    color: #fff;
    font-weight: 500;
}
.wysiwyg h3 {
    font-weight: 500;
    position: relative;
    display: block;
    border-left: #1788A0 5px solid;
    border-bottom: #1788A0 1px solid;
}
.wysiwyg h4 {
    position: relative;
    font-weight: 500;
    border-bottom: #000 1px solid;
}
.wysiwyg h5 {}
.wysiwyg h6 { background-color: #eee; border: 1px dotted #999;}