@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");
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, hr,
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;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  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;
}

/* margin padding */
.mt5 {
  margin-top: 5px;
}

.mr5 {
  margin-right: 5px;
}

.mb5 {
  margin-bottom: 5px;
}

.ml5 {
  margin-left: 5px;
}

.pt5 {
  padding-top: 5px;
}

.pr5 {
  padding-right: 5px;
}

.pb5 {
  padding-bottom: 5px;
}

.pl5 {
  padding-left: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mr10 {
  margin-right: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.ml10 {
  margin-left: 10px;
}

.pt10 {
  padding-top: 10px;
}

.pr10 {
  padding-right: 10px;
}

.pb10 {
  padding-bottom: 10px;
}

.pl10 {
  padding-left: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mr15 {
  margin-right: 15px;
}

.mb15 {
  margin-bottom: 15px;
}

.ml15 {
  margin-left: 15px;
}

.pt15 {
  padding-top: 15px;
}

.pr15 {
  padding-right: 15px;
}

.pb15 {
  padding-bottom: 15px;
}

.pl15 {
  padding-left: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mr20 {
  margin-right: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.ml20 {
  margin-left: 20px;
}

.pt20 {
  padding-top: 20px;
}

.pr20 {
  padding-right: 20px;
}

.pb20 {
  padding-bottom: 20px;
}

.pl20 {
  padding-left: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mr25 {
  margin-right: 25px;
}

.mb25 {
  margin-bottom: 25px;
}

.ml25 {
  margin-left: 25px;
}

.pt25 {
  padding-top: 25px;
}

.pr25 {
  padding-right: 25px;
}

.pb25 {
  padding-bottom: 25px;
}

.pl25 {
  padding-left: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mr30 {
  margin-right: 30px;
}

.mb30 {
  margin-bottom: 30px;
}

.ml30 {
  margin-left: 30px;
}

.pt30 {
  padding-top: 30px;
}

.pr30 {
  padding-right: 30px;
}

.pb30 {
  padding-bottom: 30px;
}

.pl30 {
  padding-left: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mr35 {
  margin-right: 35px;
}

.mb35 {
  margin-bottom: 35px;
}

.ml35 {
  margin-left: 35px;
}

.pt35 {
  padding-top: 35px;
}

.pr35 {
  padding-right: 35px;
}

.pb35 {
  padding-bottom: 35px;
}

.pl35 {
  padding-left: 35px;
}

.mt40 {
  margin-top: 40px;
}

.mr40 {
  margin-right: 40px;
}

.mb40 {
  margin-bottom: 40px;
}

.ml40 {
  margin-left: 40px;
}

.pt40 {
  padding-top: 40px;
}

.pr40 {
  padding-right: 40px;
}

.pb40 {
  padding-bottom: 40px;
}

.pl40 {
  padding-left: 40px;
}

.mt45 {
  margin-top: 45px;
}

.mr45 {
  margin-right: 45px;
}

.mb45 {
  margin-bottom: 45px;
}

.ml45 {
  margin-left: 45px;
}

.pt45 {
  padding-top: 45px;
}

.pr45 {
  padding-right: 45px;
}

.pb45 {
  padding-bottom: 45px;
}

.pl45 {
  padding-left: 45px;
}

.mt50 {
  margin-top: 50px;
}

.mr50 {
  margin-right: 50px;
}

.mb50 {
  margin-bottom: 50px;
}

.ml50 {
  margin-left: 50px;
}

.pt50 {
  padding-top: 50px;
}

.pr50 {
  padding-right: 50px;
}

.pb50 {
  padding-bottom: 50px;
}

.pl50 {
  padding-left: 50px;
}

.mt55 {
  margin-top: 55px;
}

.mr55 {
  margin-right: 55px;
}

.mb55 {
  margin-bottom: 55px;
}

.ml55 {
  margin-left: 55px;
}

.pt55 {
  padding-top: 55px;
}

.pr55 {
  padding-right: 55px;
}

.pb55 {
  padding-bottom: 55px;
}

.pl55 {
  padding-left: 55px;
}

.mt60 {
  margin-top: 60px;
}

.mr60 {
  margin-right: 60px;
}

.mb60 {
  margin-bottom: 60px;
}

.ml60 {
  margin-left: 60px;
}

.pt60 {
  padding-top: 60px;
}

.pr60 {
  padding-right: 60px;
}

.pb60 {
  padding-bottom: 60px;
}

.pl60 {
  padding-left: 60px;
}

.mt65 {
  margin-top: 65px;
}

.mr65 {
  margin-right: 65px;
}

.mb65 {
  margin-bottom: 65px;
}

.ml65 {
  margin-left: 65px;
}

.pt65 {
  padding-top: 65px;
}

.pr65 {
  padding-right: 65px;
}

.pb65 {
  padding-bottom: 65px;
}

.pl65 {
  padding-left: 65px;
}

.mt70 {
  margin-top: 70px;
}

.mr70 {
  margin-right: 70px;
}

.mb70 {
  margin-bottom: 70px;
}

.ml70 {
  margin-left: 70px;
}

.pt70 {
  padding-top: 70px;
}

.pr70 {
  padding-right: 70px;
}

.pb70 {
  padding-bottom: 70px;
}

.pl70 {
  padding-left: 70px;
}

.mt75 {
  margin-top: 75px;
}

.mr75 {
  margin-right: 75px;
}

.mb75 {
  margin-bottom: 75px;
}

.ml75 {
  margin-left: 75px;
}

.pt75 {
  padding-top: 75px;
}

.pr75 {
  padding-right: 75px;
}

.pb75 {
  padding-bottom: 75px;
}

.pl75 {
  padding-left: 75px;
}

.mt80 {
  margin-top: 80px;
}

.mr80 {
  margin-right: 80px;
}

.mb80 {
  margin-bottom: 80px;
}

.ml80 {
  margin-left: 80px;
}

.pt80 {
  padding-top: 80px;
}

.pr80 {
  padding-right: 80px;
}

.pb80 {
  padding-bottom: 80px;
}

.pl80 {
  padding-left: 80px;
}

.mt85 {
  margin-top: 85px;
}

.mr85 {
  margin-right: 85px;
}

.mb85 {
  margin-bottom: 85px;
}

.ml85 {
  margin-left: 85px;
}

.pt85 {
  padding-top: 85px;
}

.pr85 {
  padding-right: 85px;
}

.pb85 {
  padding-bottom: 85px;
}

.pl85 {
  padding-left: 85px;
}

.mt90 {
  margin-top: 90px;
}

.mr90 {
  margin-right: 90px;
}

.mb90 {
  margin-bottom: 90px;
}

.ml90 {
  margin-left: 90px;
}

.pt90 {
  padding-top: 90px;
}

.pr90 {
  padding-right: 90px;
}

.pb90 {
  padding-bottom: 90px;
}

.pl90 {
  padding-left: 90px;
}

.mt95 {
  margin-top: 95px;
}

.mr95 {
  margin-right: 95px;
}

.mb95 {
  margin-bottom: 95px;
}

.ml95 {
  margin-left: 95px;
}

.pt95 {
  padding-top: 95px;
}

.pr95 {
  padding-right: 95px;
}

.pb95 {
  padding-bottom: 95px;
}

.pl95 {
  padding-left: 95px;
}

.mt100 {
  margin-top: 100px;
}

.mr100 {
  margin-right: 100px;
}

.mb100 {
  margin-bottom: 100px;
}

.ml100 {
  margin-left: 100px;
}

.pt100 {
  padding-top: 100px;
}

.pr100 {
  padding-right: 100px;
}

.pb100 {
  padding-bottom: 100px;
}

.pl100 {
  padding-left: 100px;
}

/* clearfix */
.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

.clearfix {
  zoom: 1;
}

/* float */
.floatL {
  float: left;
}

.floatR {
  float: right;
}

.floatC {
  clear: both;
}

/* text */
.taC {
  text-align: center;
}

.taL {
  text-align: left;
}

.taR {
  text-align: right;
}

/* none */
.none {
  text-indent: -9999px;
  height: 0px;
  overflow: hidden;
}

/* display */
.dspBk {
  display: block;
}

.dspIn {
  display: inline;
}

.dspNone {
  display: none;
}

/* font */
.fs1 {
  font-size: 1px;
}

.fs2 {
  font-size: 2px;
}

.fs3 {
  font-size: 3px;
}

.fs4 {
  font-size: 4px;
}

.fs5 {
  font-size: 5px;
}

.fs6 {
  font-size: 6px;
}

.fs7 {
  font-size: 7px;
}

.fs8 {
  font-size: 8px;
}

.fs9 {
  font-size: 9px;
}

.fs10 {
  font-size: 10px;
}

.fs11 {
  font-size: 11px;
}

.fs12 {
  font-size: 12px;
}

.fs13 {
  font-size: 13px;
}

.fs14 {
  font-size: 14px;
}

.fs15 {
  font-size: 15px;
}

.fs16 {
  font-size: 16px;
}

.fs17 {
  font-size: 17px;
}

.fs18 {
  font-size: 18px;
}

.fs19 {
  font-size: 19px;
}

.fs20 {
  font-size: 20px;
}

.fs21 {
  font-size: 21px;
}

.fs22 {
  font-size: 22px;
}

.fs23 {
  font-size: 23px;
}

.fs24 {
  font-size: 24px;
}

.fs25 {
  font-size: 25px;
}

.fs26 {
  font-size: 26px;
}

.fs27 {
  font-size: 27px;
}

.fs28 {
  font-size: 28px;
}

.fs29 {
  font-size: 29px;
}

.fs30 {
  font-size: 30px;
}

.fs31 {
  font-size: 31px;
}

.fs32 {
  font-size: 32px;
}

.fs33 {
  font-size: 33px;
}

.fs34 {
  font-size: 34px;
}

.fs35 {
  font-size: 35px;
}

.fs36 {
  font-size: 36px;
}

.fs37 {
  font-size: 37px;
}

.fs38 {
  font-size: 38px;
}

.fs39 {
  font-size: 39px;
}

.fs40 {
  font-size: 40px;
}

.fs41 {
  font-size: 41px;
}

.fs42 {
  font-size: 42px;
}

.fs43 {
  font-size: 43px;
}

.fs44 {
  font-size: 44px;
}

.fs45 {
  font-size: 45px;
}

.fs46 {
  font-size: 46px;
}

.fs47 {
  font-size: 47px;
}

.fs48 {
  font-size: 48px;
}

.fs49 {
  font-size: 49px;
}

.fs50 {
  font-size: 50px;
}

.fs51 {
  font-size: 51px;
}

.fs52 {
  font-size: 52px;
}

.fs53 {
  font-size: 53px;
}

.fs54 {
  font-size: 54px;
}

.fs55 {
  font-size: 55px;
}

.fs56 {
  font-size: 56px;
}

.fs57 {
  font-size: 57px;
}

.fs58 {
  font-size: 58px;
}

.fs59 {
  font-size: 59px;
}

.fs60 {
  font-size: 60px;
}

.fs61 {
  font-size: 61px;
}

.fs62 {
  font-size: 62px;
}

.fs63 {
  font-size: 63px;
}

.fs64 {
  font-size: 64px;
}

.fs65 {
  font-size: 65px;
}

.fs66 {
  font-size: 66px;
}

.fs67 {
  font-size: 67px;
}

.fs68 {
  font-size: 68px;
}

.fs69 {
  font-size: 69px;
}

.fs70 {
  font-size: 70px;
}

.fs71 {
  font-size: 71px;
}

.fs72 {
  font-size: 72px;
}

.fs73 {
  font-size: 73px;
}

.fs74 {
  font-size: 74px;
}

.fs75 {
  font-size: 75px;
}

.fs76 {
  font-size: 76px;
}

.fs77 {
  font-size: 77px;
}

.fs78 {
  font-size: 78px;
}

.fs79 {
  font-size: 79px;
}

.fs80 {
  font-size: 80px;
}

.fs81 {
  font-size: 81px;
}

.fs82 {
  font-size: 82px;
}

.fs83 {
  font-size: 83px;
}

.fs84 {
  font-size: 84px;
}

.fs85 {
  font-size: 85px;
}

.fs86 {
  font-size: 86px;
}

.fs87 {
  font-size: 87px;
}

.fs88 {
  font-size: 88px;
}

.fs89 {
  font-size: 89px;
}

.fs90 {
  font-size: 90px;
}

.fs91 {
  font-size: 91px;
}

.fs92 {
  font-size: 92px;
}

.fs93 {
  font-size: 93px;
}

.fs94 {
  font-size: 94px;
}

.fs95 {
  font-size: 95px;
}

.fs96 {
  font-size: 96px;
}

.fs97 {
  font-size: 97px;
}

.fs98 {
  font-size: 98px;
}

.fs99 {
  font-size: 99px;
}

.fs100 {
  font-size: 100px;
}

.fwBold {
  font-weight: bold;
}

.fwNormal {
  font-weight: normal;
}

/* indent */
.note {
  margin-left: 1em;
}

.note .mark {
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

ul.notes li {
  margin-left: 1em;
}

ul.notes li .mark {
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

/* ====================================== $ */
/* ====================================== function */
/* ====================================== font */
#magazineArticleBody .inner .innerContents .article .linkCard > a .block.-info .linkCardUrl, #magazineArticleHead .inner .innerContents .number, #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .faq .item > dd:before, #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .faq .item > dt:before, #interviewArticleBody .inner .innerContents .schedule .scheduleContents .itemWrap .item > dt, #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .vision .visionBox .itemWrap .item > dt, footer .inner .innerContents .contents .block.-head .logo .txt, header .headerInner .headerInnerContents .logo > a .txt, .pagination.-pagination01 .paginationContents .page-numbers, .ttl.-ttl01 > span.main, #join .loopSlider .slider .list > li .txt, .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .ttl, #interviewArticleHead .inner .innerContents .contents .ttl > span.sub, .pageTtl.-pageTtl01 .inner .innerContents .ttl > span.sub {
  font-family: "Helvetica Neue", "Arial", "Noto Sans JP", arial, helvetica, sans-serif;
  font-weight: 700;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxList.-type01 > li .item > dd > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxList.-type01 > li .item > dd > span.main, #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemInfo .total .totalNum, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemInfo .total .totalNum, #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents .value > span, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents .value > span, #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .barWrap .barContents .value > span, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .barWrap .barContents .value > span, #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .barWrap .barContents .value > span, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .barWrap .barContents .value > span, #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxNumber > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxNumber > span.main, #numbersBody .inner .innerContents .contents .container .block .box .boxBaloon.-type01 .baloonTxt .number, #numbersCompany .inner .innerContents .contents .container .block .box .boxBaloon.-type01 .baloonTxt .number {
  font-family: "din-2014", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* ====================================== color */
/* ====================================== animation */
.fadeIn {
  opacity: 0;
  transition: transform 1s ease, opacity 1s ease;
}

.fadeIn.up {
  transform: translateY(30px);
}

@media screen and (max-width: 768px) {
  .fadeIn.up {
    transform: translateY(15px);
  }
}
.fadeIn.right {
  transform: translateX(30px);
}

@media screen and (max-width: 768px) {
  .fadeIn.right {
    transform: translateX(15px);
  }
}
.fadeIn.down {
  transform: translateY(-30px);
}

@media screen and (max-width: 768px) {
  .fadeIn.down {
    transform: translateY(-15px);
  }
}
.fadeIn.left {
  transform: translateX(-30px);
}

@media screen and (max-width: 768px) {
  .fadeIn.left {
    transform: translateX(-15px);
  }
}
.fadeIn.animation {
  opacity: 1;
  transform: translateY(0) translateX(0);
}

@keyframes loop {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes loop2 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes loop3 {
  0% {
    transform: translateX(200%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes loopR {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes loop2R {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes loop3R {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(200%);
  }
}
.loopSlider {
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}

.loopSlider .slider {
  display: flex;
  flex-wrap: nowrap;
  position: relative;
}

.loopSlider .slider .list {
  display: flex;
  align-items: center;
}

.loopSlider .slider .list:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(100%);
}

.loopSlider .slider .list:nth-child(3) {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(200%);
}

.loopSlider .slider.-animation .list:nth-child(1) {
  animation: loop 80s linear 0s infinite;
}

@media all and (-ms-high-contrast: none) {
  .loopSlider .slider.-animation .list:nth-child(1) {
    animation: none;
  }
}
.loopSlider .slider.-animation .list:nth-child(2) {
  animation: loop2 80s linear 0s infinite;
}

@media all and (-ms-high-contrast: none) {
  .loopSlider .slider.-animation .list:nth-child(2) {
    animation: none;
  }
}
.loopSlider .slider.-animation .list:nth-child(3) {
  animation: loop3 80s linear 0s infinite;
}

@media all and (-ms-high-contrast: none) {
  .loopSlider .slider.-animation .list:nth-child(3) {
    animation: none;
  }
}
.loopSlider.-r .slider.-animation .list:nth-child(1) {
  animation: loopR 80s linear 0s infinite;
}

@media all and (-ms-high-contrast: none) {
  .loopSlider.-r .slider.-animation .list:nth-child(1) {
    animation: none;
  }
}
.loopSlider.-r .slider.-animation .list:nth-child(2) {
  animation: loop2R 80s linear 0s infinite;
}

@media all and (-ms-high-contrast: none) {
  .loopSlider.-r .slider.-animation .list:nth-child(2) {
    animation: none;
  }
}
.loopSlider.-r .slider.-animation .list:nth-child(3) {
  animation: loop3R 80s linear 0s infinite;
}

@media all and (-ms-high-contrast: none) {
  .loopSlider.-r .slider.-animation .list:nth-child(3) {
    animation: none;
  }
}
/* ------------------------------ bar */
@keyframes barT {
  0% {
    width: 24px;
    transform: translate(0, 0) rotate(0);
  }
  50% {
    width: 24px;
    transform: translate(0, 6px) rotate(0);
  }
  100% {
    width: 18px;
    transform: translate(0, 6px) rotate(45deg);
  }
}
@keyframes barC {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes barB {
  0% {
    width: 24px;
    transform: translate(0, 0) rotate(0);
  }
  50% {
    width: 24px;
    transform: translate(0, -6px) rotate(0);
  }
  100% {
    width: 18px;
    transform: translate(0, -6px) rotate(-45deg);
  }
}
@keyframes barTR {
  0% {
    width: 18px;
    transform: translate(0, 6px) rotate(45deg);
  }
  50% {
    width: 24px;
    transform: translate(0, 6px) rotate(0);
  }
  100% {
    width: 24px;
    transform: translate(0, 0) rotate(0);
  }
}
@keyframes barCR {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  51% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes barBR {
  0% {
    width: 18px;
    transform: translate(0, -6px) rotate(-45deg);
  }
  50% {
    width: 24px;
    transform: translate(0, -6px) rotate(0);
  }
  100% {
    width: 24px;
    transform: translate(0, 0) rotate(0);
  }
}
/* ------------------------------ noise */
@keyframes noise {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 123px 456px;
  }
}
/* ------------------------------ fadeOut */
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* ====================================== % */
#newsArticleBody .inner .innerContents .article a, #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .process .detail > li .detailSection .detailTxt a, #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .numbersBnr > a, #numbersBnr .inner .innerContents .bnr > a, #message .inner .innerContents .block.-contents .link .btn > a {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

#newsArticleBody .inner .innerContents .article a:hover, #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .process .detail > li .detailSection .detailTxt a:hover, #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .numbersBnr > a:hover, #numbersBnr .inner .innerContents .bnr > a:hover, #message .inner .innerContents .block.-contents .link .btn > a:hover {
  opacity: 0.7;
}

#interviewArticleHead .inner .innerContents .contents .ttl > span.sub, .pageTtl.-pageTtl01 .inner .innerContents .ttl > span.sub {
  padding-left: 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  position: relative;
}

@media screen and (max-width: 768px) {
  #interviewArticleHead .inner .innerContents .contents .ttl > span.sub, .pageTtl.-pageTtl01 .inner .innerContents .ttl > span.sub {
    font-size: 13px;
  }
}
#interviewArticleHead .inner .innerContents .contents .ttl > span.sub:before, .pageTtl.-pageTtl01 .inner .innerContents .ttl > span.sub:before {
  content: "";
  width: 10px;
  height: 10px;
  background: #B9D3E4;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: calc(0.5em - 5px);
  left: 0;
}

#magazineArticleBody .inner .innerContents .article .linkCard > a .block.-img .img, #magazinePage .inner .innerContents .list > li .article > a .img, #culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .office .gallery .gallerySection .imgWrap .imgBlock .img, #interviewArticleHead .inner .innerContents .img, #selection .inner .innerContents .nav .list > li > a .img, #culture .inner .innerContents .block.-img .imgWrap .imgSection .img, #magazine .inner .innerContents .box .boxInner .list > li .article > a .img, #company .inner .innerContents .block.-img .img, #kv .kvInner .imgMask .img, .pageTtl.-pageTtl01 .inner .innerContents .img, .layout.-layout01 .inner .innerContents .blockWrap .block.-main > .img, #interviewArticleBody .inner .innerContents .otherMembers .list > li .article > a .head .img, #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li .article > a .head .img, #interview .inner .innerContents .list > li .article > a .head .img {
  position: relative;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}

#magazineArticleBody .inner .innerContents .article .linkCard > a .block.-img .img img, #magazinePage .inner .innerContents .list > li .article > a .img img, #culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .office .gallery .gallerySection .imgWrap .imgBlock .img img, #interviewArticleHead .inner .innerContents .img img, #selection .inner .innerContents .nav .list > li > a .img img, #culture .inner .innerContents .block.-img .imgWrap .imgSection .img img, #magazine .inner .innerContents .box .boxInner .list > li .article > a .img img, #company .inner .innerContents .block.-img .img img, #kv .kvInner .imgMask .img img, .pageTtl.-pageTtl01 .inner .innerContents .img img, .layout.-layout01 .inner .innerContents .blockWrap .block.-main > .img img, #interviewArticleBody .inner .innerContents .otherMembers .list > li .article > a .head .img img, #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li .article > a .head .img img, #interview .inner .innerContents .list > li .article > a .head .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

#magazinePage .inner .innerContents .list > li .article > a .info .articleTtl, #magazine .inner .innerContents .box .boxInner .list > li .article > a .info .articleTtl {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

#interviewArticleBody .inner .innerContents .otherMembers .list > li .article > a .head, #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li .article > a .head, #interview .inner .innerContents .list > li .article > a .head {
  position: relative;
}

#interviewArticleBody .inner .innerContents .otherMembers .list > li .article > a .head .img, #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li .article > a .head .img, #interview .inner .innerContents .list > li .article > a .head .img {
  padding-top: 130%;
  border-radius: 4px;
  box-sizing: border-box;
  z-index: 1;
}

#interviewArticleBody .inner .innerContents .otherMembers .list > li .article > a .head .img > img, #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li .article > a .head .img > img, #interview .inner .innerContents .list > li .article > a .head .img > img {
  transition: transform 0.3s ease-in-out;
}

#interviewArticleBody .inner .innerContents .otherMembers .list > li .article > a .head .articleTtl, #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li .article > a .head .articleTtl, #interview .inner .innerContents .list > li .article > a .head .articleTtl {
  position: absolute;
  bottom: 50px;
  left: -40px;
  z-index: 2;
  font-size: 0;
  line-height: 0;
}

@media screen and (max-width: 1200px) {
  #interviewArticleBody .inner .innerContents .otherMembers .list > li .article > a .head .articleTtl, #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li .article > a .head .articleTtl, #interview .inner .innerContents .list > li .article > a .head .articleTtl {
    bottom: 4.1666666667vw;
    left: -3.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .otherMembers .list > li .article > a .head .articleTtl, #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li .article > a .head .articleTtl, #interview .inner .innerContents .list > li .article > a .head .articleTtl {
    bottom: 30px;
    left: -30px;
  }
}
#interviewArticleBody .inner .innerContents .otherMembers .list > li .article > a .head .articleTtl .words, #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li .article > a .head .articleTtl .words, #interview .inner .innerContents .list > li .article > a .head .articleTtl .words {
  display: inline-block;
  font-size: 0;
  line-height: 0;
}

#interviewArticleBody .inner .innerContents .otherMembers .list > li .article > a .head .articleTtl .words .cross, #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li .article > a .head .articleTtl .words .cross, #interview .inner .innerContents .list > li .article > a .head .articleTtl .words .cross, #interviewArticleBody .inner .innerContents .otherMembers .list > li .article > a .head .articleTtl .words .word, #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li .article > a .head .articleTtl .words .word, #interview .inner .innerContents .list > li .article > a .head .articleTtl .words .word {
  background: #ffffff;
  display: inline;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
}

@media screen and (max-width: 1200px) {
  #interviewArticleBody .inner .innerContents .otherMembers .list > li .article > a .head .articleTtl .words .cross, #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li .article > a .head .articleTtl .words .cross, #interview .inner .innerContents .list > li .article > a .head .articleTtl .words .cross, #interviewArticleBody .inner .innerContents .otherMembers .list > li .article > a .head .articleTtl .words .word, #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li .article > a .head .articleTtl .words .word, #interview .inner .innerContents .list > li .article > a .head .articleTtl .words .word {
    font-size: 2vw;
  }
}
@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .otherMembers .list > li .article > a .head .articleTtl .words .cross, #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li .article > a .head .articleTtl .words .cross, #interview .inner .innerContents .list > li .article > a .head .articleTtl .words .cross, #interviewArticleBody .inner .innerContents .otherMembers .list > li .article > a .head .articleTtl .words .word, #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li .article > a .head .articleTtl .words .word, #interview .inner .innerContents .list > li .article > a .head .articleTtl .words .word {
    font-size: 24px;
  }
}
#interviewArticleBody .inner .innerContents .otherMembers .list > li .article > a .head .articleTtl .words .cross, #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li .article > a .head .articleTtl .words .cross, #interview .inner .innerContents .list > li .article > a .head .articleTtl .words .cross {
  padding: 0.025em 0.1em;
}

#interviewArticleBody .inner .innerContents .otherMembers .list > li .article > a .head .articleTtl .words .word, #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li .article > a .head .articleTtl .words .word, #interview .inner .innerContents .list > li .article > a .head .articleTtl .words .word {
  padding: 0.025em 0.2em;
}

#interviewArticleBody .inner .innerContents .otherMembers .list > li .article > a .head .articleTtl .words .word.-inline, #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li .article > a .head .articleTtl .words .word.-inline, #interview .inner .innerContents .list > li .article > a .head .articleTtl .words .word.-inline {
  text-indent: -0.025em;
  display: inline;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

#interviewArticleBody .inner .innerContents .otherMembers .list > li .article > a .info, #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li .article > a .info, #interview .inner .innerContents .list > li .article > a .info {
  margin-top: 20px;
}

#interviewArticleBody .inner .innerContents .otherMembers .list > li .article > a .info .company, #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li .article > a .info .company, #interview .inner .innerContents .list > li .article > a .info .company {
  font-size: 12px;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .otherMembers .list > li .article > a .info .company, #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li .article > a .info .company, #interview .inner .innerContents .list > li .article > a .info .company {
    font-size: 11px;
  }
}
#interviewArticleBody .inner .innerContents .otherMembers .list > li .article > a .info .name, #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li .article > a .info .name, #interview .inner .innerContents .list > li .article > a .info .name {
  margin-top: 8px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  transition: color 0.3s ease-in-out;
}

@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .otherMembers .list > li .article > a .info .name, #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li .article > a .info .name, #interview .inner .innerContents .list > li .article > a .info .name {
    margin-top: 5px;
    font-size: 16px;
  }
}
#interviewArticleBody .inner .innerContents .otherMembers .list > li .article > a .info .job, #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li .article > a .info .job, #interview .inner .innerContents .list > li .article > a .info .job {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .otherMembers .list > li .article > a .info .job, #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li .article > a .info .job, #interview .inner .innerContents .list > li .article > a .info .job {
    font-size: 10px;
  }
}
#interviewArticleBody .inner .innerContents .otherMembers .list > li .article > a .info .join, #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li .article > a .info .join, #interview .inner .innerContents .list > li .article > a .info .join {
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .otherMembers .list > li .article > a .info .join, #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li .article > a .info .join, #interview .inner .innerContents .list > li .article > a .info .join {
    font-size: 10px;
  }
}
#interviewArticleBody .inner .innerContents .otherMembers .list > li .article > a:hover .head .img > img, #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li .article > a:hover .head .img > img, #interview .inner .innerContents .list > li .article > a:hover .head .img > img {
  transform: scale(1.05);
}

#interviewArticleBody .inner .innerContents .otherMembers .list > li .article > a:hover .info .name, #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li .article > a:hover .info .name, #interview .inner .innerContents .list > li .article > a:hover .info .name {
  color: #B9D3E4;
}

/* ====================================== temp */
.dspPc {
  display: block;
}

@media screen and (max-width: 768px) {
  .dspPc {
    display: none;
  }
}
.dspSp {
  display: none;
}

@media screen and (max-width: 768px) {
  .dspSp {
    display: block;
  }
}
a {
  text-decoration: none;
  color: #2E2E2E;
}

input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: inherit;
  font-size: 100%;
}

select::-ms-expand {
  display: none;
}

img {
  width: 100%;
  height: auto;
}

/* ====================================== common */
html {
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
  background: #F2F1EF;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: #2E2E2E;
}

body.fixed {
  width: 100%;
  height: 100%;
  position: fixed;
}

/* ====================================== wrapper */
#wrapper {
  width: 100%;
  min-height: 100%;
  padding-top: 120px;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  opacity: 0;
}

@media screen and (max-width: 768px) {
  #wrapper {
    padding-top: 75px;
  }
}
#wrapper:before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../img/noise01.png);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  animation: noise 1s steps(15) infinite;
  z-index: -1;
}

#wrapper .lowerPageShape {
  top: 0;
  right: 0;
}

#wrapper .lowerPageShape > img {
  width: 480px;
}

@media screen and (max-width: 768px) {
  #wrapper .lowerPageShape > img {
    width: 188px;
  }
}
#wrapper.-loading {
  opacity: 1;
  transition: opacity 0.6s ease-in-out;
}

#wrapper.-change {
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* ====================================== inner */
.inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 50px;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .inner {
    max-width: 550px;
    padding: 0 25px;
  }
}
/* ====================================== breadcrumb */
@media screen and (max-width: 768px) {
  #breadcrumb {
    display: none;
  }
}
#breadcrumb .breadcrumbInner {
  padding: 0 40px;
}

#breadcrumb .breadcrumbInner .list {
  font-size: 0;
  line-height: 0;
}

#breadcrumb .breadcrumbInner .list > li {
  display: inline-block;
  font-size: 10px;
  line-height: 1.5;
  color: #9E9E9E;
}

#breadcrumb .breadcrumbInner .list > li > a {
  text-decoration: underline;
  color: #2E2E2E;
  transition: color 0.3s ease-in-out;
}

#breadcrumb .breadcrumbInner .list > li > a:hover {
  color: #225383;
}

#breadcrumb .breadcrumbInner .list > li:not(:last-child):after {
  content: "";
  width: 4px;
  height: 6px;
  margin: 0 10px;
  background-image: url(../img/arw01_r.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  display: inline-block;
}

/* ====================================== layout */
.layout {
  /* ------------------------------ 01 */
}

.layout.-layout01 {
  margin-top: 25px;
  padding-top: 50px;
}

@media screen and (max-width: 768px) {
  .layout.-layout01 {
    margin-top: 40px;
    padding-top: 0;
  }
}
.layout.-layout01 .inner .innerContents .blockWrap {
  display: flex;
}

@media screen and (max-width: 768px) {
  .layout.-layout01 .inner .innerContents .blockWrap {
    padding-top: 290px;
    flex-direction: column-reverse;
    position: relative;
  }
}
.layout.-layout01 .inner .innerContents .blockWrap .block.-main {
  width: 800px;
}

@media screen and (max-width: 1200px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-main {
    width: 66.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-main {
    width: 100%;
    flex: auto;
  }
}
.layout.-layout01 .inner .innerContents .blockWrap .block.-main > .img {
  width: calc(100% + (100vw - (100% + 260px + 40px)) / 2);
  height: 430px;
  margin-left: calc((100vw - (100% + 260px + 40px)) / 2 * -1);
  border-radius: 0 8px 8px 0;
}

@media screen and (max-width: 1200px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-main > .img {
    width: calc(100% + 50px);
    margin-left: -50px;
  }
}
@media screen and (max-width: 768px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-main > .img {
    width: calc(100% + (100vw - 100%) / 2);
    height: 260px;
    margin-left: calc((100vw - 100%) / 2 * -1);
    position: absolute;
    top: 0;
    left: 0;
  }
}
.layout.-layout01 .inner .innerContents .blockWrap .block.-main > .img.-animation {
  transition-delay: 0.8s;
}

.layout.-layout01 .inner .innerContents .blockWrap .block.-main .loopSliderWrap {
  height: 430px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-main .loopSliderWrap {
    width: 100%;
    height: 260px;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.layout.-layout01 .inner .innerContents .blockWrap .block.-main .loopSliderWrap .loopSlider {
  width: calc(100% + (100vw - (100% + 260px + 40px)) / 2);
  border-radius: 0 8px 8px 0;
  position: absolute;
  top: 0;
  left: calc((100vw - (100% + 260px + 40px)) / 2 * -1);
}

@media screen and (max-width: 1200px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-main .loopSliderWrap .loopSlider {
    width: calc(100% + 50px);
    left: -50px;
  }
}
@media screen and (max-width: 768px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-main .loopSliderWrap .loopSlider {
    width: calc(100% + (100vw - 100%) / 2);
    left: calc((100vw - 100%) / 2 * -1);
  }
}
.layout.-layout01 .inner .innerContents .blockWrap .block.-main .loopSliderWrap .loopSlider .slider .list > li {
  margin: 0 5px;
}

.layout.-layout01 .inner .innerContents .blockWrap .block.-main .loopSliderWrap .loopSlider .slider .list > li > img {
  width: auto;
  height: 430px;
  border-radius: 8px;
}

@media screen and (max-width: 768px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-main .loopSliderWrap .loopSlider .slider .list > li > img {
    height: 260px;
  }
}
.layout.-layout01 .inner .innerContents .blockWrap .block.-main .loopSliderWrap.-animation {
  transition-delay: 0.8s;
}

.layout.-layout01 .inner .innerContents .blockWrap .block.-main .sectionWrap {
  margin-top: -30px;
}

@media screen and (max-width: 768px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-main .sectionWrap {
    margin-top: -15px;
  }
}
.layout.-layout01 .inner .innerContents .blockWrap .block.-main .sectionWrap .section {
  padding-top: 150px;
}

@media screen and (max-width: 768px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-main .sectionWrap .section {
    padding-top: 120px;
  }
}
.layout.-layout01 .inner .innerContents .blockWrap .block.-main .sectionWrap .section .sectionTxt {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-main .sectionWrap .section .sectionTxt {
    margin-top: 40px;
  }
}
.layout.-layout01 .inner .innerContents .blockWrap .block.-main .sectionWrap .section .sectionImg {
  margin-top: 60px;
  font-size: 0;
  line-height: 0;
}

@media screen and (max-width: 768px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-main .sectionWrap .section .sectionImg {
    margin-top: 30px;
  }
}
.layout.-layout01 .inner .innerContents .blockWrap .block.-main .sectionWrap .section:not(:first-child) {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-main .sectionWrap .section:not(:first-child) {
    margin-top: 0;
  }
}
.layout.-layout01 .inner .innerContents .blockWrap .block.-sub {
  width: 260px;
  margin-left: 40px;
}

@media screen and (max-width: 1200px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-sub {
    width: 21.6666666667vw;
    margin-left: 3.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-sub {
    width: 100%;
    margin-left: 0;
  }
}
.layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box {
  width: 260px;
  padding: 30px;
  background: #ffffff;
  border-radius: 8px;
  box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box {
    width: 21.6666666667vw;
    padding: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box {
    width: 100%;
    padding: 20px;
    border-radius: 4px;
  }
}
.layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .ttl {
  font-size: 16px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .ttl {
    font-size: 12px;
  }
}
.layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .nav, .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .category {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .nav, .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .category {
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .nav .list, .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .category .list {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .nav .list > li, .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .category .list > li {
    width: calc((100% - 20px) / 2);
  }
}
.layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .nav .list > li > span, .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .category .list > li > span {
  padding-left: 30px;
  display: inline-block;
  position: relative;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  cursor: pointer;
  transition: color 0.3s ease-in-out;
}

@media screen and (max-width: 768px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .nav .list > li > span, .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .category .list > li > span {
    padding-left: 23px;
    font-size: 11px;
  }
}
.layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .nav .list > li > span:before, .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .category .list > li > span:before {
  content: "";
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  border: 1px solid #F2F1EF;
  border-radius: 50%;
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transition: background-color 0.3s ease-in-out, background-image 0.3s ease-in-out;
}

@media screen and (max-width: 768px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .nav .list > li > span:before, .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .category .list > li > span:before {
    width: 15px;
    height: 15px;
    background-size: 6px auto;
    top: 2px;
  }
}
.layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .nav .list > li > span:hover, .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .category .list > li > span:hover {
  color: #B9D3E4;
}

.layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .nav .list > li > span:hover:before, .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .category .list > li > span:hover:before {
  background-color: #B9D3E4;
  border: 1px solid #B9D3E4;
}

@media screen and (max-width: 768px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .nav .list > li > span .spNone, .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .category .list > li > span .spNone {
    display: none;
  }
}
.layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .nav .list > li:not(:first-child), .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .category .list > li:not(:first-child) {
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .nav .list > li:not(:first-child), .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .category .list > li:not(:first-child) {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .nav .list > li:nth-child(even), .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .category .list > li:nth-child(even) {
    margin-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .nav .list > li:nth-child(n+3), .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .category .list > li:nth-child(n+3) {
    margin-top: 8px;
  }
}
@media screen and (min-width: 769px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .nav .list > li.-active > span, .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .category .list > li.-active > span {
    color: #B9D3E4;
  }
  .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .nav .list > li.-active > span:before, .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .category .list > li.-active > span:before {
    background-color: #B9D3E4;
    border: 1px solid #B9D3E4;
  }
}
.layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .nav .list > li > span:before {
  background-image: url(../img/arw01_b.svg);
  background-size: 7px auto;
}

@media screen and (max-width: 768px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .nav .list > li > span:before {
    background-size: 6px auto;
  }
}
.layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .nav .list > li > span:hover:before {
  background-image: url(../img/arw01_b_wh.svg);
}

@media screen and (min-width: 769px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .nav .list > li.-active > span:before {
    background-image: url(../img/arw01_b_wh.svg);
  }
}
.layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .category .list > li > span:before {
  background-image: url(../img/ico_check01.svg);
  background-size: 7px auto;
}

@media screen and (max-width: 768px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .category .list > li > span:before {
    background-size: 6px auto;
  }
}
.layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .category .list > li > span:hover:before {
  background-image: url(../img/ico_check01_wh.svg);
}

@media screen and (min-width: 769px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-sub .box .boxInner .category .list > li.-active > span:before {
    background-image: url(../img/ico_check01_wh.svg);
  }
}
.layout.-layout01 .inner .innerContents .blockWrap .block.-sub.-fix .box {
  position: fixed;
}

@media screen and (max-width: 768px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-sub.-fix .box {
    position: static;
  }
}
.layout.-layout01 .inner .innerContents .blockWrap .block.-sub.-fix.-btm {
  position: relative;
}

.layout.-layout01 .inner .innerContents .blockWrap .block.-sub.-fix.-btm .box {
  position: absolute;
  top: auto !important;
  right: 0 !important;
  bottom: 0 !important;
}

@media screen and (max-width: 768px) {
  .layout.-layout01 .inner .innerContents .blockWrap .block.-sub.-fix.-btm .box {
    position: static;
  }
}
@media screen and (max-width: 768px) {
  .layout.-layout01.-interview {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .layout.-layout01.-interview .inner .innerContents .blockWrap {
    padding-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .layout.-layout01.-interview .inner .innerContents .blockWrap .block.-sub .box {
    display: none;
  }
}
.layout.-layout01.-interview .inner .innerContents .blockWrap .block.-sub .select {
  display: none;
}

@media screen and (max-width: 768px) {
  .layout.-layout01.-interview .inner .innerContents .blockWrap .block.-sub .select {
    display: block;
    position: relative;
  }
}
.layout.-layout01.-interview .inner .innerContents .blockWrap .block.-sub .select:after {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(../img/arw01_b.svg);
  background-repeat: no-repeat;
  background-size: 7px auto;
  background-position: center center;
  border: 1px solid #F2F1EF;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: calc(50% - 10px);
  right: 20px;
}

.layout.-layout01.-interview .inner .innerContents .blockWrap .block.-sub .select > select {
  width: 100%;
  height: 60px;
  padding: 0 50px 0 20px;
  background: #ffffff;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  box-sizing: border-box;
  position: relative;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  color: #2E2E2E;
}

/* ====================================== join */
#join {
  margin-top: 100px;
  padding: 100px 0 140px;
  position: relative;
}

@media screen and (max-width: 768px) {
  #join {
    margin-top: 40px;
    padding: 80px 0 100px;
  }
}
#join:before {
  content: "";
  width: 100%;
  height: calc(100% - 150px);
  background-image: url(../img/top/join_bg01.png);
  background-size: 10px 10px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  #join:before {
    height: calc(100% - 100px);
  }
}
#join .loopSlider .slider .list > li {
  margin: 0 50px;
}

@media screen and (max-width: 768px) {
  #join .loopSlider .slider .list > li {
    margin: 0 12px;
  }
}
#join .loopSlider .slider .list > li .txt {
  font-size: 100px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  #join .loopSlider .slider .list > li .txt {
    font-size: 42px;
  }
}
#join .loopSlider .slider .list > li .txt.-clr01 {
  color: #225383;
}

#join .loopSlider .slider .list > li .txt.-clr02 {
  color: #FFC542;
}

#join .loopSlider .slider .list > li .txt.-clr03 {
  color: #B9D3E4;
}

#join .inner .innerContents .copy {
  margin-top: 75px;
  text-align: center;
  font-size: 38px;
  font-weight: 700;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  #join .inner .innerContents .copy {
    margin-top: 55px;
    font-size: 24px;
  }
}
#join .inner .innerContents .btn {
  margin-top: 45px;
}

@media screen and (max-width: 768px) {
  #join .inner .innerContents .btn {
    margin-top: 35px;
  }
}
#join .inner .innerContents .btn > a {
  margin: 0 auto;
}

#join .inner .innerContents .btn.-animation {
  transition-delay: 0.2s;
}

/* ====================================== pageLink */
#pageLink {
  margin: 290px 0 -250px;
  padding: 140px 0 180px;
  background: #F8F7F5;
}

@media screen and (max-width: 768px) {
  #pageLink {
    margin: 120px 0 -140px;
    padding: 70px 0 100px;
  }
}
#pageLink .inner .innerContents .nav .list {
  display: flex;
}

@media screen and (max-width: 768px) {
  #pageLink .inner .innerContents .nav .list {
    display: block;
  }
}
#pageLink .inner .innerContents .nav .list > li {
  flex: 1;
}

#pageLink .inner .innerContents .nav .list > li .section > a {
  height: 100%;
  background: #ffffff;
  padding: 12px 30px 25px;
  border-radius: 8px;
  box-sizing: border-box;
  display: block;
}

@media screen and (max-width: 768px) {
  #pageLink .inner .innerContents .nav .list > li .section > a {
    height: auto;
  }
}
#pageLink .inner .innerContents .nav .list > li .section > a .sectionTtl {
  padding: 13px 35px 13px 0;
  border-bottom: 1px solid #F2F1EF;
  position: relative;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  transition: color 0.3s ease-in-out;
}

@media screen and (max-width: 768px) {
  #pageLink .inner .innerContents .nav .list > li .section > a .sectionTtl {
    padding: 12px 32px 12px 0;
    font-size: 15px;
  }
}
#pageLink .inner .innerContents .nav .list > li .section > a .sectionTtl:after {
  content: "";
  width: 25px;
  height: 25px;
  background-image: url(../img/arw01_r_bl.svg);
  background-repeat: no-repeat;
  background-size: 6px auto;
  background-position: center center;
  border: 1px solid #F2F1EF;
  border-radius: 50%;
  box-sizing: border-box;
  position: absolute;
  top: calc(50% - 12.5px);
  right: 0;
  transition: background-color 0.3s ease-in-out, background-image 0.3s ease-in-out, border 0.3s ease-in-out;
}

@media screen and (max-width: 768px) {
  #pageLink .inner .innerContents .nav .list > li .section > a .sectionTtl:after {
    width: 22px;
    height: 22px;
    background-size: 5px auto;
    top: calc(50% - 11px);
  }
}
#pageLink .inner .innerContents .nav .list > li .section > a .sectionTxt {
  margin-top: 15px;
  font-size: 14px;
  line-height: 1.7;
}

@media screen and (max-width: 768px) {
  #pageLink .inner .innerContents .nav .list > li .section > a .sectionTxt {
    margin-top: 13px;
    font-size: 13px;
  }
}
#pageLink .inner .innerContents .nav .list > li .section > a:hover .sectionTtl {
  color: #B9D3E4;
}

#pageLink .inner .innerContents .nav .list > li .section > a:hover .sectionTtl:after {
  background-color: #B9D3E4;
  background-image: url(../img/arw01_r_wh.svg);
  border: 1px solid #B9D3E4;
}

#pageLink .inner .innerContents .nav .list > li:not(:first-child) {
  margin-left: 40px;
}

@media screen and (max-width: 768px) {
  #pageLink .inner .innerContents .nav .list > li:not(:first-child) {
    margin: 20px 0 0 0;
  }
}
/* ====================================== share */
.share {
  margin-top: 120px;
}

.share .shareTtl {
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .share .shareTtl {
    font-size: 14px;
  }
}
.share .a2a_kit {
  margin-top: 35px;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .share .a2a_kit {
    margin-top: 20px;
  }
}
.share .a2a_kit .a2a_dd {
  display: none;
}

.share .a2a_kit .a2a_button_facebook, .share .a2a_kit .a2a_button_twitter, .share .a2a_kit .a2a_button_line {
  margin: 0 10px;
  padding: 0;
}

.share .a2a_kit .a2a_button_facebook .a2a_svg, .share .a2a_kit .a2a_button_twitter .a2a_svg, .share .a2a_kit .a2a_button_line .a2a_svg {
  background: transparent !important;
  border-radius: 50% !important;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s ease-in-out;
}

@media screen and (max-width: 768px) {
  .share .a2a_kit .a2a_button_facebook .a2a_svg, .share .a2a_kit .a2a_button_twitter .a2a_svg, .share .a2a_kit .a2a_button_line .a2a_svg {
    width: 40px !important;
    height: 40px !important;
  }
}
.share .a2a_kit .a2a_button_facebook .a2a_svg > svg, .share .a2a_kit .a2a_button_twitter .a2a_svg > svg, .share .a2a_kit .a2a_button_line .a2a_svg > svg {
  width: 65%;
}

.share .a2a_kit .a2a_button_facebook .a2a_svg > svg *, .share .a2a_kit .a2a_button_twitter .a2a_svg > svg *, .share .a2a_kit .a2a_button_line .a2a_svg > svg * {
  transition: fill 0.3s ease-in-out;
}

.share .a2a_kit .a2a_button_facebook:hover .a2a_svg, .share .a2a_kit .a2a_button_twitter:hover .a2a_svg, .share .a2a_kit .a2a_button_line:hover .a2a_svg {
  opacity: 1;
}

.share .a2a_kit .a2a_button_facebook:hover .a2a_svg > svg *, .share .a2a_kit .a2a_button_twitter:hover .a2a_svg > svg *, .share .a2a_kit .a2a_button_line:hover .a2a_svg > svg * {
  fill: #ffffff;
}

.share .a2a_kit .a2a_button_facebook .a2a_svg {
  border: 2px solid #3578EA;
}

@media screen and (max-width: 768px) {
  .share .a2a_kit .a2a_button_facebook .a2a_svg {
    border: 1px solid #3578EA;
  }
}
.share .a2a_kit .a2a_button_facebook .a2a_svg > svg * {
  fill: #3578EA;
}

.share .a2a_kit .a2a_button_facebook:hover .a2a_svg {
  background-color: #3578EA !important;
}

.share .a2a_kit .a2a_button_twitter .a2a_svg {
  border: 2px solid #4AABE8;
}

@media screen and (max-width: 768px) {
  .share .a2a_kit .a2a_button_twitter .a2a_svg {
    border: 1px solid #4AABE8;
  }
}
.share .a2a_kit .a2a_button_twitter .a2a_svg > svg * {
  fill: #4AABE8;
}

.share .a2a_kit .a2a_button_twitter:hover .a2a_svg {
  background-color: #4AABE8 !important;
}

.share .a2a_kit .a2a_button_line .a2a_svg {
  border: 2px solid #5AC363;
}

@media screen and (max-width: 768px) {
  .share .a2a_kit .a2a_button_line .a2a_svg {
    border: 1px solid #5AC363;
  }
}
.share .a2a_kit .a2a_button_line .a2a_svg > svg * {
  fill: #5AC363;
}

.share .a2a_kit .a2a_button_line:hover .a2a_svg {
  background-color: #5AC363 !important;
}

/* ====================================== bk */
#bk {
  width: 100%;
  height: 100%;
  background: #000000;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0.3;
  z-index: 1;
}

/* ====================================== ttl */
.ttl {
  /* ------------------------------ 01 */
  /* ------------------------------ 02 */
  /* ------------------------------ 03 */
  /* ------------------------------ 04 */
  /* ------------------------------ 05 */
}

.ttl.-ttl01 > span {
  display: block;
}

.ttl.-ttl01 > span.main {
  font-size: 54px;
}

@media screen and (max-width: 768px) {
  .ttl.-ttl01 > span.main {
    font-size: 32px;
  }
}
.ttl.-ttl01 > span.sub {
  margin-top: 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .ttl.-ttl01 > span.sub {
    margin-top: 5px;
    font-size: 14px;
  }
}
.ttl.-ttl01 > span.sub.-animation {
  transition-delay: 0.2s;
}

.ttl.-ttl02 {
  font-size: 38px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .ttl.-ttl02 {
    font-size: 32px;
  }
}
.ttl.-ttl02.-center {
  text-align: center;
}

.ttl.-ttl03 {
  padding-bottom: 50px;
  border-bottom: 2px solid #E9E9E9;
  position: relative;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .ttl.-ttl03 {
    padding-bottom: 35px;
    font-size: 24px;
  }
}
.ttl.-ttl03:after {
  content: "";
  width: 40px;
  height: 2px;
  background: #B9D3E4;
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
}

.ttl.-ttl04 {
  padding-left: 30px;
  border-left: 5px solid #B9D3E4;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .ttl.-ttl04 {
    padding-left: 15px;
    border-left: 2px solid #B9D3E4;
    font-size: 18px;
  }
}
.ttl.-ttl05 {
  padding-bottom: 35px;
  border-bottom: 2px solid #CBC9C7;
  position: relative;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .ttl.-ttl05 {
    padding-bottom: 30px;
    font-size: 20px;
  }
}
.ttl.-ttl05:after {
  content: "";
  width: 40px;
  height: 2px;
  background: #B9D3E4;
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
}

/* ====================================== pageTtl */
.pageTtl {
  /* ------------------------------ 01 */
}

.pageTtl.-pageTtl01 {
  padding-top: 100px;
}

@media screen and (max-width: 768px) {
  .pageTtl.-pageTtl01 {
    padding-top: 85px;
  }
}
.pageTtl.-pageTtl01 .inner .innerContents .ttl > span {
  display: block;
}

.pageTtl.-pageTtl01 .inner .innerContents .ttl > span.main {
  margin-top: 25px;
  overflow: hidden;
  font-size: 58px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .pageTtl.-pageTtl01 .inner .innerContents .ttl > span.main {
    margin-top: 18px;
    font-size: 32px;
  }
}
.pageTtl.-pageTtl01 .inner .innerContents .ttl > span.main .t {
  display: inline-block;
  transform: translate(0, 1.5em);
}

.pageTtl.-pageTtl01 .inner .innerContents .ttl > span.main .t.-active {
  transform: translate(0, 0);
  transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.pageTtl.-pageTtl01 .inner .innerContents .txt {
  margin-top: 20px;
  font-size: 14px;
  line-height: 2;
}

.pageTtl.-pageTtl01 .inner .innerContents .txt.-animation {
  transition-delay: 0.4s;
}

.pageTtl.-pageTtl01 .inner .innerContents .img {
  width: calc(100% + (100vw - 100%) / 2);
  height: 430px;
  margin: 70px 0 0 calc((100vw - 100%) / 2 * -1);
  border-radius: 0 8px 8px 0;
}

@media screen and (max-width: 768px) {
  .pageTtl.-pageTtl01 .inner .innerContents .img {
    height: 260px;
    margin-top: 30px;
  }
}
.pageTtl.-pageTtl01 .inner .innerContents .img.-animation {
  transition-delay: 0.8s;
}

/* ====================================== txt */
.txt {
  /* ------------------------------ 01 */
  /* ------------------------------ 02 */
  /* ------------------------------ 03 */
}

.txt.-txt01 {
  font-size: 15px;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .txt.-txt01 {
    font-size: 14px;
    line-height: 1.7;
  }
}
.txt.-txt02 {
  font-size: 16px;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .txt.-txt02 {
    font-size: 14px;
  }
}
.txt.-txt03 {
  font-size: 15px;
  font-weight: 500;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .txt.-txt03 {
    font-size: 13px;
  }
}
/* ====================================== btn */
.btn {
  /* ------------------------------ 01 */
}

.btn.-btn01 > a, .btn.-btn01 > span {
  width: 100%;
  max-width: 275px;
  height: 70px;
  padding: 10px 60px 10px 25px;
  background: #ffffff;
  border-radius: 8px;
  box-sizing: border-box;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .btn.-btn01 > a, .btn.-btn01 > span {
    max-width: none;
    height: 60px;
    padding: 10px 50px 10px 25px;
    border-radius: 4px;
  }
}
.btn.-btn01 > a > span, .btn.-btn01 > span > span {
  position: relative;
  z-index: 1;
  font-size: 14px;
  font-weight: 700;
  transition: color 0.3s ease-in-out 0.4s;
}

@media screen and (max-width: 768px) {
  .btn.-btn01 > a > span, .btn.-btn01 > span > span {
    font-size: 13px;
  }
}
.btn.-btn01 > a:before, .btn.-btn01 > span:before {
  content: "";
  width: 10px;
  height: 10px;
  background: #2E2E2E;
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 5px);
  left: -10px;
  transition: transform 0.6s cubic-bezier(0.76, 0, 0.24, 1);
}

.btn.-btn01 > a:after, .btn.-btn01 > span:after {
  content: "";
  width: 25px;
  height: 25px;
  background-color: #ffffff;
  background-image: url(../img/arw01_r.svg);
  background-repeat: no-repeat;
  background-size: 6px auto;
  background-position: center center;
  border: 1px solid #F2F1EF;
  border-radius: 50%;
  box-sizing: border-box;
  position: absolute;
  top: calc(50% - 12.5px);
  right: 25px;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .btn.-btn01 > a:after, .btn.-btn01 > span:after {
    width: 20px;
    height: 20px;
    background-size: 5px auto;
    top: calc(50% - 10px);
    right: 20px;
  }
}
.btn.-btn01 > a:hover > span, .btn.-btn01 > span:hover > span {
  color: #ffffff;
  transition: color 0.3s ease-in-out;
}

.btn.-btn01 > a:hover:before, .btn.-btn01 > span:hover:before {
  transform: scale(100);
}

.btn.-btn01.-b > a:after, .btn.-btn01.-b > span:after {
  background-image: url(../img/arw01_b.svg);
  background-size: auto 6px;
}

@media screen and (max-width: 768px) {
  .btn.-btn01.-b > a:after, .btn.-btn01.-b > span:after {
    background-size: auto 5px;
  }
}
.btn.-btn01.-wide > a, .btn.-btn01.-wide > span {
  max-width: 410px;
}

.btn.-btn01.-yl > a, .btn.-btn01.-yl > span {
  background: #FFC542;
}

.btn.-btn01.-yl > a:before, .btn.-btn01.-yl > span:before {
  background-color: #225383;
}

.btn.-btn01.-yl > a:after, .btn.-btn01.-yl > span:after {
  background-color: #F2F1EF;
}

.btn.-btn01.-gy > a, .btn.-btn01.-gy > span {
  background: #F2F1EF;
}

.btn.-btn01.-gy > a:before, .btn.-btn01.-gy > span:before {
  background: #225383;
}

.btn.-btn01.-blank > a:after, .btn.-btn01.-blank > span:after {
  background-color: transparent;
  background-image: url(../img/ico_blank01.svg);
  background-size: 10px auto;
  border: none;
  transition: background-image 0.6s cubic-bezier(0.76, 0, 0.24, 1);
}

.btn.-btn01.-blank > a:hover:after, .btn.-btn01.-blank > span:hover:after {
  background-image: url(../img/ico_blank01_wh.svg);
}

/* ====================================== link */
.link {
  /* ------------------------------ 01 */
}

.link.-link01 > a {
  display: inline-block;
  position: relative;
  font-size: 12px;
  line-height: 1.5;
  color: #F2F1EF;
  transition: color 0.3s ease-in-out;
}

.link.-link01 > a:hover {
  color: #FFC542;
}

.link.-link01.-blank > a {
  padding-right: 15px;
}

.link.-link01.-blank > a:after {
  content: "";
  width: 10px;
  height: 10px;
  background-image: url(../img/ico_blank01_wh.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  display: block;
  position: absolute;
  top: calc(50% - 5px);
  right: 0;
  transition: background-image 0.3s ease-in-out;
}

.link.-link01.-blank > a:hover:after {
  background-image: url(../img/ico_blank01_yl.svg);
}

/* ====================================== category */
.category {
  /* ------------------------------ 01 */
}

.category.-category01 {
  margin-bottom: -15px;
  font-size: 0;
  line-height: 0;
}

@media screen and (max-width: 768px) {
  .category.-category01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.category.-category01 > li {
  margin: 0 15px 15px 0;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .category.-category01 > li {
    width: calc((100% - 5px) / 2);
    margin: 0;
  }
}
.category.-category01 > li > span, .category.-category01 > li > a {
  padding: 8px 25px;
  border-radius: 4px;
  display: inline-block;
  font-size: 14px;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .category.-category01 > li > span, .category.-category01 > li > a {
    width: 100%;
    height: 100%;
    padding: 8px 13px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .category.-category01 > li > span > span.pc, .category.-category01 > li > a > span.pc {
    display: none;
  }
}
.category.-category01 > li > span > span.sp, .category.-category01 > li > a > span.sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .category.-category01 > li > span > span.sp, .category.-category01 > li > a > span.sp {
    display: inline;
  }
}
.category.-category01 > li > span {
  background: #2E2E2E;
  color: #ffffff;
}

.category.-category01 > li > a {
  background: #ffffff;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.category.-category01 > li > a:hover {
  background: #B9D3E4;
  color: #ffffff;
}

@media screen and (max-width: 768px) {
  .category.-category01 > li:nth-child(even) {
    margin-left: 5px;
  }
}
@media screen and (max-width: 768px) {
  .category.-category01 > li:nth-child(n+3) {
    margin-top: 5px;
  }
}
/* ====================================== shape */
.shape {
  /* ------------------------------ 01 */
}

.shape.-shape01 {
  position: absolute;
  z-index: -1;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}

/* ====================================== nav */
.nav {
  /* ------------------------------ 01 */
}

.nav.-nav01 .list > li:not(:first-child) {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .nav.-nav01 .list > li:not(:first-child) {
    margin-top: 10px;
  }
}
/* ====================================== pagination */
.pagination {
  /* ------------------------------ 01 */
}

.pagination.-pagination01 {
  margin-top: 140px;
}

@media screen and (max-width: 768px) {
  .pagination.-pagination01 {
    margin-top: 120px;
  }
}
.pagination.-pagination01 .paginationContents {
  margin: -8px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.pagination.-pagination01 .paginationContents .page-numbers {
  width: 50px;
  height: 50px;
  margin: 8px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  transition: background-color 0.3s ease-in-out;
}

@media screen and (max-width: 768px) {
  .pagination.-pagination01 .paginationContents .page-numbers {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    font-size: 16px;
  }
}
.pagination.-pagination01 .paginationContents .page-numbers:hover:not(.dots), .pagination.-pagination01 .paginationContents .page-numbers.current:not(.dots), .pagination.-pagination01 .paginationContents .page-numbers.prev:not(.dots), .pagination.-pagination01 .paginationContents .page-numbers.next:not(.dots) {
  background-color: #ffffff;
}

.pagination.-pagination01 .paginationContents .page-numbers.prev, .pagination.-pagination01 .paginationContents .page-numbers.next {
  font-size: 0;
  line-height: 0;
}

.pagination.-pagination01 .paginationContents .page-numbers.prev, .pagination.-pagination01 .paginationContents .page-numbers.next {
  background-repeat: no-repeat;
  background-size: 8px auto;
  background-position: center center;
  transition: background-image 0.3s ease-in-out;
}

@media screen and (max-width: 768px) {
  .pagination.-pagination01 .paginationContents .page-numbers.prev, .pagination.-pagination01 .paginationContents .page-numbers.next {
    background-size: 7px auto;
  }
}
.pagination.-pagination01 .paginationContents .page-numbers.prev {
  background-image: url(../img/arw01_l.svg);
}

.pagination.-pagination01 .paginationContents .page-numbers.prev:hover {
  background-image: url(../img/arw01_l_bl.svg);
}

.pagination.-pagination01 .paginationContents .page-numbers.next {
  background-image: url(../img/arw01_r.svg);
}

.pagination.-pagination01 .paginationContents .page-numbers.next:hover {
  background-image: url(../img/arw01_r_bl.svg);
}

/* ====================================== animation */
.animation {
  /* ------------------------------ 01 */
  /* ------------------------------ 02 */
}

.animation.-animation01.-tl > img {
  transform: rotate(90deg);
  transform-origin: top right;
}

.animation.-animation01.-tl.-animation > img {
  transform: rotate(0);
  transition: transform 0.8s cubic-bezier(0.76, 0, 0.24, 1);
}

.animation.-animation01.-tr > img {
  transform: rotate(90deg);
  transform-origin: bottom right;
}

.animation.-animation01.-tr.-animation > img {
  transform: rotate(0);
  transition: transform 0.8s cubic-bezier(0.76, 0, 0.24, 1);
}

.animation.-animation01.-bl > img {
  transform: rotate(90deg);
  transform-origin: top left;
}

.animation.-animation01.-bl.-animation > img {
  transform: rotate(0);
  transition: transform 0.8s cubic-bezier(0.76, 0, 0.24, 1);
}

.animation.-animation01.-br > img {
  transform: rotate(-90deg);
  transform-origin: top right;
}

.animation.-animation01.-br.-animation > img {
  transform: rotate(0);
  transition: transform 0.8s cubic-bezier(0.76, 0, 0.24, 1);
}

.animation.-animation02 {
  opacity: 0;
}

.animation.-animation02.-r {
  transform: translate(20px, 0);
}

@media screen and (max-width: 768px) {
  .animation.-animation02.-r {
    transform: translate(10px, 0);
  }
}
.animation.-animation02.-b {
  transform: translate(0, 20px);
}

@media screen and (max-width: 768px) {
  .animation.-animation02.-b {
    transform: translate(0, 10px);
  }
}
.animation.-animation02.-l {
  transform: translate(-20px, 0);
}

@media screen and (max-width: 768px) {
  .animation.-animation02.-l {
    transform: translate(-10px, 0);
  }
}
.animation.-animation02.-animation {
  opacity: 1;
  transform: translate(0, 0);
  transition: opacity 0.6s cubic-bezier(0.76, 0, 0.24, 1), transform 0.6s cubic-bezier(0.76, 0, 0.24, 1);
}

/* ====================================== loader */
.loader {
  /* ------------------------------ -loader01 */
}

.loader.-loader01, .loader.-loader01:before, .loader.-loader01:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  animation-fill-mode: both;
  animation: load7 1.8s infinite ease-in-out;
}

.loader.-loader01 {
  color: #B9D3E4;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}

.loader.-loader01:before, .loader.-loader01:after {
  content: "";
  position: absolute;
  top: 0;
}

.loader.-loader01:before {
  left: -3.5em;
  animation-delay: -0.32s;
}

.loader.-loader01:after {
  left: 3.5em;
}
@keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
/* ====================================== header */
header {
  width: 100%;
  height: 90px;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  transition: background-color 0.3s ease-in-out;
  /* ------------------------------ scroll */
}

@media screen and (max-width: 768px) {
  header {
    height: 75px;
  }
}
header .headerInner {
  height: 100%;
  padding: 0 40px;
}

@media screen and (max-width: 768px) {
  header .headerInner {
    padding: 0 25px;
  }
}
header .headerInner .headerInnerContents {
  height: 100%;
  padding-top: 10px;
  border-bottom: 2px dotted #2E2E2E;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
  header .headerInner .headerInnerContents {
    padding: 15px 0;
    border: none;
  }
}
@media screen and (max-width: 768px) {
  header .headerInner .headerInnerContents .logo {
    flex: 1;
  }
}
header .headerInner .headerInnerContents .logo > a {
  display: flex;
  align-items: center;
}

header .headerInner .headerInnerContents .logo > a .mark {
  font-size: 0;
  line-height: 0;
}

header .headerInner .headerInnerContents .logo > a .mark > img {
  width: 180px;
}

@media screen and (max-width: 1350px) {
  header .headerInner .headerInnerContents .logo > a .mark > img {
    width: 140px;
  }
}
@media screen and (max-width: 1200px) {
  header .headerInner .headerInnerContents .logo > a .mark > img {
    width: 11.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  header .headerInner .headerInnerContents .logo > a .mark > img {
    width: 100px;
  }
}
@media screen and (max-width: 374px) {
  header .headerInner .headerInnerContents .logo > a .mark > img {
    width: 26.6666666667vw;
  }
}
header .headerInner .headerInnerContents .logo > a .txt {
  margin-left: 20px;
  font-size: 12px;
  line-height: 1.2;
}

@media screen and (max-width: 1300px) {
  header .headerInner .headerInnerContents .logo > a .txt {
    margin-left: 10px;
    font-size: 11px;
  }
}
@media screen and (max-width: 1200px) {
  header .headerInner .headerInnerContents .logo > a .txt {
    margin-left: 0.8333333333vw;
    font-size: 0.9166666667vw;
  }
}
@media screen and (max-width: 900px) {
  header .headerInner .headerInnerContents .logo > a .txt {
    font-size: 0.8333333333vw;
    transform: scale(0.8);
    transform-origin: center left;
  }
}
@media screen and (max-width: 768px) {
  header .headerInner .headerInnerContents .logo > a .txt {
    margin-left: 10px;
    font-size: 10px;
    transform: scale(0.7);
  }
}
header .headerInner .headerInnerContents .contents {
  margin-left: 40px;
  flex: 1;
}

@media screen and (max-width: 1350px) {
  header .headerInner .headerInnerContents .contents {
    margin-left: 20px;
  }
}
@media screen and (max-width: 1200px) {
  header .headerInner .headerInnerContents .contents {
    margin-left: 1.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  header .headerInner .headerInnerContents .contents {
    width: 100%;
    height: 100%;
    margin-left: 0;
    background: rgba(0, 0, 0, 0.4);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    overflow-y: scroll;
    overscroll-behavior: contain;
    -ms-overflow-style: none;
  }
  header .headerInner .headerInnerContents .contents::-webkit-scrollbar {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  header .headerInner .headerInnerContents .contents .contentsInner {
    width: 100%;
    height: calc(100% + 1px);
    padding: 75px 25px;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 768px) {
  header .headerInner .headerInnerContents .contents .contentsInner .nav {
    padding: 20px 20px 25px;
    background: #ffffff;
    border-radius: 4px;
  }
}
header .headerInner .headerInnerContents .contents .contentsInner .nav .list {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

@media screen and (max-width: 768px) {
  header .headerInner .headerInnerContents .contents .contentsInner .nav .list {
    display: block;
  }
}
header .headerInner .headerInnerContents .contents .contentsInner .nav .list > li {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 1200px) {
  header .headerInner .headerInnerContents .contents .contentsInner .nav .list > li {
    font-size: 1.1666666667vw;
  }
}
@media screen and (max-width: 900px) {
  header .headerInner .headerInnerContents .contents .contentsInner .nav .list > li {
    font-size: 1.0833333333vw;
  }
}
@media screen and (max-width: 768px) {
  header .headerInner .headerInnerContents .contents .contentsInner .nav .list > li {
    text-align: left;
    font-size: 14px;
    font-weight: 500;
  }
}
header .headerInner .headerInnerContents .contents .contentsInner .nav .list > li > a {
  transition: color 0.3s ease-in-out;
}

@media screen and (max-width: 768px) {
  header .headerInner .headerInnerContents .contents .contentsInner .nav .list > li > a {
    padding: 20px 0;
    display: block;
  }
}
@media screen and (max-width: 374px) {
  header .headerInner .headerInnerContents .contents .contentsInner .nav .list > li > a {
    padding: 15px 0;
  }
}
header .headerInner .headerInnerContents .contents .contentsInner .nav .list > li > a:hover {
  color: #225383;
}

header .headerInner .headerInnerContents .contents .contentsInner .nav .list > li.-btn > a {
  padding: 15px 25px;
  background: #FFC542;
  border-radius: 4px;
  display: inline-block;
  font-size: 12px;
  transition: background-color 0.3s ease-in-out;
}

@media screen and (max-width: 1200px) {
  header .headerInner .headerInnerContents .contents .contentsInner .nav .list > li.-btn > a {
    padding: 0.8333333333vw 0.8333333333vw;
    font-size: 1vw;
  }
}
@media screen and (max-width: 768px) {
  header .headerInner .headerInnerContents .contents .contentsInner .nav .list > li.-btn > a {
    padding: 18px 20px;
    box-sizing: border-box;
    display: block;
    font-size: 14px;
  }
}
header .headerInner .headerInnerContents .contents .contentsInner .nav .list > li.-btn > a:hover {
  background: #225383;
  color: #ffffff;
}

header .headerInner .headerInnerContents .contents .contentsInner .nav .list > li:not(:first-child) {
  margin-left: 25px;
}

@media screen and (max-width: 1200px) {
  header .headerInner .headerInnerContents .contents .contentsInner .nav .list > li:not(:first-child) {
    margin-left: 1.6666666667vw;
  }
}
@media screen and (max-width: 900px) {
  header .headerInner .headerInnerContents .contents .contentsInner .nav .list > li:not(:first-child) {
    margin-left: 0.8333333333vw;
  }
}
@media screen and (max-width: 768px) {
  header .headerInner .headerInnerContents .contents .contentsInner .nav .list > li:not(:first-child) {
    margin-left: 0;
  }
}
header .headerInner .headerInnerContents .contents .contentsInner .nav .list > li:not(:first-child).-btn {
  margin-left: 30px;
}

@media screen and (max-width: 1200px) {
  header .headerInner .headerInnerContents .contents .contentsInner .nav .list > li:not(:first-child).-btn {
    margin-left: 1.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  header .headerInner .headerInnerContents .contents .contentsInner .nav .list > li:not(:first-child).-btn {
    margin: 40px 0 0 0;
  }
}
@media screen and (max-width: 374px) {
  header .headerInner .headerInnerContents .contents .contentsInner .nav .list > li:not(:first-child).-btn {
    margin: 20px 0 0 0;
  }
}
header .headerInner .headerInnerContents .contents .contentsInner .nav .list > li:not(.-btn) {
  white-space: pre;
}

@media screen and (max-width: 768px) {
  header .headerInner .headerInnerContents .contents .contentsInner .nav .list > li:not(.-btn) {
    border-bottom: 1.5px dotted #000000;
  }
}
header .headerInner .headerInnerContents .spMenu {
  display: none;
}

@media screen and (max-width: 768px) {
  header .headerInner .headerInnerContents .spMenu {
    width: 45px;
    height: 45px;
    background: #FFC542;
    border-radius: 4px;
    display: block;
    position: relative;
    z-index: 3;
    transition: background-color 0.8s ease-in-out;
  }
}
@media screen and (max-width: 768px) {
  header .headerInner .headerInnerContents .spMenu .bars {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  header .headerInner .headerInnerContents .spMenu .bars .bar {
    width: 24px;
    height: 1px;
    background: #2E2E2E;
    border-radius: 0.5px;
  }
}
@media screen and (max-width: 768px) {
  header .headerInner .headerInnerContents .spMenu .bars .bar:not(:first-child) {
    margin-top: 5px;
  }
}
@media screen and (max-width: 768px) {
  header .headerInner .headerInnerContents .spMenu.-active {
    background: #F2F1EF;
  }
}
header .headerInner .headerInnerContents .spMenu.-active .bars .bar:nth-child(1) {
  animation: barT 0.8s cubic-bezier(0.76, 0, 0.24, 1) 0s 1 forwards;
}

header .headerInner .headerInnerContents .spMenu.-active .bars .bar:nth-child(2) {
  animation: barC 0.8s cubic-bezier(0.76, 0, 0.24, 1) 0s 1 forwards;
}

header .headerInner .headerInnerContents .spMenu.-active .bars .bar:nth-child(3) {
  animation: barB 0.8s cubic-bezier(0.76, 0, 0.24, 1) 0s 1 forwards;
}

header .headerInner .headerInnerContents .spMenu.-inactive .bars .bar:nth-child(1) {
  animation: barTR 0.8s cubic-bezier(0.76, 0, 0.24, 1) 0s 1 forwards;
}

header .headerInner .headerInnerContents .spMenu.-inactive .bars .bar:nth-child(2) {
  animation: barCR 0.8s cubic-bezier(0.76, 0, 0.24, 1) 0s 1 forwards;
}

header .headerInner .headerInnerContents .spMenu.-inactive .bars .bar:nth-child(3) {
  animation: barBR 0.8s cubic-bezier(0.76, 0, 0.24, 1) 0s 1 forwards;
}

header.-scroll {
  background: rgba(255, 255, 255, 0.85);
}

/* ====================================== footer */
footer {
  padding: 100px 0 40px;
  background: #2E2E2E;
}

@media screen and (max-width: 768px) {
  footer {
    padding: 40px 0 25px;
  }
}
footer .inner .innerContents .contents {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  footer .inner .innerContents .contents {
    display: block;
  }
}
footer .inner .innerContents .contents .block {
  width: calc((100% - 40px) / 2);
}

@media screen and (max-width: 768px) {
  footer .inner .innerContents .contents .block {
    width: 100%;
  }
}
footer .inner .innerContents .contents .block.-head .logo {
  display: flex;
  align-items: center;
}

footer .inner .innerContents .contents .block.-head .logo .mark {
  font-size: 0;
  line-height: 0;
}

footer .inner .innerContents .contents .block.-head .logo .mark > img {
  width: 200px;
}

@media screen and (max-width: 1200px) {
  footer .inner .innerContents .contents .block.-head .logo .mark > img {
    width: 16.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  footer .inner .innerContents .contents .block.-head .logo .mark > img {
    width: 130px;
  }
}
@media screen and (max-width: 374px) {
  footer .inner .innerContents .contents .block.-head .logo .mark > img {
    width: 34.6666666667vw;
  }
}
footer .inner .innerContents .contents .block.-head .logo .txt {
  margin-left: 20px;
  flex: 1;
  font-size: 13px;
  line-height: 1.4;
  color: #ffffff;
}

@media screen and (max-width: 1200px) {
  footer .inner .innerContents .contents .block.-head .logo .txt {
    margin-left: 1.6666666667vw;
    font-size: 1.0833333333vw;
  }
}
@media screen and (max-width: 768px) {
  footer .inner .innerContents .contents .block.-head .logo .txt {
    margin-left: 15px;
    font-size: 10px;
    transform: scale(0.9);
    transform-origin: center left;
  }
}
footer .inner .innerContents .contents .block.-head .btns {
  margin-top: 45px;
}

@media screen and (max-width: 768px) {
  footer .inner .innerContents .contents .block.-head .btns {
    margin-top: 25px;
  }
}
footer .inner .innerContents .contents .block.-head .btns .btn:not(:first-child) {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  footer .inner .innerContents .contents .block.-head .btns .btn:not(:first-child) {
    margin-top: 10px;
  }
}
footer .inner .innerContents .contents .block.-nav {
  margin-top: -15px;
}

@media screen and (max-width: 768px) {
  footer .inner .innerContents .contents .block.-nav {
    margin-top: 25px;
  }
}
footer .inner .innerContents .contents .block.-nav .nav {
  display: flex;
  flex-wrap: wrap;
}

footer .inner .innerContents .contents .block.-nav .nav .item {
  width: calc((100% - 40px) / 2);
}

@media screen and (max-width: 768px) {
  footer .inner .innerContents .contents .block.-nav .nav .item {
    width: calc((100% - 15px) / 2);
  }
}
footer .inner .innerContents .contents .block.-nav .nav .item > dt, footer .inner .innerContents .contents .block.-nav .nav .item .itemContents {
  border-bottom: 1px solid #ffffff;
}

footer .inner .innerContents .contents .block.-nav .nav .item > dt > a, footer .inner .innerContents .contents .block.-nav .nav .item .itemContents > a {
  padding: 15px 30px 15px 0;
  display: block;
  position: relative;
}

@media screen and (max-width: 768px) {
  footer .inner .innerContents .contents .block.-nav .nav .item > dt > a, footer .inner .innerContents .contents .block.-nav .nav .item .itemContents > a {
    padding: 15px 25px 15px 0;
  }
}
footer .inner .innerContents .contents .block.-nav .nav .item > dt > a:after, footer .inner .innerContents .contents .block.-nav .nav .item .itemContents > a:after {
  content: "";
  width: 0;
  height: 1px;
  background: #FFC542;
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  transition: width 0.3s ease-in-out;
}

footer .inner .innerContents .contents .block.-nav .nav .item > dt > a .txt, footer .inner .innerContents .contents .block.-nav .nav .item .itemContents > a .txt {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  color: #F2F1EF;
  transition: color 0.3s ease-in-out;
}

@media screen and (max-width: 768px) {
  footer .inner .innerContents .contents .block.-nav .nav .item > dt > a .txt, footer .inner .innerContents .contents .block.-nav .nav .item .itemContents > a .txt {
    font-size: 14px;
  }
}
footer .inner .innerContents .contents .block.-nav .nav .item > dt > a .arw, footer .inner .innerContents .contents .block.-nav .nav .item .itemContents > a .arw {
  width: 20px;
  height: 20px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: calc(50% - 10px);
  right: 0;
  transition: background-color 0.3s ease-in-out, border 0.3s ease-in-out;
}

@media screen and (max-width: 768px) {
  footer .inner .innerContents .contents .block.-nav .nav .item > dt > a .arw, footer .inner .innerContents .contents .block.-nav .nav .item .itemContents > a .arw {
    width: 15px;
    height: 15px;
    top: calc(50% - 7.5px);
  }
}
footer .inner .innerContents .contents .block.-nav .nav .item > dt > a .arw .svg, footer .inner .innerContents .contents .block.-nav .nav .item .itemContents > a .arw .svg {
  width: 4px;
  height: auto;
}

@media screen and (max-width: 768px) {
  footer .inner .innerContents .contents .block.-nav .nav .item > dt > a .arw .svg, footer .inner .innerContents .contents .block.-nav .nav .item .itemContents > a .arw .svg {
    width: 3px;
  }
}
footer .inner .innerContents .contents .block.-nav .nav .item > dt > a .arw .svg *, footer .inner .innerContents .contents .block.-nav .nav .item .itemContents > a .arw .svg * {
  fill: #ffffff;
  transition: fill 0.3s ease-in-out;
}

footer .inner .innerContents .contents .block.-nav .nav .item > dt > a:hover:after, footer .inner .innerContents .contents .block.-nav .nav .item .itemContents > a:hover:after {
  width: 100%;
}

footer .inner .innerContents .contents .block.-nav .nav .item > dt > a:hover .txt, footer .inner .innerContents .contents .block.-nav .nav .item .itemContents > a:hover .txt {
  color: #FFC542;
}

footer .inner .innerContents .contents .block.-nav .nav .item > dt > a:hover .arw, footer .inner .innerContents .contents .block.-nav .nav .item .itemContents > a:hover .arw {
  background: #FFC542;
  border: 1px solid #FFC542;
}

footer .inner .innerContents .contents .block.-nav .nav .item > dt > a:hover .arw .svg *, footer .inner .innerContents .contents .block.-nav .nav .item .itemContents > a:hover .arw .svg * {
  fill: #2E2E2E;
}

footer .inner .innerContents .contents .block.-nav .nav .item > dd {
  margin-top: 17px;
}

@media screen and (max-width: 768px) {
  footer .inner .innerContents .contents .block.-nav .nav .item > dd {
    margin-top: 15px;
  }
}
footer .inner .innerContents .contents .block.-nav .nav .item > dd .list > li {
  font-size: 13px;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  footer .inner .innerContents .contents .block.-nav .nav .item > dd .list > li {
    font-size: 12px;
  }
}
footer .inner .innerContents .contents .block.-nav .nav .item > dd .list > li > a {
  color: #F2F1EF;
  transition: color 0.3s ease-in-out;
}

footer .inner .innerContents .contents .block.-nav .nav .item > dd .list > li > a:hover {
  color: #FFC542;
}

footer .inner .innerContents .contents .block.-nav .nav .item > dd .list > li:not(:first-child) {
  margin-top: 7px;
}

footer .inner .innerContents .contents .block.-nav .nav .item:nth-child(even) {
  margin-left: 40px;
}

@media screen and (max-width: 768px) {
  footer .inner .innerContents .contents .block.-nav .nav .item:nth-child(even) {
    margin-left: 15px;
  }
}
footer .inner .innerContents .contents .block.-nav .nav .item:nth-child(n+3) {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  footer .inner .innerContents .contents .block.-nav .nav .item:nth-child(n+3) {
    margin-top: 25px;
  }
}
footer .inner .innerContents .foot {
  margin-top: 70px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  footer .inner .innerContents .foot {
    margin-top: 50px;
    display: block;
  }
}
footer .inner .innerContents .foot .copyright, footer .inner .innerContents .foot .link {
  width: calc((100% - 40px) / 2);
}

@media screen and (max-width: 768px) {
  footer .inner .innerContents .foot .copyright, footer .inner .innerContents .foot .link {
    width: 100%;
  }
}
footer .inner .innerContents .foot .copyright {
  font-size: 12px;
  line-height: 1.5;
  color: #ACACAC;
}

@media screen and (max-width: 768px) {
  footer .inner .innerContents .foot .copyright {
    margin-top: 60px;
    font-size: 11px;
  }
}
/* ====================================== kv */
#kv {
  padding-top: 150px;
  position: relative;
}

@media screen and (max-width: 768px) {
  #kv {
    padding-top: 185px;
  }
}
#kv .shape {
  top: -77px;
  right: -32px;
}

@media screen and (max-width: 768px) {
  #kv .shape {
    top: -37px;
    right: 0;
  }
}
#kv .shape > img {
  width: 480px;
}

@media screen and (max-width: 768px) {
  #kv .shape > img {
    width: 188px;
  }
}
#kv .kvInner {
  padding: 0 40px;
}

@media screen and (max-width: 768px) {
  #kv .kvInner {
    padding: 0 25px;
  }
}
#kv .kvInner .copy {
  font-size: 0;
  line-height: 0;
}

#kv .kvInner .copy .block .line {
  height: 87px;
  display: block;
  overflow: hidden;
}

@media screen and (max-width: 1200px) {
  #kv .kvInner .copy .block .line {
    height: 7.25vw;
  }
}
@media screen and (max-width: 768px) {
  #kv .kvInner .copy .block .line {
    height: 48px;
  }
}
#kv .kvInner .copy .block .line > span {
  display: inline-block;
  font-size: 58px;
  font-weight: 900;
  font-feature-settings: "palt";
  line-height: 1.5;
  letter-spacing: 0.1em;
  transform: translate(0, 1.5em);
}

@media screen and (max-width: 1200px) {
  #kv .kvInner .copy .block .line > span {
    font-size: 4.8333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #kv .kvInner .copy .block .line > span {
    display: block;
    font-size: 32px;
  }
}
#kv .kvInner .copy .block .line > span.-active {
  transform: translate(0, 0);
  transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
}

#kv .kvInner .imgMask {
  margin-top: 40px;
  border-radius: 8px;
  overflow: hidden;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  #kv .kvInner .imgMask {
    margin-top: 20px;
  }
}
#kv .kvInner .imgMask .img {
  width: 100vw;
  height: 620px;
  margin-left: calc((100vw - 100%) / 2 * -1);
}

@media screen and (max-width: 768px) {
  #kv .kvInner .imgMask .img {
    height: 360px;
  }
}
#kv .kvInner .imgMask .img > img.-current {
  opacity: 1;
  z-index: 2;
  transform: scale(1.1);
  transition: transform 6s ease-in-out;
  animation: fadeOut 2s ease-in-out 4s 1 forwards;
}

#kv .kvInner .imgMask .img > img.-next {
  opacity: 1;
  z-index: 1;
}

/* ====================================== news */
#news {
  padding-top: 70px;
}

@media screen and (max-width: 768px) {
  #news {
    padding-top: 50px;
  }
}
#news .inner .innerContents .box {
  padding: 40px;
  background: #ffffff;
  border-radius: 8px;
}

@media screen and (max-width: 768px) {
  #news .inner .innerContents .box {
    padding: 20px 20px 70px;
    position: relative;
  }
}
#news .inner .innerContents .box .boxInner {
  width: 100%;
  max-width: 975px;
  margin: 0 auto;
  display: flex;
}

@media screen and (max-width: 768px) {
  #news .inner .innerContents .box .boxInner {
    display: block;
  }
}
#news .inner .innerContents .box .boxInner .block.-head {
  width: 20.5%;
  min-width: 5em;
  padding-top: 22px;
}

@media screen and (max-width: 768px) {
  #news .inner .innerContents .box .boxInner .block.-head {
    width: 100%;
    min-width: auto;
    padding-top: 0;
  }
}
#news .inner .innerContents .box .boxInner .block.-head .ttl {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  #news .inner .innerContents .box .boxInner .block.-head .ttl {
    font-size: 16px;
  }
}
#news .inner .innerContents .box .boxInner .block.-head .more {
  margin-top: 25px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  #news .inner .innerContents .box .boxInner .block.-head .more {
    margin-top: 0;
    position: absolute;
    bottom: 35px;
    left: 20px;
    font-size: 13px;
  }
}
#news .inner .innerContents .box .boxInner .block.-head .more > a {
  border-bottom: 1px solid #2E2E2E;
  transition: border 0.6s cubic-bezier(0.76, 0, 0.24, 1), color 0.6s cubic-bezier(0.76, 0, 0.24, 1);
}

#news .inner .innerContents .box .boxInner .block.-head .more > a:hover {
  border-bottom: 1px solid #225383;
  color: #225383;
}

#news .inner .innerContents .box .boxInner .block.-contents {
  margin-left: 20px;
  flex: 1;
}

@media screen and (max-width: 768px) {
  #news .inner .innerContents .box .boxInner .block.-contents {
    margin-left: 0;
  }
}
#news .inner .innerContents .box .boxInner .block.-contents .list > li .article > a {
  padding: 30px 45px 30px 0;
  display: flex;
  align-items: center;
  position: relative;
}

@media screen and (max-width: 768px) {
  #news .inner .innerContents .box .boxInner .block.-contents .list > li .article > a {
    padding: 15px 0;
    display: block;
  }
}
#news .inner .innerContents .box .boxInner .block.-contents .list > li .article > a:after {
  content: "";
  width: 25px;
  height: 25px;
  background-color: #ffffff;
  background-image: url(../img/arw01_r.svg);
  background-repeat: no-repeat;
  background-size: 22% auto;
  background-position: 52% center;
  border: 1px solid #F2F1EF;
  border-radius: 50%;
  box-sizing: border-box;
  position: absolute;
  top: calc(50% - 12.5px);
  right: 0;
  transition: background-color 0.3s ease-in-out, background-image 0.3s ease-in-out, border 0.3s ease-in-out;
}

@media screen and (max-width: 768px) {
  #news .inner .innerContents .box .boxInner .block.-contents .list > li .article > a:after {
    content: none;
  }
}
#news .inner .innerContents .box .boxInner .block.-contents .list > li .article > a .date {
  width: 95px;
  font-size: 12px;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  #news .inner .innerContents .box .boxInner .block.-contents .list > li .article > a .date {
    width: 100%;
    font-size: 11px;
  }
}
#news .inner .innerContents .box .boxInner .block.-contents .list > li .article > a .articleTtl {
  max-height: 1.7em;
  margin-left: 20px;
  flex: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
}

@media screen and (max-width: 768px) {
  #news .inner .innerContents .box .boxInner .block.-contents .list > li .article > a .articleTtl {
    max-height: 3.4em;
    margin: 5px 0 0 0;
    padding-right: 35px;
    position: relative;
    -webkit-line-clamp: 2;
    font-size: 13px;
  }
}
@media screen and (max-width: 768px) {
  #news .inner .innerContents .box .boxInner .block.-contents .list > li .article > a .articleTtl:after {
    content: "";
    width: 20px;
    height: 20px;
    background-color: #F2F1EF;
    background-image: url(../img/arw01_r.svg);
    background-repeat: no-repeat;
    background-size: 22% auto;
    background-position: 52% center;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    top: calc(50% - 10px);
    right: 0;
  }
}
#news .inner .innerContents .box .boxInner .block.-contents .list > li .article > a[target=_blank]:after {
  background-image: url(../img/ico_blank01.svg);
  background-size: 42% auto;
}

@media screen and (max-width: 768px) {
  #news .inner .innerContents .box .boxInner .block.-contents .list > li .article > a[target=_blank] .articleTtl:after {
    background-image: url(../img/ico_blank01.svg);
    background-size: 42% auto;
  }
}
#news .inner .innerContents .box .boxInner .block.-contents .list > li .article > a:hover:after {
  background-color: #B9D3E4;
  background-image: url(../img/arw01_r_wh.svg);
  border: 1px solid #B9D3E4;
}

#news .inner .innerContents .box .boxInner .block.-contents .list > li .article > a:hover[target=_blank]:after {
  background-image: url(../img/ico_blank01_wh02.svg);
}

#news .inner .innerContents .box .boxInner .block.-contents .list > li:not(:first-child) {
  border-top: 1px solid #F2F1EF;
}

/* ====================================== message */
#message {
  margin-top: 55px;
  padding-top: 100px;
  position: relative;
}

@media screen and (max-width: 768px) {
  #message {
    margin-top: 15px;
    padding-top: 80px;
  }
}
#message .shape {
  top: 280px;
  left: -33px;
}

@media screen and (max-width: 768px) {
  #message .shape {
    top: -15px;
    left: 0;
  }
}
#message .shape > img {
  width: 480px;
}

@media screen and (max-width: 768px) {
  #message .shape > img {
    width: 185px;
  }
}
#message .inner .innerContents {
  display: flex;
}

@media screen and (max-width: 768px) {
  #message .inner .innerContents {
    display: block;
  }
}
#message .inner .innerContents .block {
  width: 50%;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  #message .inner .innerContents .block {
    width: 100%;
  }
}
#message .inner .innerContents .block.-ttl {
  padding-right: 50px;
}

@media screen and (max-width: 768px) {
  #message .inner .innerContents .block.-ttl {
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  #message .inner .innerContents .block.-contents {
    margin-top: 40px;
  }
}
#message .inner .innerContents .block.-contents .txt {
  font-size: 16px;
  font-weight: 700;
  font-feature-settings: "palt";
  line-height: 2.25;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 768px) {
  #message .inner .innerContents .block.-contents .txt {
    font-size: 15px;
    line-height: 1.9;
  }
}
#message .inner .innerContents .block.-contents .txt > p:not(:first-child) {
  margin-top: 2.25em;
}

@media screen and (max-width: 768px) {
  #message .inner .innerContents .block.-contents .txt > p:not(:first-child) {
    margin-top: 1.9em;
  }
}
#message .inner .innerContents .block.-contents .txt > p.-animation:nth-child(1) {
  transition-delay: 0.6s;
}

@media screen and (max-width: 768px) {
  #message .inner .innerContents .block.-contents .txt > p.-animation:nth-child(1) {
    transition-delay: 0s;
  }
}
#message .inner .innerContents .block.-contents .txt > p.-animation:nth-child(2) {
  transition-delay: 0.8s;
}

@media screen and (max-width: 768px) {
  #message .inner .innerContents .block.-contents .txt > p.-animation:nth-child(2) {
    transition-delay: 0.2s;
  }
}
#message .inner .innerContents .block.-contents .txt > p.-animation:nth-child(3) {
  transition-delay: 1s;
}

@media screen and (max-width: 768px) {
  #message .inner .innerContents .block.-contents .txt > p.-animation:nth-child(3) {
    transition-delay: 0.4s;
  }
}
#message .inner .innerContents .block.-contents .link {
  margin-top: 55px;
}

#message .inner .innerContents .block.-contents .link .btn {
  width: 100%;
  max-width: 350px;
}

@media screen and (max-width: 768px) {
  #message .inner .innerContents .block.-contents .link .btn {
    max-width: none;
  }
}
#message .inner .innerContents .block.-contents .link .btn > a {
  width: 100%;
  height: 100px;
  padding: 20px;
  background: #ffffff;
  border-radius: 8px;
  box-sizing: border-box;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0;
  line-height: 0;
}

@media screen and (max-width: 768px) {
  #message .inner .innerContents .block.-contents .link .btn > a {
    height: 80px;
  }
}
#message .inner .innerContents .block.-contents .link .btn:not(:first-child) {
  margin-top: 20px;
}

#message .inner .innerContents .block.-contents .link .btn.-goodroom > a > img {
  width: 100%;
  max-width: 230px;
}

@media screen and (max-width: 768px) {
  #message .inner .innerContents .block.-contents .link .btn.-goodroom > a > img {
    max-width: 210px;
  }
}
#message .inner .innerContents .block.-contents .link .btn.-orc > a > img {
  width: 100%;
  max-width: 258px;
}

@media screen and (max-width: 768px) {
  #message .inner .innerContents .block.-contents .link .btn.-orc > a > img {
    max-width: 230px;
  }
}
#message .inner .innerContents .block.-contents .link .btn.-orc.-animation {
  transition-delay: 0.2s;
}

/* ====================================== company */
#company {
  margin-top: 180px;
  padding-top: 100px;
  position: relative;
}

@media screen and (max-width: 768px) {
  #company {
    margin-top: 80px;
    padding-top: 80px;
  }
}
#company .shape {
  top: -180px;
  left: calc(50% - 228px);
}

@media screen and (max-width: 768px) {
  #company .shape {
    top: 190px;
    right: 0;
    left: auto;
  }
}
#company .shape > img {
  width: 456px;
}

@media screen and (max-width: 768px) {
  #company .shape > img {
    width: 187px;
  }
}
#company .inner .innerContents {
  display: flex;
}

@media screen and (max-width: 768px) {
  #company .inner .innerContents {
    display: block;
  }
}
#company .inner .innerContents .block {
  width: 50%;
}

@media screen and (max-width: 768px) {
  #company .inner .innerContents .block {
    width: 100%;
  }
}
#company .inner .innerContents .block.-img .img {
  width: calc(100% + (100vw - 200%) / 2);
  height: 100%;
  margin-left: calc((100vw - 200%) / 2 * -1);
  border-radius: 0 12px 12px 0;
}

@media screen and (max-width: 768px) {
  #company .inner .innerContents .block.-img .img {
    width: calc(100% + (100vw - 100%) / 2);
    height: 200px;
    margin-left: calc((100vw - 100%) / 2 * -1);
    border-radius: 0 4px 4px 0;
  }
}
#company .inner .innerContents .block.-contents {
  min-height: 590px;
  padding: 110px 35px 70px 80px;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  #company .inner .innerContents .block.-contents {
    min-height: auto;
    margin-top: 60px;
    padding: 0;
  }
}
#company .inner .innerContents .block.-contents .ttl.-animation {
  transition-delay: 0.4s;
}

@media screen and (max-width: 768px) {
  #company .inner .innerContents .block.-contents .ttl.-animation {
    transition-delay: 0s;
  }
}
#company .inner .innerContents .block.-contents .txt {
  margin-top: 15px;
}

#company .inner .innerContents .block.-contents .txt.-animation {
  transition-delay: 0.6s;
}

@media screen and (max-width: 768px) {
  #company .inner .innerContents .block.-contents .txt.-animation {
    transition-delay: 0.2s;
  }
}
#company .inner .innerContents .block.-contents .nav {
  margin-top: 35px;
}

@media screen and (max-width: 768px) {
  #company .inner .innerContents .block.-contents .nav {
    margin-top: 30px;
  }
}
#company .inner .innerContents .block.-contents .nav .list .btn.-animation:nth-child(1) {
  transition-delay: 1s;
}

@media screen and (max-width: 768px) {
  #company .inner .innerContents .block.-contents .nav .list .btn.-animation:nth-child(1) {
    transition-delay: 0.6s;
  }
}
#company .inner .innerContents .block.-contents .nav .list .btn.-animation:nth-child(2) {
  transition-delay: 1.2s;
}

@media screen and (max-width: 768px) {
  #company .inner .innerContents .block.-contents .nav .list .btn.-animation:nth-child(2) {
    transition-delay: 0.8s;
  }
}
#company .inner .innerContents .block.-contents .nav .list .btn.-animation:nth-child(3) {
  transition-delay: 1.4s;
}

@media screen and (max-width: 768px) {
  #company .inner .innerContents .block.-contents .nav .list .btn.-animation:nth-child(3) {
    transition-delay: 1s;
  }
}
/* ====================================== magazine */
#magazine {
  margin-top: 10px;
  padding-top: 100px;
}

@media screen and (max-width: 768px) {
  #magazine {
    margin-top: 0;
    padding-top: 80px;
  }
}
#magazine .inner .innerContents .box {
  padding: 85px 50px 80px;
  background: #ffffff;
  border-radius: 20px;
}

@media screen and (max-width: 768px) {
  #magazine .inner .innerContents .box {
    padding: 40px 20px;
    border-radius: 10px;
  }
}
#magazine .inner .innerContents .box .boxInner {
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
}

#magazine .inner .innerContents .box .boxInner .head .ttl {
  text-align: center;
  font-size: 0;
  line-height: 0;
}

#magazine .inner .innerContents .box .boxInner .head .ttl > img {
  max-width: 365px;
}

@media screen and (max-width: 768px) {
  #magazine .inner .innerContents .box .boxInner .head .ttl > img {
    max-width: 210px;
  }
}
#magazine .inner .innerContents .box .boxInner .head .txt {
  margin-top: 55px;
  font-size: 16px;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  #magazine .inner .innerContents .box .boxInner .head .txt {
    margin-top: 25px;
    font-size: 14px;
  }
}
#magazine .inner .innerContents .box .boxInner .list {
  margin-top: 40px;
  display: flex;
}

@media screen and (max-width: 768px) {
  #magazine .inner .innerContents .box .boxInner .list {
    margin-top: 30px;
    display: block;
  }
}
#magazine .inner .innerContents .box .boxInner .list > li {
  width: calc((100% - 40px) / 2);
}

@media screen and (max-width: 768px) {
  #magazine .inner .innerContents .box .boxInner .list > li {
    width: 100%;
  }
}
#magazine .inner .innerContents .box .boxInner .list > li .article > a .img {
  padding-top: 43.75%;
  border-radius: 4px;
  z-index: 1;
}

#magazine .inner .innerContents .box .boxInner .list > li .article > a .img > img {
  transition: transform 0.3s ease-in-out;
}

#magazine .inner .innerContents .box .boxInner .list > li .article > a .info {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  #magazine .inner .innerContents .box .boxInner .list > li .article > a .info {
    margin-top: 15px;
  }
}
#magazine .inner .innerContents .box .boxInner .list > li .article > a .info .company {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  color: #4E4E4E;
}

@media screen and (max-width: 768px) {
  #magazine .inner .innerContents .box .boxInner .list > li .article > a .info .company {
    font-size: 13px;
  }
}
#magazine .inner .innerContents .box .boxInner .list > li .article > a .info .articleTtl {
  max-height: 3.2em;
  min-height: 3.2em;
  margin-top: 10px;
  font-size: 18px;
  line-height: 1.6;
  transition: color 0.3s ease-in-out;
}

@media screen and (max-width: 768px) {
  #magazine .inner .innerContents .box .boxInner .list > li .article > a .info .articleTtl {
    min-height: auto;
    margin-top: 8px;
    font-size: 16px;
  }
}
#magazine .inner .innerContents .box .boxInner .list > li .article > a .info .date {
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.5;
  color: #4E4E4E;
}

@media screen and (max-width: 768px) {
  #magazine .inner .innerContents .box .boxInner .list > li .article > a .info .date {
    margin-top: 10px;
    font-size: 12px;
  }
}
#magazine .inner .innerContents .box .boxInner .list > li .article > a:hover .img > img {
  transform: scale(1.05);
}

#magazine .inner .innerContents .box .boxInner .list > li .article > a:hover .info .articleTtl {
  color: #B9D3E4;
}

#magazine .inner .innerContents .box .boxInner .list > li:nth-child(even) {
  margin-left: 40px;
}

@media screen and (max-width: 768px) {
  #magazine .inner .innerContents .box .boxInner .list > li:nth-child(even) {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  #magazine .inner .innerContents .box .boxInner .list > li:not(:first-child) {
    margin-top: 30px;
  }
}
#magazine .inner .innerContents .box .boxInner .btn {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  #magazine .inner .innerContents .box .boxInner .btn {
    margin-top: 80px;
  }
}
#magazine .inner .innerContents .box .boxInner .btn > a {
  margin: 0 auto;
}

/* ====================================== members */
#interview {
  margin-top: 20px;
  padding-top: 100px;
  position: relative;
}

@media screen and (max-width: 768px) {
  #interview {
    margin-top: 110px;
    padding-top: 80px;
  }
}
#interview .shape {
  top: -130px;
  right: -13px;
}

@media screen and (max-width: 768px) {
  #interview .shape {
    top: -65px;
    right: 0;
  }
}
#interview .shape > img {
  width: 462px;
}

@media screen and (max-width: 768px) {
  #interview .shape > img {
    width: 188px;
  }
}
#interview .inner .innerContents .head .txt {
  margin-top: 15px;
}

#interview .inner .innerContents .head .txt.-animation {
  transition-delay: 0.2s;
}

#interview .inner .innerContents .list {
  width: 100%;
  max-width: 1030px;
  margin: 80px auto 0;
  display: flex;
}

@media screen and (max-width: 768px) {
  #interview .inner .innerContents .list {
    margin-top: 55px;
    display: block;
  }
}
#interview .inner .innerContents .list > li {
  flex: 1;
}

@media screen and (max-width: 768px) {
  #interview .inner .innerContents .list > li {
    width: calc(100% - 80px);
  }
}
#interview .inner .innerContents .list > li:not(:first-child) {
  margin-left: 120px;
}

@media screen and (max-width: 1200px) {
  #interview .inner .innerContents .list > li:not(:first-child) {
    margin-left: 10vw;
  }
}
@media screen and (max-width: 768px) {
  #interview .inner .innerContents .list > li:not(:first-child) {
    margin-left: 0;
  }
}
#interview .inner .innerContents .list > li:nth-child(2) {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  #interview .inner .innerContents .list > li:nth-child(2) {
    margin-top: 60px;
  }
}
#interview .inner .innerContents .list > li:nth-child(2).-animation {
  transition-delay: 0.2s;
}

@media screen and (max-width: 768px) {
  #interview .inner .innerContents .list > li:nth-child(2).-animation {
    transition-delay: 0s;
  }
}
#interview .inner .innerContents .list > li:nth-child(3) {
  margin-top: 120px;
}

@media screen and (max-width: 768px) {
  #interview .inner .innerContents .list > li:nth-child(3) {
    margin-top: 60px;
  }
}
#interview .inner .innerContents .list > li:nth-child(3).-animation {
  transition-delay: 0.4s;
}

@media screen and (max-width: 768px) {
  #interview .inner .innerContents .list > li:nth-child(3).-animation {
    transition-delay: 0s;
  }
}
@media screen and (max-width: 768px) {
  #interview .inner .innerContents .list > li:nth-child(odd) {
    margin-left: 30px;
  }
}
@media screen and (max-width: 768px) {
  #interview .inner .innerContents .list > li:nth-child(even) {
    margin-left: 80px;
  }
}
#interview .inner .innerContents .btn {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  #interview .inner .innerContents .btn {
    margin-top: 60px;
  }
}
/* ====================================== numbersBnr */
#numbersBnr {
  padding-top: 100px;
}

@media screen and (max-width: 768px) {
  #numbersBnr {
    padding-top: 60px;
  }
}
#numbersBnr .inner .innerContents .bnr {
  text-align: center;
  font-size: 0;
  line-height: 0;
}

#numbersBnr .inner .innerContents .bnr > a > img {
  max-width: 880px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

@media screen and (max-width: 768px) {
  #numbersBnr .inner .innerContents .bnr > a > img {
    border-radius: 4px;
  }
}
/* ====================================== culture */
#culture {
  margin-top: 100px;
  padding-top: 100px;
  position: relative;
}

@media screen and (max-width: 768px) {
  #culture {
    margin-top: 125px;
    padding-top: 80px;
  }
}
#culture .shape {
  top: 65px;
  left: 0;
}

@media screen and (max-width: 768px) {
  #culture .shape {
    top: -46px;
  }
}
#culture .shape > img {
  width: 456px;
}

@media screen and (max-width: 768px) {
  #culture .shape > img {
    width: 185px;
  }
}
#culture .inner .innerContents {
  display: flex;
}

@media screen and (max-width: 768px) {
  #culture .inner .innerContents {
    display: block;
  }
}
#culture .inner .innerContents .block {
  width: 50%;
}

@media screen and (max-width: 768px) {
  #culture .inner .innerContents .block {
    width: 100%;
  }
}
#culture .inner .innerContents .block.-contents {
  padding: 110px 80px 110px 35px;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  #culture .inner .innerContents .block.-contents {
    padding: 0;
  }
}
#culture .inner .innerContents .block.-contents .txt {
  margin-top: 15px;
}

#culture .inner .innerContents .block.-contents .txt.-animation {
  transition-delay: 0.2s;
}

#culture .inner .innerContents .block.-contents .nav {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  #culture .inner .innerContents .block.-contents .nav {
    margin-top: 30px;
  }
}
#culture .inner .innerContents .block.-contents .nav .list .btn.-animation:nth-child(1) {
  transition-delay: 0.6s;
}

#culture .inner .innerContents .block.-contents .nav .list .btn.-animation:nth-child(2) {
  transition-delay: 0.8s;
}

#culture .inner .innerContents .block.-contents .nav .list .btn.-animation:nth-child(3) {
  transition-delay: 1s;
}

@media screen and (max-width: 768px) {
  #culture .inner .innerContents .block.-img {
    display: none;
  }
}
#culture .inner .innerContents .block.-img .imgWrap {
  width: calc((100vw - 200%) / 2 + 100%);
  height: 100%;
  margin-right: calc((100vw - 200%) / 2 * -1);
  border-radius: 12px 0 0 12px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

#culture .inner .innerContents .block.-img .imgWrap .imgSection {
  display: flex;
  flex: 1;
}

#culture .inner .innerContents .block.-img .imgWrap .imgSection .img {
  width: 50%;
  height: 100%;
}

#culture .inner .innerContents .block.-img .imgWrap.-animation {
  transition-delay: 1.4s;
}

#culture .loopSlider {
  display: none;
}

@media screen and (max-width: 768px) {
  #culture .loopSlider {
    margin-top: 90px;
    display: block;
  }
}
#culture .loopSlider .slider .list > li > img {
  width: auto;
  height: 220px;
}

/* ====================================== selection */
#selection {
  margin-top: 75px;
  padding-top: 100px;
}

@media screen and (max-width: 768px) {
  #selection {
    margin-top: 60px;
    padding-top: 80px;
  }
}
#selection .inner .innerContents .nav {
  margin-top: 70px;
}

@media screen and (max-width: 768px) {
  #selection .inner .innerContents .nav {
    margin-top: 30px;
  }
}
#selection .inner .innerContents .nav .list {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  #selection .inner .innerContents .nav .list {
    display: block;
  }
}
#selection .inner .innerContents .nav .list > li {
  width: calc((100% - 40px) / 2);
}

@media screen and (max-width: 768px) {
  #selection .inner .innerContents .nav .list > li {
    width: 100%;
  }
}
#selection .inner .innerContents .nav .list > li > a {
  width: 100%;
  height: 220px;
  padding: 20px 60px;
  background: #000000;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  #selection .inner .innerContents .nav .list > li > a {
    height: 125px;
  }
}
#selection .inner .innerContents .nav .list > li > a .img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.7;
  transition: opacity 0.3s ease-in-out;
}

#selection .inner .innerContents .nav .list > li > a .img > img {
  transition: transform 0.3s ease-in-out;
}

#selection .inner .innerContents .nav .list > li > a .txt {
  position: relative;
  z-index: 1;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  color: #ffffff;
}

@media screen and (max-width: 768px) {
  #selection .inner .innerContents .nav .list > li > a .txt {
    font-size: 15px;
  }
}
#selection .inner .innerContents .nav .list > li > a:after {
  content: "";
  width: 25px;
  height: 25px;
  background-color: #F2F1EF;
  background-image: url(../img/arw01_r.svg);
  background-repeat: no-repeat;
  background-size: 6px auto;
  background-position: center center;
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 12.5px);
  right: 25px;
}

@media screen and (max-width: 768px) {
  #selection .inner .innerContents .nav .list > li > a:after {
    width: 20px;
    height: 20px;
    background-size: 5px auto;
    top: calc(50% - 10px);
    right: 15px;
  }
}
#selection .inner .innerContents .nav .list > li > a:hover .img {
  opacity: 0.9;
}

#selection .inner .innerContents .nav .list > li > a:hover .img > img {
  transform: scale(1.05);
}

@media screen and (max-width: 768px) {
  #selection .inner .innerContents .nav .list > li:not(:first-child) {
    margin-top: 20px;
  }
}
#selection .inner .innerContents .nav .list > li.-animation:nth-child(1) {
  transition-delay: 0.4s;
}

#selection .inner .innerContents .nav .list > li.-animation:nth-child(2) {
  transition-delay: 0.6s;
}

/* ====================================== companyPage */
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .box {
  margin-top: 30px;
  padding: 60px 70px;
  background: #ffffff;
}

@media screen and (max-width: 1200px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .box {
    padding: 5vw 5.8333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .box {
    padding: 30px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .box .boxTtl {
  padding-left: 20px;
  position: relative;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .box .boxTtl {
    font-size: 13px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .box .boxTtl:before {
  content: "";
  width: 10px;
  height: 10px;
  background: #B9D3E4;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 0.5em;
  left: 0;
}

#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .box .boxImg {
  margin-top: 45px;
  font-size: 0;
  line-height: 0;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .box .boxImg {
    margin-top: 25px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .vision {
  padding-top: 140px;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .vision {
    padding-top: 100px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .vision .visionBox {
  margin-top: 50px;
  padding-top: 100px;
  background: #ffffff;
}

@media screen and (max-width: 1200px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .vision .visionBox {
    padding-top: 8.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .vision .visionBox {
    margin-top: 30px;
    padding-top: 30px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .vision .visionBox .itemWrap {
  padding: 0 70px;
}

@media screen and (max-width: 1200px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .vision .visionBox .itemWrap {
    padding: 0 5.8333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .vision .visionBox .itemWrap {
    padding: 0 30px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .vision .visionBox .itemWrap .item > dt {
  padding-left: 20px;
  position: relative;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .vision .visionBox .itemWrap .item > dt {
    font-size: 13px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .vision .visionBox .itemWrap .item > dt:before {
  content: "";
  width: 10px;
  height: 10px;
  background: #B9D3E4;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 0.42em;
  left: 0;
}

#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .vision .visionBox .itemWrap .item > dd {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .vision .visionBox .itemWrap .item > dd {
    margin-top: 20px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .vision .visionBox .itemWrap .item > dd .itemTxt {
  margin-top: -0.55em;
  font-size: 16px;
  font-weight: 700;
  line-height: 2.1;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .vision .visionBox .itemWrap .item > dd .itemTxt {
    font-size: 13px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .vision .visionBox .itemWrap .item > dd .itemTxt.-large {
  margin-top: -0.3em;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .vision .visionBox .itemWrap .item > dd .itemTxt.-large {
    font-size: 17px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .vision .visionBox .itemWrap .item:not(:first-child) {
  margin-top: 75px;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .vision .visionBox .itemWrap .item:not(:first-child) {
    margin-top: 30px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .vision .visionBox .visionImg {
  margin-top: 80px;
  font-size: 0;
  line-height: 0;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .vision .visionBox .visionImg {
    margin-top: 50px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .numbersBnr {
  margin-top: 100px;
  text-align: center;
  font-size: 0;
  line-height: 0;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .numbersBnr {
    margin-top: 60px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .numbersBnr > a > img {
  max-width: 880px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .numbersBnr > a > img {
    border-radius: 4px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .service {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .service {
    margin-top: 40px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .service .serviceTtl {
  font-size: 58px;
  font-weight: 900;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .service .serviceTtl {
    font-size: 34px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .service .serviceTxt {
  margin-top: 25px;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .service .serviceTxt {
    margin-top: 20px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .service .serviceImg {
  margin-top: 75px;
  text-align: center;
  font-size: 0;
  line-height: 0;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .service .serviceImg {
    margin-top: 40px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .service .serviceImg > img {
  max-width: 614px;
}

#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .service .company {
  margin-top: 50px;
  padding-top: 100px;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .service .company {
    margin-top: 0;
    padding-top: 80px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .service .company .companySection .companyLogo {
  min-height: 180px;
  margin-top: 50px;
  padding: 50px;
  background: #ffffff;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0;
  line-height: 0;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .service .company .companySection .companyLogo {
    min-height: 100px;
    margin-top: 40px;
    padding: 20px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .service .company .companySection .companyLogo.-goodroom > img {
  max-width: 275px;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .service .company .companySection .companyLogo.-goodroom > img {
    max-width: 160px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .service .company .companySection .companyLogo.-orc > img {
  max-width: 347px;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .service .company .companySection .companyLogo.-orc > img {
    max-width: 180px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .service .company .companySection .companyTxt {
  margin-top: 50px;
  font-size: 15px;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .service .company .companySection .companyTxt {
    margin-top: 30px;
    font-size: 13px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .service .company .companySection .companyImg {
  margin-top: 65px;
  font-size: 0;
  line-height: 0;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .service .company .companySection .companyImg {
    margin-top: 35px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .service .company .companySection .box {
  margin-top: 65px;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .service .company .companySection .box {
    margin-top: 35px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .service .company .companySection .btn {
  margin-top: 75px;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .service .company .companySection .btn {
    margin-top: 40px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .service .company .companySection:not(:first-child) {
  margin-top: 120px;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .service .company .companySection:not(:first-child) {
    margin-top: 100px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .message {
  margin-top: 65px;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .message {
    margin-top: 40px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .message .messageCopy {
  font-size: 38px;
  font-weight: 900;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .message .messageCopy {
    font-size: 28px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .message .messageTxt {
  margin-top: 40px;
  font-size: 15px;
  font-weight: 500;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .message .messageTxt {
    margin-top: 35px;
    font-size: 13px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .message .messageTxt > p:not(:first-child) {
  margin-top: 2em;
}

#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .message .messageSign {
  margin-top: 70px;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .message .messageSign {
    margin-top: 50px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .message .messageSign .company, #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .message .messageSign .position {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .message .messageSign .company, #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .message .messageSign .position {
    font-size: 12px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .message .messageSign .position {
  margin-top: 5px;
}

#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .message .messageSign .name {
  margin-top: 15px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .message .messageSign .name {
    font-size: 20px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .information {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .information {
    margin-top: 30px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .information .item {
  display: flex;
}

#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .information .item > dt, #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .information .item > dd {
  padding: 30px 0;
  border-bottom: 1px solid #CBC9C7;
  font-size: 15px;
  line-height: 1.7;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .information .item > dt, #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .information .item > dd {
    padding: 15px 0;
    font-size: 12px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .information .item > dt {
  width: 160px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .information .item > dt {
    width: 105px;
  }
}
#companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .information .item > dd {
  margin-left: 20px;
  flex: 1;
}

@media screen and (max-width: 768px) {
  #companyPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .information .item > dd {
    margin-left: 15px;
  }
}
/* ====================================== interviewPage */
@media screen and (max-width: 768px) {
  #interviewPage .layout .inner .innerContents .blockWrap .block.-main {
    margin-top: 40px;
  }
}
#interviewPage .layout .inner .innerContents .blockWrap .block.-main .copy {
  font-size: 48px;
  font-weight: 900;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  #interviewPage .layout .inner .innerContents .blockWrap .block.-main .copy {
    font-size: 26px;
  }
}
#interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview {
  margin-top: 65px;
}

@media screen and (max-width: 768px) {
  #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview {
    margin-top: 40px;
  }
}
#interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap {
  transition: height 0.6s ease-in-out;
}

#interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents {
  transition: opacity 0.6s ease-in-out;
}

#interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list {
  max-width: 700px;
  padding-left: 40px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list {
    padding-left: 0;
    display: block;
  }
}
#interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li {
  width: calc((100% - 140px) / 2);
}

@media screen and (max-width: 1200px) {
  #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li {
    width: 40%;
  }
}
@media screen and (max-width: 768px) {
  #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li {
    width: calc(100% - 80px);
  }
}
#interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li:nth-child(n+3) {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li:nth-child(n+3) {
    margin-top: 0;
  }
}
#interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li:nth-child(odd) {
  padding-top: 45px;
}

@media screen and (max-width: 768px) {
  #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li:nth-child(odd) {
    margin-left: 30px;
    padding-top: 0;
  }
}
@media screen and (max-width: 768px) {
  #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li:nth-child(even) {
    margin-left: 80px;
  }
}
@media screen and (max-width: 768px) {
  #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .list > li:not(:first-child) {
    margin-top: 60px;
  }
}
#interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .control {
  max-width: 700px;
  margin-top: 120px;
  padding-left: 40px;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  #interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .control {
    margin-top: 80px;
    padding-left: 0;
  }
}
#interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection .control .loader {
  display: none;
}

#interviewPage .layout .inner .innerContents .blockWrap .block.-main .interview .interviewWrap .interviewContents .interviewSection:not(:first-child) {
  display: none;
}

/* ====================================== interviewArticleHead */
#interviewArticleHead {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  #interviewArticleHead {
    margin-top: 85px;
  }
}
#interviewArticleHead .inner .innerContents {
  min-height: 485px;
  padding: 50px 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  position: relative;
}

@media screen and (max-width: 768px) {
  #interviewArticleHead .inner .innerContents {
    min-height: auto;
    padding: 0;
    display: block;
  }
}
#interviewArticleHead .inner .innerContents .contents {
  max-width: 50%;
}

@media screen and (max-width: 768px) {
  #interviewArticleHead .inner .innerContents .contents {
    max-width: none;
  }
}
#interviewArticleHead .inner .innerContents .contents .ttl > span {
  display: block;
}

#interviewArticleHead .inner .innerContents .contents .ttl > span.sub.-animation {
  transition-delay: 0.4s;
}

@media screen and (max-width: 768px) {
  #interviewArticleHead .inner .innerContents .contents .ttl > span.sub.-animation {
    transition-delay: 0s;
  }
}
#interviewArticleHead .inner .innerContents .contents .ttl > span.main {
  margin-top: 35px;
  font-size: 0;
  line-height: 0;
}

@media screen and (max-width: 768px) {
  #interviewArticleHead .inner .innerContents .contents .ttl > span.main {
    margin-top: 25px;
  }
}
#interviewArticleHead .inner .innerContents .contents .ttl > span.main .words {
  display: inline-block;
  font-size: 0;
  line-height: 0;
}

#interviewArticleHead .inner .innerContents .contents .ttl > span.main .words .cross, #interviewArticleHead .inner .innerContents .contents .ttl > span.main .words .word {
  background: #ffffff;
  display: inline;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  #interviewArticleHead .inner .innerContents .contents .ttl > span.main .words .cross, #interviewArticleHead .inner .innerContents .contents .ttl > span.main .words .word {
    font-size: 26px;
  }
}
#interviewArticleHead .inner .innerContents .contents .ttl > span.main .words .cross {
  padding: 0.01em 0.1em;
}

#interviewArticleHead .inner .innerContents .contents .ttl > span.main .words .word {
  padding: 0.01em 0.2em;
}

#interviewArticleHead .inner .innerContents .contents .ttl > span.main .words .word.-inline {
  text-indent: -0.025em;
  display: inline;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

#interviewArticleHead .inner .innerContents .contents .ttl > span.main.-animation {
  transition-delay: 0.6s;
}

@media screen and (max-width: 768px) {
  #interviewArticleHead .inner .innerContents .contents .ttl > span.main.-animation {
    transition-delay: 0.2s;
  }
}
#interviewArticleHead .inner .innerContents .contents .name {
  margin-top: 30px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  #interviewArticleHead .inner .innerContents .contents .name {
    margin-top: 20px;
    font-size: 20px;
  }
}
#interviewArticleHead .inner .innerContents .contents .name.-animation {
  transition-delay: 0.8s;
}

@media screen and (max-width: 768px) {
  #interviewArticleHead .inner .innerContents .contents .name.-animation {
    transition-delay: 0.4s;
  }
}
#interviewArticleHead .inner .innerContents .contents .list {
  max-width: 220px;
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  #interviewArticleHead .inner .innerContents .contents .list {
    max-width: none;
    margin-top: 10px;
  }
}
#interviewArticleHead .inner .innerContents .contents .list > li {
  padding: 10px 0;
  font-size: 13px;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  #interviewArticleHead .inner .innerContents .contents .list > li {
    font-size: 12px;
  }
}
#interviewArticleHead .inner .innerContents .contents .list > li:not(:first-child) {
  border-top: 1px solid #C4C4C4;
}

#interviewArticleHead .inner .innerContents .contents .list.-animation {
  transition-delay: 1s;
}

@media screen and (max-width: 768px) {
  #interviewArticleHead .inner .innerContents .contents .list.-animation {
    transition-delay: 0.6s;
  }
}
#interviewArticleHead .inner .innerContents .img {
  width: calc(69% + (100vw - 100%) / 2);
  height: 100%;
  border-radius: 8px 0 0 8px;
  position: absolute;
  top: 0;
  right: calc((100vw - 100%) / 2 * -1);
  z-index: -1;
}

@media screen and (max-width: 768px) {
  #interviewArticleHead .inner .innerContents .img {
    width: calc(100% + (100vw - 100%) / 2);
    height: 260px;
    margin: 30px calc((100vw - 100%) / 2 * -1) 0 0;
    position: relative;
    top: auto;
    right: auto;
  }
}
@media screen and (max-width: 768px) {
  #interviewArticleHead .inner .innerContents .img.-animation {
    transition-delay: 1s;
  }
}
/* ====================================== interviewArticleBody */
#interviewArticleBody {
  margin-top: 135px;
}

@media screen and (max-width: 768px) {
  #interviewArticleBody {
    margin-top: 60px;
  }
}
#interviewArticleBody .inner .innerContents {
  max-width: 980px;
  margin: 0 auto;
}

#interviewArticleBody .inner .innerContents .profile {
  padding: 35px 50px;
  background: #ffffff;
  border-radius: 8px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .profile {
    padding: 20px;
    border-radius: 4px;
    align-items: flex-start;
  }
}
#interviewArticleBody .inner .innerContents .profile .block.-img {
  width: 175px;
}

@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .profile .block.-img {
    width: 60px;
  }
}
#interviewArticleBody .inner .innerContents .profile .block.-img .img {
  font-size: 0;
  line-height: 0;
}

#interviewArticleBody .inner .innerContents .profile .block.-img .img > img {
  border-radius: 50%;
}

#interviewArticleBody .inner .innerContents .profile .block.-txt {
  margin-left: 55px;
  flex: 1;
}

@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .profile .block.-txt {
    margin-left: 20px;
  }
}
#interviewArticleBody .inner .innerContents .profile .block.-txt .ttl {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .profile .block.-txt .ttl {
    font-size: 14px;
  }
}
#interviewArticleBody .inner .innerContents .profile .block.-txt .txt {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.9;
}

@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .profile .block.-txt .txt {
    margin-top: 8px;
    font-size: 12px;
  }
}
#interviewArticleBody .inner .innerContents .interviewSection {
  margin-top: 115px;
}

@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .interviewSection {
    margin-top: 60px;
  }
}
#interviewArticleBody .inner .innerContents .interviewSection .section .sectionContents {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .interviewSection .section .sectionContents {
    margin-top: 30px;
  }
}
#interviewArticleBody .inner .innerContents .interviewSection .section .sectionContents .copy {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .interviewSection .section .sectionContents .copy {
    font-size: 18px;
  }
}
#interviewArticleBody .inner .innerContents .interviewSection .section .sectionContents .txt {
  margin-top: 20px;
}

#interviewArticleBody .inner .innerContents .interviewSection .section .sectionContents .img {
  margin-top: 40px;
  font-size: 0;
  line-height: 0;
}

@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .interviewSection .section .sectionContents .img {
    margin-top: 30px;
  }
}
#interviewArticleBody .inner .innerContents .interviewSection .section .sectionContents.-col2 {
  display: flex;
}

@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .interviewSection .section .sectionContents.-col2 {
    display: block;
  }
}
#interviewArticleBody .inner .innerContents .interviewSection .section .sectionContents.-col2 .block {
  flex: 1;
}

#interviewArticleBody .inner .innerContents .interviewSection .section .sectionContents.-col2 .block.-img {
  margin-left: 40px;
}

@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .interviewSection .section .sectionContents.-col2 .block.-img {
    margin: 30px 0 0 0;
  }
}
#interviewArticleBody .inner .innerContents .interviewSection .section .sectionContents.-col2 .block.-img .img {
  margin-top: 0;
}

#interviewArticleBody .inner .innerContents .interviewSection .section:not(:first-child) {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .interviewSection .section:not(:first-child) {
    margin-top: 80px;
  }
}
#interviewArticleBody .inner .innerContents .schedule {
  margin-top: 100px;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .schedule {
    margin-top: 60px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
  }
}
#interviewArticleBody .inner .innerContents .schedule .scheduleTtl {
  padding: 15px 60px;
  background: #2E2E2E;
  border-radius: 8px 8px 0 0;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  color: #ffffff;
}

@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .schedule .scheduleTtl {
    padding: 10px 20px;
    font-size: 18px;
  }
}
#interviewArticleBody .inner .innerContents .schedule .scheduleContents {
  padding: 60px;
}

@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .schedule .scheduleContents {
    padding: 30px 20px;
  }
}
#interviewArticleBody .inner .innerContents .schedule .scheduleContents .itemWrap {
  position: relative;
}

#interviewArticleBody .inner .innerContents .schedule .scheduleContents .itemWrap:after {
  content: "";
  width: 2px;
  height: 100%;
  background: #E9E9E9;
  display: block;
  position: absolute;
  top: 0;
  left: 90px;
}

@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .schedule .scheduleContents .itemWrap:after {
    left: 65px;
  }
}
#interviewArticleBody .inner .innerContents .schedule .scheduleContents .itemWrap .item {
  display: flex;
}

#interviewArticleBody .inner .innerContents .schedule .scheduleContents .itemWrap .item > dt {
  width: 90px;
  padding-right: 10px;
  box-sizing: border-box;
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .schedule .scheduleContents .itemWrap .item > dt {
    width: 65px;
    font-size: 16px;
  }
}
#interviewArticleBody .inner .innerContents .schedule .scheduleContents .itemWrap .item > dd {
  margin-left: 42px;
  flex: 1;
}

@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .schedule .scheduleContents .itemWrap .item > dd {
    margin-left: 22px;
  }
}
#interviewArticleBody .inner .innerContents .schedule .scheduleContents .itemWrap .item > dd .mainTxt {
  margin-top: -0.25em;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .schedule .scheduleContents .itemWrap .item > dd .mainTxt {
    font-size: 16px;
  }
}
#interviewArticleBody .inner .innerContents .schedule .scheduleContents .itemWrap .item > dd .subTxt {
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.8;
}

@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .schedule .scheduleContents .itemWrap .item > dd .subTxt {
    margin-top: 8px;
    font-size: 12px;
  }
}
#interviewArticleBody .inner .innerContents .schedule .scheduleContents .itemWrap .item:not(:first-child) {
  padding-top: 60px;
}

@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .schedule .scheduleContents .itemWrap .item:not(:first-child) {
    padding-top: 30px;
  }
}
#interviewArticleBody .inner .innerContents .otherMembers {
  margin-top: 120px;
}

@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .otherMembers {
    margin-top: 100px;
  }
}
#interviewArticleBody .inner .innerContents .otherMembers .ttl {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .otherMembers .ttl {
    font-size: 32px;
  }
}
#interviewArticleBody .inner .innerContents .otherMembers .list {
  margin-top: 60px;
  padding-left: 40px;
  display: flex;
}

@media screen and (max-width: 1200px) {
  #interviewArticleBody .inner .innerContents .otherMembers .list {
    padding-left: 3.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .otherMembers .list {
    margin-top: 40px;
    padding-left: 0;
    display: block;
  }
}
#interviewArticleBody .inner .innerContents .otherMembers .list > li {
  flex: 1;
}

@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .otherMembers .list > li {
    width: calc(100% - 80px);
    margin-left: 40px;
  }
}
#interviewArticleBody .inner .innerContents .otherMembers .list > li:not(:first-child) {
  margin-left: 80px;
}

@media screen and (max-width: 1200px) {
  #interviewArticleBody .inner .innerContents .otherMembers .list > li:not(:first-child) {
    margin-left: 6.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .otherMembers .list > li:not(:first-child) {
    margin-top: 40px;
    margin-left: 40px;
  }
}
#interviewArticleBody .inner .innerContents .btn {
  margin-top: 135px;
}

@media screen and (max-width: 768px) {
  #interviewArticleBody .inner .innerContents .btn {
    margin-top: 75px;
  }
}
#interviewArticleBody .inner .innerContents .btn > a {
  margin: 0 auto;
}

/* ====================================== culturePage */
#culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .culture {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  #culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .culture {
    margin-top: 40px;
  }
}
#culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .culture .list > li .listSection {
  padding: 40px;
  background: #ffffff;
  border-radius: 8px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
  #culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .culture .list > li .listSection {
    padding: 20px;
    display: block;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  #culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .culture .list > li .listSection .block.-img {
    position: absolute;
    top: 20px;
    left: 20px;
  }
}
#culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .culture .list > li .listSection .block.-img .img {
  font-size: 0;
  line-height: 0;
}

#culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .culture .list > li .listSection .block.-img .img > img {
  width: 156px;
}

@media screen and (max-width: 1200px) {
  #culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .culture .list > li .listSection .block.-img .img > img {
    width: 13vw;
  }
}
@media screen and (max-width: 768px) {
  #culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .culture .list > li .listSection .block.-img .img > img {
    width: 80px;
  }
}
#culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .culture .list > li .listSection .block.-txt {
  margin-left: 40px;
  flex: 1;
}

@media screen and (max-width: 1200px) {
  #culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .culture .list > li .listSection .block.-txt {
    margin-left: 3.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .culture .list > li .listSection .block.-txt {
    margin-left: 0;
  }
}
#culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .culture .list > li .listSection .block.-txt .listTtl {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  #culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .culture .list > li .listSection .block.-txt .listTtl {
    min-height: 80px;
    padding-left: 100px;
    display: flex;
    align-items: center;
    font-size: 15px;
  }
}
#culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .culture .list > li .listSection .block.-txt .listTxt {
  margin-top: 15px;
  font-size: 14px;
  line-height: 1.7;
}

@media screen and (max-width: 768px) {
  #culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .culture .list > li .listSection .block.-txt .listTxt {
    margin-top: 10px;
    font-size: 12px;
  }
}
#culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .culture .list > li:not(:first-child) {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  #culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .culture .list > li:not(:first-child) {
    margin-top: 20px;
  }
}
#culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .system {
  margin-top: 35px;
}

@media screen and (max-width: 768px) {
  #culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .system {
    margin-top: 30px;
  }
}
#culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .system .item {
  background: #ffffff;
}

#culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .system .item > dt {
  padding: 10px 30px;
  background: #4E4E4E;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  color: #ffffff;
}

@media screen and (max-width: 768px) {
  #culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .system .item > dt {
    padding: 8px 20px;
    text-align: center;
    font-size: 15px;
  }
}
#culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .system .item > dd {
  padding: 20px 30px 30px;
  font-size: 15px;
  line-height: 1.8;
}

@media screen and (max-width: 768px) {
  #culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .system .item > dd {
    padding: 15px 20px 20px;
    font-size: 13px;
  }
}
#culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .system .item:not(:first-child) {
  margin-top: 30px;
}

#culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .welfare {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  #culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .welfare {
    margin-top: 20px;
  }
}
#culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .welfare .item {
  padding: 25px 0;
  border-bottom: 1px solid #CBC9C7;
  display: flex;
  font-size: 15px;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  #culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .welfare .item {
    padding: 20px 0;
    font-size: 12px;
  }
}
#culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .welfare .item > dt {
  width: 160px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  #culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .welfare .item > dt {
    width: 100px;
  }
}
#culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .welfare .item > dd {
  margin-left: 20px;
  flex: 1;
}

@media screen and (max-width: 768px) {
  #culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .welfare .item > dd {
    margin-left: 10px;
  }
}
#culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .welfare .item > dd > p {
  line-height: 2;
}

#culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .welfare .item > dd .list > li {
  margin-left: 1em;
}

#culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .welfare .item > dd .list > li:before {
  content: "・";
  width: 1em;
  margin-left: -1em;
  display: inline-block;
}

#culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .welfare .item > dd .list > li:not(:first-child) {
  margin-top: 7px;
}

#culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .office {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  #culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .office {
    margin-top: 30px;
  }
}
#culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .office .officeImg {
  font-size: 0;
  line-height: 0;
}

#culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .office .gallery {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  #culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .office .gallery {
    margin-top: 60px;
  }
}
#culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .office .gallery .gallerySection .imgWrap {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  #culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .office .gallery .gallerySection .imgWrap {
    margin-top: 35px;
    display: block;
  }
}
#culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .office .gallery .gallerySection .imgWrap .imgBlock {
  width: 100%;
}

#culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .office .gallery .gallerySection .imgWrap .imgBlock .img {
  padding-top: 55%;
  font-size: 0;
  line-height: 0;
}

#culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .office .gallery .gallerySection .imgWrap .imgBlock:not(:first-child) {
  width: calc((100% - 20px) / 2);
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  #culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .office .gallery .gallerySection .imgWrap .imgBlock:not(:first-child) {
    width: 100%;
  }
}
#culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .office .gallery .gallerySection .imgWrap .imgBlock:not(:first-child):nth-child(odd) {
  margin-left: 20px;
}

@media screen and (max-width: 768px) {
  #culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .office .gallery .gallerySection .imgWrap .imgBlock:not(:first-child):nth-child(odd) {
    margin-left: 0;
  }
}
#culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .office .gallery .gallerySection .imgWrap .imgBlock:last-child:nth-child(even) {
  width: 100%;
}

#culturePage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .office .gallery .gallerySection:not(:first-child) {
  margin-top: 100px;
}

/* ====================================== selectionPage */
#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .process {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .process {
    margin-top: 40px;
  }
}
#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .process .steps {
  display: flex;
}

#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .process .steps > li {
  padding: 40px 10px;
  background: #ffffff;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  position: relative;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.6em;
  writing-mode: vertical-rl;
}

@media screen and (max-width: 768px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .process .steps > li {
    padding: 20px 3px;
    font-size: 11.5px;
  }
}
#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .process .steps > li:not(:first-child) {
  margin-left: 40px;
}

@media screen and (max-width: 1200px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .process .steps > li:not(:first-child) {
    margin-left: 3.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .process .steps > li:not(:first-child) {
    margin-left: 12px;
  }
}
#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .process .steps > li:not(:first-child):before {
  content: "";
  width: 40px;
  height: 100%;
  background-image: url(../img/arw02_r.svg);
  background-repeat: no-repeat;
  background-size: 7px auto;
  background-position: center center;
  display: block;
  position: absolute;
  top: 0;
  left: -40px;
}

@media screen and (max-width: 1200px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .process .steps > li:not(:first-child):before {
    width: 3.3333333333vw;
    left: -3.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .process .steps > li:not(:first-child):before {
    width: 12px;
    background-size: 5px auto;
    left: -12px;
  }
}
#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .process .detail {
  margin-top: 70px;
  counter-reset: number 0;
}

@media screen and (max-width: 768px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .process .detail {
    margin-top: 40px;
  }
}
#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .process .detail > li .detailSection {
  padding: 40px;
  background: #ffffff;
  border-radius: 8px;
}

@media screen and (max-width: 1200px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .process .detail > li .detailSection {
    padding: 3.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .process .detail > li .detailSection {
    padding: 20px;
  }
}
#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .process .detail > li .detailSection .detailTtl {
  min-height: 40px;
  padding: calc((40px - 1.5em) / 2) 0 0 60px;
  box-sizing: border-box;
  position: relative;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .process .detail > li .detailSection .detailTtl {
    min-height: 30px;
    padding: calc((30px - 1.5em) / 2) 0 0 40px;
    font-size: 15px;
  }
}
#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .process .detail > li .detailSection .detailTtl:before {
  counter-increment: number 1;
  content: counter(number);
  width: 40px;
  height: 40px;
  background: #B9D3E4;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
}

@media screen and (max-width: 768px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .process .detail > li .detailSection .detailTtl:before {
    width: 30px;
    height: 30px;
    font-size: 16px;
  }
}
#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .process .detail > li .detailSection .detailTxt {
  margin-top: 15px;
  font-size: 14px;
  line-height: 1.7;
}

@media screen and (max-width: 768px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .process .detail > li .detailSection .detailTxt {
    margin-top: 10px;
    font-size: 12px;
  }
}
#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .process .detail > li .detailSection .detailTxt a {
  text-decoration: underline;
  color: #1A85FC;
}

#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .process .detail > li:not(:first-child) {
  margin-top: 25px;
}

@media screen and (max-width: 768px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .process .detail > li:not(:first-child) {
    margin-top: 20px;
  }
}
#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .statue {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .statue {
    margin-top: 40px;
  }
}
#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .statue .list {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .statue .list {
    display: block;
  }
}
#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .statue .list > li {
  width: calc((100% - 20px) / 2);
}

@media screen and (max-width: 768px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .statue .list > li {
    width: 100%;
  }
}
#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .statue .list > li .listSection {
  height: 100%;
  padding: 40px 30px;
  background: #ffffff;
  border-radius: 8px;
  box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .statue .list > li .listSection {
    padding: 3.3333333333vw 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .statue .list > li .listSection {
    padding: 30px 20px;
  }
}
#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .statue .list > li .listSection .listImg {
  text-align: center;
  font-size: 0;
  line-height: 0;
}

#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .statue .list > li .listSection .listImg > img {
  max-width: 156px;
}

@media screen and (max-width: 768px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .statue .list > li .listSection .listImg > img {
    max-width: 130px;
  }
}
#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .statue .list > li .listSection .listTtl {
  margin-top: 30px;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .statue .list > li .listSection .listTtl {
    margin-top: 20px;
  }
}
#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .statue .list > li .listSection .listTxt {
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.7;
}

@media screen and (max-width: 768px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .statue .list > li .listSection .listTxt {
    margin-top: 15px;
    font-size: 13px;
  }
}
#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .statue .list > li:nth-child(even) {
  margin-left: 20px;
}

@media screen and (max-width: 768px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .statue .list > li:nth-child(even) {
    margin-left: 0;
  }
}
#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .statue .list > li:nth-child(n+3) {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .statue .list > li:nth-child(n+3) {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .statue .list > li:not(:first-child) {
    margin-top: 20px;
  }
}
#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .faq {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .faq {
    margin-top: 40px;
  }
}
#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .faq .item {
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

@media screen and (max-width: 768px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .faq .item {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  }
}
#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .faq .item > dt {
  padding: 25px 30px;
  position: relative;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .faq .item > dt {
    padding: 20px;
  }
}
#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .faq .item > dt:before {
  content: "Q";
  width: 40px;
  height: 40px;
  background: #B9D3E4;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 25px;
  left: 30px;
  font-size: 18px;
  color: #ffffff;
}

@media screen and (max-width: 768px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .faq .item > dt:before {
    width: 30px;
    height: 30px;
    top: 20px;
    left: 20px;
    font-size: 16px;
  }
}
#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .faq .item > dt:after {
  content: "";
  width: 23px;
  height: 23px;
  background-image: url(../img/ico_plus01.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  display: block;
  position: absolute;
  top: calc(50% - 11.5px);
  right: 30px;
  transition: background-image 0.3s ease-in-out;
}

@media screen and (max-width: 768px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .faq .item > dt:after {
    width: 15px;
    height: 15px;
    top: calc(50% - 7.5px);
    right: 20px;
  }
}
#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .faq .item > dt .q {
  min-height: 40px;
  padding: calc((40px - 1.5em) / 2) 43px 0 60px;
  box-sizing: border-box;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  transition: color 0.3s ease-in-out;
}

@media screen and (max-width: 768px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .faq .item > dt .q {
    min-height: 30px;
    padding: calc((30px - 1.5em) / 2) 25px 0 45px;
    font-size: 14px;
  }
}
#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .faq .item > dt:hover .q {
  color: #B9D3E4;
}

#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .faq .item > dd {
  padding: 0 30px 35px;
  display: none;
  position: relative;
}

@media screen and (max-width: 768px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .faq .item > dd {
    padding: 0 20px 25px;
  }
}
#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .faq .item > dd:before {
  content: "A";
  width: 40px;
  height: 40px;
  background: #E9E9E9;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 30px;
  left: 30px;
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .faq .item > dd:before {
    width: 30px;
    height: 30px;
    top: 20px;
    left: 20px;
    font-size: 16px;
  }
}
#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .faq .item > dd .a {
  min-height: 40px;
  padding: 30px 0 0 60px;
  border-top: 2px solid #E9E9E9;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.7;
}

@media screen and (max-width: 768px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .faq .item > dd .a {
    min-height: 30px;
    padding: 20px 0 0 45px;
    font-size: 12px;
  }
}
#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .faq .item:not(:first-child) {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  #selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .faq .item:not(:first-child) {
    margin-top: 15px;
  }
}
#selectionPage .layout .inner .innerContents .blockWrap .block.-main .sectionWrap .section .faq .item.-active > dt:after {
  background-image: url(../img/ico_minus01.svg);
}

/* ====================================== jobsPage */
#jobsPage {
  margin-top: 120px;
}

@media screen and (max-width: 768px) {
  #jobsPage {
    margin-top: 60px;
  }
}
#jobsPage .inner .innerContents .category {
  height: 90px;
  display: flex;
  align-items: flex-end;
}

@media screen and (max-width: 768px) {
  #jobsPage .inner .innerContents .category {
    height: 65px;
  }
}
#jobsPage .inner .innerContents .category > li {
  height: 80px;
  padding: 10px 50px;
  background: #9E9E9E;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  color: #ffffff;
  cursor: pointer;
  transition: height 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

@media screen and (max-width: 768px) {
  #jobsPage .inner .innerContents .category > li {
    height: 55px;
    padding: 5px;
    font-size: 14px;
  }
}
#jobsPage .inner .innerContents .category > li:not(:first-child) {
  margin-left: 5px;
}

#jobsPage .inner .innerContents .category > li.-active {
  height: 90px;
  background: #ffffff;
  color: #2E2E2E;
}

@media screen and (max-width: 768px) {
  #jobsPage .inner .innerContents .category > li.-active {
    height: 65px;
  }
}
#jobsPage .inner .innerContents .category > li:not(.-active):hover {
  background: #225383;
}

#jobsPage .inner .innerContents .box {
  padding: 75px 50px 110px;
  background: #ffffff;
}

@media screen and (max-width: 768px) {
  #jobsPage .inner .innerContents .box {
    padding: 30px 20px 60px;
  }
}
#jobsPage .inner .innerContents .box .boxInner {
  max-width: 880px;
  margin: 0 auto;
  transition: height 0.6s ease-in-out;
}

#jobsPage .inner .innerContents .box .boxInner .boxContents {
  transition: opacity 0.6s ease-in-out;
}

#jobsPage .inner .innerContents .box .boxInner .boxContents .boxSection .section .sectionTtl {
  padding: 15px;
  background: #B9D3E4;
  border-radius: 4px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  #jobsPage .inner .innerContents .box .boxInner .boxContents .boxSection .section .sectionTtl {
    padding: 10px;
    font-size: 15px;
  }
}
#jobsPage .inner .innerContents .box .boxInner .boxContents .boxSection .section .sectionTxt {
  margin-top: 40px;
  font-size: 16px;
  line-height: 1.7;
}

@media screen and (max-width: 768px) {
  #jobsPage .inner .innerContents .box .boxInner .boxContents .boxSection .section .sectionTxt {
    margin-top: 20px;
    font-size: 13px;
  }
}
#jobsPage .inner .innerContents .box .boxInner .boxContents .boxSection .section .list {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  #jobsPage .inner .innerContents .box .boxInner .boxContents .boxSection .section .list {
    margin-top: 20px;
    display: block;
  }
}
#jobsPage .inner .innerContents .box .boxInner .boxContents .boxSection .section .list > li {
  width: calc((100% - 40px) / 2);
}

@media screen and (max-width: 768px) {
  #jobsPage .inner .innerContents .box .boxInner .boxContents .boxSection .section .list > li {
    width: 100%;
  }
}
#jobsPage .inner .innerContents .box .boxInner .boxContents .boxSection .section .list > li .listSection {
  height: 100%;
}

#jobsPage .inner .innerContents .box .boxInner .boxContents .boxSection .section .list > li .listSection > a {
  height: 100%;
  padding: 30px 30px 70px;
  background: #F7F7F7;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: relative;
}

@media screen and (max-width: 768px) {
  #jobsPage .inner .innerContents .box .boxInner .boxContents .boxSection .section .list > li .listSection > a {
    padding: 20px 15px 60px;
  }
}
#jobsPage .inner .innerContents .box .boxInner .boxContents .boxSection .section .list > li .listSection > a .listTtl {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  #jobsPage .inner .innerContents .box .boxInner .boxContents .boxSection .section .list > li .listSection > a .listTtl {
    font-size: 15px;
  }
}
#jobsPage .inner .innerContents .box .boxInner .boxContents .boxSection .section .list > li .listSection > a .listTxt {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.7;
}

@media screen and (max-width: 768px) {
  #jobsPage .inner .innerContents .box .boxInner .boxContents .boxSection .section .list > li .listSection > a .listTxt {
    margin-top: 8px;
    font-size: 12px;
  }
}
#jobsPage .inner .innerContents .box .boxInner .boxContents .boxSection .section .list > li .listSection > a:after {
  content: "";
  width: 25px;
  height: 25px;
  background-color: #ffffff;
  background-image: url(../img/arw01_r_bl.svg);
  background-repeat: no-repeat;
  background-size: 6px auto;
  background-position: center center;
  border-radius: 50%;
  display: block;
  position: absolute;
  right: 30px;
  bottom: 30px;
  transition: background-color 0.3s ease-in-out, background-image 0.3s ease-in-out;
}

@media screen and (max-width: 768px) {
  #jobsPage .inner .innerContents .box .boxInner .boxContents .boxSection .section .list > li .listSection > a:after {
    right: 15px;
    bottom: 20px;
  }
}
#jobsPage .inner .innerContents .box .boxInner .boxContents .boxSection .section .list > li .listSection > a:hover:after {
  background-color: #B9D3E4;
  background-image: url(../img/arw01_r_wh.svg);
}

#jobsPage .inner .innerContents .box .boxInner .boxContents .boxSection .section .list > li:nth-child(even) {
  margin-left: 40px;
}

@media screen and (max-width: 768px) {
  #jobsPage .inner .innerContents .box .boxInner .boxContents .boxSection .section .list > li:nth-child(even) {
    margin-left: 0;
  }
}
#jobsPage .inner .innerContents .box .boxInner .boxContents .boxSection .section .list > li:nth-child(n+3) {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  #jobsPage .inner .innerContents .box .boxInner .boxContents .boxSection .section .list > li:nth-child(n+3) {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  #jobsPage .inner .innerContents .box .boxInner .boxContents .boxSection .section .list > li:not(:first-child) {
    margin-top: 20px;
  }
}
#jobsPage .inner .innerContents .box .boxInner .boxContents .boxSection .section:not(:first-child) {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  #jobsPage .inner .innerContents .box .boxInner .boxContents .boxSection .section:not(:first-child) {
    margin-top: 40px;
  }
}
#jobsPage .inner .innerContents .box .boxInner .boxContents .boxSection:not(:first-child) {
  display: none;
}

/* ====================================== magazineHead */
#magazineHead {
  padding-top: 120px;
}

@media screen and (max-width: 768px) {
  #magazineHead {
    padding-top: 80px;
  }
}
#magazineHead .inner .innerContents .ttl {
  text-align: center;
  font-size: 0;
  line-height: 0;
}

#magazineHead .inner .innerContents .ttl > img {
  max-width: 505px;
}

@media screen and (max-width: 768px) {
  #magazineHead .inner .innerContents .ttl > img {
    max-width: 280px;
  }
}
/* ====================================== magazinePage */
#magazinePage {
  margin-top: 150px;
}

@media screen and (max-width: 768px) {
  #magazinePage {
    margin-top: 70px;
  }
}
#magazinePage .inner .innerContents .list {
  margin-top: 75px;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  #magazinePage .inner .innerContents .list {
    margin-top: 60px;
    display: block;
  }
}
#magazinePage .inner .innerContents .list > li {
  width: calc((100% - 35px) / 2);
}

@media screen and (max-width: 768px) {
  #magazinePage .inner .innerContents .list > li {
    width: 100%;
  }
}
#magazinePage .inner .innerContents .list > li .article > a .img {
  padding-top: 43.75%;
  background: #ffffff;
  border-radius: 4px;
  z-index: 1;
}

#magazinePage .inner .innerContents .list > li .article > a .img > img {
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

#magazinePage .inner .innerContents .list > li .article > a .info {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  #magazinePage .inner .innerContents .list > li .article > a .info {
    margin-top: 15px;
  }
}
#magazinePage .inner .innerContents .list > li .article > a .info .company {
  padding-left: 18px;
  position: relative;
}

@media screen and (max-width: 768px) {
  #magazinePage .inner .innerContents .list > li .article > a .info .company {
    padding-left: 13px;
  }
}
#magazinePage .inner .innerContents .list > li .article > a .info .company > span.circle {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: 0;
}

@media screen and (max-width: 768px) {
  #magazinePage .inner .innerContents .list > li .article > a .info .company > span.circle {
    width: 8px;
    height: 8px;
    top: 7px;
  }
}
#magazinePage .inner .innerContents .list > li .article > a .info .company > span.txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6;
  color: #4E4E4E;
}

@media screen and (max-width: 768px) {
  #magazinePage .inner .innerContents .list > li .article > a .info .company > span.txt {
    font-size: 11px;
  }
}
#magazinePage .inner .innerContents .list > li .article > a .info .articleTtl {
  max-height: 3.4em;
  min-height: 3.4em;
  margin-top: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.7;
  transition: color 0.3s ease-in-out;
}

@media screen and (max-width: 768px) {
  #magazinePage .inner .innerContents .list > li .article > a .info .articleTtl {
    min-height: auto;
    font-size: 13px;
    font-weight: 500;
  }
}
#magazinePage .inner .innerContents .list > li .article > a .info .date {
  margin-top: 18px;
  font-size: 14px;
  line-height: 1.5;
  color: #4E4E4E;
}

@media screen and (max-width: 768px) {
  #magazinePage .inner .innerContents .list > li .article > a .info .date {
    margin-top: 15px;
    font-size: 11px;
  }
}
#magazinePage .inner .innerContents .list > li .article > a:hover .img > img {
  opacity: 0.8;
  transform: scale(1.05);
}

#magazinePage .inner .innerContents .list > li .article > a:hover .info .articleTtl {
  color: #B9D3E4;
}

#magazinePage .inner .innerContents .list > li:nth-child(even) {
  margin-left: 35px;
}

@media screen and (max-width: 768px) {
  #magazinePage .inner .innerContents .list > li:nth-child(even) {
    margin-left: 0;
  }
}
#magazinePage .inner .innerContents .list > li:nth-child(n+3) {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  #magazinePage .inner .innerContents .list > li:nth-child(n+3) {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  #magazinePage .inner .innerContents .list > li:not(:first-child) {
    margin-top: 40px;
  }
}
/* ====================================== magazineArticleHead */
#magazineArticleHead {
  margin-top: 75px;
}

@media screen and (max-width: 768px) {
  #magazineArticleHead {
    margin-top: 85px;
  }
}
#magazineArticleHead .inner .innerContents {
  max-width: 980px;
  margin: 0 auto;
}

#magazineArticleHead .inner .innerContents .number {
  font-size: 15px;
}

@media screen and (max-width: 768px) {
  #magazineArticleHead .inner .innerContents .number {
    font-size: 13px;
  }
}
#magazineArticleHead .inner .innerContents .info {
  margin-top: 40px;
  font-size: 0;
  line-height: 0;
}

@media screen and (max-width: 768px) {
  #magazineArticleHead .inner .innerContents .info {
    margin-top: 30px;
  }
}
#magazineArticleHead .inner .innerContents .info .company {
  padding-left: 18px;
  position: relative;
}

#magazineArticleHead .inner .innerContents .info .company > span.circle {
  width: 10px;
  height: 10px;
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: 0;
}

#magazineArticleHead .inner .innerContents .info .company > span.txt {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6;
  color: #4E4E4E;
}

#magazineArticleHead .inner .innerContents .info .date {
  margin-top: 45px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #4E4E4E;
}

@media screen and (max-width: 768px) {
  #magazineArticleHead .inner .innerContents .info .date {
    font-size: 12px;
  }
}
#magazineArticleHead .inner .innerContents .ttl {
  margin-top: 20px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  #magazineArticleHead .inner .innerContents .ttl {
    margin-top: 20px;
    font-size: 26px;
  }
}
/* ====================================== magazineArticleBody */
#magazineArticleBody {
  margin-top: 40px;
}

#magazineArticleBody .inner .innerContents {
  max-width: 980px;
  margin: 0 auto;
}

#magazineArticleBody .inner .innerContents .eyecatch {
  font-size: 0;
  line-height: 0;
}

#magazineArticleBody .inner .innerContents .tbl {
  margin-top: 80px;
  padding: 30px 60px 50px;
  background: #ffffff;
  border-radius: 8px;
}

@media screen and (max-width: 768px) {
  #magazineArticleBody .inner .innerContents .tbl {
    margin-top: 30px;
    padding: 20px;
  }
}
#magazineArticleBody .inner .innerContents .tbl .tblTtl {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  #magazineArticleBody .inner .innerContents .tbl .tblTtl {
    font-size: 16px;
  }
}
#magazineArticleBody .inner .innerContents .tbl .nav {
  margin-top: 25px;
}

@media screen and (max-width: 768px) {
  #magazineArticleBody .inner .innerContents .tbl .nav {
    margin-top: 20px;
  }
}
#magazineArticleBody .inner .innerContents .tbl .nav .list {
  border-bottom: 1px solid #F2F1EF;
}

#magazineArticleBody .inner .innerContents .tbl .nav .list > li {
  border-top: 1px solid #F2F1EF;
}

#magazineArticleBody .inner .innerContents .tbl .nav .list > li > a {
  padding: 20px 0;
  display: block;
  text-decoration: underline;
  font-size: 15px;
  line-height: 1.7;
  transition: color 0.3s ease-in-out;
}

@media screen and (max-width: 768px) {
  #magazineArticleBody .inner .innerContents .tbl .nav .list > li > a {
    padding: 15px 0;
    font-size: 13px;
  }
}
#magazineArticleBody .inner .innerContents .tbl .nav .list > li > a:hover {
  color: #B9D3E4;
}

#magazineArticleBody .inner .innerContents .article .sectionTtl {
  padding: 150px 0 30px;
  border-bottom: 2px solid #CBC9C7;
  position: relative;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  #magazineArticleBody .inner .innerContents .article .sectionTtl {
    padding: 100px 0 25px;
    font-size: 20px;
  }
}
#magazineArticleBody .inner .innerContents .article .sectionTtl:after {
  content: "";
  width: 40px;
  height: 2px;
  background: #B9D3E4;
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
}

#magazineArticleBody .inner .innerContents .article .sectionSubTtl {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  #magazineArticleBody .inner .innerContents .article .sectionSubTtl {
    font-size: 14px;
  }
}
#magazineArticleBody .inner .innerContents .article .sectionSubTtl:not(:first-child) {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  #magazineArticleBody .inner .innerContents .article .sectionSubTtl:not(:first-child) {
    margin-top: 30px;
  }
}
#magazineArticleBody .inner .innerContents .article .txt {
  font-size: 16px;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  #magazineArticleBody .inner .innerContents .article .txt {
    font-size: 14px;
  }
}
#magazineArticleBody .inner .innerContents .article .txt:not(:first-child) {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  #magazineArticleBody .inner .innerContents .article .txt:not(:first-child) {
    margin-top: 20px;
  }
}
#magazineArticleBody .inner .innerContents .article .img {
  font-size: 0;
  line-height: 0;
}

#magazineArticleBody .inner .innerContents .article .img:not(:first-child) {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  #magazineArticleBody .inner .innerContents .article .img:not(:first-child) {
    margin-top: 30px;
  }
}
#magazineArticleBody .inner .innerContents .article .linkCard > a {
  padding: 25px;
  background: #ffffff;
  display: flex;
}

@media screen and (max-width: 768px) {
  #magazineArticleBody .inner .innerContents .article .linkCard > a {
    padding: 20px;
    display: block;
  }
}
#magazineArticleBody .inner .innerContents .article .linkCard > a .block.-img {
  width: 150px;
}

@media screen and (max-width: 768px) {
  #magazineArticleBody .inner .innerContents .article .linkCard > a .block.-img {
    width: 100%;
  }
}
#magazineArticleBody .inner .innerContents .article .linkCard > a .block.-img .img {
  padding-top: 100%;
}

@media screen and (max-width: 768px) {
  #magazineArticleBody .inner .innerContents .article .linkCard > a .block.-img .img {
    padding-top: 52.5%;
  }
}
#magazineArticleBody .inner .innerContents .article .linkCard > a .block.-img .img > img {
  transition: transform 0.3s ease-in-out;
}

#magazineArticleBody .inner .innerContents .article .linkCard > a .block.-info {
  margin-left: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}

@media screen and (max-width: 768px) {
  #magazineArticleBody .inner .innerContents .article .linkCard > a .block.-info {
    margin: 15px 0 0 0;
  }
}
#magazineArticleBody .inner .innerContents .article .linkCard > a .block.-info .linkCardTtl {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  transition: color 0.3s ease-in-out;
}

@media screen and (max-width: 768px) {
  #magazineArticleBody .inner .innerContents .article .linkCard > a .block.-info .linkCardTtl {
    font-size: 14px;
  }
}
#magazineArticleBody .inner .innerContents .article .linkCard > a .block.-info .linkCardTxt {
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.7;
}

@media screen and (max-width: 768px) {
  #magazineArticleBody .inner .innerContents .article .linkCard > a .block.-info .linkCardTxt {
    margin-top: 5px;
    font-size: 12px;
  }
}
#magazineArticleBody .inner .innerContents .article .linkCard > a .block.-info .linkCardUrl {
  margin-top: 15px;
  padding-left: 35px;
  position: relative;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.3;
  color: #CBC9C7;
  word-wrap: break-word;
}

@media screen and (max-width: 768px) {
  #magazineArticleBody .inner .innerContents .article .linkCard > a .block.-info .linkCardUrl {
    margin-top: 10px;
    font-size: 10px;
  }
}
#magazineArticleBody .inner .innerContents .article .linkCard > a .block.-info .linkCardUrl:before {
  content: "URL";
  width: 30px;
  height: 15px;
  background: #CBC9C7;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  font-size: 10px;
  color: #ffffff;
}

#magazineArticleBody .inner .innerContents .article .linkCard > a:hover .block.-img .img > img {
  transform: scale(1.05);
}

#magazineArticleBody .inner .innerContents .article .linkCard > a:hover .block.-info .linkCardTtl {
  color: #B9D3E4;
}

#magazineArticleBody .inner .innerContents .article .linkCard:not(:first-child) {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  #magazineArticleBody .inner .innerContents .article .linkCard:not(:first-child) {
    margin-top: 30px;
  }
}
#magazineArticleBody .inner .innerContents .btn {
  margin-top: 150px;
}

@media screen and (max-width: 768px) {
  #magazineArticleBody .inner .innerContents .btn {
    margin-top: 130px;
  }
}
#magazineArticleBody .inner .innerContents .btn > a {
  margin: 0 auto;
}

/* ====================================== newsPage */
#newsPage {
  margin-top: 70px;
}

@media screen and (max-width: 768px) {
  #newsPage {
    margin-top: 50px;
  }
}
#newsPage .inner .innerContents .box {
  margin-top: 70px;
  padding: 60px 50px;
  background: #ffffff;
  border-radius: 8px;
}

@media screen and (max-width: 768px) {
  #newsPage .inner .innerContents .box {
    margin-top: 40px;
    padding: 20px 20px 30px;
  }
}
#newsPage .inner .innerContents .box .boxInner {
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
}

#newsPage .inner .innerContents .box .boxInner .list {
  border-top: 1px solid #F2F1EF;
}

@media screen and (max-width: 768px) {
  #newsPage .inner .innerContents .box .boxInner .list {
    border: none;
  }
}
#newsPage .inner .innerContents .box .boxInner .list > li {
  border-bottom: 1px solid #F2F1EF;
}

#newsPage .inner .innerContents .box .boxInner .list > li .article > a {
  padding: 30px 0;
  display: block;
}

@media screen and (max-width: 768px) {
  #newsPage .inner .innerContents .box .boxInner .list > li .article > a {
    padding: 20px 0;
  }
}
#newsPage .inner .innerContents .box .boxInner .list > li .article > a .company {
  padding-left: 18px;
  position: relative;
}

@media screen and (max-width: 768px) {
  #newsPage .inner .innerContents .box .boxInner .list > li .article > a .company {
    padding-left: 13px;
  }
}
#newsPage .inner .innerContents .box .boxInner .list > li .article > a .company > span.circle {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: 0;
}

@media screen and (max-width: 768px) {
  #newsPage .inner .innerContents .box .boxInner .list > li .article > a .company > span.circle {
    width: 8px;
    height: 8px;
    top: 7px;
  }
}
#newsPage .inner .innerContents .box .boxInner .list > li .article > a .company > span.txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6;
  color: #4E4E4E;
}

@media screen and (max-width: 768px) {
  #newsPage .inner .innerContents .box .boxInner .list > li .article > a .company > span.txt {
    font-size: 11px;
  }
}
#newsPage .inner .innerContents .box .boxInner .list > li .article > a .contents {
  margin-top: 15px;
  padding-right: 45px;
  display: flex;
  align-items: center;
  position: relative;
}

@media screen and (max-width: 768px) {
  #newsPage .inner .innerContents .box .boxInner .list > li .article > a .contents {
    padding-right: 0;
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
#newsPage .inner .innerContents .box .boxInner .list > li .article > a .contents:after {
  content: "";
  width: 25px;
  height: 25px;
  background-color: #ffffff;
  background-image: url(../img/arw01_r.svg);
  background-repeat: no-repeat;
  background-size: 22% auto;
  background-position: 52% center;
  border: 1px solid #F2F1EF;
  border-radius: 50%;
  box-sizing: border-box;
  position: absolute;
  top: calc(50% - 12.5px);
  right: 0;
  transition: background-color 0.3s ease-in-out, background-image 0.3s ease-in-out, border 0.3s ease-in-out;
}

@media screen and (max-width: 768px) {
  #newsPage .inner .innerContents .box .boxInner .list > li .article > a .contents:after {
    content: none;
  }
}
#newsPage .inner .innerContents .box .boxInner .list > li .article > a .contents .date {
  width: 95px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6;
  color: #4E4E4E;
}

@media screen and (max-width: 768px) {
  #newsPage .inner .innerContents .box .boxInner .list > li .article > a .contents .date {
    width: 100%;
    margin-top: 10px;
    font-size: 11px;
  }
}
#newsPage .inner .innerContents .box .boxInner .list > li .article > a .contents .articleTtl {
  max-height: 1.7em;
  margin-left: 20px;
  flex: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
}

@media screen and (max-width: 768px) {
  #newsPage .inner .innerContents .box .boxInner .list > li .article > a .contents .articleTtl {
    width: 100%;
    max-height: 3.4em;
    margin-left: 0;
    padding-right: 35px;
    box-sizing: border-box;
    position: relative;
    -webkit-line-clamp: 2;
    font-size: 13px;
  }
}
@media screen and (max-width: 768px) {
  #newsPage .inner .innerContents .box .boxInner .list > li .article > a .contents .articleTtl:after {
    content: "";
    width: 20px;
    height: 20px;
    background-color: #F2F1EF;
    background-image: url(../img/arw01_r.svg);
    background-repeat: no-repeat;
    background-size: 22% auto;
    background-position: 52% center;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    top: calc(50% - 10px);
    right: 0;
  }
}
#newsPage .inner .innerContents .box .boxInner .list > li .article > a[target=_blank] .contents:after {
  background-image: url(../img/ico_blank01.svg);
  background-size: 42% auto;
}

@media screen and (max-width: 768px) {
  #newsPage .inner .innerContents .box .boxInner .list > li .article > a[target=_blank] .contents .articleTtl:after {
    background-image: url(../img/ico_blank01.svg);
    background-size: 42% auto;
  }
}
#newsPage .inner .innerContents .box .boxInner .list > li .article > a:hover .contents:after {
  background-color: #B9D3E4;
  background-image: url(../img/arw01_r_wh.svg);
  border: 1px solid #B9D3E4;
}

#newsPage .inner .innerContents .box .boxInner .list > li .article > a:hover[target=_blank] .contents:after {
  background-image: url(../img/ico_blank01_wh02.svg);
}

@media screen and (max-width: 768px) {
  #newsPage .inner .innerContents .box .boxInner .list > li:last-child {
    border-bottom: none;
  }
}
/* ====================================== newsArticleHead */
#newsArticleHead {
  padding-top: 75px;
}

#newsArticleHead .inner .innerContents .company {
  padding-left: 18px;
  position: relative;
}

#newsArticleHead .inner .innerContents .company > span.circle {
  width: 10px;
  height: 10px;
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: 0;
}

#newsArticleHead .inner .innerContents .company > span.txt {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6;
  color: #4E4E4E;
}

#newsArticleHead .inner .innerContents .date {
  margin-top: 45px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  color: #4E4E4E;
}

@media screen and (max-width: 768px) {
  #newsArticleHead .inner .innerContents .date {
    margin-top: 35px;
    font-size: 12px;
  }
}
#newsArticleHead .inner .innerContents .ttl {
  margin-top: 20px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  #newsArticleHead .inner .innerContents .ttl {
    margin-top: 25px;
    font-size: 26px;
  }
}
/* ====================================== newsArticleBody */
#newsArticleBody {
  padding-top: 50px;
}

@media screen and (max-width: 768px) {
  #newsArticleBody {
    padding-top: 40px;
  }
}
#newsArticleBody .inner .innerContents .eyecatch {
  margin-bottom: 50px;
  font-size: 0;
  line-height: 0;
}

@media screen and (max-width: 768px) {
  #newsArticleBody .inner .innerContents .eyecatch {
    margin-bottom: 40px;
  }
}
#newsArticleBody .inner .innerContents .article {
  padding-top: 25px;
  font-size: 16px;
  line-height: 1.9;
  color: #4E4E4E;
}

@media screen and (max-width: 768px) {
  #newsArticleBody .inner .innerContents .article {
    padding-top: 20px;
    font-size: 14px;
  }
}
#newsArticleBody .inner .innerContents .article > * {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  #newsArticleBody .inner .innerContents .article > * {
    margin-top: 20px;
  }
}
#newsArticleBody .inner .innerContents .article h2, #newsArticleBody .inner .innerContents .article h3, #newsArticleBody .inner .innerContents .article h4, #newsArticleBody .inner .innerContents .article h5, #newsArticleBody .inner .innerContents .article h6 {
  margin-top: 60px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.6;
  color: #2E2E2E;
}

@media screen and (max-width: 768px) {
  #newsArticleBody .inner .innerContents .article h2, #newsArticleBody .inner .innerContents .article h3, #newsArticleBody .inner .innerContents .article h4, #newsArticleBody .inner .innerContents .article h5, #newsArticleBody .inner .innerContents .article h6 {
    margin-top: 40px;
    font-size: 20px;
  }
}
#newsArticleBody .inner .innerContents .article a {
  text-decoration: underline;
}

#newsArticleBody .inner .innerContents .article figure {
  margin-top: 50px;
  font-size: 0;
  line-height: 0;
}

@media screen and (max-width: 768px) {
  #newsArticleBody .inner .innerContents .article figure {
    margin-top: 40px;
  }
}
#newsArticleBody .inner .innerContents .article figure img {
  width: auto;
  max-width: 100%;
  height: auto;
}

#newsArticleBody .inner .innerContents .article figure figcaption {
  margin: 0 !important;
  padding: 1.2em 0;
  text-align: center;
  font-size: 12px;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  #newsArticleBody .inner .innerContents .article figure figcaption {
    font-size: 11px;
  }
}
#newsArticleBody .inner .innerContents .article > *:first-child {
  margin-top: 0;
}

#newsArticleBody .inner .innerContents .btn {
  margin-top: 150px;
}

@media screen and (max-width: 768px) {
  #newsArticleBody .inner .innerContents .btn {
    margin-top: 130px;
  }
}
#newsArticleBody .inner .innerContents .btn > a {
  margin: 0 auto;
}

/* ====================================== errPage */
#errPage {
  margin-top: 25px;
  padding-top: 50px;
}

@media screen and (max-width: 768px) {
  #errPage {
    margin-top: 40px;
    padding-top: 0;
  }
}
/* ====================================== numbersHead */
#numbersHead {
  padding-top: 90px;
}

@media screen and (max-width: 768px) {
  #numbersHead {
    padding-top: 65px;
  }
}
#numbersHead .inner .innerContents .ttl {
  text-align: center;
}

#numbersHead .inner .innerContents .ttl > span {
  display: block;
}

#numbersHead .inner .innerContents .ttl > span.main {
  margin: -8px;
  font-size: 0;
  line-height: 0;
}

@media screen and (max-width: 768px) {
  #numbersHead .inner .innerContents .ttl > span.main {
    margin: -4px;
  }
}
#numbersHead .inner .innerContents .ttl > span.main > span {
  width: 96px;
  height: 96px;
  margin: 8px;
  background: #ffffff;
  border-radius: 4px;
  display: inline-block;
  font-size: 61px;
  font-weight: 500;
  line-height: 90px;
}

@media screen and (max-width: 768px) {
  #numbersHead .inner .innerContents .ttl > span.main > span {
    width: 46px;
    height: 46px;
    margin: 4px;
    border-radius: 2px;
    font-size: 29px;
    line-height: 46px;
  }
}
#numbersHead .inner .innerContents .ttl > span.main > span.-clr01 {
  background: #0070B8;
  color: #ffffff;
}

#numbersHead .inner .innerContents .ttl > span.main > span.-clr02 {
  background: #DC764F;
  color: #ffffff;
}

#numbersHead .inner .innerContents .ttl > span.sub {
  margin-top: 25px;
  font-size: 29px;
  font-weight: 500;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  #numbersHead .inner .innerContents .ttl > span.sub {
    margin-top: 15px;
    font-size: 13px;
  }
}
/* ====================================== numbersBody, numbersCompany */
#numbersBody .inner .innerContents .contents .container, #numbersCompany .inner .innerContents .contents .container {
  /* ----- container.-col2 */
}

#numbersBody .inner .innerContents .contents .container .block .box, #numbersCompany .inner .innerContents .contents .container .block .box {
  padding: 40px 20px;
  background: #ffffff;
  border-radius: 4px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  /* ----- boxNote */
  /* ----- box.-type01 */
  /* ----- box.-type02 */
  /* ----- box.-type03 */
  /* ----- box.-type04 */
  /* ----- box.-type05 */
  /* ----- box.-type06 */
  /* ----- box.-type07 */
  /* ----- box.-type08 */
  /* ----- box.-type09 */
  /* ----- box.-type10 */
  /* ----- box.-employees */
  /* ----- box.-average */
  /* ----- box.-pastGender */
  /* ----- box.-management */
  /* ----- box.-oneonone */
  /* ----- box.-holiday */
  /* ----- box.-holidayAcquisitionRate */
  /* ----- box.-age */
  /* ----- box.-employeesPast3 */
  /* ----- box.-afterWork */
  /* ----- box.-goodroom */
  /* ----- box.-orc */
  /* ------------------------------ animation */
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box, #numbersCompany .inner .innerContents .contents .container .block .box {
    padding: 3.3333333333vw 20px;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box, #numbersCompany .inner .innerContents .contents .container .block .box {
    padding: 25px 20px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .img, #numbersCompany .inner .innerContents .contents .container .block .box .img {
  font-size: 0;
  line-height: 0;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box .boxBaloon {
  /* ----- boxBaloon.-type01 */
  /* ----- boxBaloon.-type02 */
}

#numbersBody .inner .innerContents .contents .container .block .box .boxBaloon.-type01, #numbersCompany .inner .innerContents .contents .container .block .box .boxBaloon.-type01 {
  width: 100%;
  max-width: 390px;
  margin: 40px auto 0;
  padding: 20px 20px 5px;
  background: #F1F6FA;
  border-radius: 10px;
  box-sizing: border-box;
  position: relative;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxBaloon.-type01:after, #numbersCompany .inner .innerContents .contents .container .block .box .boxBaloon.-type01:after {
  content: "";
  width: 28px;
  height: 24px;
  background-image: url(../img/numbers/shape01.svg);
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  bottom: -24px;
  left: calc(50% - 14px);
}

#numbersBody .inner .innerContents .contents .container .block .box .boxBaloon.-type01 .baloonTtl, #numbersCompany .inner .innerContents .contents .container .block .box .boxBaloon.-type01 .baloonTtl {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxBaloon.-type01 .baloonTxt, #numbersCompany .inner .innerContents .contents .container .block .box .boxBaloon.-type01 .baloonTxt {
  text-align: center;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.6;
  color: #0070B8;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxBaloon.-type01 .baloonTxt .number, #numbersCompany .inner .innerContents .contents .container .block .box .boxBaloon.-type01 .baloonTxt .number {
  margin: 0 0.1em;
  font-size: 115%;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxBaloon.-type01 .baloonTxt .number.-large, #numbersCompany .inner .innerContents .contents .container .block .box .boxBaloon.-type01 .baloonTxt .number.-large {
  font-size: 180%;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxBaloon.-type01 .boxNumber, #numbersCompany .inner .innerContents .contents .container .block .box .boxBaloon.-type01 .boxNumber {
  margin-top: -10px;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxBaloon.-type02, #numbersCompany .inner .innerContents .contents .container .block .box .boxBaloon.-type02 {
  background: #DC764F;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 2;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxBaloon.-type02:after, #numbersCompany .inner .innerContents .contents .container .block .box .boxBaloon.-type02:after {
  content: "";
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  position: absolute;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxBaloon.-type02 .baloonTxt, #numbersCompany .inner .innerContents .contents .container .block .box .boxBaloon.-type02 .baloonTxt {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  color: #ffffff;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxBaloon.-type02 .baloonTxt, #numbersCompany .inner .innerContents .contents .container .block .box .boxBaloon.-type02 .baloonTxt {
    font-size: 2vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxBaloon.-type02 .baloonTxt, #numbersCompany .inner .innerContents .contents .container .block .box .boxBaloon.-type02 .baloonTxt {
    font-size: 13px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxBaloon.-type02 .baloonTxt, #numbersCompany .inner .innerContents .contents .container .block .box .boxBaloon.-type02 .baloonTxt {
    font-size: 3.4666666667vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxBaloon.-type02 .baloonTxt.-small, #numbersCompany .inner .innerContents .contents .container .block .box .boxBaloon.-type02 .baloonTxt.-small {
  font-size: 20px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxBaloon.-type02 .baloonTxt.-small, #numbersCompany .inner .innerContents .contents .container .block .box .boxBaloon.-type02 .baloonTxt.-small {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxBaloon.-type02 .baloonTxt.-small, #numbersCompany .inner .innerContents .contents .container .block .box .boxBaloon.-type02 .baloonTxt.-small {
    font-size: 13px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxBaloon.-type02 .baloonTxt.-small, #numbersCompany .inner .innerContents .contents .container .block .box .boxBaloon.-type02 .baloonTxt.-small {
    font-size: 3.4666666667vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents {
  position: relative;
  z-index: 1;
  /* ----- boxList */
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxTtl > span, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxTtl > span {
  display: block;
  text-align: center;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxTtl > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxTtl > span.main {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxTtl > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxTtl > span.main {
    font-size: 16px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxTtl > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxTtl > span.sub {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxTtl > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxTtl > span.sub {
    font-size: 12px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxNumber, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxNumber {
  text-align: center;
  font-size: 0;
  line-height: 0;
  /* ----- boxNumber.-type01 */
  /* ----- boxNumber.-type02 */
  /* ----- boxNumber.-type03 */
  /* ----- boxNumber.-clr01 */
  /* ----- boxNumber.-clr02 */
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxNumber > span, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxNumber > span {
  display: inline-block;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxNumber > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxNumber > span.main {
  line-height: 1.2;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxNumber > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxNumber > span.sub {
  line-height: 1.2;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type01 > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type01 > span.main {
  margin-right: 12px;
  font-size: 100px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type01 > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type01 > span.main {
    margin-right: 1vw;
    font-size: 8.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type01 > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type01 > span.main {
    margin-right: 5px;
    font-size: 64px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type01 > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type01 > span.sub {
  font-size: 24px;
  font-weight: 700;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type01 > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type01 > span.sub {
    font-size: 2vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type01 > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type01 > span.sub {
    font-size: 18px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type01.-large > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type01.-large > span.main {
  font-size: 160px;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type02 > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type02 > span.main {
  margin-right: 12px;
  font-size: 100px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type02 > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type02 > span.main {
    margin-right: 1vw;
    font-size: 8.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type02 > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type02 > span.main {
    margin-right: 5px;
    font-size: 54px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type02 > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type02 > span.sub {
  font-size: 20px;
  font-weight: 700;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type02 > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type02 > span.sub {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type02 > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type02 > span.sub {
    font-size: 14px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type03, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type03 {
  margin: 0 -20px;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type03 > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type03 > span.main {
  margin-right: 2px;
  font-size: 80px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type03 > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type03 > span.main {
    font-size: 6.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type03 > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type03 > span.main {
    font-size: 54px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type03 > span.main > span.-fraction, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type03 > span.main > span.-fraction {
  font-size: 50%;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type03 > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type03 > span.sub {
  font-size: 20px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type03 > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-type03 > span.sub {
    font-size: 14px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-clr01 > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-clr01 > span.main {
  color: #0070B8;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-clr02 > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxNumber.-clr02 > span.main {
  color: #DC764F;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxTxt, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxTxt {
  /* ----- boxTxt.-type01 */
  /* ----- boxTxt.-type02 */
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxTxt.-type01, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxTxt.-type01 {
  margin-top: 15px;
  text-align: center;
  font-size: 11px;
  line-height: 1.6;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxTxt.-type01, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxTxt.-type01 {
    font-size: 10px;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxTxt.-type01, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxTxt.-type01 {
    font-size: 11px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxTxt.-type02, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxTxt.-type02 {
  margin-top: 20px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxTxt.-type02, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxTxt.-type02 {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxTxt.-type02, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxTxt.-type02 {
    margin-top: 10px;
    font-size: 13px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxTxt.-type02, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxTxt.-type02 {
    font-size: 3.4666666667vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph {
  /* ----- boxGraph.-bar */
  /* ----- boxGraph.-circle */
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar {
  /* ----- boxGraph.-bar.-type01 */
  /* ----- boxGraph.-bar.-type02 */
  /* ----- boxGraph.-bar.-type03 */
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 {
  width: 100%;
  max-width: 214px;
  margin: 55px auto 0;
  position: relative;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 {
    margin-top: 30px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01:before, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #0070B8;
  position: absolute;
  top: 170px;
  left: 0;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01:before, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01:before {
    top: 120px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents {
  display: flex;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem {
  flex: 1;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .barWrap, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .barWrap {
  height: 160px;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .barWrap, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .barWrap {
    height: 110px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .barWrap .barContents {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .barWrap .barContents .bar, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .barWrap .barContents .bar {
  width: 100%;
  height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .barWrap .barContents .bar.-clr01, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .barWrap .barContents .bar.-clr01 {
  background: #B9D3E4;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .barWrap .barContents .bar.-clr02, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .barWrap .barContents .bar.-clr02 {
  background: #DCE9F2;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .barWrap .barContents .bar.-clr03, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .barWrap .barContents .bar.-clr03 {
  background: #F2F1EF;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .barWrap .barContents .value, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .barWrap .barContents .value {
  width: calc(100% + 30px);
  position: absolute;
  top: -27px;
  left: -15px;
  text-align: center;
  font-size: 0;
  line-height: 0;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .barWrap .barContents .value, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .barWrap .barContents .value {
    top: -22px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .barWrap .barContents .value > span, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .barWrap .barContents .value > span {
  display: inline-block;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .barWrap .barContents .value > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .barWrap .barContents .value > span.main {
  margin-right: 3px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  color: #0070B8;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .barWrap .barContents .value > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .barWrap .barContents .value > span.main {
    margin-right: 2px;
    font-size: 17px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .barWrap .barContents .value > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .barWrap .barContents .value > span.sub {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .barWrap .barContents .value > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .barWrap .barContents .value > span.sub {
    font-size: 12px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .item, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .item {
  margin: 20px -20px 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .item, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .item {
    margin: 20px -8px 0;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .item > span, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .item > span {
  display: block;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .item > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .item > span.main {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .item > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .item > span.main {
    font-size: 11px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .item > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .item > span.sub {
  margin-top: 2px;
  font-size: 11px;
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .item > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .item > span.sub {
    margin-left: -15px;
    margin-right: -15px;
    font-size: 10px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem:not(:first-child), #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem:not(:first-child) {
  margin-left: 30px;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem:not(:first-child), #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem:not(:first-child) {
    margin-left: 18px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 {
  width: 100%;
  max-width: 440px;
  margin: 0 auto;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents {
  position: relative;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents:after, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents:after {
  content: "";
  width: 1px;
  height: 100%;
  background: #B9D3E4;
  display: block;
  position: absolute;
  top: 0;
  left: calc(48.9% - 11px);
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents:after, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents:after {
    left: calc(48% - 8px);
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem {
  max-height: 18px;
  display: flex;
  align-items: center;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .item, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .item {
  width: 48.9%;
  padding-right: 21px;
  box-sizing: border-box;
  text-align: right;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .item, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .item {
    width: 48%;
    padding-right: 15px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .item > span, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .item > span {
  display: block;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .item > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .item > span.main {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .item > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .item > span.main {
    font-size: 11.5px;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .item > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .item > span.main {
    font-size: 11px;
    line-height: 1.4;
    letter-spacing: -0.05em;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .item > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .item > span.main {
    font-size: 2.9333333333vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .item > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .item > span.sub {
  height: 0;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.6;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .item > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .item > span.sub {
    font-size: 10px;
    letter-spacing: -0.05em;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .item > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .item > span.sub {
    font-size: 2.6666666667vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .barWrap, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .barWrap {
  height: 20px;
  margin-right: 60px;
  flex: 1;
  position: relative;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .barWrap, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .barWrap {
    margin-right: 35px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .barWrap .barContents {
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .barWrap .barContents .bar, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .barWrap .barContents .bar {
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .barWrap .barContents .bar.-clr01, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .barWrap .barContents .bar.-clr01 {
  background: #B9D3E4;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .barWrap .barContents .bar.-clr02, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .barWrap .barContents .bar.-clr02 {
  background: #DCE9F2;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .barWrap .barContents .bar.-clr03, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .barWrap .barContents .bar.-clr03 {
  background: #F2F1EF;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .barWrap .barContents .value, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .barWrap .barContents .value {
  width: 60px;
  position: absolute;
  top: calc(50% - 17px);
  right: -70px;
  font-size: 0;
  line-height: 0;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .barWrap .barContents .value, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .barWrap .barContents .value {
    width: 30px;
    top: calc(50% - 11px);
    right: -35px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .barWrap .barContents .value > span, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .barWrap .barContents .value > span {
  display: inline-block;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .barWrap .barContents .value > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .barWrap .barContents .value > span.main {
  margin-right: 3px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  color: #0070B8;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .barWrap .barContents .value > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .barWrap .barContents .value > span.main {
    margin-right: 1px;
    font-size: 17px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .barWrap .barContents .value > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .barWrap .barContents .value > span.sub {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .barWrap .barContents .value > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .barWrap .barContents .value > span.sub {
    font-size: 10px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem:not(:first-child), #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem:not(:first-child) {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem:not(:first-child), #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem:not(:first-child) {
    margin-top: 18px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02.-wide .graphContents:after, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02.-wide .graphContents:after {
  left: calc(41.4% - 11px);
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02.-wide .graphContents:after, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02.-wide .graphContents:after {
    left: calc(50% - 8px);
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02.-wide .graphContents .graphItem, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02.-wide .graphContents .graphItem {
  max-height: 30px;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02.-wide .graphContents .graphItem, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02.-wide .graphContents .graphItem {
    max-height: 18px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02.-wide .graphContents .graphItem .item, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02.-wide .graphContents .graphItem .item {
  width: 41.4%;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02.-wide .graphContents .graphItem .item, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02.-wide .graphContents .graphItem .item {
    width: 50%;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02.-wide .graphContents .graphItem .barWrap, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02.-wide .graphContents .graphItem .barWrap {
  height: 30px;
  margin-right: 70px;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02.-wide .graphContents .graphItem .barWrap, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02.-wide .graphContents .graphItem .barWrap {
    height: 18px;
    margin-right: 41px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02.-wide .graphContents .graphItem .barWrap .barContents .value, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02.-wide .graphContents .graphItem .barWrap .barContents .value {
  width: 70px;
  top: calc(50% - 29px);
  right: -80px;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02.-wide .graphContents .graphItem .barWrap .barContents .value, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02.-wide .graphContents .graphItem .barWrap .barContents .value {
    width: 41px;
    top: calc(50% - 16px);
    right: -46px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02.-wide .graphContents .graphItem .barWrap .barContents .value > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02.-wide .graphContents .graphItem .barWrap .barContents .value > span.main {
  font-size: 50px;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02.-wide .graphContents .graphItem .barWrap .barContents .value > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02.-wide .graphContents .graphItem .barWrap .barContents .value > span.main {
    font-size: 26px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02.-wide .graphContents .graphItem .barWrap .barContents .value > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02.-wide .graphContents .graphItem .barWrap .barContents .value > span.sub {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02.-wide .graphContents .graphItem .barWrap .barContents .value > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type02.-wide .graphContents .graphItem .barWrap .barContents .value > span.sub {
    font-size: 10px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 {
  width: 100%;
  margin: 55px auto 0;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 {
    width: calc(100% + 20px);
    margin: 50px -10px 0;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents {
  max-width: 90px;
  margin: 0 20px;
  flex: 1;
  position: relative;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents {
    max-width: 54px;
    margin: 0 10px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents {
    margin: 0 2.6666666667vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents:before, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #0070B8;
  position: absolute;
  top: 230px;
  left: 0;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents:before, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents:before {
    top: 115px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap {
  display: flex;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem {
  flex: 1;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap {
  height: 220px;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap {
    height: 110px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents .bar, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents .bar {
  width: 100%;
  height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents .bar.-clr01, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents .bar.-clr01 {
  background: #B9D3E4;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents .bar.-clr02, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents .bar.-clr02 {
  background: #EAAC95;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents .value, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents .value {
  width: calc(100% + 30px);
  position: absolute;
  top: -27px;
  left: -15px;
  text-align: center;
  font-size: 0;
  line-height: 0;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents .value, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents .value {
    width: calc(100% + 16px);
    top: -22px;
    left: -8px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents .value > span, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents .value > span {
  display: inline-block;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents .value > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents .value > span.main {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  color: #0070B8;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents .value > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents .value > span.main {
    font-size: 17px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents .value > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents .value > span.main {
    font-size: 4.5333333333vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents .value > span.main.-clr01, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents .value > span.main.-clr01 {
  color: #0070B8;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents .value > span.main.-clr02, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents .value > span.main.-clr02 {
  color: #DC764F;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents .value > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents .value > span.sub {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents .value > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents .value > span.sub {
    font-size: 12px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents .value > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents .value > span.sub {
    font-size: 3.2vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .item, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .item {
  margin: 20px -20px 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .item, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .item {
    margin: 10px -5px 0;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .item > span, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .item > span {
  display: block;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .item > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .item > span.main {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .item > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .item > span.main {
    font-size: 10px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .item > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .item > span.sub {
  margin-top: 2px;
  font-size: 11px;
  line-height: 1.4;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem:not(:first-child), #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem:not(:first-child) {
  margin-left: 30px;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem:not(:first-child), #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem:not(:first-child) {
    margin-left: 18px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemInfo, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemInfo {
  margin: 15px -15px 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemInfo, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemInfo {
    margin: 10px -10px 0;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemInfo .year, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemInfo .year {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemInfo .year, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemInfo .year {
    font-size: 10px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemInfo .total, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemInfo .total {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemInfo .total, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemInfo .total {
    margin-top: 5px;
    font-size: 10px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemInfo .total .totalNum, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemInfo .total .totalNum {
  margin-right: 5px;
  vertical-align: -0.05em;
  font-size: 346%;
  color: #0070B8;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemInfo .total .totalNum, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemInfo .total .totalNum {
    margin-right: 2px;
    font-size: 260%;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemInfo .total .totalNum, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemInfo .total .totalNum {
    font-size: 220%;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-circle, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-circle {
  /* ----- boxGraph.-circle.-type01 */
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-circle.-type01, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-circle.-type01 {
  position: relative;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-circle.-type01 .img, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-circle.-type01 .img {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-circle.-type01 .img > img, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-circle.-type01 .img > img {
  max-width: 64px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-circle.-type01 .img > img, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-circle.-type01 .img > img {
    max-width: 5.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-circle.-type01 .img > img, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxGraph.-circle.-type01 .img > img {
    max-width: 46px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxList, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxList {
  /* ----- boxList.-type01 */
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxList.-type01, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxList.-type01 {
  margin: -5px 0;
  padding: 0 2.5px;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxList.-type01, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxList.-type01 {
    margin: -5px -2px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxList.-type01 > li, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxList.-type01 > li {
  min-width: 130px;
  margin: 5px 2.5px;
  padding: 10px 20px;
  background: #F2F1EF;
  border-radius: 9999px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  text-align: center;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxList.-type01 > li, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxList.-type01 > li {
    padding: 0.8333333333vw 1.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxList.-type01 > li, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxList.-type01 > li {
    margin: 5px 2px;
    padding: 5px 10px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxList.-type01 > li, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxList.-type01 > li {
    padding: 1.3333333333vw 2.6666666667vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxList.-type01 > li .item > dt, #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxList.-type01 > li .item > dd, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxList.-type01 > li .item > dt, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxList.-type01 > li .item > dd {
  display: inline-block;
  vertical-align: middle;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxList.-type01 > li .item > dt, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxList.-type01 > li .item > dt {
  margin-right: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxList.-type01 > li .item > dt, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxList.-type01 > li .item > dt {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxList.-type01 > li .item > dt, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxList.-type01 > li .item > dt {
    margin-right: 5px;
    font-size: 11px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxList.-type01 > li .item > dt, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxList.-type01 > li .item > dt {
    font-size: 2.9333333333vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxList.-type01 > li .item > dd > span, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxList.-type01 > li .item > dd > span {
  display: inline-block;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxList.-type01 > li .item > dd > span.main, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxList.-type01 > li .item > dd > span.main {
  font-size: 24px;
  color: #0070B8;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxContents .boxList.-type01 > li .item > dd > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box .boxContents .boxList.-type01 > li .item > dd > span.sub {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.6;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxNote, #numbersCompany .inner .innerContents .contents .container .block .box .boxNote {
  /* ----- boxNote.-type01 */
}

#numbersBody .inner .innerContents .contents .container .block .box .boxNote.-type01, #numbersCompany .inner .innerContents .contents .container .block .box .boxNote.-type01 {
  width: calc(100% - 20px);
  position: absolute;
  right: 10px;
  bottom: 10px;
  text-align: right;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.6;
}

#numbersBody .inner .innerContents .contents .container .block .box .boxNote.-type01.-l, #numbersCompany .inner .innerContents .contents .container .block .box .boxNote.-type01.-l {
  text-align: left;
}

#numbersBody .inner .innerContents .contents .container .block .box.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-type01 {
  min-height: 260px;
}

#numbersBody .inner .innerContents .contents .container .block .box.-type01 .boxContents .boxNumber, #numbersCompany .inner .innerContents .contents .container .block .box.-type01 .boxContents .boxNumber {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-type01 .boxContents .boxNumber, #numbersCompany .inner .innerContents .contents .container .block .box.-type01 .boxContents .boxNumber {
    margin-top: 10px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-type02 .boxContents .boxContentsBody, #numbersCompany .inner .innerContents .contents .container .block .box.-type02 .boxContents .boxContentsBody {
  display: flex;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-type02 .boxContents .boxContentsBody, #numbersCompany .inner .innerContents .contents .container .block .box.-type02 .boxContents .boxContentsBody {
    display: block;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-type02 .boxContents .boxContentsBody .boxItem, #numbersCompany .inner .innerContents .contents .container .block .box.-type02 .boxContents .boxContentsBody .boxItem {
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-type02 .boxContents .boxContentsBody .boxItem, #numbersCompany .inner .innerContents .contents .container .block .box.-type02 .boxContents .boxContentsBody .boxItem {
    padding: 20px 0 15px;
    flex-direction: row;
    align-items: center;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-type02 .boxContents .boxContentsBody .boxItem .boxTtl, #numbersCompany .inner .innerContents .contents .container .block .box.-type02 .boxContents .boxContentsBody .boxItem .boxTtl {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
}

#numbersBody .inner .innerContents .contents .container .block .box.-type02 .boxContents .boxContentsBody .boxItem .boxItemHead, #numbersCompany .inner .innerContents .contents .container .block .box.-type02 .boxContents .boxContentsBody .boxItem .boxItemHead {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-type02 .boxContents .boxContentsBody .boxItem .boxItemHead, #numbersCompany .inner .innerContents .contents .container .block .box.-type02 .boxContents .boxContentsBody .boxItem .boxItemHead {
    width: 31.6%;
    margin-right: 10px;
    text-align: right;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-type02 .boxContents .boxContentsBody .boxItem:not(:first-child):before, #numbersCompany .inner .innerContents .contents .container .block .box.-type02 .boxContents .boxContentsBody .boxItem:not(:first-child):before {
  content: "";
  width: 6px;
  height: 100%;
  background-image: radial-gradient(circle farthest-side, #F2F1EF, #F2F1EF 40%, transparent 40%, transparent);
  background-repeat: space;
  background-size: 6px 16px;
  display: block;
  position: absolute;
  top: 0;
  left: -3px;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-type02 .boxContents .boxContentsBody .boxItem:not(:first-child):before, #numbersCompany .inner .innerContents .contents .container .block .box.-type02 .boxContents .boxContentsBody .boxItem:not(:first-child):before {
    width: 100%;
    height: 6px;
    background-size: 16px 6px;
    top: -3px;
    left: 0;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-type02 .boxContents > .boxTtl, #numbersCompany .inner .innerContents .contents .container .block .box.-type02 .boxContents > .boxTtl {
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-type02 .boxContents > .boxTtl, #numbersCompany .inner .innerContents .contents .container .block .box.-type02 .boxContents > .boxTtl {
    margin-bottom: 0;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-type03 .boxContents .boxTtl > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box.-type03 .boxContents .boxTtl > span.sub {
  min-height: 1.6em;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-type03 .boxContents .boxTtl > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box.-type03 .boxContents .boxTtl > span.sub {
    min-height: auto;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-type03 .boxContents .boxGraphWrap, #numbersCompany .inner .innerContents .contents .container .block .box.-type03 .boxContents .boxGraphWrap {
  margin-top: 15px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-type03 .boxContents .boxGraphWrap, #numbersCompany .inner .innerContents .contents .container .block .box.-type03 .boxContents .boxGraphWrap {
    margin-top: 15px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-type03 .boxContents .boxGraphWrap .item, #numbersCompany .inner .innerContents .contents .container .block .box.-type03 .boxContents .boxGraphWrap .item {
  flex: 1;
  position: relative;
  z-index: 1;
  text-align: center;
}

#numbersBody .inner .innerContents .contents .container .block .box.-type03 .boxContents .boxGraphWrap .item .itemTxt, #numbersCompany .inner .innerContents .contents .container .block .box.-type03 .boxContents .boxGraphWrap .item .itemTxt {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-type03 .boxContents .boxGraphWrap .item .itemTxt, #numbersCompany .inner .innerContents .contents .container .block .box.-type03 .boxContents .boxGraphWrap .item .itemTxt {
    font-size: 13px;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-type03 .boxContents .boxGraphWrap .item .boxNumber, #numbersCompany .inner .innerContents .contents .container .block .box.-type03 .boxContents .boxGraphWrap .item .boxNumber {
    margin-top: -5px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-type03 .boxContents .boxGraphWrap .boxGraph, #numbersCompany .inner .innerContents .contents .container .block .box.-type03 .boxContents .boxGraphWrap .boxGraph {
  width: 220px;
  height: 220px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-type03 .boxContents .boxGraphWrap .boxGraph, #numbersCompany .inner .innerContents .contents .container .block .box.-type03 .boxContents .boxGraphWrap .boxGraph {
    width: 18.3333333333vw;
    height: 18.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-type03 .boxContents .boxGraphWrap .boxGraph, #numbersCompany .inner .innerContents .contents .container .block .box.-type03 .boxContents .boxGraphWrap .boxGraph {
    width: 140px;
    height: 140px;
    margin: 0 -12px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-type04 .boxContents .boxItemWrap, #numbersCompany .inner .innerContents .contents .container .block .box.-type04 .boxContents .boxItemWrap {
  margin-top: 20px;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-type04 .boxContents .boxItemWrap, #numbersCompany .inner .innerContents .contents .container .block .box.-type04 .boxContents .boxItemWrap {
    margin-top: 15px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-type04 .boxContents .boxItemWrap .boxItem, #numbersCompany .inner .innerContents .contents .container .block .box.-type04 .boxContents .boxItemWrap .boxItem {
  max-width: 124px;
  margin: 0 12.5px;
  flex: 1;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-type04 .boxContents .boxItemWrap .boxItem, #numbersCompany .inner .innerContents .contents .container .block .box.-type04 .boxContents .boxItemWrap .boxItem {
    max-width: 96px;
    margin: 0 15px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-type04 .boxContents .boxItemWrap .boxItem .boxItemImg, #numbersCompany .inner .innerContents .contents .container .block .box.-type04 .boxContents .boxItemWrap .boxItem .boxItemImg {
  font-size: 0;
  line-height: 0;
}

#numbersBody .inner .innerContents .contents .container .block .box.-type04 .boxContents .boxItemWrap .boxItem .boxItemTxt, #numbersCompany .inner .innerContents .contents .container .block .box.-type04 .boxContents .boxItemWrap .boxItem .boxItemTxt {
  margin-top: 13px;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-type04 .boxContents .boxItemWrap .boxItem .boxItemTxt, #numbersCompany .inner .innerContents .contents .container .block .box.-type04 .boxContents .boxItemWrap .boxItem .boxItemTxt {
    margin-top: 10px;
    font-size: 11px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-type04 .boxContents .boxItemWrap .boxItem .boxNumber, #numbersCompany .inner .innerContents .contents .container .block .box.-type04 .boxContents .boxItemWrap .boxItem .boxNumber {
  margin-top: 5px;
}

#numbersBody .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap, #numbersCompany .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap {
  margin-top: 45px;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap, #numbersCompany .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap {
    margin-top: 0;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem, #numbersCompany .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem {
  max-width: 170px;
  padding: 10px 15px 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  position: relative;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem, #numbersCompany .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem {
    width: calc((100% - 15px) / 2);
    max-width: none;
    padding: 20px 0;
    flex: initial;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem .itemImg, #numbersCompany .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem .itemImg {
  text-align: center;
  font-size: 0;
  line-height: 0;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem .itemImg, #numbersCompany .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem .itemImg {
    margin-top: 5px;
    order: 1;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem .itemImg > img, #numbersCompany .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem .itemImg > img {
  max-width: 120px;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem .itemImg > img, #numbersCompany .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem .itemImg > img {
    max-width: 80px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem .itemTxt, #numbersCompany .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem .itemTxt {
  margin-top: 7px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
  text-align: center;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem .itemTxt, #numbersCompany .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem .itemTxt {
    margin-top: 0;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem .itemTxt > span, #numbersCompany .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem .itemTxt > span {
  display: block;
}

#numbersBody .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem .itemTxt > span.main, #numbersCompany .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem .itemTxt > span.main {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.6;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem .itemTxt > span.main, #numbersCompany .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem .itemTxt > span.main {
    font-size: 12px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem .itemTxt > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem .itemTxt > span.sub {
  font-size: 11px;
  font-weight: 500;
  line-height: 1.6;
  font-feature-settings: "palt";
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem .itemTxt > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem .itemTxt > span.sub {
    font-size: 10px;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem .boxNumber, #numbersCompany .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem .boxNumber {
    order: 1;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem:not(:first-child):before, #numbersCompany .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem:not(:first-child):before {
  content: "";
  width: 6px;
  height: 100%;
  background-image: radial-gradient(circle farthest-side, #F2F1EF, #F2F1EF 40%, transparent 40%, transparent);
  background-repeat: space;
  background-size: 6px 16px;
  display: block;
  position: absolute;
  top: 0;
  left: -3px;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem:not(:first-child):before, #numbersCompany .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem:not(:first-child):before {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem:not(:first-child):nth-child(odd):before, #numbersCompany .inner .innerContents .contents .container .block .box.-type05 .boxContents .boxItemWrap .boxItem:not(:first-child):nth-child(odd):before {
    content: "";
    width: calc(200% + 15px);
    height: 6px;
    background-image: radial-gradient(circle farthest-side, #F2F1EF, #F2F1EF 40%, transparent 40%, transparent);
    background-repeat: space;
    background-size: 16px 6px;
    display: block;
    position: absolute;
    top: -3px;
    left: 0;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-type06, #numbersCompany .inner .innerContents .contents .container .block .box.-type06 {
  padding: 40px 20px 10px;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-type06, #numbersCompany .inner .innerContents .contents .container .block .box.-type06 {
    padding: 25px 20px 5px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-type06 .boxContents .boxItemWrap, #numbersCompany .inner .innerContents .contents .container .block .box.-type06 .boxContents .boxItemWrap {
  width: 100%;
  max-width: 422px;
  margin: 0 auto;
}

#numbersBody .inner .innerContents .contents .container .block .box.-type06 .boxContents .boxItemWrap .boxItem, #numbersCompany .inner .innerContents .contents .container .block .box.-type06 .boxContents .boxItemWrap .boxItem {
  padding: 30px 0 20px;
  position: relative;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-type06 .boxContents .boxItemWrap .boxItem, #numbersCompany .inner .innerContents .contents .container .block .box.-type06 .boxContents .boxItemWrap .boxItem {
    padding: 25px 0 20px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-type06 .boxContents .boxItemWrap .boxItem .itemTxt, #numbersCompany .inner .innerContents .contents .container .block .box.-type06 .boxContents .boxItemWrap .boxItem .itemTxt {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-type06 .boxContents .boxItemWrap .boxItem .itemTxt, #numbersCompany .inner .innerContents .contents .container .block .box.-type06 .boxContents .boxItemWrap .boxItem .itemTxt {
    font-size: 12px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-type06 .boxContents .boxItemWrap .boxItem:not(:first-child):before, #numbersCompany .inner .innerContents .contents .container .block .box.-type06 .boxContents .boxItemWrap .boxItem:not(:first-child):before {
  content: "";
  width: 100%;
  height: 6px;
  background-image: radial-gradient(circle farthest-side, #F2F1EF, #F2F1EF 40%, transparent 40%, transparent);
  background-repeat: space;
  background-size: 16px 6px;
  display: block;
  position: absolute;
  top: -3px;
  left: 0;
}

#numbersBody .inner .innerContents .contents .container .block .box.-type07 .boxContents .boxTtl > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box.-type07 .boxContents .boxTtl > span.sub {
  min-height: 1.6em;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-type07 .boxContents .boxTtl > span.sub, #numbersCompany .inner .innerContents .contents .container .block .box.-type07 .boxContents .boxTtl > span.sub {
    min-height: auto;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-type07 .boxContents .boxGraph, #numbersCompany .inner .innerContents .contents .container .block .box.-type07 .boxContents .boxGraph {
  margin-top: 15px !important;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-type07 .boxContents .boxGraph, #numbersCompany .inner .innerContents .contents .container .block .box.-type07 .boxContents .boxGraph {
    margin-top: 55px !important;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-type08 .boxContents .boxList, #numbersCompany .inner .innerContents .contents .container .block .box.-type08 .boxContents .boxList {
  margin-top: 20px;
}

#numbersBody .inner .innerContents .contents .container .block .box.-type09 .boxContents .boxGraph, #numbersCompany .inner .innerContents .contents .container .block .box.-type09 .boxContents .boxGraph {
  margin-top: 70px;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-type09 .boxContents .boxGraph, #numbersCompany .inner .innerContents .contents .container .block .box.-type09 .boxContents .boxGraph {
    margin-top: 50px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-type09 .boxContents .boxTxt.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-type09 .boxContents .boxTxt.-type01 {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-type09 .boxContents .boxTxt.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-type09 .boxContents .boxTxt.-type01 {
    margin-top: 25px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-type10 .boxContents .boxContentsBody .boxItem, #numbersCompany .inner .innerContents .contents .container .block .box.-type10 .boxContents .boxContentsBody .boxItem {
  padding: 40px 0 20px;
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
}

#numbersBody .inner .innerContents .contents .container .block .box.-type10 .boxContents .boxContentsBody .boxItem .boxTtl, #numbersCompany .inner .innerContents .contents .container .block .box.-type10 .boxContents .boxContentsBody .boxItem .boxTtl {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
}

#numbersBody .inner .innerContents .contents .container .block .box.-type10 .boxContents .boxContentsBody .boxItem .boxItemHead, #numbersCompany .inner .innerContents .contents .container .block .box.-type10 .boxContents .boxContentsBody .boxItem .boxItemHead {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}

#numbersBody .inner .innerContents .contents .container .block .box.-type10 .boxContents .boxContentsBody .boxItem:not(:first-child):before, #numbersCompany .inner .innerContents .contents .container .block .box.-type10 .boxContents .boxContentsBody .boxItem:not(:first-child):before {
  content: "";
  width: 100%;
  height: 6px;
  background-image: radial-gradient(circle farthest-side, #F2F1EF, #F2F1EF 40%, transparent 40%, transparent);
  background-repeat: space;
  background-size: 16px 6px;
  display: block;
  position: absolute;
  top: -3px;
  left: 0;
}

#numbersBody .inner .innerContents .contents .container .block .box.-type10 .boxContents > .boxTtl, #numbersCompany .inner .innerContents .contents .container .block .box.-type10 .boxContents > .boxTtl {
  margin-bottom: 30px;
}

#numbersBody .inner .innerContents .contents .container .block .box.-employees, #numbersCompany .inner .innerContents .contents .container .block .box.-employees {
  min-height: 100%;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-employees, #numbersCompany .inner .innerContents .contents .container .block .box.-employees {
    min-height: 200px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-employees .img, #numbersCompany .inner .innerContents .contents .container .block .box.-employees .img {
  position: absolute;
}

#numbersBody .inner .innerContents .contents .container .block .box.-employees .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-employees .img.-type01 {
  width: 67px;
  top: 45px;
  left: 51px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-employees .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-employees .img.-type01 {
    width: 5.5833333333vw;
    top: 3.75vw;
    left: 4.25vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-employees .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-employees .img.-type01 {
    width: 33px;
    top: 24px;
    left: 35px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-employees .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-employees .img.-type01 {
    width: 8.8vw;
    top: 6.4vw;
    left: 9.3333333333vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-employees .img.-type02, #numbersCompany .inner .innerContents .contents .container .block .box.-employees .img.-type02 {
  width: 91px;
  right: 26px;
  bottom: 22px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-employees .img.-type02, #numbersCompany .inner .innerContents .contents .container .block .box.-employees .img.-type02 {
    width: 7.5833333333vw;
    right: 2.1666666667vw;
    bottom: 1.8333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-employees .img.-type02, #numbersCompany .inner .innerContents .contents .container .block .box.-employees .img.-type02 {
    width: 45px;
    right: 19px;
    bottom: 26px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-employees .img.-type02, #numbersCompany .inner .innerContents .contents .container .block .box.-employees .img.-type02 {
    width: 12vw;
    right: 5.0666666667vw;
    bottom: 6.9333333333vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-employees .boxContents .boxNumber, #numbersCompany .inner .innerContents .contents .container .block .box.-employees .boxContents .boxNumber {
  margin-top: 15px;
}

#numbersBody .inner .innerContents .contents .container .block .box.-average, #numbersCompany .inner .innerContents .contents .container .block .box.-average {
  min-height: 100%;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-average, #numbersCompany .inner .innerContents .contents .container .block .box.-average {
    min-height: 200px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-average .img, #numbersCompany .inner .innerContents .contents .container .block .box.-average .img {
  position: absolute;
}

#numbersBody .inner .innerContents .contents .container .block .box.-average .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-average .img.-type01 {
  width: 129px;
  bottom: 30px;
  left: 30px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-average .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-average .img.-type01 {
    width: 10.75vw;
    bottom: 2.5vw;
    left: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-average .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-average .img.-type01 {
    width: 63px;
    bottom: 24px;
    left: 25px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-average .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-average .img.-type01 {
    width: 16.8vw;
    bottom: 6.4vw;
    left: 6.6666666667vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-pastGender .img, #numbersCompany .inner .innerContents .contents .container .block .box.-pastGender .img {
  position: absolute;
}

#numbersBody .inner .innerContents .contents .container .block .box.-pastGender .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-pastGender .img.-type01 {
  width: 205px;
  right: 35px;
  bottom: 0;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-pastGender .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-pastGender .img.-type01 {
    width: 17.0833333333vw;
    right: 2.9166666667vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-pastGender .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-pastGender .img.-type01 {
    width: 112px;
    right: 24px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-pastGender .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-pastGender .img.-type01 {
    width: 29.8666666667vw;
    right: 6.4vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-pastGender .boxContents .boxGraph .graphContents:nth-child(1) .graphItemWrap .graphItem:nth-child(1) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-pastGender .boxContents .boxGraph .graphContents:nth-child(1) .graphItemWrap .graphItem:nth-child(1) .barWrap .barContents {
  height: 13.7931034483%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-pastGender .boxContents .boxGraph .graphContents:nth-child(1) .graphItemWrap .graphItem:nth-child(2) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-pastGender .boxContents .boxGraph .graphContents:nth-child(1) .graphItemWrap .graphItem:nth-child(2) .barWrap .barContents {
  height: 20.6896551724%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-pastGender .boxContents .boxGraph .graphContents:nth-child(2) .graphItemWrap .graphItem:nth-child(1) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-pastGender .boxContents .boxGraph .graphContents:nth-child(2) .graphItemWrap .graphItem:nth-child(1) .barWrap .barContents {
  height: 20.6896551724%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-pastGender .boxContents .boxGraph .graphContents:nth-child(2) .graphItemWrap .graphItem:nth-child(2) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-pastGender .boxContents .boxGraph .graphContents:nth-child(2) .graphItemWrap .graphItem:nth-child(2) .barWrap .barContents {
  height: 31.0344827586%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-pastGender .boxContents .boxGraph .graphContents:nth-child(3) .graphItemWrap .graphItem:nth-child(1) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-pastGender .boxContents .boxGraph .graphContents:nth-child(3) .graphItemWrap .graphItem:nth-child(1) .barWrap .barContents {
  height: 44.8275862069%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-pastGender .boxContents .boxGraph .graphContents:nth-child(3) .graphItemWrap .graphItem:nth-child(2) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-pastGender .boxContents .boxGraph .graphContents:nth-child(3) .graphItemWrap .graphItem:nth-child(2) .barWrap .barContents {
  height: 75.8620689655%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-pastGender .boxContents .boxGraph .graphContents:nth-child(4) .graphItemWrap .graphItem:nth-child(1) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-pastGender .boxContents .boxGraph .graphContents:nth-child(4) .graphItemWrap .graphItem:nth-child(1) .barWrap .barContents {
  height: 58.6206896552%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-pastGender .boxContents .boxGraph .graphContents:nth-child(4) .graphItemWrap .graphItem:nth-child(2) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-pastGender .boxContents .boxGraph .graphContents:nth-child(4) .graphItemWrap .graphItem:nth-child(2) .barWrap .barContents {
  height: 100%;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-pastGender .boxContents .boxTxt.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-pastGender .boxContents .boxTxt.-type01 {
    width: calc(100% - 132px);
    margin-left: 1em;
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-pastGender .boxContents .boxTxt.-type01 .mark, #numbersCompany .inner .innerContents .contents .container .block .box.-pastGender .boxContents .boxTxt.-type01 .mark {
    width: 1em;
    margin-left: -1em;
    display: inline-block;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-management, #numbersCompany .inner .innerContents .contents .container .block .box.-management {
  min-height: 100%;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-management, #numbersCompany .inner .innerContents .contents .container .block .box.-management {
    min-height: auto;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-management .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-management .img.-type01 {
  width: 108px;
  position: absolute;
  top: 70px;
  left: 34px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-management .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-management .img.-type01 {
    width: 9vw;
    top: 5.8333333333vw;
    left: 2.8333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-management .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-management .img.-type01 {
    width: 59px;
    top: 89px;
    left: 20px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-management .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-management .img.-type01 {
    width: 15.7333333333vw;
    top: 23.7333333333vw;
    left: 5.3333333333vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-oneonone, #numbersCompany .inner .innerContents .contents .container .block .box.-oneonone {
  min-height: 100%;
  padding-top: 160px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-oneonone, #numbersCompany .inner .innerContents .contents .container .block .box.-oneonone {
    padding-top: 13.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-oneonone, #numbersCompany .inner .innerContents .contents .container .block .box.-oneonone {
    min-height: auto;
    padding-top: 95px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-oneonone .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-oneonone .boxBaloon {
  width: 260px;
  height: 183px;
  padding: 32px 30px 15px 40px;
  top: -32px;
  left: -38px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-oneonone .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-oneonone .boxBaloon {
    width: 21.6666666667vw;
    height: 15.25vw;
    padding: 2.6666666667vw 2.5vw 1.25vw 3.3333333333vw;
    top: -2.6666666667vw;
    left: -3.1666666667vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-oneonone .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-oneonone .boxBaloon {
    width: 172px;
    height: 121px;
    padding: 19px 15px 15px 44px;
    top: -14px;
    left: -39px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-oneonone .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-oneonone .boxBaloon {
    width: 45.8666666667vw;
    height: 32.2666666667vw;
    padding: 5.0666666667vw 4vw 4vw 11.7333333333vw;
    top: -3.7333333333vw;
    left: -10.4vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-oneonone .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-oneonone .boxBaloon:after {
  width: 19px;
  height: 19px;
  background-image: url(../img/numbers/shape02.svg);
  bottom: 15px;
  right: 32px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-oneonone .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-oneonone .boxBaloon:after {
    width: 1.5833333333vw;
    height: 1.5833333333vw;
    bottom: 1.25vw;
    right: 2.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-oneonone .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-oneonone .boxBaloon:after {
    width: 13px;
    height: 13px;
    bottom: 10px;
    right: 21px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-oneonone .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-oneonone .boxBaloon:after {
    width: 3.4666666667vw;
    height: 3.4666666667vw;
    bottom: 2.6666666667vw;
    right: 5.6vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-oneonone .img, #numbersCompany .inner .innerContents .contents .container .block .box.-oneonone .img {
  width: 139px;
  position: absolute;
  top: 33px;
  right: 42px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-oneonone .img, #numbersCompany .inner .innerContents .contents .container .block .box.-oneonone .img {
    width: 11.5833333333vw;
    top: 2.75vw;
    right: 3.5vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-oneonone .img, #numbersCompany .inner .innerContents .contents .container .block .box.-oneonone .img {
    width: 78px;
    top: 28px;
    right: 22px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-oneonone .img, #numbersCompany .inner .innerContents .contents .container .block .box.-oneonone .img {
    width: 20.8vw;
    top: 7.4666666667vw;
    right: 5.8666666667vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-oneonone .boxContents .boxTxt.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-oneonone .boxContents .boxTxt.-type01 {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-oneonone .boxContents .boxTxt.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-oneonone .boxContents .boxTxt.-type01 {
    margin-top: 15px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-holiday, #numbersCompany .inner .innerContents .contents .container .block .box.-holiday {
  min-height: 100%;
  padding-top: 140px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-holiday, #numbersCompany .inner .innerContents .contents .container .block .box.-holiday {
    padding-top: 11.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-holiday, #numbersCompany .inner .innerContents .contents .container .block .box.-holiday {
    min-height: auto;
    padding-top: 80px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-holiday .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-holiday .boxBaloon {
  width: 380px;
  height: 230px;
  padding: 110px 55px 50px 30px;
  top: -90px;
  right: -46px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-holiday .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-holiday .boxBaloon {
    width: 31.6666666667vw;
    height: 19.1666666667vw;
    padding: 9.1666666667vw 4.5833333333vw 4.1666666667vw 2.5vw;
    top: -7.5vw;
    right: -3.8333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-holiday .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-holiday .boxBaloon {
    width: 227px;
    height: 133px;
    padding: 61px 41px 18px 18px;
    top: -56px;
    right: -36px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-holiday .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-holiday .boxBaloon {
    width: 60.5333333333vw;
    height: 35.4666666667vw;
    padding: 16.2666666667vw 10.9333333333vw 4.8vw 4.8vw;
    top: -14.9333333333vw;
    right: -9.6vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-holiday .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-holiday .boxBaloon:after {
  width: 28px;
  height: 24px;
  background-image: url(../img/numbers/shape04.svg);
  left: 35px;
  bottom: 25px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-holiday .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-holiday .boxBaloon:after {
    width: 2.3333333333vw;
    height: 2vw;
    left: 2.9166666667vw;
    bottom: 2.0833333333vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-holiday .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-holiday .boxBaloon:after {
    width: 16px;
    height: 14px;
    left: 28px;
    bottom: 11px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-holiday .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-holiday .boxBaloon:after {
    width: 4.2666666667vw;
    height: 3.7333333333vw;
    left: 7.4666666667vw;
    bottom: 2.9333333333vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-holiday .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-holiday .img.-type01 {
  width: 109px;
  position: absolute;
  top: 47px;
  left: 54px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-holiday .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-holiday .img.-type01 {
    width: 9.0833333333vw;
    top: 3.9166666667vw;
    left: 4.5vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-holiday .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-holiday .img.-type01 {
    width: 56px;
    top: 33px;
    left: 25px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-holiday .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-holiday .img.-type01 {
    width: 14.9333333333vw;
    top: 8.8vw;
    left: 6.6666666667vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-holiday .boxContents, #numbersCompany .inner .innerContents .contents .container .block .box.-holiday .boxContents {
  max-width: 420px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-holidayAcquisitionRate, #numbersCompany .inner .innerContents .contents .container .block .box.-holidayAcquisitionRate {
    padding-top: 90px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-holidayAcquisitionRate .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-holidayAcquisitionRate .boxBaloon {
  width: 379px;
  height: 260px;
  padding: 139px 104px 15px 45px;
  top: -139px;
  right: -104px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-holidayAcquisitionRate .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-holidayAcquisitionRate .boxBaloon {
    width: 31.5833333333vw;
    height: 21.6666666667vw;
    padding: 11.5833333333vw 8.6666666667vw 1.25vw 3.75vw;
    top: -11.5833333333vw;
    right: -8.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-holidayAcquisitionRate .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-holidayAcquisitionRate .boxBaloon {
    width: 227px;
    height: 138px;
    padding: 74px 58px 12px 28px;
    top: -69px;
    right: -53px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-holidayAcquisitionRate .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-holidayAcquisitionRate .boxBaloon:after {
  width: 28px;
  height: 27px;
  background-image: url(../img/numbers/shape04.svg);
  bottom: 22px;
  left: 45px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-holidayAcquisitionRate .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-holidayAcquisitionRate .boxBaloon:after {
    width: 2.3333333333vw;
    height: 2.25vw;
    bottom: 1.8333333333vw;
    left: 3.75vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-holidayAcquisitionRate .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-holidayAcquisitionRate .boxBaloon:after {
    width: 17px;
    height: 15px;
    bottom: 11px;
    left: 28px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-holidayAcquisitionRate .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-holidayAcquisitionRate .img.-type01 {
  width: 136px;
  position: absolute;
  top: 21px;
  left: 37px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-holidayAcquisitionRate .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-holidayAcquisitionRate .img.-type01 {
    width: 11.3333333333vw;
    top: 1.75vw;
    left: 3.0833333333vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-holidayAcquisitionRate .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-holidayAcquisitionRate .img.-type01 {
    width: 78px;
    top: 20px;
    left: 29px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-age, #numbersCompany .inner .innerContents .contents .container .block .box.-age {
  min-height: 100%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-age .boxContents .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-age .boxContents .boxBaloon {
  position: relative;
}

#numbersBody .inner .innerContents .contents .container .block .box.-age .boxContents .boxBaloon .img, #numbersCompany .inner .innerContents .contents .container .block .box.-age .boxContents .boxBaloon .img {
  width: 124px;
  position: absolute;
  right: 0;
  bottom: -90px;
}

#numbersBody .inner .innerContents .contents .container .block .box.-age .boxContents .boxGraph .graphContents .graphItem:nth-child(1) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-age .boxContents .boxGraph .graphContents .graphItem:nth-child(1) .barWrap .barContents {
  height: 100%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-age .boxContents .boxGraph .graphContents .graphItem:nth-child(2) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-age .boxContents .boxGraph .graphContents .graphItem:nth-child(2) .barWrap .barContents {
  height: 58.6956521739%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-age .boxContents .boxGraph .graphContents .graphItem:nth-child(3) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-age .boxContents .boxGraph .graphContents .graphItem:nth-child(3) .barWrap .barContents {
  height: 30.4347826087%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-age .boxContents .boxGraph .graphContents .graphItem:nth-child(4) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-age .boxContents .boxGraph .graphContents .graphItem:nth-child(4) .barWrap .barContents {
  height: 30.4347826087%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-employeesPast3 .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-employeesPast3 .img.-type01 {
  width: 68px;
  position: absolute;
  top: 26px;
  left: 62px;
}

#numbersBody .inner .innerContents .contents .container .block .box.-afterWork .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-afterWork .boxBaloon {
  width: 380px;
  height: 260px;
  padding: 159px 25px 25px 52px;
  top: -159px;
  left: -52px;
}

#numbersBody .inner .innerContents .contents .container .block .box.-afterWork .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-afterWork .boxBaloon:after {
  width: 28px;
  height: 24px;
  background-image: url(../img/numbers/shape02.svg);
  right: 47px;
  bottom: 22px;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom {
  /* ----- box.-goodroom.-youngest */
  /* ----- box.-goodroom.-twenties */
  /* ----- box.-goodroom.-twentiesManagement */
  /* ----- box.-goodroom.-femaleManagers */
  /* ----- box.-goodroom.-jobs */
  /* ----- box.-goodroom.-office */
  /* ----- box.-goodroom.-clothing */
  /* ----- box.-goodroom.-mood */
  /* ----- box.-goodroom.-occupation */
  /* ----- box.-goodroom.-outdoorOrIndoor */
  /* ----- box.-goodroom.-tomos */
  /* ----- box.-goodroom.-overtime */
  /* ----- box.-goodroom.-management20 */
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-youngest, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-youngest {
  min-height: 100%;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-youngest, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-youngest {
    min-height: auto;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-youngest .boxContents .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-youngest .boxContents .img.-type01 {
  margin-top: 25px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-youngest .boxContents .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-youngest .boxContents .img.-type01 {
    margin-top: 10px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-youngest .boxContents .img.-type01 > img, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-youngest .boxContents .img.-type01 > img {
  max-width: 342px;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-youngest .boxContents .img.-type01 > img, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-youngest .boxContents .img.-type01 > img {
    max-width: 200px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-twenties, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-twenties {
  min-height: 100%;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-twenties, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-twenties {
    min-height: auto;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-twenties .boxContents .boxGraphWrap, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-twenties .boxContents .boxGraphWrap {
  align-items: flex-start;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-twenties .boxContents .boxGraphWrap, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-twenties .boxContents .boxGraphWrap {
    align-items: center;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-twenties .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-twenties .boxBaloon {
  width: 260px;
  height: 183px;
  padding: 10px 20px 52px 46px;
  bottom: -52px;
  left: -46px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-twenties .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-twenties .boxBaloon {
    width: 21.6666666667vw;
    height: 15.25vw;
    padding: 0.8333333333vw 1.6666666667vw 4.3333333333vw 3.8333333333vw;
    bottom: -4.3333333333vw;
    left: -3.8333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-twenties .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-twenties .boxBaloon {
    width: 196px;
    height: 139px;
    padding: 15px 15px 47px 82px;
    bottom: -42px;
    left: -77px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-twenties .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-twenties .boxBaloon {
    width: 52.2666666667vw;
    height: 37.0666666667vw;
    padding: 4vw 4vw 12.5333333333vw 21.8666666667vw;
    bottom: -11.2vw;
    left: -20.5333333333vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-twenties .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-twenties .boxBaloon:after {
  width: 19px;
  height: 19px;
  background-image: url(../img/numbers/shape03.svg);
  top: 15px;
  right: 32px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-twenties .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-twenties .boxBaloon:after {
    width: 1.5833333333vw;
    height: 1.5833333333vw;
    top: 1.25vw;
    right: 2.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-twenties .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-twenties .boxBaloon:after {
    width: 15px;
    height: 14px;
    top: 12px;
    right: 24px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-twenties .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-twenties .boxBaloon:after {
    width: 4vw;
    height: 3.7333333333vw;
    top: 3.2vw;
    right: 6.4vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-twentiesManagement, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-twentiesManagement {
  min-height: 100%;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-twentiesManagement, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-twentiesManagement {
    min-height: auto;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-femaleManagers, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-femaleManagers {
  min-height: 100%;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-femaleManagers, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-femaleManagers {
    min-height: auto;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-femaleManagers .boxContents .boxGraphWrap, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-femaleManagers .boxContents .boxGraphWrap {
  align-items: flex-start;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-femaleManagers .boxContents .boxGraphWrap, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-femaleManagers .boxContents .boxGraphWrap {
    flex-direction: row-reverse;
    align-items: center;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-femaleManagers .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-femaleManagers .boxBaloon {
  width: 260px;
  height: 183px;
  padding: 5px 46px 52px 20px;
  bottom: -52px;
  right: -46px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-femaleManagers .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-femaleManagers .boxBaloon {
    width: 21.6666666667vw;
    height: 15.25vw;
    padding: 0.4166666667vw 3.8333333333vw 4.3333333333vw 1.6666666667vw;
    bottom: -4.3333333333vw;
    right: -3.8333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-femaleManagers .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-femaleManagers .boxBaloon {
    width: 198px;
    height: 128px;
    padding: 15px 82px 36px 25px;
    bottom: -26px;
    right: -77px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-femaleManagers .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-femaleManagers .boxBaloon {
    width: 52.8vw;
    height: 34.1333333333vw;
    padding: 4vw 21.8666666667vw 9.6vw 6.6666666667vw;
    bottom: -6.9333333333vw;
    right: -20.5333333333vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-femaleManagers .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-femaleManagers .boxBaloon:after {
  width: 21px;
  height: 21px;
  background-image: url(../img/numbers/shape05.svg);
  top: 11px;
  left: 30px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-femaleManagers .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-femaleManagers .boxBaloon:after {
    width: 1.75vw;
    height: 1.75vw;
    top: 0.9166666667vw;
    left: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-femaleManagers .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-femaleManagers .boxBaloon:after {
    width: 15px;
    height: 14px;
    top: 10px;
    left: 20px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-femaleManagers .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-femaleManagers .boxBaloon:after {
    width: 4vw;
    height: 3.7333333333vw;
    top: 2.6666666667vw;
    left: 5.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-jobs, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-jobs {
    padding-top: 90px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-jobs .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-jobs .boxBaloon {
  width: 379px;
  height: 260px;
  padding: 160px 50px 30px 62px;
  top: -149px;
  left: -52px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-jobs .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-jobs .boxBaloon {
    width: 31.5833333333vw;
    height: 21.6666666667vw;
    padding: 13.3333333333vw 4.1666666667vw 2.5vw 5.1666666667vw;
    top: -12.4166666667vw;
    left: -4.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-jobs .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-jobs .boxBaloon {
    width: 227px;
    height: 138px;
    padding: 70px 15px 15px 25px;
    top: -65px;
    left: -20px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-jobs .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-jobs .boxBaloon {
    width: 60.5333333333vw;
    height: 36.8vw;
    padding: 18.6666666667vw 4vw 4vw 6.6666666667vw;
    top: -17.3333333333vw;
    left: -5.3333333333vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-jobs .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-jobs .boxBaloon:after {
  width: 26px;
  height: 26px;
  background-image: url(../img/numbers/shape02.svg);
  right: 60px;
  bottom: 15px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-jobs .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-jobs .boxBaloon:after {
    width: 2.1666666667vw;
    height: 2.1666666667vw;
    right: 5vw;
    bottom: 1.25vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-jobs .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-jobs .boxBaloon:after {
    width: 17px;
    height: 15px;
    right: 28px;
    bottom: 11px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-jobs .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-jobs .boxBaloon:after {
    width: 4.5333333333vw;
    height: 4vw;
    right: 7.4666666667vw;
    bottom: 2.9333333333vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-office, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-office {
  min-height: 100%;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-office, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-office {
    min-height: auto;
    padding-top: 90px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-office .boxContents .boxTtl > span.main > br, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-office .boxContents .boxTtl > span.main > br {
  display: none;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-office .boxContents .boxTtl > span.main > br, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-office .boxContents .boxTtl > span.main > br {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-office .boxContents .boxTtl > span.main > br, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-office .boxContents .boxTtl > span.main > br {
    display: none;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-office .boxContents .boxGraph.-bar, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-office .boxContents .boxGraph.-bar {
  max-width: 330px;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-office .boxContents .boxGraph.-bar, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-office .boxContents .boxGraph.-bar {
    max-width: 198px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-office .boxContents .boxGraph.-bar .graphContents .graphItem:nth-child(1) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-office .boxContents .boxGraph.-bar .graphContents .graphItem:nth-child(1) .barWrap .barContents {
  height: 100%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-office .boxContents .boxGraph.-bar .graphContents .graphItem:nth-child(2) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-office .boxContents .boxGraph.-bar .graphContents .graphItem:nth-child(2) .barWrap .barContents {
  height: 42.8571428571%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-office .boxContents .boxGraph.-bar .graphContents .graphItem:nth-child(3) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-office .boxContents .boxGraph.-bar .graphContents .graphItem:nth-child(3) .barWrap .barContents {
  height: 26.1904761905%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-office .boxContents .boxGraph.-bar .graphContents .graphItem:nth-child(4) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-office .boxContents .boxGraph.-bar .graphContents .graphItem:nth-child(4) .barWrap .barContents {
  height: 11.9047619048%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-office .boxContents .boxGraph.-bar .graphContents .graphItem:nth-child(5) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-office .boxContents .boxGraph.-bar .graphContents .graphItem:nth-child(5) .barWrap .barContents {
  height: 7.1428571429%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-office .boxContents .boxGraph.-bar .graphContents .graphItem:nth-child(6) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-office .boxContents .boxGraph.-bar .graphContents .graphItem:nth-child(6) .barWrap .barContents {
  height: 11.9047619048%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-office .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-office .boxBaloon {
  width: 260px;
  height: 183px;
  padding: 54px 96px 25px 35px;
  top: -44px;
  right: -86px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-office .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-office .boxBaloon {
    width: 21.6666666667vw;
    height: 15.25vw;
    padding: 4.5vw 8vw 2.0833333333vw 2.9166666667vw;
    top: -3.6666666667vw;
    right: -7.1666666667vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-office .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-office .boxBaloon {
    width: 227px;
    height: 138px;
    padding: 64px 76px 20px 25px;
    top: -59px;
    right: -71px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-office .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-office .boxBaloon {
    width: 60.5333333333vw;
    height: 36.8vw;
    padding: 17.0666666667vw 20.2666666667vw 5.3333333333vw 6.6666666667vw;
    top: -15.7333333333vw;
    right: -18.9333333333vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-office .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-office .boxBaloon:after {
  width: 19px;
  height: 19px;
  background-image: url(../img/numbers/shape04.svg);
  bottom: 11px;
  left: 38px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-office .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-office .boxBaloon:after {
    width: 1.5833333333vw;
    height: 1.5833333333vw;
    bottom: 0.9166666667vw;
    left: 3.1666666667vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-office .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-office .boxBaloon:after {
    width: 17px;
    height: 15px;
    bottom: 11px;
    left: 28px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-office .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-office .boxBaloon:after {
    width: 4.5333333333vw;
    height: 4vw;
    bottom: 2.9333333333vw;
    left: 7.4666666667vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-clothing, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-clothing {
  min-height: 100%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-mood, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-mood {
  min-height: 100%;
  padding-bottom: 105px;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-mood, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-mood {
    min-height: auto;
    padding-bottom: 80px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-mood .boxContents .boxGraph, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-mood .boxContents .boxGraph {
  max-width: 520px;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-mood .boxContents .boxGraph .graphContents .graphItem:nth-child(1) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-mood .boxContents .boxGraph .graphContents .graphItem:nth-child(1) .barWrap .barContents {
  width: 100%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-mood .boxContents .boxGraph .graphContents .graphItem:nth-child(2) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-mood .boxContents .boxGraph .graphContents .graphItem:nth-child(2) .barWrap .barContents {
  width: 62.1212121212%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-mood .boxContents .boxGraph .graphContents .graphItem:nth-child(3) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-mood .boxContents .boxGraph .graphContents .graphItem:nth-child(3) .barWrap .barContents {
  width: 51.5151515152%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-mood .boxContents .boxGraph .graphContents .graphItem:nth-child(4) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-mood .boxContents .boxGraph .graphContents .graphItem:nth-child(4) .barWrap .barContents {
  width: 25.7575757576%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-mood .boxContents .boxGraph .graphContents .graphItem:nth-child(5) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-mood .boxContents .boxGraph .graphContents .graphItem:nth-child(5) .barWrap .barContents {
  width: 22.7272727273%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-mood .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-mood .img.-type01 {
  width: 188px;
  position: absolute;
  top: 50px;
  left: 50px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-mood .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-mood .img.-type01 {
    width: 15.6666666667vw;
    top: 4.1666666667vw;
    left: 4.1666666667vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-mood .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-mood .img.-type01 {
    width: 68px;
    top: 24px;
    left: 21px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-mood .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-mood .img.-type01 {
    width: 18.1333333333vw;
    top: 6.4vw;
    left: 5.6vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-mood .img.-type02, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-mood .img.-type02 {
  width: 210px;
  position: absolute;
  right: 80px;
  bottom: 50px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-mood .img.-type02, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-mood .img.-type02 {
    width: 17.5vw;
    right: 6.6666666667vw;
    bottom: 4.1666666667vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-mood .img.-type02, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-mood .img.-type02 {
    width: 91px;
    right: 27px;
    bottom: 0;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-mood .img.-type02, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-mood .img.-type02 {
    width: 24.2666666667vw;
    right: 7.2vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-occupation, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-occupation {
  min-height: 100%;
  padding-bottom: 150px;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-occupation .boxContents .boxGraph .graphContents .graphItem:nth-child(1) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-occupation .boxContents .boxGraph .graphContents .graphItem:nth-child(1) .barWrap .barContents {
  width: 100%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-occupation .boxContents .boxGraph .graphContents .graphItem:nth-child(2) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-occupation .boxContents .boxGraph .graphContents .graphItem:nth-child(2) .barWrap .barContents {
  width: 62.962962963%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-occupation .boxContents .boxGraph .graphContents .graphItem:nth-child(3) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-occupation .boxContents .boxGraph .graphContents .graphItem:nth-child(3) .barWrap .barContents {
  width: 59.2592592593%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-occupation .boxContents .boxGraph .graphContents .graphItem:nth-child(4) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-occupation .boxContents .boxGraph .graphContents .graphItem:nth-child(4) .barWrap .barContents {
  width: 48.1481481481%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-occupation .boxContents .boxGraph .graphContents .graphItem:nth-child(5) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-occupation .boxContents .boxGraph .graphContents .graphItem:nth-child(5) .barWrap .barContents {
  width: 29.6296296296%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-occupation .boxContents .boxGraph .graphContents .graphItem:nth-child(6) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-occupation .boxContents .boxGraph .graphContents .graphItem:nth-child(6) .barWrap .barContents {
  width: 25.9259259259%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-occupation .boxContents .boxGraph .graphContents .graphItem:nth-child(7) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-occupation .boxContents .boxGraph .graphContents .graphItem:nth-child(7) .barWrap .barContents {
  width: 14.8148148148%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-occupation .boxContents .boxGraph .graphContents .graphItem:nth-child(8) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-occupation .boxContents .boxGraph .graphContents .graphItem:nth-child(8) .barWrap .barContents {
  width: 11.1111111111%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-occupation .boxContents .boxGraph .graphContents .graphItem:nth-child(9) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-occupation .boxContents .boxGraph .graphContents .graphItem:nth-child(9) .barWrap .barContents {
  width: 22.2222222222%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-occupation .imgWrap, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-occupation .imgWrap {
  width: 250px;
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 20px;
  left: calc(50% - 125px);
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-occupation .imgWrap .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-occupation .imgWrap .img.-type01 {
  width: 95px;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-occupation .imgWrap .img.-type02, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-occupation .imgWrap .img.-type02 {
  width: 106px;
  margin-left: 50px;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-outdoorOrIndoor, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-outdoorOrIndoor {
  min-height: 100%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-tomos, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-tomos {
  min-height: 100%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-tomos .boxContents .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-tomos .boxContents .boxBaloon {
  padding: 30px 20px;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-tomos .boxContents .boxGraphWrap, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-tomos .boxContents .boxGraphWrap {
  margin-top: 50px;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-overtime .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-overtime .img.-type01 {
  width: 111px;
  position: absolute;
  top: 22px;
  left: 28px;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-overtime .boxContents .boxNumber, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-overtime .boxContents .boxNumber {
  margin-top: 15px;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-management20 .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-management20 .img.-type01 {
  width: 114px;
  position: absolute;
  right: 22px;
  bottom: 30px;
}

#numbersBody .inner .innerContents .contents .container .block .box.-goodroom.-management20 .boxContents .boxNumber, #numbersCompany .inner .innerContents .contents .container .block .box.-goodroom.-management20 .boxContents .boxNumber {
  margin-top: 15px;
}

#numbersBody .inner .innerContents .contents .container .block .box.-orc, #numbersCompany .inner .innerContents .contents .container .block .box.-orc {
  /* ----- box.-orc.-employees */
  /* ----- box.-orc.-twenties */
  /* ----- box.-orc.-it */
  /* ----- box.-orc.-type */
  /* ----- box.-orc.-beforeJoin */
  /* ----- box.-orc.-language */
  /* ----- box.-orc.-remote */
  /* ----- box.-orc.-mood */
  /* ----- box.-orc.-clothing */
  /* ----- box.-orc.-occupation */
  /* ----- box.-orc.-project */
  /* ----- box.-orc.-overtime */
  /* ----- box.-orc.-favoriteLanguage */
}

#numbersBody .inner .innerContents .contents .container .block .box.-orc.-employees, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-employees {
  min-height: auto;
}

#numbersBody .inner .innerContents .contents .container .block .box.-orc.-employees .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-employees .img.-type01 {
  width: 88px;
  top: auto;
  right: 33px;
  bottom: 20px;
  left: auto;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-employees .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-employees .img.-type01 {
    width: 7.3333333333vw;
    right: 2.75vw;
    bottom: 1.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-employees .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-employees .img.-type01 {
    width: 61px;
    right: 18px;
    bottom: 16px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-employees .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-employees .img.-type01 {
    width: 16.2666666667vw;
    right: 4.8vw;
    bottom: 4.2666666667vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-orc.-twenties .boxContents .boxGraphWrap, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-twenties .boxContents .boxGraphWrap {
  align-items: flex-start;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-twenties .boxContents .boxGraphWrap, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-twenties .boxContents .boxGraphWrap {
    align-items: center;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-orc.-twenties .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-twenties .boxBaloon {
  width: 260px;
  height: 183px;
  padding: 10px 20px 52px 46px;
  bottom: -52px;
  left: -46px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-twenties .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-twenties .boxBaloon {
    width: 21.6666666667vw;
    height: 15.25vw;
    padding: 0.8333333333vw 1.6666666667vw 4.3333333333vw 3.8333333333vw;
    bottom: -4.3333333333vw;
    left: -3.8333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-twenties .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-twenties .boxBaloon {
    width: 196px;
    height: 139px;
    padding: 15px 20px 47px 82px;
    bottom: -42px;
    left: -77px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-twenties .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-twenties .boxBaloon {
    width: 52.2666666667vw;
    height: 37.0666666667vw;
    padding: 4vw 5.3333333333vw 12.5333333333vw 21.8666666667vw;
    bottom: -11.2vw;
    left: -20.5333333333vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-orc.-twenties .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-twenties .boxBaloon:after {
  width: 19px;
  height: 19px;
  background-image: url(../img/numbers/shape03.svg);
  top: 15px;
  right: 32px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-twenties .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-twenties .boxBaloon:after {
    width: 1.5833333333vw;
    height: 1.5833333333vw;
    top: 1.25vw;
    right: 2.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-twenties .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-twenties .boxBaloon:after {
    width: 15px;
    height: 14px;
    top: 12px;
    right: 24px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-twenties .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-twenties .boxBaloon:after {
    width: 4vw;
    height: 3.7333333333vw;
    top: 3.2vw;
    right: 6.4vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-orc.-it, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-it {
  min-height: 100%;
  padding-bottom: 80px;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-it, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-it {
    min-height: auto;
    padding-bottom: 45px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-orc.-it .img.-type02, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-it .img.-type02 {
  width: 121px;
  position: absolute;
  right: 25px;
  bottom: 30px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-it .img.-type02, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-it .img.-type02 {
    width: 10.0833333333vw;
    right: 2.0833333333vw;
    bottom: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-it .img.-type02, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-it .img.-type02 {
    width: 73px;
    right: 15px;
    bottom: 25px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-it .img.-type02, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-it .img.-type02 {
    width: 19.4666666667vw;
    right: 4vw;
    bottom: 6.6666666667vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-orc.-it .boxContents .graphItems, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-it .boxContents .graphItems {
  margin-top: 25px;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-it .boxContents .graphItems, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-it .boxContents .graphItems {
    margin-top: 15px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-orc.-it .boxContents .graphItems .graphItemsTtl, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-it .boxContents .graphItems .graphItemsTtl {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-it .boxContents .graphItems .graphItemsTtl, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-it .boxContents .graphItems .graphItemsTtl {
    font-size: 12px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-orc.-it .boxContents .graphItems .boxGraph.-bar, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-it .boxContents .graphItems .boxGraph.-bar {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-it .boxContents .graphItems .boxGraph.-bar, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-it .boxContents .graphItems .boxGraph.-bar {
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-it .boxContents .graphItems .boxGraph.-bar .graphContents:after, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-it .boxContents .graphItems .boxGraph.-bar .graphContents:after {
    left: calc(42% - 8px);
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-it .boxContents .graphItems .boxGraph.-bar .graphContents .graphItem .item, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-it .boxContents .graphItems .boxGraph.-bar .graphContents .graphItem .item {
    width: 42%;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-orc.-it .boxContents .graphItems .boxGraph.-bar .graphContents .graphItem:nth-child(1) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-it .boxContents .graphItems .boxGraph.-bar .graphContents .graphItem:nth-child(1) .barWrap .barContents {
  width: 100%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-orc.-it .boxContents .graphItems .boxGraph.-bar .graphContents .graphItem:nth-child(2) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-it .boxContents .graphItems .boxGraph.-bar .graphContents .graphItem:nth-child(2) .barWrap .barContents {
  width: 53.5211267606%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-orc.-it .boxContents .graphItems .boxGraph.-bar .graphContents .graphItem:nth-child(3) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-it .boxContents .graphItems .boxGraph.-bar .graphContents .graphItem:nth-child(3) .barWrap .barContents {
  width: 5.6338028169%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-orc.-it .boxContents .graphItems .boxGraph.-bar .graphContents .graphItem:nth-child(4) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-it .boxContents .graphItems .boxGraph.-bar .graphContents .graphItem:nth-child(4) .barWrap .barContents {
  width: 33.8028169014%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-orc.-type, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-type {
  min-height: 100%;
  padding-bottom: 60px;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-type, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-type {
    min-height: auto;
    padding-bottom: 40px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-orc.-type .boxContents .boxGraphWrap, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-type .boxContents .boxGraphWrap {
  align-items: flex-start;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-type .boxContents .boxGraphWrap, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-type .boxContents .boxGraphWrap {
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-type .boxNote, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-type .boxNote {
    max-width: calc(100% - 190px);
    text-align: left;
    right: auto;
    left: 10px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-orc.-type .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-type .boxBaloon {
  width: 260px;
  height: 183px;
  padding: 35px 56px 53px 30px;
  right: -46px;
  bottom: -43px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-type .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-type .boxBaloon {
    width: 21.6666666667vw;
    height: 15.25vw;
    padding: 2.9166666667vw 4.6666666667vw 4.4166666667vw 2.5vw;
    right: -3.8333333333vw;
    bottom: -3.5833333333vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-type .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-type .boxBaloon {
    width: 227px;
    height: 138px;
    padding: 15px 43px 83px 20px;
    right: -38px;
    bottom: -78px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-type .boxBaloon, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-type .boxBaloon {
    width: 60.5333333333vw;
    height: 36.8vw;
    padding: 4vw 11.4666666667vw 22.1333333333vw 5.3333333333vw;
    right: -10.1333333333vw;
    bottom: -20.8vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-orc.-type .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-type .boxBaloon:after {
  width: 21px;
  height: 21px;
  background-image: url(../img/numbers/shape05.svg);
  top: 11px;
  left: 30px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-type .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-type .boxBaloon:after {
    width: 1.75vw;
    height: 1.75vw;
    top: 0.9166666667vw;
    left: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-type .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-type .boxBaloon:after {
    width: 17px;
    height: 14px;
    top: 11px;
    left: 27px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-type .boxBaloon:after, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-type .boxBaloon:after {
    width: 4.5333333333vw;
    height: 3.7333333333vw;
    top: 2.9333333333vw;
    left: 7.2vw;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-orc.-beforeJoin, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-beforeJoin {
  min-height: 100%;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-beforeJoin, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-beforeJoin {
    min-height: auto;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-orc.-language, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-language {
  min-height: 100%;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-language, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-language {
    min-height: auto;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-orc.-remote, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-remote {
  min-height: 100%;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-remote, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-remote {
    min-height: auto;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-orc.-mood, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-mood {
  min-height: 100%;
  padding-bottom: 110px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-mood, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-mood {
    padding-bottom: 9.1666666667vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-mood, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-mood {
    min-height: auto;
    padding-bottom: 50px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-orc.-mood .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-mood .img.-type01 {
  width: 161px;
  position: absolute;
  right: 35px;
  bottom: 0;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-mood .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-mood .img.-type01 {
    width: 13.4166666667vw;
    right: 2.9166666667vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-mood .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-mood .img.-type01 {
    width: 88px;
    right: 18px;
  }
}
@media screen and (max-width: 374px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-mood .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-mood .img.-type01 {
    width: 23.4666666667vw;
    right: 4.8vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-mood .boxContents .boxGraph, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-mood .boxContents .boxGraph {
    margin-top: 20px !important;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-mood .boxContents .boxGraph .graphContents:after, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-mood .boxContents .boxGraph .graphContents:after {
    left: calc(45% - 8px) !important;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-mood .boxContents .boxGraph .graphContents .graphItem .item, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-mood .boxContents .boxGraph .graphContents .graphItem .item {
    width: 45% !important;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-orc.-mood .boxContents .boxGraph .graphContents .graphItem:nth-child(1) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-mood .boxContents .boxGraph .graphContents .graphItem:nth-child(1) .barWrap .barContents {
  width: 100%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-orc.-mood .boxContents .boxGraph .graphContents .graphItem:nth-child(2) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-mood .boxContents .boxGraph .graphContents .graphItem:nth-child(2) .barWrap .barContents {
  width: 93.6170212766%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-orc.-mood .boxContents .boxGraph .graphContents .graphItem:nth-child(3) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-mood .boxContents .boxGraph .graphContents .graphItem:nth-child(3) .barWrap .barContents {
  width: 53.1914893617%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-orc.-mood .boxContents .boxGraph .graphContents .graphItem:nth-child(4) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-mood .boxContents .boxGraph .graphContents .graphItem:nth-child(4) .barWrap .barContents {
  width: 40.4255319149%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-orc.-mood .boxContents .boxGraph .graphContents .graphItem:nth-child(5) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-mood .boxContents .boxGraph .graphContents .graphItem:nth-child(5) .barWrap .barContents {
  width: 23.4042553191%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-orc.-clothing, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-clothing {
  min-height: 100%;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-clothing, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-clothing {
    min-height: auto;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-orc.-clothing .boxContents .boxItemWrap, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-clothing .boxContents .boxItemWrap {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box.-orc.-clothing .boxContents .boxItemWrap, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-clothing .boxContents .boxItemWrap {
    margin-top: 15px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-orc.-occupation, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-occupation {
  min-height: 100%;
  padding-bottom: 70px;
}

#numbersBody .inner .innerContents .contents .container .block .box.-orc.-occupation .img.-type01, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-occupation .img.-type01 {
  width: 121px;
  position: absolute;
  right: 25px;
  bottom: 22px;
}

#numbersBody .inner .innerContents .contents .container .block .box.-orc.-occupation .boxContents .boxGraph .graphContents .graphItem:nth-child(1) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-occupation .boxContents .boxGraph .graphContents .graphItem:nth-child(1) .barWrap .barContents {
  width: 100%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-orc.-occupation .boxContents .boxGraph .graphContents .graphItem:nth-child(2) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-occupation .boxContents .boxGraph .graphContents .graphItem:nth-child(2) .barWrap .barContents {
  width: 5.8823529412%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-orc.-occupation .boxContents .boxGraph .graphContents .graphItem:nth-child(3) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-occupation .boxContents .boxGraph .graphContents .graphItem:nth-child(3) .barWrap .barContents {
  width: 4.7058823529%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-orc.-occupation .boxContents .boxGraph .graphContents .graphItem:nth-child(4) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-occupation .boxContents .boxGraph .graphContents .graphItem:nth-child(4) .barWrap .barContents {
  width: 7.0588235294%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-orc.-project, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-project {
  min-height: 100%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-orc.-project .boxContents .boxGraph.-bar, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-project .boxContents .boxGraph.-bar {
  max-width: 330px;
}

#numbersBody .inner .innerContents .contents .container .block .box.-orc.-project .boxContents .boxGraph.-bar .graphContents .graphItem:nth-child(1) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-project .boxContents .boxGraph.-bar .graphContents .graphItem:nth-child(1) .barWrap .barContents {
  height: 39.1304347826%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-orc.-project .boxContents .boxGraph.-bar .graphContents .graphItem:nth-child(2) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-project .boxContents .boxGraph.-bar .graphContents .graphItem:nth-child(2) .barWrap .barContents {
  height: 82.6086956522%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-orc.-project .boxContents .boxGraph.-bar .graphContents .graphItem:nth-child(3) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-project .boxContents .boxGraph.-bar .graphContents .graphItem:nth-child(3) .barWrap .barContents {
  height: 82.6086956522%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-orc.-project .boxContents .boxGraph.-bar .graphContents .graphItem:nth-child(4) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-project .boxContents .boxGraph.-bar .graphContents .graphItem:nth-child(4) .barWrap .barContents {
  height: 82.6086956522%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-orc.-project .boxContents .boxGraph.-bar .graphContents .graphItem:nth-child(5) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-project .boxContents .boxGraph.-bar .graphContents .graphItem:nth-child(5) .barWrap .barContents {
  height: 43.4782608696%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-orc.-project .boxContents .boxGraph.-bar .graphContents .graphItem:nth-child(6) .barWrap .barContents, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-project .boxContents .boxGraph.-bar .graphContents .graphItem:nth-child(6) .barWrap .barContents {
  height: 100%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-orc.-overtime, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-overtime {
  min-height: 100%;
}

#numbersBody .inner .innerContents .contents .container .block .box.-orc.-favoriteLanguage, #numbersCompany .inner .innerContents .contents .container .block .box.-orc.-favoriteLanguage {
  min-height: 100%;
}

#numbersBody .inner .innerContents .contents .container .block .box:not(:first-child), #numbersCompany .inner .innerContents .contents .container .block .box:not(:first-child) {
  margin-top: 40px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container .block .box:not(:first-child), #numbersCompany .inner .innerContents .contents .container .block .box:not(:first-child) {
    margin-top: 3.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container .block .box:not(:first-child), #numbersCompany .inner .innerContents .contents .container .block .box:not(:first-child) {
    margin-top: 20px;
  }
}
#numbersBody .inner .innerContents .contents .container .block .box.-animation .boxContents, #numbersCompany .inner .innerContents .contents .container .block .box.-animation .boxContents {
  /* ----- boxGraph */
}

#numbersBody .inner .innerContents .contents .container .block .box.-animation .boxContents .boxGraph, #numbersCompany .inner .innerContents .contents .container .block .box.-animation .boxContents .boxGraph {
  /* ----- boxGraph.-bar */
}

#numbersBody .inner .innerContents .contents .container .block .box.-animation .boxContents .boxGraph.-bar, #numbersCompany .inner .innerContents .contents .container .block .box.-animation .boxContents .boxGraph.-bar {
  /* ----- boxGraph.-bar.-type01 */
  /* ----- boxGraph.-bar.-type02 */
  /* ----- boxGraph.-bar.-type03 */
}

#numbersBody .inner .innerContents .contents .container .block .box.-animation .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .barWrap .barContents .bar, #numbersCompany .inner .innerContents .contents .container .block .box.-animation .boxContents .boxGraph.-bar.-type01 .graphContents .graphItem .barWrap .barContents .bar {
  height: 100%;
  transition: height 0.6s cubic-bezier(0.76, 0, 0.24, 1);
}

#numbersBody .inner .innerContents .contents .container .block .box.-animation .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .barWrap .barContents .bar, #numbersCompany .inner .innerContents .contents .container .block .box.-animation .boxContents .boxGraph.-bar.-type02 .graphContents .graphItem .barWrap .barContents .bar {
  width: 100%;
  transition: width 0.6s cubic-bezier(0.76, 0, 0.24, 1);
}

#numbersBody .inner .innerContents .contents .container .block .box.-animation .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents .bar, #numbersCompany .inner .innerContents .contents .container .block .box.-animation .boxContents .boxGraph.-bar.-type03 .graphContents .graphItemWrap .graphItem .barWrap .barContents .bar {
  height: 100%;
  transition: height 0.6s cubic-bezier(0.76, 0, 0.24, 1);
}

#numbersBody .inner .innerContents .contents .container.-col2, #numbersCompany .inner .innerContents .contents .container.-col2 {
  display: flex;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container.-col2, #numbersCompany .inner .innerContents .contents .container.-col2 {
    display: block;
  }
}
#numbersBody .inner .innerContents .contents .container.-col2 .block, #numbersCompany .inner .innerContents .contents .container.-col2 .block {
  flex: 1;
}

#numbersBody .inner .innerContents .contents .container.-col2 .block:not(:first-child), #numbersCompany .inner .innerContents .contents .container.-col2 .block:not(:first-child) {
  margin-left: 40px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container.-col2 .block:not(:first-child), #numbersCompany .inner .innerContents .contents .container.-col2 .block:not(:first-child) {
    margin-left: 3.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container.-col2 .block:not(:first-child), #numbersCompany .inner .innerContents .contents .container.-col2 .block:not(:first-child) {
    margin: 20px 0 0 0;
  }
}
#numbersBody .inner .innerContents .contents .container.-col2 .block.-flex, #numbersCompany .inner .innerContents .contents .container.-col2 .block.-flex {
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container.-col2 .block.-flex, #numbersCompany .inner .innerContents .contents .container.-col2 .block.-flex {
    display: block;
  }
}
#numbersBody .inner .innerContents .contents .container.-col2 .block.-flex .box.-flexBox, #numbersCompany .inner .innerContents .contents .container.-col2 .block.-flex .box.-flexBox {
  flex: 1;
}

#numbersBody .inner .innerContents .contents .container:not(:first-child), #numbersCompany .inner .innerContents .contents .container:not(:first-child) {
  margin-top: 40px;
}

@media screen and (max-width: 1200px) {
  #numbersBody .inner .innerContents .contents .container:not(:first-child), #numbersCompany .inner .innerContents .contents .container:not(:first-child) {
    margin-top: 3.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #numbersBody .inner .innerContents .contents .container:not(:first-child), #numbersCompany .inner .innerContents .contents .container:not(:first-child) {
    margin-top: 20px;
  }
}
/* ====================================== numbersBody */
#numbersBody {
  padding-top: 80px;
}

@media screen and (max-width: 768px) {
  #numbersBody {
    padding-top: 60px;
  }
}
/* ====================================== numbersCompany */
#numbersCompany {
  margin-top: 60px;
  padding-top: 80px;
}

@media screen and (max-width: 768px) {
  #numbersCompany {
    margin-top: 20px;
    padding-top: 60px;
  }
}
#numbersCompany .numbersCompanyTab {
  padding-bottom: 3px;
  position: relative;
}

#numbersCompany .numbersCompanyTab .inner .innerContents .numbersCompanyTtl {
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  #numbersCompany .numbersCompanyTab .inner .innerContents .numbersCompanyTtl {
    font-size: 29px;
  }
}
@media screen and (max-width: 374px) {
  #numbersCompany .numbersCompanyTab .inner .innerContents .numbersCompanyTtl {
    font-size: 26px;
  }
}
#numbersCompany .numbersCompanyTab .inner .innerContents .tab {
  margin-top: 70px;
  display: flex;
}

@media screen and (max-width: 768px) {
  #numbersCompany .numbersCompanyTab .inner .innerContents .tab {
    margin-top: 50px;
  }
}
#numbersCompany .numbersCompanyTab .inner .innerContents .tab > li {
  height: 90px;
  padding: 10px 0;
  box-sizing: border-box;
  flex: 1;
  transition: padding 0.6s cubic-bezier(0.76, 0, 0.24, 1), opacity 0.6s cubic-bezier(0.76, 0, 0.24, 1);
}

@media screen and (max-width: 768px) {
  #numbersCompany .numbersCompanyTab .inner .innerContents .tab > li {
    height: 50px;
    padding: 0 0 8px;
  }
}
#numbersCompany .numbersCompanyTab .inner .innerContents .tab > li:after {
  content: "";
  width: 100%;
  height: 3px;
  background: #000000;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.76, 0, 0.24, 1);
}

#numbersCompany .numbersCompanyTab .inner .innerContents .tab > li > span {
  width: 100%;
  height: 100%;
  padding: 20px;
  border-radius: 8px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.6;
  color: #ffffff;
  transition: border-radius 0.6s cubic-bezier(0.76, 0, 0.24, 1);
}

@media screen and (max-width: 768px) {
  #numbersCompany .numbersCompanyTab .inner .innerContents .tab > li > span {
    padding: 5px;
    border-radius: 4px;
    font-size: 13px;
  }
}
#numbersCompany .numbersCompanyTab .inner .innerContents .tab > li > span > span {
  display: inline;
}

@media screen and (max-width: 768px) {
  #numbersCompany .numbersCompanyTab .inner .innerContents .tab > li > span > span {
    display: none;
  }
}
#numbersCompany .numbersCompanyTab .inner .innerContents .tab > li:not(:first-child) {
  margin-left: 10px;
}

@media screen and (max-width: 768px) {
  #numbersCompany .numbersCompanyTab .inner .innerContents .tab > li:not(:first-child) {
    margin-left: 8px;
  }
}
#numbersCompany .numbersCompanyTab .inner .innerContents .tab > li.-active {
  padding: 0;
}

#numbersCompany .numbersCompanyTab .inner .innerContents .tab > li.-active:after {
  opacity: 1;
  z-index: 1;
}

#numbersCompany .numbersCompanyTab .inner .innerContents .tab > li.-active > span {
  border-radius: 8px 8px 0 0;
}

#numbersCompany .numbersCompanyTab .inner .innerContents .tab > li:not(.-active) {
  cursor: pointer;
}

#numbersCompany .numbersCompanyTab .inner .innerContents .tab > li:not(.-active):after {
  transition-delay: 0.6s;
}

#numbersCompany .numbersCompanyTab .inner .innerContents .tab > li:not(.-active):hover {
  opacity: 0.7;
}

#numbersCompany .numbersCompanyTab .inner .innerContents .tab > li.-goodroom:after {
  background: #0070B8;
}

#numbersCompany .numbersCompanyTab .inner .innerContents .tab > li.-goodroom > span {
  background: #0070B8;
}

#numbersCompany .numbersCompanyTab .inner .innerContents .tab > li.-orc:after {
  background: #DC764F;
}

#numbersCompany .numbersCompanyTab .inner .innerContents .tab > li.-orc > span {
  background: #DC764F;
}

#numbersCompany .inner .innerContents .numbersCompanyBody {
  padding-top: 70px;
}

@media screen and (max-width: 768px) {
  #numbersCompany .inner .innerContents .numbersCompanyBody {
    padding-top: 25px;
  }
}
#numbersCompany .inner .innerContents .numbersCompanyBody .numbersCompanyContents .numbersCompanyInner {
  transition: opacity 0.6s cubic-bezier(0.76, 0, 0.24, 1);
}

#numbersCompany .inner .innerContents .numbersCompanyBody .numbersCompanyContents .numbersCompanyInner .numbersCompanyBlock:not(:first-child) {
  display: none;
}