@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;}


/* WEB FONTs 游ゴシックかすれ予防*/
.f-min { font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }

.f-gothic {font-family: "Noto Sans JP", sans-serif;}
.f-en{ font-family: "Montserrat", sans-serif; }

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;padding: 120px  5rem 0;margin: 0 auto;}

/* bese */
body {font-size: 1.6rem;/* overflow-x: hidden; */line-height: 1.6;letter-spacing: 0.8px;border-top: #0057AA solid 16px;}
body::before{content: "";display: block;width: 1.6rem;position: fixed;top: 0;left: 0;height: 100vh;background: #0057AA;z-index: 10;}
header{width: 100%;height: 100px;margin: 0px auto 23px auto;padding-top: 40px;padding-left: 6.4rem;position: relative;}
header .h-logo{ width: 100px; }

footer{width: 100%;z-index: 3;position: relative;border-top: #D2D2D2 1px solid;}
footer .footer-Box{margin: 0 auto 86px;font-size: 1.6rem;color: #fff;max-width: 1524px;padding: 120px 5rem 0;}
footer .f-con-Box{width: 18.3%;float: left;position: relative;}
footer .f-con-Box .f-logo{margin-bottom: 28px;}
footer .f-con-Box .f-logo img{ width: 100%; height: auto;}
footer .f-con-Box p{font-size: 1.4rem;line-height: 1.6;letter-spacing: 0.042rem;}
footer .f-link-Box{width: 76.1%;float: right;position: relative;padding: 0;}
footer .glbox{ }
footer .glboxin01{float: left;width: 26.3%;}
footer .glboxin02{float: left;width: 23%;margin-right: 3.2%;}
footer .glboxin03{float: left;width: 26.4%;}
footer .glboxin04{ float: left; }

footer .glbox ul{display: block;margin-bottom: 40px;}
footer .glbox ul li.prl{display: block;margin-bottom: 13px;}
footer .glbox ul li.prl2{display: block;margin-bottom: 6px;margin-top: -20px;}
footer .glbox ul li.prl a{display: block;border-left: #0057AA 2px solid;font-size: 1.6rem;font-weight: 700;letter-spacing: 0;padding: 0 0 0 16px;}
footer .glbox ul li.prl2 a{display: block;font-size: 1.4rem;font-weight: 700;letter-spacing: 0;padding: 0px 0 0 0px;}
footer .glbox ul li.cld{display: block;margin-bottom: 5px;line-height: 1.5;}
footer .glbox ul li.cld a{display: block;font-size: 1.4rem;font-weight: 400;letter-spacing: 0;position: relative;padding-left: 8px;}
footer .glbox ul li.cld a::before{ content: "-"; position: absolute; top: 0; left: 0;}

footer .glbo .glboxin04 ul li.cld{display: block;margin-bottom: 6px;line-height: 1.5;}
footer .glbox .glboxin04 ul li.cld a{display: block;font-size: 1.2rem;font-weight: 400;letter-spacing: 0;position: relative;padding-left: 7px;}
footer .glbox .glboxin04 ul li.cld.mbb {margin-bottom: 40px;}

footer #pagetop{position: absolute;width: 12rem;height: 12rem;border-radius: 30px 0px 0px 0px;background: #0057AA;bottom: -86px;right: 0;padding: 46px 0 0 50px;}
footer #pagetop a{display: block;width: 20px;height: 25px;overflow: hidden;position: relative;}
footer #pagetop .arrow{display: block;width: 20px;height: 24.5px;background: url("../images/common/arr02.svg") repeat center bottom;background-size: 100% auto;transition: background-position 0.3s ease;}
footer #pagetop a:hover .arrow{background-position: center -24.5px;}
footer #pagetop::before{content: "";position: absolute;bottom: -0.1rem;left: -2.9rem;transform: rotate(180deg);transform-origin: center;display: block;width: 3rem;height: 3rem;background: url(../images/common/common-rr01.svg)no-repeat;}

.copyright{position: relative;font-size: 1.2rem;letter-spacing: 0.2rem;display: block;font-weight: 400;color: #fff;background: #0057AA;text-align: center;height: 144px;padding-top: 63px;padding-left: 1.8rem;}
.copyright::before{content: "";background: url(../images/common/common-rr01.svg)no-repeat;position: absolute;top: -3rem;left: 1.5rem;transform: rotate(270deg);transform-origin: center;width: 3.2rem;height: 3.2rem;}


a.link-arr{text-align: center;display: block;width: 200px;margin: 0 auto;position: relative;}
a.link-arr .post-arrow {position: absolute;width: 4rem;height: 4rem;top: -4px;right: 0px;}
a.link-arr .post-arrow .arrow-bg { position: absolute; top: 50%; left: 50%; width: 4rem; height: 4rem; background-color: #0057AA; border-radius: 50%; opacity: 0; 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: 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-arr .post-arrow .arrow-icon.default { transform: translate(-50%, -50%); opacity: 1 }
a.link-arr .post-arrow .arrow-icon.next { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); transform: translate(-250%, -50%); opacity: 0 }
a.link-arr:hover .arrow-bg { opacity: 1; transform: translate(-50%, -50%) scale(1) }
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 }

.blue-btn{ }
.blue-btn a{border: 1px solid #0057AA;border-radius: 100px;overflow: hidden;display: block;width: 280px;height: 56px;background: #fff;color: #0057AA;position: relative;font-size: 1.6rem;padding: 15px 0 0 0px;text-align: center;transition: all 0.3s ease-in-out;font-weight: bold;}
.blue-btn a:hover{ color: #fff; background: #0057AA;}
.blue-btn a .arr{position: absolute;top: 7px;right: 27px; transition: right 0.3s ease-in-out;}
.blue-btn a:hover .arr{ right: 10px;}
.blue-btn a.link-arr:hover .arrow-bg { opacity: 0; }





body.recback{background: url(../images/common/recruit-body-back.jpg)no-repeat top center;background-size: cover;background-attachment: fixed;padding-top: 22.1rem;}
/*+++ recruit-header +++*/

#recruit-header{position: fixed;background: #fff;width: 100%;z-index: 5;top: 0;}
#recruit-header::before{/* content: ""; */background: url(../images/entry/contents01-back01.svg)no-repeat top center;background-size: 100% auto;display: block;position: absolute;top: 217px;right: 0;width: 10.8vw;height: 12vw;transition: top 0.3s ease-in-out;}
#recruit-header .h-logo{position: absolute;top: 34px;left: 50px;}
#recruit-header .inBox{width: auto;margin: 0 0 0 360px;background: transparent linear-gradient(260deg, #36AEEF 0%, #6ED2FF 100%) 0% 0% no-repeat padding-box;height: 160px;border-radius: 0px 0px 0px 170px;text-align: right;overflow: hidden;  transition: height 0.3s ease-in-out;}
#recruit-header .inBox p{font-size: 8.6rem;font-weight: bold;color: #fff;line-height: 8.6rem;padding-top: 88px;letter-spacing: 0rem;margin-right: 190px;transition: padding-top 0.3s ease-in-out;}
#recruit-header .rec-navi ul { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; list-style: none; padding: 0; margin: 0; width: 100%; padding: 19px 0px 20px 0px; position: relative; left: -15px; }
#recruit-header .rec-navi li { font-size: 1.4rem; letter-spacing: 0.042rem; font-weight: bold; padding: 0 0 0 30px; position: relative; margin: 0 27px 0; }
#recruit-header .rec-navi li a::before{content: "";background: #fff;transition: background 0.3s ease-in-out;position: absolute;top: 6px;left: 16px;width: 9px;height: 9px;border-radius: 50%;}
#recruit-header .rec-navi li a:hover::before{  background: #36AEEF; }
#recruit-header .rec-navi li.active a{ color: #36AEEF; }
#recruit-header .rec-navi li.active a::before{  background: #36AEEF; }

#recruit-header.scroll-recruit .inBox{ height: 100px; }
#recruit-header.scroll-recruit .inBox p{padding-top: 29px;}
#recruit-header.scroll-recruit::before{top: 159px;}

/*+++ corp +++*/
#pc-glnavi .h-menu {position: fixed;top: 0;right: 0;width: 12rem;height: 12rem;z-index: 1000;background: #0057AA;border-radius: 0px 0px 0px 30px;cursor: pointer;}
#pc-glnavi:before{content: "";display: block;width: 100vw;height: 1.6rem;position: fixed;top: 0;left: 0;background: #0057AA;z-index: 100;}

#pc-glnavi .h-menu::before{content: url(../images/common/common-rr01.svg);position: fixed;top: 1.6rem;left: 1.6rem;}
#pc-glnavi .h-menu::after{content: "";position: absolute;top: 1.6rem;left: -2.4rem;display: block;background: url(../images/common/common-rr02.svg)no-repeat;background-size: 100% auto;width: 2.5rem;height: 2.5rem;}


#pc-glnavi .h-menu .zdo_drawer_buttonsp::before{height: 5px;width: 5px;content: "";display: block;position: relative;top: 0;left: 0;}
#pc-glnavi .h-menu .zdo_drawer_buttonsp * { margin: 0; padding: 0; outline: none; border: none; font: inherit; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-align: left; text-decoration: none; list-style: none; }
#pc-glnavi .h-menu .zdo_drawer_buttonsp {display: block;padding: 0;height: 20px;background: none;border: none;text-align: center;letter-spacing: 0.1em;cursor: pointer;outline: none;width: 28px;z-index: 9999;position: absolute;top: 3.9rem;left: 3.8rem;}
#pc-glnavi .h-menu .zdo_drawer_buttonsp .zdo_drawer_bar {display: block;height: 2px;transition: all 0.2s;transform-origin: 0% 0%;transform: translateY(-50%);position: absolute;left: 0;width: 40px;border-radius: 2.5px;}
#pc-glnavi .h-menu .zdo_drawer_buttonsp .zdo_drawer_bar1 {top: 10px;left: 2px;}
#pc-glnavi .h-menu .zdo_drawer_buttonsp .zdo_drawer_bar2 {top: 21px;left: 2px;}
#pc-glnavi .h-menu .zdo_drawer_buttonsp .zdo_drawer_bar3 {top: 33px;left: 2px;}
#pc-glnavi.active .h-menu{}
#pc-glnavi.active .h-menu .zdo_drawer_buttonsp .zdo_drawer_bar {width: 23px;left: 0.0vw; background:#fff!important;}
#pc-glnavi.active .h-menu .zdo_drawer_buttonsp .zdo_drawer_bar1 {transform: rotate(0.54rad) translateY(-96%);top: 8px;width: 48px;border-radius: 0;height: 2px;}
#pc-glnavi.active .h-menu .zdo_drawer_buttonsp .zdo_drawer_bar2 { opacity: 0; }
#pc-glnavi.active .h-menu .zdo_drawer_buttonsp .zdo_drawer_bar3 {transform: rotate(-0.54rad) translateY(-50%);top: 32px;width: 46px;left: 1px;border-radius: 0;height: 2px;}
#pc-glnavi.active .h-menu .zdo_drawer_buttonsp .zdo_drawer_menu_text { display: none; }
#pc-glnavi.active .h-menu .zdo_drawer_buttonsp .zdo_drawer_close { display: block; }
.zdo_drawer_text { width: 100%; position: absolute; bottom: -2.6vw; left: 0; text-align: center; font-size: 1.3vw; }
.zdo_drawer_close { letter-spacing: 0.08em; display: none; }
/*+++ Default Button Color +++*/
.zdo_drawer_buttonsp { color: #000; }
.zdo_drawer_buttonsp .zdo_drawer_bar {background-color: #fff;}

.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{ }
#pc-menu-open .glboxin01{float: left;width: 27.8%;}
#pc-menu-open .glboxin02{float: left;width: 24%;margin-right: 3.8%;}
#pc-menu-open .glboxin03{float: left;width: 27.6%;}
#pc-menu-open .glboxin04{ float: left; }

#pc-menu-open .glbox ul{display: block;margin-bottom: 40px;}
#pc-menu-open .glbox ul li.prl{display: block;margin-bottom: 13px;}
#pc-menu-open .glbox ul li.prl2{display: block;margin-bottom: 1px;margin-top: -20px;}
#pc-menu-open .glbox ul li.prl a{display: block;border-left: #fff 2px solid;font-size: 1.6rem;font-weight: 700;letter-spacing: 0;padding: 0 0 0 16px;}
#pc-menu-open .glbox ul li.prl2 a{display: block;font-size: 1.4rem;font-weight: 700;letter-spacing: 0;padding: 0px 0 0 0px;}
#pc-menu-open .glbox ul li.cld{display: block;margin-bottom: 5px;line-height: 1.5;}
#pc-menu-open .glbox ul li.cld a{display: block;font-size: 1.4rem;font-weight: 400;letter-spacing: 0;position: relative;padding-left: 8px;}
#pc-menu-open .glbox ul li.cld a::before{ content: "-"; position: absolute; top: 0; left: 0;}

#pc-menu-open .glbo .glboxin04 ul li.cld{display: block;margin-bottom: 6px;line-height: 1.5;}
#pc-menu-open .glbox .glboxin04 ul li.cld a{display: block;font-size: 1.2rem;font-weight: 400;letter-spacing: 0;position: relative;padding-left: 7px;}
#pc-menu-open .glbox .glboxin04 ul li.cld.mbb {margin-bottom: 40px;}




   /* サイドメニュー追従 */
.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: 20px; /* ビューポートの上から20pxで固定 */left: 16.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: #0057AA}



body.recback .contentsbox .side-nav ul li a{color: #fff;position: relative;}
body.recback .contentsbox .side-nav ul li a.active,body.recback .contentsbox .side-nav ul li.active a, body.recback .contentsbox .side-nav ul li a:hover{ color: #EDDD1D;}
body.recback .contentsbox .side-nav a::before{background: url(../images/common/contentsfoot-arr03.svg)no-repeat top center;top: 2px;}
body.recback .contentsbox .side-nav a:has(span)::before,body.recback .contentsbox .side-nav a:hover:has(span)::before{top: -23px;}

body.recback .contentsbox .side-nav .active a::before,body.recback .contentsbox .side-nav a:hover::before{content:"";display: inline-block;width: 15px;height: 15px;background: url(../images/common/contentsfoot-arr03.svg)no-repeat top center;position: relative;left: -9px;margin-right: -5px;top: 2px;opacity: 1;}

body.recback .contentsbox{max-width: 1640px;padding-top: 69px;margin-bottom: 160px;}
body.recback .contentsbox .side-nav{width: 248px;}
body.recback .contentsbox .side-nav.scrcnv{top: 200px;}

body.recback .contentsall{background: #fff;max-width: 1200px;border-radius: 20px;padding: 72.9px 30px 99px;position: relative;top: 10px;}
body.recback main{background: url(../images/entry/contents01-back02.svg)no-repeat bottom left,url(../images/entry/contents01-back01.svg)no-repeat top right;padding-bottom: 1px;}


   /* サイドメニューend */


   
   /* common */
   
   /* 2カラムサイト----------------
   #tow-cl{ width: 1100px; margin: 0 auto; padding: 20px 0;}
   #tow-cl main{ width: 800px!important; float: left;  }
   #tow-cl #side{ width: 280px; float: left; margin-right: 19px; background: #333; height: 800px; }
   #blog #tow-cl #side{ display: none;}
   #blog #tow-cl main{ width: 1100px !important;}*/
   /* 1カラムサイト */
   /*#one-cl{ }*/
   

   .main-title{width: auto;padding: 92px 6.5rem 0;text-align: left;margin: 0px auto 37px;max-width: 1700px;}
   .main-title img{display: inline;margin-right: 11px;position: relative;top: -5px;}
   .main-title .en {display: block;font-size: 1.4rem;font-weight: 700;letter-spacing: 0.14rem;margin-bottom: 10px;text-transform: uppercase;font-family: "Montserrat", sans-serif;font-style: normal;color: #0057AA;}
   .main-title .jp {display: block;font-size: 4.5rem;font-weight: bold;letter-spacing: 0.15rem;}
   h2.sub-title{ padding: 25px 20px 10px; margin-bottom: 50px; font-size: 28px; font-weight: bold; letter-spacing: 2px; text-align: center; border-bottom: solid 2px #000;}

   .seo_bread_list {max-width: 1660px;width: 100%;padding: 0px 2.9rem;margin: 0 auto;font-size: 1.3rem;line-height: 1.4;text-align: right;}
   .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: ""; }
   
   /*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: #0057AA;  }
   .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-family: noto-sans-cjk-jp, sans-serif;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: 15px;min-width: 10px;line-height: 2;font-size: 1.6rem;display: block;margin-bottom: 7.2rem;}
.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: 0 0 7px;font-size: 2.4rem!important;letter-spacing: 0.072rem;line-height: 1.6;margin: 0px 0px 3.2rem;color: #0057AA;}
.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: 0px 1.6rem;font-size: 2.4rem;letter-spacing: 0.054rem;line-height: 1.2;margin: 0 0 2.4rem;}
.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: 2rem;letter-spacing: 0.054rem;line-height: 1.6;margin: 0px 0px 2.4rem;padding: 0.7rem 2rem;}
.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: 7px;height: 7px;background: #0057AA;border-radius: 10px;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: 400;}
.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-bottom: 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;}

#contentsrecruitbottom { margin: 0 auto; position: relative; background: url('../images/common/contentsrecruit-back01.jpg')repeat-x top center; animation: slide-bg 60s linear infinite;}
@keyframes slide-bg {
   0% { background-position: 100% 0; }
   100% { background-position: 0 0; }
 }
#contentsrecruitbottom .inner-Box {margin: 0 auto;position: relative;max-width: 1280px;padding: 9.7rem 3.3rem 8rem 4.8rem;}
#contentsrecruitbottom .inner-Box h2.f-en {font-size: 1.6rem;line-height: 1.33;font-weight: 700;letter-spacing: 0.16rem;margin-bottom: 0px;position: relative;color: #fff;transform: rotate(90deg);transform-origin: center;display: inline-block;position: absolute;top: 161px;left: -5.3rem;}
#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;width: 389px;height: 107px;background: #fff;border-radius: 8px;margin: 0 16px 16px 0px;}
#contentsrecruitbottom .inner-Box ul li:nth-child(1) {margin-right: 0px;height: 230px;position: absolute;top: 0;left: 0;text-align: center;border-radius: 16px;}
#contentsrecruitbottom .inner-Box ul li:nth-child(2) {margin-left: 405px;}
#contentsrecruitbottom .inner-Box ul li:nth-child(4) {margin-left: 405px;}
#contentsrecruitbottom .inner-Box ul li:nth-child(3),#contentsrecruitbottom .inner-Box ul li:nth-child(5),#contentsrecruitbottom .inner-Box ul li:nth-child(8) { margin-right: 0px; }
#contentsrecruitbottom .inner-Box ul li a {display: block;padding: 25px;}
#contentsrecruitbottom .inner-Box ul li a:hover {  }
#contentsrecruitbottom .inner-Box span.ricon {display: inline-block;line-height: 1;margin-right: 5px;}
#contentsrecruitbottom .inner-Box span.ricon img {  }
#contentsrecruitbottom .inner-Box h3 {font-size: 1.6rem;line-height: 1.33;font-weight: 700;letter-spacing: 0rem;margin-bottom: 6px;position: relative;color: #0057AA;}
#contentsrecruitbottom .inner-Box p.rltext {font-size: 1.3rem;line-height: 1.8;font-weight: 400;letter-spacing: 0rem;margin-bottom: 3rem;position: relative;}
#contentsrecruitbottom .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 49px;right: 23px;}
#contentsrecruitbottom .inner-Box a .arr{background: url(../images/common/arr.svg)repeat-x top center;width: 12px;height: 12px;transition: all 0.3s ease-in-out;background-size: 100% auto;}
#contentsrecruitbottom .inner-Box a:hover .arr { background-position: right -12px top; }

#contentsrecruitbottom .inner-Box ul li:nth-child(1) span.ricon{display: block;position: relative;top: 7px;margin-bottom: 28px;}
#contentsrecruitbottom .inner-Box ul li:nth-child(1) h3{font-size: 2.2rem;margin-bottom: 13px;}
#contentsrecruitbottom .inner-Box ul li:nth-child(1) p.rltext{ }
#contentsrecruitbottom .inner-Box ul li:nth-child(1) span.arr{top: auto;bottom: 22px;}


   /* リンク透明 */
   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:1650px) {
      .contentsbox .side-nav{left: 3rem;}

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

      #contentsrecruitbottom {margin: 0;position: relative;background: url('../images/common/contentsrecruit-back01.jpg')no-repeat top center;}
      #contentsrecruitbottom .inner-Box {position: relative;padding: 6vw 0.9vw 6vw 4.2vw;}
      #contentsrecruitbottom .inner-Box h2.f-en {font-size: 1.25vw;line-height: 1.33;font-weight: 700;letter-spacing: 0.12vw;margin-bottom: 0.0vw;position: relative;color: #fff;transform: rotate(90deg);transform-origin: center;display: inline-block;position: absolute;top: 12.58vw;left: -3.3vw;}
      #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: 8.36vw;background: #fff;border-radius: 0.62vw;margin: 0 1.25vw 1.25vw 0.0vw;width: 30.4vw;}
      #contentsrecruitbottom .inner-Box ul li:nth-child(1) {margin-right: 0.0vw;height: 17.97vw;position: absolute;top: 0;left: 0;text-align: center;border-radius: 1.25vw;}
      #contentsrecruitbottom .inner-Box ul li:nth-child(2) {margin-left: 31.64vw;}
      #contentsrecruitbottom .inner-Box ul li:nth-child(4) {margin-left: 31.64vw;}
      #contentsrecruitbottom .inner-Box ul li:nth-child(3),#contentsrecruitbottom .inner-Box ul li:nth-child(5),#contentsrecruitbottom .inner-Box ul li:nth-child(8) { margin-right: 0.0vw; }
      #contentsrecruitbottom .inner-Box ul li a {display: block;padding: 1.95vw;}
      #contentsrecruitbottom .inner-Box ul li a:hover {  }
      #contentsrecruitbottom .inner-Box span.ricon {display: inline-block;line-height: 1;margin-right: 0.39vw;}
      #contentsrecruitbottom .inner-Box span.ricon img {  }
      #contentsrecruitbottom .inner-Box h3 {font-size: 1.25vw;line-height: 1.33;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 0.47vw;position: relative;color: #0057AA;}
      #contentsrecruitbottom .inner-Box p.rltext {font-size: 1.02vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 3rem;position: relative;}
      #contentsrecruitbottom .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 3.83vw;right: 1.8vw;}
      #contentsrecruitbottom .inner-Box a .arr{background: url(../images/common/arr.svg)repeat-x top center;height: 0.94vw; width: 0.94vw; transition: all 0.3s ease-in-out;background-size: 0.94vw auto;}
      #contentsrecruitbottom .inner-Box a:hover .arr { background-position: right -0.94vw top; }
      
      #contentsrecruitbottom .inner-Box ul li:nth-child(1) span.ricon{display: block;position: relative;top: 0.55vw;margin-bottom: 2.19vw;}
      #contentsrecruitbottom .inner-Box ul li:nth-child(1) h3{font-size: 1.72vw;margin-bottom: 1.02vw;}
      #contentsrecruitbottom .inner-Box ul li:nth-child(1) p.rltext{ }
      #contentsrecruitbottom .inner-Box ul li:nth-child(1) span.arr{top: auto;bottom: 1.72vw;}
      


}


   @media screen and (min-width:768px) and ( max-width:1200px) {
      #recruit-header .rec-navi li {  position: relative; margin: 0 17px 0; }
.contentsall{position: relative;left: -2rem;}
      html {overflow: auto;font-size: 53.5%;}
      body { overflow: visible;}
      footer .f-con-Box{margin-left: 0;left: 0;width: 30%;}
      footer .f-link-Box{ width: 68%;}
   }
   
   @media screen and (min-width:768px) and ( max-width:1000px) {
      #g-nav{text-align: right;width: 370px;right: 137px;}
      
      #g-nav li.list {margin-bottom: 5px;}


   }



@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: 20vw;position: relative;padding-top: 2.2vw;}
header .h-logo{width: 65.7vw;padding: 4.4vw 0 0 4.3vw;}
header .h-logo img { }

a.link-arr{text-align: center;display: block;margin: 0 4vw;position: relative;}
a.link-arr .post-arrow {position: absolute;width: 3.67vw;height: 2.67vw;top: 2.13vw;right: 5.63vw;display: none;}
a.link-arr .post-arrow .arrow-bg { display: none; }
a.link-arr .post-arrow .arrow-icon.default{  }
a.link-arr .post-arrow .arrow-icon.next { display: none; }

.blue-btn{ }
.blue-btn a{border: 0.27vw solid #0057AA;border-radius: 26.67vw;overflow: hidden;display: block;height: 14.93vw;background: #fff;color: #0057AA;position: relative;font-size: 4.27vw;padding: 4.0vw 0 0 0.0vw;text-align: center;font-weight: bold;}
.blue-btn a .arr{position: absolute;top: 1.87vw;right: 7.2vw; transition: right 0.3s ease-in-out;}
.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%;}





#recruit-header{background: #fff;width: 100%;z-index: 5;top: 0;padding-bottom: 5.5vw;}
#recruit-header .h-logo{position: absolute;top: 7.21vw;left: 4.48vw;width: 51.5vw;}
#recruit-header .inBox{width: auto;background: transparent linear-gradient(260deg, #36AEEF 0%, #6ED2FF 100%) 0% 0% no-repeat padding-box;height: 32.05vw;border-radius: 0.0vw 0vw 41vw 0;text-align: right;overflow: hidden;transition: height 0.3s ease-in-out;margin-right: 8vw;}
#recruit-header .inBox p{font-size: 13.6vw;font-weight: bold;color: #fff;padding-top: 16.66vw;letter-spacing: 0rem;transition: padding-top 0.3s ease-in-out;text-align: left;margin-left: 4vw;}
#recruit-header .rec-navi ul {padding: 10.6vw 0 0;}
#recruit-header .rec-navi li {font-size: 3.2vw;letter-spacing: 0.095vw;font-weight: bold;padding: 0vw 0 0 7.25vw;position: relative;margin: 0 0.52vw 5vw;}
#recruit-header .rec-navi li a::before{}

#recruit-header .rec-navi li.active a{color: #36AEEF;}
#recruit-header .rec-navi li.active a::before{content: "";height: 2.17vw;width: 2.17vw;border-radius: 50%;background: #36AEEF;display: inline-block;margin-right: 2.2vw;position: relative;top: -0.4vw;left: 0.3vw;}


/*+++ Reset +++*/
#pc-glnavi .h-menu::after{ content: ""; display: block; width: 100vw; height: 2.2vw; position: fixed; top: 0; left: 0; background: #0057AA; z-index: 10;}
#pc-glnavi .h-menu::before{content:"";background: url(../images/common/common-rr01.svg)no-repeat;position: absolute;top: 2.1vw;right: 15.8vw;background-size: 100% auto;width: 4.2vw;height: 10vw;transform: scale(-1, 1);}

#pc-glnavi .h-menu {position: fixed;top: 0vw;width: 16.03vw;right: 0vw;height: 15.83vw;background: #0057AA;border-radius: 0 0 0 4vw;border: none;z-index: 10002;}
#pc-glnavi .h-menu .zdo_drawer_buttonsp::before{height: 1.21vw;content: "";display: block;position: relative;top: 0;left: 0;}
#pc-glnavi .h-menu .zdo_drawer_buttonsp * { margin: 0; padding: 0; outline: none; border: none; font: inherit; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-align: left; text-decoration: none; list-style: none; }
#pc-glnavi .h-menu .zdo_drawer_buttonsp {display: block;padding: 0;width: 6.62vw;height: 5.4vw;background: none;border: none;text-align: center;letter-spacing: 0.1em;cursor: pointer;outline: none;z-index: 99999;position: absolute;top: 5.48vw;left: 4.42vw;}
#pc-glnavi .h-menu .zdo_drawer_buttonsp .zdo_drawer_bar {display: block;height: 0.53vw;width: 6.33vw;transition: all 0.2s;transform-origin: 0% 0%;transform: translateY(-50%);position: absolute;left: 0;border-radius: 0.6vw;}
#pc-glnavi .h-menu .zdo_drawer_buttonsp .zdo_drawer_bar1 {top: 0.42vw;left: 0.48vw;}
#pc-glnavi .h-menu .zdo_drawer_buttonsp .zdo_drawer_bar2 {top: 2.52vw;left: 0.5vw;}
#pc-glnavi .h-menu .zdo_drawer_buttonsp .zdo_drawer_bar3 {top: 4.52vw;left: 0.5vw;}
#pc-glnavi.active .h-menu{}
#pc-glnavi.active .h-menu .zdo_drawer_buttonsp .zdo_drawer_bar {left: 0.0vw; background:#fff!important;}
#pc-glnavi.active .h-menu .zdo_drawer_buttonsp .zdo_drawer_bar1 {transform: rotate(0.64rad) translateY(-96%);top: 0.3vw;border-radius: 0;height: 0.48vw;width: 8vw;}
#pc-glnavi.active .h-menu .zdo_drawer_buttonsp .zdo_drawer_bar2 { opacity: 0; }
#pc-glnavi.active .h-menu .zdo_drawer_buttonsp .zdo_drawer_bar3 {transform: rotate(-0.64rad) translateY(-50%);top: 4.89vw;width: 8vw;left: 0.24vw;border-radius: 0;height: 0.48vw;}
#pc-glnavi.active .h-menu .zdo_drawer_buttonsp .zdo_drawer_menu_text { display: none; }
#pc-glnavi.active .h-menu .zdo_drawer_buttonsp .zdo_drawer_close { display: block; }
.zdo_drawer_text { width: 100%; position: absolute; bottom: -2.6vw; left: 0; text-align: center; font-size: 1.3vw; }
.zdo_drawer_close { letter-spacing: 0.08em; display: none; }
/*+++ Default Button Color +++*/
.zdo_drawer_buttonsp { color: #000; }
.zdo_drawer_buttonsp .zdo_drawer_bar {background-color: #fff;}
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: #0057AA;width: 100vw;height: 100vh;position: fixed;top: 0;z-index: 10000;overflow-y: scroll;color: #fff;}
#pc-menu-open a{color: #fff;}   
#pc-menu-open .homelink{font-size: 4.27vw;border-bottom: 2px solid #fff;margin-bottom: 4.3vw;}
#pc-menu-open .homelink a{display: block;padding: 1.6vw 2vw 3.6vw 2vw;}
#pc-menu-open .bigl{font-size: 4.27vw;display: block;letter-spacing: 0.21vw;padding: 0vw 1.9vw 3.8vw;}
#pc-menu-open .sub a::before{content: "・";position: absolute;top: 0.2vw;left: -4vw;}
#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; padding-right: 2.5em; border-bottom: 2px solid #fff; margin-bottom: 4vw; }
#spopnavi .toggle { position: absolute; top: 3.2vw; right: 1.9vw; width: 3.2vw; height: 3.2vw; 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.2vw; 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 4vw 5.9vw; }
#spopnavi .subnavia li.sub { margin: 0; position: relative; margin-bottom: 1.8vw; }
#spopnavi .subnavia li.sub a { text-decoration: none; color: #fff; font-size: 3.73vw; }

#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;}

footer{width: 100%;z-index: 3;position: relative;border-top: #D2D2D2 0.27vw solid;}
footer .footer-Box{margin: 0 auto 5.83vw;font-size: 4.27vw;color: #fff;padding: 13.1vw 6.3vw 0;}
footer .f-con-Box{position: relative;}
footer .f-con-Box .f-logo{margin-bottom: 8.57vw;margin-right: 12.8vw;}
footer .f-con-Box .f-logo img{ width: 100%; height: auto;}
footer .f-con-Box p{font-size: 3.73vw;line-height: 1.6;letter-spacing: 0.11vw;}
footer .f-link-Box{position: relative;padding: 0;}
footer .glbox{width: 100%;}
footer .glboxin01{width: 87.4vw;border-bottom: #D2D2D2 1px solid;margin-bottom: 6.2vw;}
footer .glbox .flsp{ width: 45.7vw; }
footer .glbox .frsp{ width: 41.7vw; }

footer .glboxin02{width: 87.4vw;border-bottom: #D2D2D2 1px solid;margin-bottom: 6.2vw;}
footer .glbox .glboxin02 .frsp{ margin-top: 9.5vw; }

footer .glboxin03{width: 87.4vw;border-bottom: #D2D2D2 1px solid;margin-bottom: 6.2vw;}
footer .glboxin03 ul{ width: 87.4vw;}
footer .glboxin04{ width: 87.4vw;margin-bottom: 6.2vw; }
footer .glboxin03 .pcds,footer .glboxin04 .pcds{ display: none;}
footer .glbox .glboxin03 .frsp{ margin-top: 9.5vw; }


footer .glbox ul{display: block;margin-bottom: 3.27vw;float: left;}
footer .glbox ul li.prl{display: block;margin-bottom: 3.47vw;}
footer .glbox ul li.prl2{display: block;margin-bottom: 0.27vw;margin-top: 0vw;}
footer .glbox ul li.prl a{display: block;border-left: #0057AA 0.53vw solid;font-size: 3.47vw;font-weight: 700;letter-spacing: 0;padding: 0 0 0 4.27vw;}
footer .glbox ul li.prl2 a{display: block;font-size: 3.20vw;font-weight: 700;letter-spacing: 0;padding: 0.0vw 0 0 0.0vw;}
footer .glbox ul li.cld{display: block;margin-bottom: 2.83vw;line-height: 1.5;}
footer .glbox ul li.cld a{display: block;font-size: 3.20vw;font-weight: 400;letter-spacing: 0;position: relative;padding-left: 2.13vw;}
footer .glbox ul li.cld a::before{ content: "-"; position: absolute; top: 0; left: 0;}

footer .glbo .glboxin04 ul li.cld{display: block;margin-bottom: 1.6vw;line-height: 1.5;}
footer .glbox .glboxin04 ul li.cld a{display: block;font-size: 2.93vw;font-weight: 400;letter-spacing: 0;position: relative;padding-left: 1.87vw;}
footer .glbox .glboxin04 ul li.cld.mbb {margin-bottom: 10.67vw;}

footer #pagetop{position: absolute;height: 16vw;width: 15.7vw;border-radius: 4.1vw 0.0vw 0.0vw 0.0vw;background: #0057AA;bottom: -6.1vw;right: 0;padding: 5.97vw 6.2vw 0 6.83vw;}
footer #pagetop a{display: block;width: 5vw;height: 3.67vw;overflow: hidden;position: relative;}
footer #pagetop .arrow{display: block;height: 3.73vw;width: 2.7vw;background: url("../images/common/arr02.svg") no-repeat center bottom;background-size: 100% auto;transition: background-position 0.3s ease;}
footer #pagetop::before{content:"";background: url(../images/common/common-rr01.svg)no-repeat;position: absolute;top: 12.03vw;right: 15.6vw;transform: rotate(180deg);transform-origin: center;background-size: 100% auto;display: block;width: 4vw;height: 4vw;}

.copyright{position: relative;font-size: 2.8vw;letter-spacing: 0.43vw;display: block;font-weight: 400;color: #fff;background: #0057AA;text-align: center;height: 18.4vw;padding-top: 6vw;padding-left: 0vw;}
.copyright::before{content: url(../images/common/common-rr01.svg);position: absolute;top: 0vw;left: 1.6rem;transform: rotate(270deg);transform-origin: center; background-size: 100% auto;}



.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: 19.6vw 6.7vw 0;}


.contentsbox{  }
.contentsbox .side-nav{margin: 6.5vw 0 0 6.9vw;}
.contentsbox .side-nav 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;}
.contentsbox .side-nav ul li{margin-right: 1.6vw;flex: 0 0 auto;margin-bottom: 1.9vw;max-width: 86vw;}
.contentsbox .side-nav ul li a{font-size: 2.93vw;font-weight: 400;letter-spacing: 0vw;display: inline-block;border: 1px solid #D2D2D2;border-radius: 8vw;background: #F3F5FA;padding: 1.3vw 8.3vw 1.3vw 3.5vw;position: relative;}
.contentsbox .side-nav a::before{width: 2.22vw;content:"";display: inline-block;height: 3.12vw;background: url(../images/common/arr03.svg)no-repeat top center;background-size: 100% auto;position: absolute;right: 3.9vw;top: 2.94vw;opacity: 1;}



body.recback .contentsbox .side-nav{margin: 0 0 0 7.9vw;}
body.recback .contentsbox .side-nav 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;overflow: visible;}
body.recback .contentsbox .side-nav ul li{width: 39%;flex: none;margin-right: 6.3vw;margin-bottom: 3.3vw;}
body.recback .contentsbox .side-nav ul li a{font-size: 3.46vw;font-weight: bold;letter-spacing: 0.1vw;}

body.recback .contentsbox .side-nav ul li a{ color: #fff;}
body.recback .contentsbox .side-nav ul li.active a{color: #EDDD1D;padding: 0 0 0 3.2vw;}
body.recback .contentsbox .side-nav a::before{background: url(../images/common/contentsfoot-arr03.svg)no-repeat top center;}

body.recback .contentsbox .side-nav .active a::before{width: 4.12vw;content:"";display: inline-block;height: 4.12vw;background: url(../images/common/contentsfoot-arr03.svg)no-repeat top center;background-size: 100% auto;position: relative;left: -3.17vw;margin-right: -1.21vw;top: 0.74vw;opacity: 1;}

body.recback .contentsbox{padding-top: 10.27vw;margin-bottom: 38.65vw;}
body.recback .contentsbox .side-nav{}
body.recback .contentsbox .side-nav.scrcnv{top: 48.31vw;margin-bottom: -0.7vw;}

body.recback .contentsall{background: #fff;border-radius: 4.83vw;padding: 10.7vw 4.05vw 18.5vw;position: relative;top: 2.42vw;margin: 0 3.9vw;}
body.recback main{background: url(../images/entry/contents01-back02.svg)no-repeat bottom left,url(../images/entry/contents01-back01.svg)no-repeat top right;padding-bottom: 0.24vw;background-size: 12.8vw auto;}


.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{}
   

.main-title{width: auto;padding: 4.3vw 0 0 2.2vw;text-align: left;margin: 5.1vw 4vw 7.8vw;border-radius: 5.33vw;}
.main-title .en img { display: inline-block; width: 2.67vw; line-height: 0; margin-right: 2.3vw; position: relative; top: -0.3vw; }
.main-title .en {display: block;font-size: 3.20vw;letter-spacing: 0.32vw;font-weight: 700;margin-bottom: 2vw;text-transform: uppercase;font-family: "Montserrat", sans-serif;font-style: normal;color: #0057AA;line-height: 1;}
.main-title .jp {display: block;font-size: 6.40vw;font-weight: bold;letter-spacing: 0.319vw;}

h2.sub-title{ font-weight: bold; padding: 3vw 3vw 1vw; margin-bottom: 5vw; font-size: 5vw; letter-spacing: 0.3vw; text-align: center; border-bottom: solid #000 0.2vw;}

.seo_bread_list {
   width: 100%;
   padding: 4.1vw 6.3vw 3.5vw;
   margin: 0 auto;
   font-size: 3.2vw;
   color: #666;
   line-height: 1.6;
   border-top: 1px solid #D2D2D2;
 
   overflow-x: auto; /* 横スクロール */
   white-space: nowrap; /* 改行しない */
   -webkit-overflow-scrolling: touch; /* スマホスムーススクロール */
 }
 
 .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: #0057AA;
   text-decoration: underline;
 }
/* 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: 14.15vw;font-family: noto-sans-cjk-jp, sans-serif;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: 1.8;display: block;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: 5.33vw;line-height: 1.5;letter-spacing: 0.27vw;margin: 0vw 0vw 3.22vw 0vw;padding-bottom: 2.4vw;color: #0057AA;}

.wysiwyg h3 {padding: 0vw 3.83vw;font-size: 4.80vw;letter-spacing: 0.24vw;line-height: 1.2;margin: 0 0 4.27vw;}
.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;}
.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: #0057AA;}
.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: 500;}
.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: 400;}
.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-bottom: 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 {border-bottom: 1px solid #D2D2D2;}
.wysiwyg h3 {
    font-weight: bold;
    position: relative;
    display: inline-block;
    border-left: #0057AA 2px solid;
}
.wysiwyg h4 {
    position: relative;
    font-weight: 700;
    background: #F3F5FA;
    border-bottom: #D2D2D2 1px solid;
}
.wysiwyg h5 {}
.wysiwyg h6 { background-color: #eee; border: 1px dotted #999;}