@charset "UTF-8";
/* Common
================================================ */
.mt-1em { margin-top: 1em; }

/* Header
================================================ */
header { font-family: 'Noto Sans JP', sans-serif; font-size: 1rem; }

header { position: fixed; top: 0; left: 0; width: 100%; transition: all 1s 0s ease; z-index: 10; }

.header__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 90%; height: 5.625em; margin: 0 auto; align-items: center; box-sizing: border-box; }
.header__logo { width: 13.4em; height: auto; z-index: 12; }
.header__logo a { display: block; transition: 0.4s; }
.header__logo a img { width: 100%; }
.header__logo a:hover { transform: translateX(0.25em); opacity: 0.8s; transition: 0.4s; }
.header__logo a:hover img { transition: 0.4s; }
.header__navitem .btn_fresh { display: block; padding: 1em 1em 1.13em 1.25em; width: 11.25em; color: #FFF; background-color: #00A0DE; border-radius: 25px; position: relative; z-index: 12; transition: .4s; /*&.slide { color: #FFF; background-color: #00A0DE; overflow: hidden; position: relative; z-index: 12; &::before { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background-color: #FFF; transform: scale(0, 1); transform-origin: left top; transition: .2s cubic-bezier(0.45, 0, 0.55, 1); z-index: -1; } &:hover { color: #222; &::before { transform: scale(1, 1); } }
}*/ /*&:hover { &::after { content: url("../../img/recruit/icon_arrow_link-h.svg"); }
}*/ }
.header__navitem .btn_fresh::after { content: url("../../img/recruit/icon_arrow_link.svg"); position: absolute; right: 0.9em; }
.header__navitem .btn_fresh:hover { transform: translateX(0.25em); opacity: 0.8; }
.header__navitem .btn_career { display: block; width: 11.25em; padding: 1em 1em 1.13em 1.25em; color: #FFF; background-color: #DE5A24; border-radius: 25px; position: relative; z-index: 12; transition: .4s; /*&.slide { color: #FFF; background-color: #DE5A24; overflow: hidden; position: relative; z-index: 12; &::before { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background-color: #FFF; transform: scale(0, 1); transform-origin: left top; transition: .2s cubic-bezier(0.45, 0, 0.55, 1); z-index: -1; } &:hover { color: #222; &::before { transform: scale(1, 1); } }
}*/ /*&:hover { &::after { content: url("../../img/recruit/icon_arrow_link-h.svg"); }
}*/ }
.header__navitem .btn_career::after { content: url("../../img/recruit/icon_arrow_link.svg"); position: absolute; right: 0.9em; }
.header__navitem .btn_career:hover { transform: translateX(0.25em); opacity: 0.8; }
.header__navitem .btn_fresh_sp { display: block; padding: 1em 1em 1.13em 1.25em; width: 11.25em; color: #FFF; background-color: #00A0DE; border-radius: 25px; position: relative; /*&.slide { color: #FFF; background-color: #00A0DE; overflow: hidden; position: relative; z-index: 12; &::before { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background-color: #FFF; transform: scale(0, 1); transform-origin: left top; transition: .2s cubic-bezier(0.45, 0, 0.55, 1); z-index: -1; } &:hover { color: #222; &::before { transform: scale(1, 1); } }
}*/ /*&:hover { &::after { content: url("../../img/recruit/icon_arrow_link-h.svg"); }
}*/ }
.header__navitem .btn_fresh_sp::after { content: url("../../img/recruit/icon_arrow_link.svg"); position: absolute; right: 0.9em; transition: 0.8s; }
.header__navitem .btn_career_sp { display: block; width: 11.25em; padding: 1em 1em 1.13em 1.25em; color: #FFF; background-color: #DE5A24; border-radius: 25px; position: relative; /*&.slide { color: #FFF; background-color: #DE5A24; overflow: hidden; position: relative; z-index: 12; &::before { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background-color: #FFF; transform: scale(0, 1); transform-origin: left top; transition: .2s cubic-bezier(0.45, 0, 0.55, 1); z-index: -1; } &:hover { color: #222; &::before { transform: scale(1, 1); } }
}*/ /*&:hover { &::after { content: url("../../img/recruit/icon_arrow_link-h.svg"); }
}*/ }
.header__navitem .btn_career_sp::after { content: url("../../img/recruit/icon_arrow_link.svg"); position: absolute; right: 0.9em; transition: 0.8s; }
.header__navitemlink { font-weight: 500; line-height: 1em; text-align: left; text-decoration: none !important; box-sizing: border-box; white-space: nowrap; }

#gNavi { width: auto; padding-top: 0; position: inherit; z-index: inherit; }
#gNavi ul { width: inherit; margin-left: inherit; margin-right: inherit; letter-spacing: normal; }

@media screen and (max-width: 804px) { header { font-size: 0.875em; }
  #gNavi { display: inherit; }
  .header__navitem .btn_fresh, .header__navitem .btn_career { display: none; } }
nav .globalmenu { display: flex; align-items: center; flex-flow: nowrap; gap: 1em; }

/* MENUボタン */
.spnav-btn { height: 4em; width: 4em; display: inline-block; position: relative; z-index: 12; }
.spnav-btn p { display: flex; align-items: center; justify-content: center; width: 4em; height: 4em; border-radius: 50%; text-align: center; background-color: #FFF; border: 1px solid #777; transition: .4s; cursor: pointer; }
.spnav-btn span::before { content: 'OPEN'; display: block; color: #222; font-weight: 600; transition: 0.6s; }
.spnav-btn span::before { bottom: 8px; }

#menu-btn-check:checked ~ .spnav-btn span { background-color: rgba(255, 255, 255, 0); }
#menu-btn-check:checked ~ .spnav-btn span::before { content: 'CLOSE'; bottom: 0; transform: rotate(360deg); transition: 0.6s; }

.spnav-content { width: 65%; height: auto; /*max-height: 100vh;*/ padding: 6em 4em 4em; position: absolute; top: 0; left: 100%; color: #FFF; background-color: #222; border-bottom-left-radius: 3em; box-sizing: border-box; transition: all 0.5s; z-index: 10; opacity: 0; }
.spnav-content ul { width: 100% !important; text-align: left !important; }
.spnav-content ul.globalmenu { display: none; }

#menu-btn-check:checked ~ .spnav-content { left: 35%; opacity: 1; }

#menu-btn-check:checked ~ .hamburger-demo-cover { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 5; background: rgba(49, 89, 150, 0.8); display: block; transition: .8s; }

@media screen and (max-width: 1490px) { .spnav-content { width: 75%; padding-left: 3em; padding-right: 3em; }
  #menu-btn-check:checked ~ .spnav-content { left: 25%; } }
@media screen and (max-width: 980px) { .spnav-content { width: 100%; }
  #menu-btn-check:checked ~ .spnav-content { left: 0%; } }
@media screen and (max-width: 804px) { .spnav-content { font-size: 0.875rem; }
  .spnav-content ul.globalmenu { display: flex; justify-content: center; align-items: center; flex-flow: nowrap; gap: 3em; margin-top: 2em; } }
@media screen and (max-width: 630px) { .spnav-content { padding: 4em 2em 2em; }
  .spnav-content ul.globalmenu { justify-content: space-between; gap: 0; }
  .spnav-content ul.globalmenu li.header__navitem { width: 47%; }
  .spnav-content ul.globalmenu li.header__navitem .btn_fresh_sp, .spnav-content ul.globalmenu li.header__navitem .btn_career_sp { width: 100%; } }
.spnav-item__wrap { display: flex; justify-content: space-between; flex-flow: nowrap; gap: 3em; }
.spnav-item__txt { width: 39%; }
.spnav-item__txt ul { margin-top: 3em; }
.spnav-item__txt ul li { margin-bottom: 0.75em; }
.spnav-item__txt ul li.cate-name { margin-bottom: 0.75em; font-size: 2em; font-weight: 500; }
.spnav-item__txt ul li.cate-name span.cate-e { display: block; font-size: 0.5em; line-height: 1.75em; color: #00A0DE; }
.spnav-item__txt ul li.cate-name a { display: inline-block; transition: .4s; }
.spnav-item__txt ul li.cate-name a:hover { transform: translateX(0.1em); color: #00A0DE; }
.spnav-item__txt ul li.link-item { position: relative; padding-left: 1.2em; }
.spnav-item__txt ul li.link-item::before { content: ""; width: 0.625em; height: 2px; background-color: #00A0DE; position: absolute; top: 0.75em; left: 0; }
.spnav-item__txt ul li.link-item a { display: inline-block; transition: .4s; }
.spnav-item__txt ul li.link-item a:hover { color: #00A0DE; transform: translateX(0.25em); }
.spnav-item__bnr { width: 22%; }
.spnav-item__bnr ul { margin-top: 3em; }
.spnav-item__bnr ul li.bnr-item { width: 100%; }
.spnav-item__bnr ul li.bnr-item img { display: inline-block; min-width: 1.5em; }
.spnav-item__bnr ul li.bnr-item a { transition: .4s; }
.spnav-item__bnr ul li.bnr-item a:hover { transform: translateX(0.25em); opacity: 0.8; }
.spnav-item__bnr ul li.bnr-item a:hover img { transition: .4s; }
.spnav-item__bnr ul li .btn__bnr__fresh { display: flex; justify-content: space-between; flex-flow: nowrap; align-items: center; gap: 0.5em; width: 100%; padding: 1em; color: #00A0DE; font-weight: 500; border: 1px solid #00A0DE; border-radius: 0.5em; box-sizing: border-box; }
.spnav-item__bnr ul li .btn__bnr__career { display: flex; justify-content: space-between; flex-flow: nowrap; align-items: center; gap: 0.5em; width: 100%; padding: 1em; color: #DE5A24; font-weight: 500; border: 1px solid #DE5A24; border-radius: 0.5em; box-sizing: border-box; margin-top: 1em; }
.spnav-item__bnr ul li.prom-item a { display: flex; justify-content: space-between; flex-flow: nowrap; align-items: center; gap: 0.5em; padding: 0.5em 1em; color: #FFF; background-color: #555555; border-radius: 0.5em; transition: .4s; }
.spnav-item__bnr ul li.prom-item a:hover { transform: translateX(0.25em); opacity: 0.8; }
.spnav-item__bnr ul li.prom-item a img { max-width: 12px; transition: .4s; }
.spnav-item__bnr ul li.prom-item a img.exitlink { height: 1.5em; padding-left: 0.75em; border-left: 1px solid #777; }
.spnav-item__bnr .bnr-ets { margin-top: 3em; }
.spnav-item__bnr .bnr-ets a { display: block; transition: .4s; }
.spnav-item__bnr .bnr-ets a:hover { transform: translateX(0.25em); }
.spnav-item__bnr .bnr-ets a:hover img { transition: .4s; }
.spnav-item__bnr .bnr-ets img { width: 100%; transition: .4s; }
.spnav-item__bnr .bnr-ets-sp { display: none; }

@media screen and (max-width: 1280px) { .spnav-item__txt { width: 35%; }
  .spnav-item__bnr { width: 30%; } }
@media screen and (max-width: 630px) { .spnav-item__wrap { display: inherit; }
  .spnav-item__txt, .spnav-item__bnr { width: 100%; }
  .spnav-item__txt ul { margin-top: 1.25em; }
  .spnav-item__txt ul li.cate-name { margin-bottom: 0.5em; font-size: 1.714em; }
  .spnav-item__txt ul li.cate-name span.cate-e { display: inline; margin-left: 0.75em; }
  .spnav-item__txt ul li.link-item { margin-bottom: 0.5em; }
  .spnav-item__bnr ul { margin-top: 1.5em; }
  .spnav-item__bnr ul.bnr-entry { display: flex; justify-content: space-between; flex-wrap: nowrap; }
  .spnav-item__bnr ul.bnr-entry li { width: 47%; }
  .spnav-item__bnr ul.bnr-entry li .btn__bnr__career { margin-top: 0; }
  .spnav-item__bnr ul.bnr-entry li .btn__bnr__fresh, .spnav-item__bnr ul.bnr-entry li .btn__bnr__career { padding: 0.8em; }
  .spnav-item__bnr ul.bnr-entry li.bnr-item img { max-width: 0.5em; }
  .spnav-item__bnr .bnr-box { display: flex; justify-content: space-between; flex-wrap: nowrap; }
  .spnav-item__bnr .bnr-ets { display: none; }
  .spnav-item__bnr .bnr-ets-sp { display: inherit; width: 47%; margin-top: 1.5em; }
  .spnav-item__bnr .bnr-ets-sp a.bnr-discussion { display: block; width: 100%; min-height: 84px; border-radius: 0.5em; background-color: #315996; background-image: url("../../img/recruit/img_bnr_discussion.svg"); background-position: center; background-size: 135px; background-repeat: no-repeat; }
  .spnav-item__bnr .bnr-prom { width: 47% !important; } }
.cntent-mane { margin-top: 2em; font-size: 1.75em; text-align: left; font-weight: 500; }
.cntent-mane a { display: inline-block; transition: .4s; }
.cntent-mane a:hover { color: #00A0DE; transform: translateX(0.15em); }

@media screen and (max-width: 630px) { .cntent-mane { margin-top: 0.75em; font-size: 1.5em; } }
/* Reset
================================================ */
#header a { transition: 0.4s !important; }
#header a:hover { opacity: 0.8 !important; transform: translateX(0.25em) !important; transition: 0.4s !important; }
#header a:hover img { opacity: inherit !important; }

.message #mainBox { padding-top: 90px; }

.message #contents, .data #contents, .fresh #contents, .career #contents { padding-top: 5em; }

.voiceTop #bnrNaviT { padding-top: 160px; }

.ak0 #mainBox, .ci0 #mainBox, .et0 #mainBox, .ks0 #mainBox, .ks1 #mainBox, .mk0 #mainBox, .mo0 #mainBox, .ms0 #mainBox, .sk0 #mainBox, .to0 #mainBox, .ym0 #mainBox, .yo0 #mainBox { padding-top: 12em; }

@media screen and (max-width: 804px) { .message #mainBox, .data #mainBox, .fresh #mainBox, .career #mainBox { padding-top: 64px; }
  .message #contents, .data #contents, .fresh #contents, .career #contents { padding-top: 3em; }
  .voiceTop #bnrNaviT { padding-top: 100px; }
  .ak0 #mainBox, .ci0 #mainBox, .et0 #mainBox, .ks0 #mainBox, .ks1 #mainBox, .mk0 #mainBox, .mo0 #mainBox, .ms0 #mainBox, .sk0 #mainBox, .to0 #mainBox, .ym0 #mainBox, .yo0 #mainBox { padding-top: 7em; } }
a:link, a:visited { text-decoration: none; color: inherit; }

input { -webkit-appearance: none; appearance: none; vertical-align: middle; color: inherit; font: inherit; background: transparent; padding: 0; margin: 0; border-radius: 0; text-align: inherit; text-transform: inherit; }

@media screen and (max-width: 804px) { #wrap { padding-top: 0; } }