@charset "UTF-8";

input:focus,textarea:focus{outline:2px solid #0097A3;}



/* 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: #222222; 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: #333; 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;}

.wysiwyg table td:first-child{width: 25%;}
.wysiwyg table td:first-last-child{ width: 80%;}

.f-min { font-family: "Zen Old Mincho", serif; }
.f-gothic { font-family: "Zen Kaku Gothic New", sans-serif; }
.f-en{ font-family: "Libre Baskerville", serif; font-style: italic; }

.wysiwyg,.form-Box input[type="text"], .form-Box input[type="email"], .form-Box input[type="tel"], .form-Box input[type="date"], .form-Box input[type="datetime-local"], .form-Box select, .form-Box textarea{ font-family: "Zen Kaku Gothic New", sans-serif; }

p:has(.w-str-text) {
   margin-bottom: 0!important;
 }
.reveal-box {
  width: 100%;      /* 親要素の幅いっぱいに */
  height: auto;     /* 親要素の高さいっぱいに */
  overflow: hidden;
  position: relative;
  /* background: #fff; */
}
.reveal-box img {
  position: absolute;
  /* ぼかしの「端の透け」を防ぐため、親より少し大きくして中央配置 */
  top: 50%;
  left: 50%;
  width: 110%;  
  height: 110%;
  transform: translate(-50%, -50%); /* 真ん中に寄せる */

  object-fit: cover; /* 比率を維持して隙間なく埋める */
  
  /* 演出用の初期値 */
  will-change: transform, filter;
  filter: blur(40px);
  opacity: 0;

  /* マスク設定 */
  -webkit-mask-image: radial-gradient(circle at 0% 0%, black 0%, transparent 0%);
  mask-image: radial-gradient(circle at 0% 0%, black 0%, transparent 0%);
}

@media screen and (min-width: 768px),print {

#your-date-picker,#your-date-picker2{background: url(../images/common/cal.svg) no-repeat right 15px center #fff; background-size: 20px;}

.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: 0rem;background: url(../images/common/common-back.jpg)no-repeat top center;padding-top: 86px;background-size: 100% auto;}

header { position: absolute; top: 0; left: 0; width: 100%; height: 86px; z-index: 999; padding: 2.2rem 0 0 4rem; transition: opacity .4s ease, background .4s ease; opacity: 1; }
header.fixd { position: fixed; top: 0; left: 0; width: 100%; background: rgba(255, 255, 255, 0.4); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); animation: fadeInHeader .5s ease both; }
@keyframes fadeInHeader { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } }

header .h-logo{ width: 100px; }
header .headnavi{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;position: absolute;top: 3rem;right: 3.9rem;}
header .headnavi li{margin-left: 3rem;}

header .headnavi{width: auto;margin: 0px auto 10px auto;padding: 0px 0;text-align: center;font-size: 16px;}
header .headnavi li.list { position: relative; display: inline-block; margin-right: 2px;}
header .headnavi li.list span {/* cursor: pointer; */padding-bottom: 3rem;}
header .headnavi li.list span,
header .headnavi li.list a{display: block;text-align: center;}
header .headnavi li.list span a{transition: all 0s ease-in-out;cursor: pointer;}
header .headnavi li.list span a:hover{color: #000;}
header.fixd .headnavi li.list span a:hover{ color: #000; }
header .headnavi li.list:first-child a {}
header .headnavi.dropmenu li.list ul.sub {visibility: hidden;opacity: 0;transition: 0.4s;position: absolute;top: 30px;left: 0;margin: 0;padding: 0;z-index: 500;font-size: 1.4rem;width: 242px;background: #fff;border: #0097A3 1px solid;padding: 2.2rem 1.5rem 1.6rem 2.4rem;}
header .headnavi.dropmenu li.list ul.sub.www{left: -6rem;width: 200px;}
header .headnavi.dropmenu li.list:hover ul { visibility: visible; opacity: 1; display: block; }
header .headnavi.dropmenu li.list ul li{margin:0;margin-bottom: 1.4rem;}
header .headnavi.dropmenu li.list ul li a {visibility: hidden;opacity: 0;transition: 0.3s;display: block;width: auto;color: #000;border-bottom: none;text-align: left;}
header .headnavi.dropmenu li.list:hover ul li a { visibility: visible; opacity: 1; }

header .headnavi.dropmenu li.list ul li a::before{content: "";width: 13px;height: 10px; margin-right: 3px; display: inline-block;background: url(../images/common/arr.svg)no-repeat top center;background-size: 100%; opacity: 0;transition: all 0.3s ease-in-out;}
header .headnavi.dropmenu li.list ul li a:hover{ color: #0097A3; padding-left: 13px;}
header .headnavi.dropmenu li.list ul li a:hover::before{opacity: 1; }

.wp-pagenavi a:hover{/* padding: 10px 13px!important; */top: 0!important;}
.wp-pagenavi span.current{/* padding: 13px!important; */top: 0!important;}
.wp-pagenavi a{margin: 0 3px!important;}
#contentsend {margin:0 auto;position:relative;height:760px;overflow:hidden;z-index: 3;}

#contentsend .ftbgbox{ background:url(../images/common/contentsend-back01.jpg)no-repeat top center; background-size:cover; width:100%; height: 840px; position:absolute; top:-15px; left:50%; transform:translateX(-50%); }
#contentsend .inner-Box {margin: 0 auto;position: relative;max-width: 1280px;padding: 11.1rem 4rem 0 4rem;}
#contentsend .inner-Box h2.f-en {font-size: 5rem;line-height: 1.75;font-weight: 400;letter-spacing: 0.3rem;margin-bottom: 35px;position: relative;text-align: center;color: #fff;}
#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;}
#contentsend .inner-Box ul li {position: relative;border: 1px solid #0097A3;background: #fff;width: 31.5%;margin-right: 2.7%;}
#contentsend .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contentsend .inner-Box ul li a {color: #0097A3;display: block;text-align: center;padding: 33px 0 0;}
#contentsend .inner-Box ul li a:hover {  }
#contentsend .inner-Box span.endicon {display: block;line-height: 1;margin-bottom: 3px;}
#contentsend .inner-Box span.endicon img {  }
#contentsend .inner-Box p.ltext {font-size: 2.4rem;line-height: 2;font-weight: 500;letter-spacing: 0px;margin-bottom: 5.1rem;position: relative;}
#contentsend .inner-Box span.arr {display: block;line-height: 1;position: absolute;bottom: 2.4rem;right: 2.3rem;transition: all 0.3s ease-in-out;}
#contentsend .inner-Box ul li a:hover span.arr { right: 1.3rem;}

footer{width: 100%;z-index: 3;position: relative;padding-bottom: 0rem;}
footer .footer-Box{margin: 0 auto;font-size: 1.6rem;max-width: 1300px;padding: 97px 5rem 36px;}
footer .f-con-Box{ margin-bottom: 43px; }
footer .f-con-Box .f-logo{margin-bottom: 28px;width: 38.7%;float: left;padding-right: 3%;}
footer .f-con-Box .f-logo img{width: 263px;height: auto;}
footer .f-con-Box .f-logo span{display: block;font-size: 1.5rem;letter-spacing: 0;padding-top: 17px;}
footer .f-con-Box p{/* font-size: 1.4rem; *//* line-height: 1.6; *//* letter-spacing: 0.042rem; */}
footer .fttelbox{float: left;width: 42%;padding-right: 3%;}
footer .fttelbox .fttel-text1{font-size: 1.4rem;letter-spacing: 0;font-weight: 400;margin-bottom: 4px;}
footer .fttelbox .fttel-text2{font-size: 1.6rem;letter-spacing: 0.128rem;font-weight: 400;margin-bottom: 6px;}
footer .fttelbox .fttel-text2 span{font-size: 2.4rem;letter-spacing: 0;display: inline-block;padding-left: 8px;position: relative;top: 2px;}
footer .fttelbox .fttel-text3{ font-size: 1.2rem; letter-spacing: 0; font-weight: 400; }
footer .snsbox{width: 19%;float: left;padding-top: 3.2rem;}
footer .snsbox .snslist{ 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 .snsbox .snslist li{margin-right: 6.5%;}
footer .snsbox .snslist li:nth-child(3){ }

footer .f-link-Box{position: relative;padding: 0;border-top:  #D6D6D6 1px solid;padding: 62px 0 59px;}
footer .f-link-Box::before{content: "";background: #0097A3;width: 120px;height: 1px;display: block;position: absolute;top: -1px;left: 0;}
footer .f-link-Box .ftlinkul{width: 17.1%;}
footer .f-link-Box .ftlinkul2{width: 17.1%;}
footer .f-link-Box .ftlinkul3{width: 17.1%;}
footer .f-link-Box .ftlinkul4{width: 17.1%;}
footer .f-link-Box .ftlinkul5{width: 17.1%;}
footer .f-link-Box .ftlinkul6{width: -5.9%;}
footer .f-link-Box ul{float: left;padding-right: 10px;}
footer .f-link-Box ul li{}
footer .f-link-Box ul li span{letter-spacing: 0;color: #0097A3;font-size: 1.5rem;display: block;margin-bottom: 12px;}
footer .f-link-Box ul li a{font-size: 1.4rem;display: block;letter-spacing: 0px;margin-bottom: 6px;}
footer .f-link-Box ul li span a{ color: #0097A3; } 

footer .cp-Box{ text-align: right;}
footer .cp-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;width: 380px;margin: 0 40px -19px auto;position: relative;z-index: 3;}
footer .cp-Box ul li{font-size: 1.3rem;margin-right: 16px;}
footer .cp-Box .copyright{position: relative;font-size: 1.1rem;letter-spacing: 0.088rem;display: block;font-weight: 400;text-align: center;padding-left: 1.8rem;text-align: right;color: #0097A3;}

.seo_bread_list {max-width: 1499px;width: 100%;padding: 0px 2.9rem;margin: 0 auto;font-size: 1.3rem;line-height: 1.4;text-align: right;font-family: "Zen Old Mincho", serif;}
.seo_bread_list li{ margin-right: 20px; float: left;  }
.seo_bread_list a{color: #333;text-decoration: none;}
.seo_bread_list li::after{ content: " >"; }
.seo_bread_list li:last-child::after{ content: ""; }

#ttlbox{position: relative;padding: 0 4rem 14.7rem;margin-top: 58px;}
#ttlbox .inner-Box{max-width: 1440px;margin: 0 auto -126px;min-height: 650px;position: relative;padding: 23.9rem 0 0 0;}
#ttlbox .inner-Box h1 .en{font-size: clamp(20px, 5rem, 50px);display: block;font-weight: 400;letter-spacing: 0.3rem;margin-bottom: 3px;z-index: 5;position: relative;}
#ttlbox .inner-Box h1 .jp{padding: 0 0 0 27px;font-size: 1.5rem;position: relative;z-index: 5;}
#ttlbox .inner-Box h1 .jp::before{content: "";background: #222;display: block;width: 20px;height: 1px;position: absolute;top: 1.12rem;left: 0;}
#ttlbox .inner-Box figure{width: 66.7%;position: absolute;top: 0;right: 0;z-index: 3;aspect-ratio: 96 / 65;overflow: hidden;}
#ttlbox .inner-Box figure img{width: 100%;height: 100%;object-fit: cover;display: block;}
#ttlbox .inner-Box .tatern{font-size: 12rem;line-height: 1;width: 0px;height: 12rem;display: block;color: #0097A3;opacity: 0.1;transform: rotate(90deg);transform-origin: top left;position: absolute;top: 1.5rem;right: -83px;background: #f000;z-index: 0;white-space: nowrap;}

/* 親要素：はみ出しを隠す設定を追加 */
a figure.figbo { position: relative; overflow: hidden; }
a figure.figbo img {transition: transform 0.6s ease, filter 0.6s ease;transform: scale(1);filter: blur(0);width: 100%;height: 100%;object-fit: cover;}
a:hover figure.figbo img { transform: scale(1.04); filter: blur(5px); }
/*
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: #333; 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 }
*/
#pc-glnavi .h-logo{ display: none;}
.circle-container {position: relative;width: 80px;height: 80px;display: flex;align-items: center;justify-content: center;margin-bottom: 21px;z-index: 3;left: -3px;}
.circle-container .number {font-size: 3.8rem;color: #0097A3; /* 位置はここで固定（上下の動きは削除） */transform: translate(-15px, -10px); /* 初期状態は透明 */opacity: 0;z-index: 1;}
.circle-container .line-svg {position: absolute;top: -3px;left: 5px;width: 100%;height: 100%;}
.circle-container .draw-line {fill: none;stroke: #0097A3;stroke-width: 1.2;stroke-linecap: round;stroke-dasharray: 500;stroke-dashoffset: 500;}

.blue-btn{ }
.blue-btn a{border: 1px solid #0097A3;overflow: hidden;display: block;width: 270px;height: 6.4rem;background: #fff;color: #0097A3;position: relative;font-size: 1.6rem;padding: 1.9rem 0 0 2.4rem;text-align: center;transition: all 0.3s ease-in-out;font-weight: 400;text-align: left;margin: 0 auto;letter-spacing: 0.08em;}
.blue-btn a span{position: relative;z-index: 3;}
.blue-btn a::before{content: "";display: block;height: 64px;width: 1px;background: #0097A3;position: absolute;top: 0;left: -1px;transition: all 0.3s ease-in-out;z-index: 1;}
.blue-btn a:hover{ color: #fff; }
.blue-btn a .arr{position: absolute;top: 11px;right: 1.6rem;transition: right 0.5s ease-in-out;}
.blue-btn a:hover .arr{ right: 10px; -webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.blue-btn a:hover::before{ width: 272px;}

.readmore-btn{ }
.readmore-btn{border: 1px solid #0097A3;overflow: hidden;display: block;width: 270px;height: 64px;background: #fff;color: #0097A3;position: relative;font-size: 1.6rem;padding: 1.9rem 0 0 2.4rem;text-align: center;transition: all 0.3s ease-in-out;font-weight: 400;text-align: left;margin: 0 auto;cursor: pointer;}
.readmore-btn span{ position: relative; z-index: 3; }
.readmore-btn span::before{content: "";width: 13px;height: 13px;display: block;position: absolute;top: 3px;right: -149px;background: url(../images/common/arr02.svg)no-repeat top center;transition: all 0.3s ease-in-out;}
.readmore-btn::before{content: "";display: block;height: 64px;width: 1px;background: #0097A3;position: absolute;top: 0;left: -1px;transition: all 0.3s ease-in-out;z-index: 1;}

.readmore-btn:hover span::before{ -webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1); }
.readmore-btn:hover{ color: #fff; }
.readmore-btn:hover::before{ width: 272px;}


/*+++ 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: #222222; }
.commonbtn a::before{display: block;content: "";background: #333;width: 0px;height: 2px;position: absolute;bottom: -2px;left: 0;transition: width 0.3s ease-in-out;}
.commonbtn a:hover{ color: #333; 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: #333;}
p.morebtn a {background: #fff;display: block;width: 200px;height: 52px;border: 1px solid #333;border-radius: 50px;position: relative;padding: 13px 0 0;color: #333;}
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;}



   
   /*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: #222222;transition: color 0.3s ease-in-out; }
   a:hover { color: #333;  }
   .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;overflow: hidden;}
.wysiwyg p {font-family: "Zen Kaku Gothic New", sans-serif;min-height: 15px;min-width: 10px;display: block;margin-bottom: 8rem;font-size: 1.6rem;line-height: 2;letter-spacing: 0.032rem;}
.wysiwyg a{ text-decoration: underline; color: #333; 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;margin: 0px 0px 2.4rem;padding-top: 2.4rem;font-size: 2.4rem;line-height: 1.5;letter-spacing: 0;font-weight: 500;}
.wysiwyg .w-str-text{font-size: 2.8rem!important;font-weight: bold!important;color: #333!important;line-height: 1.5!important;margin-bottom: 3.2rem!important;letter-spacing: 0.14rem!important;display: block;}

.wysiwyg h3 {padding: 0px 1.6rem;margin: 0 0 2.4rem;font-size: 2rem;line-height: 1.5;letter-spacing: 0;}
.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: #0097A3;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;color: #0097A3;font-family: "Libre Baskerville", serif; font-style: italic;}
.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;width: 100%;}
.wysiwyg table th,
.wysiwyg table td {border: none!important;border-bottom: 1px solid #D2D2D2!important;padding: 10px;font-size: 1.6rem;margin: 10px 5px;font-family: "Zen Kaku Gothic New", sans-serif;}
.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) {
body { background-size: 1920px auto;}


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

#ttlbox {
    position: relative;
    padding: 0 3.333vw 12.25vw;
    margin-top: 3.021vw;
    max-height: 44vw;
}
#ttlbox .inner-Box {
    max-width: 1440px;
    margin: 0 auto;
    min-height: 33.854vw;
    position: relative;
    padding: 15.333vw 0 0 0!important;
}
#ttlbox .inner-Box h1 .en {
    font-size: 4.167vw;
    display: block;
    font-weight: 400;
    letter-spacing: 0.25vw;
    margin-bottom: 0.156vw;
    z-index: 5;
    position: relative;
}
#ttlbox .inner-Box h1 .jp {
    padding: 0 0 0 1.406vw;
    font-size: 1.25vw;
    position: relative;
    z-index: 5;
}
#ttlbox .inner-Box h1 .jp::before {
    content: "";
    background: #222;
    display: block;
    width: 1.042vw;
    height: 1px;
    position: absolute;
    top: 0.933vw;
    left: 0;
}
#ttlbox .inner-Box figure {
    width: 65.7%;
    position: absolute;
    top: 0;
    right: 2vw;
    z-index: 3;
    aspect-ratio: 96 / 65;
    overflow: hidden;
}
#ttlbox .inner-Box figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
#ttlbox .inner-Box .tatern {
    font-size: 6vw;
    line-height: 0;
    width: 0px;
    height: 0;
    display: block;
    color: #0097A3;
    opacity: 0.1;
    transform: rotate(90deg);
    transform-origin: top left;
    position: absolute;
    top: 1.25vw;
    right: 1vw;
    background: #f000;
    z-index: 1;
    white-space: nowrap;
}
.seo_bread_list{padding-right: 5.6vw;}

}

@media screen and (min-width:768px) and ( max-width:1400px) {
body {/* overflow: visible; */}

}

@media screen and (min-width:768px) and ( max-width:1200px) {
html {/* overflow: auto; */font-size: 53.5%;}




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



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


}



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

#your-date-picker,#your-date-picker2{background: url(../images/common/cal.svg) no-repeat right 3vw center #fff;background-size: 3.7vw;}

.sp-bgimages{position: fixed;top: 0;left: 0;display: none;}
.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 {background: url(../images/common/sp-common-back.jpg)no-repeat top 15vw center;background-size: 100% auto;/* 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: 14.9vw;position: relative;padding-top: 2.2vw;background: #fff;}
header .h-logo{width: 35.7vw;padding: 1.3vw 0 0 4.3vw;}
header .h-logo img { }
header ul{ display: none;}

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 #0097A3;overflow: hidden;display: block;height: 14.93vw;background: #fff;color: #0097A3;position: relative;font-size: 4.27vw;padding: 4.0vw 0 0 6vw;text-align: left;font-weight: 400;letter-spacing: 0.21vw;}
.blue-btn a .arr{position: absolute;top: 1.87vw;width: 5.01vw;right: 4.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: #333;}
p.morebtn a {background: #fff;display: block;height: 11.27vw;border: 0.27vw solid #333;border-radius: 13.33vw;position: relative;padding: 2.37vw 1vw 0 0vw;color: #333;}
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%;}


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

#pc-glnavi { background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(4vw); -webkit-backdrop-filter: blur(4vw); position: fixed; top: 0; right: 0; z-index: 1000; width: 100%; height: 15.1vw; }
#pc-glnavi .h-logo{width: 35.7vw;padding: 3.4vw 0 0 4.3vw;}
#pc-glnavi.active{ background: none;backdrop-filter: none;}
#pc-glnavi.active .h-logo{ display: none; }
#pc-glnavi .h-menu {position: absolute;top: 0vw;width: 16.43vw;right: 0vw;height: 15.83vw;border-radius: 0 0 0 4vw;border: none;}
#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: 8.12vw;height: 5.4vw;background: none;border: none;text-align: center;letter-spacing: 0.1em;cursor: pointer;outline: none;z-index: 99999;position: absolute;top: 4.98vw;left: 2.82vw;}
#pc-glnavi .h-menu .zdo_drawer_buttonsp .zdo_drawer_bar {display: block;height: 1px;width: 7.73vw;transition: all 0.2s;transform-origin: 0% 0%;transform: translateY(-50%);position: absolute;left: 0;border-radius: 0vw;}
#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: #222!important;}
#pc-glnavi.active .h-menu .zdo_drawer_buttonsp .zdo_drawer_bar1 {transform: rotate(0.52rad) translateY(-96%);top: 0.3vw;border-radius: 0;height: 1px;width: 9.3vw;}
#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.52rad) translateY(-50%);top: 4.89vw;width: 9.3vw;left: 0.24vw;border-radius: 0;height: 1px;}
#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: #222222;}
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: #222222; }
.commonbtn a::before{display: block;content: "";background: #333;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{ }


#ttlbox{position: relative;}
#ttlbox .inner-Box{position: relative;padding: 13.6vw 0 0 7vw;}
#ttlbox .inner-Box h1 .en{font-size: 8.53vw;display: block;font-weight: 400;letter-spacing: 0.51vw;margin-bottom: 0.72vw;z-index: 5;position: relative;}
#ttlbox .inner-Box h1 .jp{padding: 0 0 0 6.52vw;font-size: 3.73vw;position: relative;z-index: 5;margin-bottom: 3.5vw;display: block;}
#ttlbox .inner-Box h1 .jp::before{content: "";background: #222;display: block;width: 4.83vw;height: 0.24vw;position: absolute;top: 3.02vw;left: 0;}
#ttlbox .inner-Box figure{width: 94.3vw;position: absolute;bottom: -85vw;left: -8.9vw;z-index: 3;}
#ttlbox .inner-Box figure img{ width: 100%; height: auto; }
#ttlbox .inner-Box .tatern{font-size: 16.00vw;line-height: 1;height: 5vw;width: 1vw;display: block;color: #0097A3;opacity: 0.1;transform: rotate(90deg);transform-origin: top left;position: absolute;top: 51.2vw;right: 2.7vw;background: #f000;z-index: 0;white-space: nowrap;}

#contentsend {margin:0 auto;position:relative;overflow:hidden;height: 149.4vw;z-index: 3;}

#contentsend .ftbgbox{background: url(../images/common/sp-contentsend-back01.jpg)no-repeat top center;width: 100vw;background-size: cover;height: 160.67vw;position:absolute;top:0vw;/* transform: translateX(0%)!important; */}
#contentsend .inner-Box {position: relative;padding: 13.5vw 6.4vw 36.8vw 6.4vw;}
#contentsend .inner-Box h2.f-en {font-size: 7.47vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.45vw;margin-bottom: 6.55vw;position: relative;text-align: center;color: #fff;}
#contentsend .inner-Box ul{}
#contentsend .inner-Box ul li {position: relative;border: 0.24vw solid #0097A3;background: #fff;width: 100%;margin-bottom: 4.4vw;}
#contentsend .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
#contentsend .inner-Box ul li a {color: #0097A3;display: block;text-align: center;padding: 7.17vw 0 2.9vw;}
#contentsend .inner-Box ul li a:hover {  }
#contentsend .inner-Box span.endicon {display: block;line-height: 1;margin-bottom: 0.72vw;position: absolute;top: 5.3vw;left: 5.1vw;width: 15.1vw;}
#contentsend .inner-Box span.endicon img {  }
#contentsend .inner-Box p.ltext {font-size: 4.80vw;line-height: 2;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 3.9vw;position: relative;}
#contentsend .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 9.4vw;right: 6.1vw;transition: all 0.3s ease-in-out;width: 5.4vw;}
#contentsend .inner-Box ul li a:hover span.arr { right: 1.3rem;}


.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: rgba(255, 255, 255, 0.7);backdrop-filter: blur(4vw);-webkit-backdrop-filter: blur(4vw);width: 100vw;height: 100vh;position: fixed;top: 0;z-index: 999;overflow-y: scroll;color: #fff;}
#pc-menu-open a{}   
#pc-menu-open .h-logo{width: 31.3vw;margin-bottom: 13vw;}
#pc-menu-open .bigl{font-size: 4.27vw;display: block;letter-spacing: 0.21vw;}
#pc-menu-open .sub a::before{content: "";position: absolute;top: 2.8vw;left: -4vw;display: block;background: #000;width: 2.6vw;height: 0.3vw;}
#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-left: 2.3vw;border-bottom: 1px solid #D6D6D6;margin: 0 6.1vw 4.3vw;color: #333;font-size: 4.27vw;padding-bottom: 1vw;}
#spopnavi .toggle {position: absolute;top: 3vw;right: 2.4vw;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.8vw;height: 1px;background-color: #222222;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 0s ease-in-out;padding: 2.6vw 0 0.3vw 2.5vw;}
#spopnavi .prl.open .subnavia {max-height: 500vw; /* 十分に大きく */}
#spopnavi .subnavia li.sub {margin: 0;position: relative;margin-bottom: 1.9vw;}
#spopnavi .subnavia li.sub a {text-decoration: none;color: #333;font-size: 3.73vw;position: relative;}

#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: 18.4vw;margin-bottom: 9.6vw;}
#pc-menu-open .btmmnavi li{font-size: 3.20vw;letter-spacing: 0vw;margin-right: 4.1vw;}
#pc-menu-open .snslist{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: 0 0 0 28.7vw;}
#pc-menu-open .snslist li{width: 8.4vw;margin-right: 3.5vw;}

footer{width: 100%;z-index: 3;position: relative;padding-bottom: 5rem;}
footer .footer-Box{margin: 0 auto 0.77vw;font-size: 3.86vw;padding: 14.93vw 6.1vw 0;}
footer .f-con-Box{margin-bottom: 12.59vw;}
footer .f-con-Box .f-logo{margin-bottom: 5.96vw;margin-right: 28.9vw;}
footer .f-con-Box .f-logo img{height: auto;}
footer .f-con-Box .f-logo span{font-size: 3.73vw;letter-spacing: 0;padding-top: 3.31vw;display: block;width: 89vw;}
footer .f-con-Box p{/* font-size: 3.38vw; *//* line-height: 1.6; *//* letter-spacing: 0.1vw; */}
footer .fttelbox{
    margin-bottom: 8vw;
}
footer .fttelbox .fttel-text1{font-size: 3.20vw;letter-spacing: 0;font-weight: 400;margin-bottom: 0.97vw;}
footer .fttelbox .fttel-text2{font-size: 4.27vw;letter-spacing: 0.34vw;font-weight: 400;margin-bottom: 1.45vw;}
footer .fttelbox .fttel-text2 span{font-size: 6.40vw;letter-spacing: 0;display: inline-block;padding-left: 1.93vw;position: relative;top: 0.48vw;}
footer .fttelbox .fttel-text3{font-size: 3.20vw;letter-spacing: 0;font-weight: 400;}
footer .snsbox{}
footer .snsbox .snslist{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-left: 26.9vw;}
footer .snsbox .snslist li{margin-right: 4.1vw;width: 7.9vw;}
footer .snsbox .snslist li:nth-child(3){ }

footer .f-link-Box{position: relative;padding: 0;border-top: #D6D6D6 1px solid;padding: 10.68vw 0 6.25vw;}
footer .f-link-Box::before{content: "";background: #0097A3;width: 16.39vw;height: 1px;display: block;position: absolute;top: -1px;left: 0;}
footer .f-link-Box .ftlinkul{width: 53.9%;}
footer .f-link-Box .ftlinkul2{width: 40.1%;height: 35.6vw;}
footer .f-link-Box .ftlinkul3{width: 53.9%;margin-bottom: 4vw;}
footer .f-link-Box .ftlinkul4{width: 44.1%;margin-bottom: 4vw;}
footer .f-link-Box .ftlinkul5{width: 53.8%;}
footer .f-link-Box .ftlinkul6{width: -5.9%;}
footer .f-link-Box ul{float: left;}
footer .f-link-Box ul li{}
footer .f-link-Box ul li span{letter-spacing: 0;color: #0097A3;font-size: 3.73vw;display: block;margin-bottom: 4.2vw;}
footer .f-link-Box ul li a{font-size: 3.47vw;display: block;letter-spacing: 0.00vw;margin-bottom: 1.65vw;}
footer .f-link-Box ul li span a{ color: #0097A3; } 

footer .cp-Box{ text-align: right;}
footer .cp-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;margin: 0 0vw 3.3vw 16.5vw;}
footer .cp-Box ul li{font-size: 3.14vw;margin-right: 4.56vw;}
footer .cp-Box .copyright{position: relative;font-size: 2.93vw;letter-spacing: 0.21vw;display: block;font-weight: 400;text-align: center;text-align: center;color: #0097A3;}


.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: 3.4vw 4.4vw 0;}

.circle-container {position: relative;width: 15.4vw;height: 19.32vw;display: flex;align-items: center;justify-content: center;margin-bottom: 5.07vw;z-index: 3;left: -1vw;top: -9vw;margin: 0 auto -8vw;}
.circle-container .number {font-size: 5.88vw;color: #0097A3; /* 位置はここで固定（上下の動きは削除） */transform: translate(0vw, 0vw); /* 初期状態は透明 */opacity: 0;z-index: 1;top: -1.7vw;left: -2.2vw;position: relative;}
.circle-container .line-svg {position: absolute;top: 0vw;left: 1.21vw;width: 100%;height: 100%;}
.circle-container .draw-line {fill: none;stroke: #0097A3;stroke-width: 1.2;stroke-linecap: round;stroke-dasharray: 500;stroke-dashoffset: 500;}

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

.readmore-btn{ }
.readmore-btn{border: 0.44vw solid #0097A3;overflow: hidden;display: block;height: 14.66vw;background: #fff;color: #0097A3;position: relative;font-size: 4.26vw;letter-spacing: 0.3vw;padding: 4vw 0 0 6.8vw;text-align: center;transition: all 0.3s ease-in-out;font-weight: 400;text-align: left;cursor: pointer;}
.readmore-btn span{ position: relative; z-index: 3; }
.readmore-btn span::before{content: "";width: 3.64vw;height: 3.64vw;display: block;position: absolute;top: 0.32vw;right: -51.9vw;background: url(../images/common/arr02.svg)no-repeat top center;transition: all 0.3s ease-in-out;background-size: 100% auto;}
.readmore-btn::before{content: "";display: block;height: 15.46vw;width: 0.24vw;background: #0097A3;position: absolute;top: 0;left: 0vw;transition: all 0.3s ease-in-out;z-index: 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{}
   /* lightcase SP用 画像サイズ強制 */

  #lightcase-content img {
    width: auto !important;
    max-width: 90vw !important;
    height: auto !important;
    max-height: 80vh !important;
  }


.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: #333;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.3vw 7vw 3.5vw;margin: 0 auto 83vw;font-size: 2.93vw;color: #666;line-height: 1.6;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: #333;text-decoration: none;}
/* 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: "."; }

/* 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;overflow: hidden;}
.wysiwyg p {font-family: "Zen Kaku Gothic New", sans-serif;display: block;margin-bottom: 10.67vw;font-size: 4vw;line-height: 1.7;letter-spacing: 0.08vw;}
.wysiwyg a{ text-decoration: underline; color: #333; 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 {line-height: 1.5;letter-spacing: 0.27vw;margin: 0vw 0vw 6.40vw 0vw;padding-bottom: 2.4vw;color: #333;font-size: 5.87vw;line-height: 1.5;letter-spacing: 0;padding: 6.1vw 0 0;}

.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: #0097A3;}
.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-weight: 400;font-weight: 400;color: #0097A3;font-family: "Libre Baskerville", serif; font-style: italic;}
.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: #333!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;font-family: "Zen Kaku Gothic New", sans-serif;}
.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-top: #D6D6D6 1px solid;font-family: "Zen Old Mincho", serif;position: relative;color: #0097A3;}
.wysiwyg h2::before{content: "";display: block;background: #0097A3;width: 120px;height: 1px;position: absolute;top: -1px;left: 0;}

.wysiwyg h3 {font-family: "Zen Old Mincho", serif;position: relative;display: inline-block;border-left: #0097A3 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;}