@charset "UTF-8";
:root {
  --innerBase:780px;
  --wrapBase:940px;
  --boxBase:1080px;
  --containerBase:1280px;
  --maxWidthBase:1440px;
  --inner:var(--innerBase);
  --wrap:var(--wrapBase);
  --box:var(--boxBase);
  --container:var(--containerBase);
  --maxWidth:var(--maxWidthBase);
  --spContainerPadding:5%;
  --pcContainerPadding:95px;
  --spHeaderHeight:60px;
  --pcHeaderHeight:85px;
  --baseColor:#ffffff;
  --mainColor:#003288;
  --subColor:#D1DDEF;
  --icuColor:#3395EA;
  --entColor:#059A78;
  --cssdColor:#375DB4;
  --othersColor:#696F7E;
  --whiteColor:#ffffff;
  --grayColor:#696F7E;
  --lightGrayColor:#BDC1CD;
  --softGrayColor:rgb(from #696F7E r g b / 15%);
  --paleBlueColor:#D4E0F5;
  --tintBlueColor:#E5ECF8;
  --lightBlueColor:#D1DDEF;
  --deepBlueColor:#375DB4;
  --softBlueColor:#BEC9E6;
  --grayBlueColor:#DCDEE6;
  --textHoverColor:#8098C4;
  --animationSpeed:0.4s;
  --ioAnimationSpeed:1s;
  --spMargin:40px;
  --pcMargin:50px;
  --fontSerif:"Shippori Mincho","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
  --fontGothic:"Noto Sans JP","游ゴシック体",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  --fontFamily:var(--fontGothic);
  --fontTitle:var(--fontSerif);
  --fontEn:"Lusitana", serif;
}

/*
Theme Name: Simple
Theme URI:
Description:
Version: 2.0
Author: nw
*/
/* ==========================================================================

	recruit

========================================================================== */
/*----------------------------------------------------------------
	common
----------------------------------------------------------------*/
/* ==========================================================================

	recruit common

========================================================================== */
/*----------------------------------------------------------------
	home
----------------------------------------------------------------*/
/* ==========================================================================

	recruit home

========================================================================== */
body.recruit.home .tt_main:not(#job-description *) {
  margin-bottom: 0;
}
@media print, screen and (min-width: 813px) {
  body.recruit.home .box_cnt {
    padding-block: 2em;
  }
}
body.recruit.home #pageContents > *:nth-child(2n) {
  background-color: var(--tintBlueColor);
}
body.recruit.home #message {
  overflow-x: clip;
}
body.recruit.home #message > div > section > div:last-child .text_wrap {
  position: relative;
  z-index: 2;
}
@media print, screen and (max-width: 812px) {
  body.recruit.home #message > div > section {
    padding-bottom: 0;
  }
  body.recruit.home #message > div > section > div:first-child {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    position: relative;
  }
  body.recruit.home #message > div > section > div:first-child .tt_main {
    padding: 0.2em 0.5em;
    background-color: var(--whiteColor);
    position: absolute;
    bottom: 3.5em;
    left: 0;
    z-index: 2;
    -webkit-transform: translateY(40%);
            transform: translateY(40%);
  }
  body.recruit.home #message > div > section > div:last-child {
    position: relative;
    top: -2.5em;
  }
  body.recruit.home #message > div > section > div:last-child .text_wrap {
    padding-top: calc(var(--markIconSize) + 1.6em);
  }
  body.recruit.home #message > div > section > div:last-child[data-mark-icon] {
    --markIconSize:56vw;
  }
}
@media print, screen and (min-width: 813px) {
  body.recruit.home #message > div > section > div:first-child {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: calc(50% - 50vw);
  }
  body.recruit.home #message > div > section > div:first-child picture {
    grid-column: 4/13;
    grid-row: 1;
  }
  body.recruit.home #message > div > section > div:first-child .tt_main {
    grid-column: 1/10;
    grid-row: 1;
    font-size: min(4rem, 40px);
    z-index: 2;
  }
  body.recruit.home #message > div > section > div:first-child .tt_main span {
    padding: 0.2em 0.5em;
    background-color: var(--whiteColor);
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
  }
  body.recruit.home #message > div > section > div:first-child .tt_main span:last-of-type {
    position: relative;
    left: 2.5em;
  }
  body.recruit.home #message > div > section > div:last-child {
    padding-top: 5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-left: var(--spContainerPadding);
  }
  body.recruit.home #message > div > section > div:last-child .text_wrap {
    width: 55%;
  }
  body.recruit.home #message > div > section > div:last-child[data-mark-icon] {
    --markIconSize:min(30vw, 475px);
  }
  body.recruit.home #message > div > section > div:last-child[data-mark-icon]:after {
    top: -5em;
  }
}
body.recruit.home #workstyle > div > div section > div > div .tt_sub {
  text-align: center;
}
body.recruit.home #workstyle > div > div section > div > picture img {
  width: 100%;
}
@media print, screen and (max-width: 812px) {
  body.recruit.home #workstyle > div > div section > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  body.recruit.home #workstyle > div > div section > div > div {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  body.recruit.home #workstyle > div > div section > div > div .tt_sub {
    text-align: center;
  }
  body.recruit.home #workstyle > div > div section > div > picture {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media print, screen and (min-width: 813px) {
  body.recruit.home #workstyle > div > div section[data-margin=bottom] {
    margin-bottom: calc(var(--pcMargin) * 1.5);
  }
  body.recruit.home #workstyle > div > div section > div {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  body.recruit.home #workstyle > div > div section > div > div {
    grid-column: 1/7;
    grid-row: 1;
    min-height: 80%;
    position: relative;
    z-index: 2;
  }
  body.recruit.home #workstyle > div > div section > div > picture {
    grid-column: 6/13;
    grid-row: 1;
    position: relative;
    z-index: 1;
  }
  body.recruit.home #workstyle > div > div section:nth-child(2n) > div {
    direction: rtl;
  }
  body.recruit.home #workstyle > div > div section:nth-child(2n) > div > * {
    direction: ltr;
  }
  body.recruit.home #workstyle > div > div section:nth-child(odd) > div > picture {
    padding-right: calc(var(--pcContainerPadding) / 2.5);
  }
  body.recruit.home #workstyle > div > div section:nth-child(2n) > div > picture {
    padding-left: calc(var(--pcContainerPadding) / 2.5);
  }
}
body.recruit.home #mvp > div > div > section:last-child {
  margin-bottom: 0;
}
body.recruit.home #mvp .tt_bg {
  font-size: min(2rem, 20px);
}
body.recruit.home #mvp #principle > div > section:last-child {
  margin-bottom: 0;
}
body.recruit.home #mvp #principle > div > section .box_cnt h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1em;
  margin-bottom: 1em;
}
body.recruit.home #mvp #principle > div > section .box_cnt h5 svg {
  width: 1.5em;
  height: 1.5em;
  fill: currentColor;
}
body.recruit.home #mvp #principle > div > section .box_cnt ul li {
  text-align: left;
}
@media print, screen and (max-width: 812px) {
  body.recruit.home #mvp .tt_bg {
    padding-top: 0.2em;
    padding-bottom: 0.3em;
  }
  body.recruit.home #mvp #principle > div > section {
    margin-bottom: var(--spMargin);
  }
  body.recruit.home #mvp #principle > div > section .column {
    row-gap: 0.7em;
  }
  body.recruit.home #mvp #principle > div > section p.tt_sub {
    margin-bottom: 1em;
  }
}
@media print, screen and (min-width: 813px) {
  body.recruit.home #mvp .tt_bg {
    padding-top: 0;
    padding-bottom: 0.1em;
  }
  body.recruit.home #mvp #principle > div > section {
    margin-bottom: var(--pcMargin);
  }
  body.recruit.home #mvp #principle > div > section p.tt_sub {
    margin-bottom: 1.6em;
  }
  body.recruit.home #mvp #principle > div > section .box_cnt h5 {
    margin-bottom: 1.6em;
  }
  body.recruit.home #mvp #principle > div > section .box_cnt h6 {
    font-size: min(2rem, 20px);
  }
}
body.recruit.home #job-description > div > p {
  margin-bottom: 0;
}
body.recruit.home #job-description > div > div ul li:last-child {
  margin-bottom: 0;
}
@media print, screen and (max-width: 812px) {
  body.recruit.home #job-description > div > div ul li {
    margin-bottom: 1em;
  }
  body.recruit.home #job-description > div > div ul li a span {
    padding-bottom: 0.05em;
  }
  body.recruit.home #job-description > div > div .box_cnt {
    padding-block: 2.1333333333em;
  }
  body.recruit.home #job-description > div > div .box_cnt .link_btn[data-link*=top] {
    margin-top: 1.6923076923rem;
  }
}
@media print, screen and (min-width: 813px) {
  body.recruit.home #job-description > div > div ul li {
    margin-bottom: 1.6em;
  }
  body.recruit.home #job-description > div > div .box_cnt {
    padding-block: 2.6666666667em;
  }
  body.recruit.home #job-description > div > div .box_cnt .link_btn[data-link*=top] {
    margin-top: 2.2564102564rem;
  }
}

/*----------------------------------------------------------------
	single
----------------------------------------------------------------*/
/* ==========================================================================

	recruit single

========================================================================== */
body.recruit.single .postContents h3, body.recruit.single .postContents h4 {
  font-size: 1.8rem;
  text-decoration: none;
  text-align: center;
  padding: 0.2em 1.6em;
}
body.recruit.single .postContents h3 {
  color: var(--whiteColor);
  background-color: var(--mainColor);
}
body.recruit.single .postContents h4 {
  background-color: var(--subColor);
}
body.recruit.single .postContents h5:before {
  content: "＜";
}
body.recruit.single .postContents h5:after {
  content: "＞";
}
body.recruit.single .postContents h6 {
  margin-top: 0;
}
body.recruit.single .postContents h5, body.recruit.single .postContents h6 {
  font-size: inherit;
  margin-bottom: 0;
}
@media print, screen and (max-width: 812px) {
  body.recruit.single .postContents h3, body.recruit.single .postContents h4 {
    font-size: inherit;
  }
  body.recruit.single .postContents h5, body.recruit.single .postContents h6 {
    font-size: inherit;
    margin-bottom: 0;
  }
}
body.recruit.single #pageContents > .box_cnt {
  background-color: var(--tintBlueColor);
}
@media print, screen and (max-width: 812px) {
  body.recruit.single #pageContents > .box_cnt {
    padding-block: 2.1333333333em;
  }
  body.recruit.single #pageContents > .box_cnt .link_btn[data-link*=top] {
    margin-top: 1.6923076923rem;
  }
}
@media print, screen and (min-width: 813px) {
  body.recruit.single #pageContents > .box_cnt {
    padding-block: 2.6666666667em;
  }
  body.recruit.single #pageContents > .box_cnt .link_btn[data-link*=top] {
    margin-top: 2.2564102564rem;
  }
}
body.recruit.single #pageContents > ul {
  justify-items: center;
  row-gap: 1em;
}
@media print, screen and (min-width: 813px) {
  body.recruit.single #pageContents > ul {
    -webkit-column-gap: 3em;
       -moz-column-gap: 3em;
            column-gap: 3em;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin-right: auto;
    margin-left: auto;
  }
}/*# sourceMappingURL=style.css.map */
