@charset "UTF-8";
/* 共通用スタイル */
/* _mixin */
/* media query */
/* color */
/* flex */
/* font */
/* common */
/* 前スタイル打消し */
html,
body,
main#main-area {
  overflow: initial !important;
  overflow-x: initial !important;
  overflow-y: initial !important;
}

header.mainimg {
  width: 100%;
  max-width: 100% !important;
  height: 99px !important;
  max-height: 99px !important;
  margin: 0;
  background: #fff;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  header.mainimg {
    height: 135px !important;
    max-height: 135px !important;
  }
}
@media screen and (min-width: 576px) and (max-width: 768px) {
  header.mainimg {
    height: 60px !important;
    max-height: 60px !important;
  }
}
header.mainimg .wrap {
  height: 99px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  header.mainimg .wrap {
    height: 135px !important;
    max-height: 135px !important;
  }
}
@media screen and (min-width: 576px) and (max-width: 768px) {
  header.mainimg .wrap {
    height: 60px !important;
    max-height: 60px !important;
  }
}
@media screen and (min-width: 1941px) {
  header.mainimg .wrap {
    width: 1920px !important;
    max-width: 1920px !important;
  }
  header.mainimg .wrap .container-fluid {
    width: 1920px !important;
    max-width: 1920px !important;
  }
}

main p,
main dl,
main dt,
main dd,
main li,
main td {
  letter-spacing: 0.05em;
  line-height: 1.5;
  margin-bottom: 0;
}
main h2,
main h3,
main h4 {
  line-height: 1.4;
}
main span {
  display: inline-block;
  line-height: 1.4;
}

/* common */
.red {
  color: #f00;
}

.orange {
  color: #cd4b0d !important;
}

.bg-gray {
  background-color: #f2f2f2;
}

.w1 {
  width: 1% !important;
}

.w2 {
  width: 2% !important;
}

.w3 {
  width: 3% !important;
}

.w4 {
  width: 4% !important;
}

.w5 {
  width: 5% !important;
}

.w6 {
  width: 6% !important;
}

.w7 {
  width: 7% !important;
}

.w8 {
  width: 8% !important;
}

.w9 {
  width: 9% !important;
}

.w10 {
  width: 10% !important;
}

.w11 {
  width: 11% !important;
}

.w12 {
  width: 12% !important;
}

.w13 {
  width: 13% !important;
}

.w14 {
  width: 14% !important;
}

.w15 {
  width: 15% !important;
}

.w16 {
  width: 16% !important;
}

.w17 {
  width: 17% !important;
}

.w18 {
  width: 18% !important;
}

.w19 {
  width: 19% !important;
}

.w20 {
  width: 20% !important;
}

.w21 {
  width: 21% !important;
}

.w22 {
  width: 22% !important;
}

.w23 {
  width: 23% !important;
}

.w24 {
  width: 24% !important;
}

.w25 {
  width: 25% !important;
}

.w26 {
  width: 26% !important;
}

.w27 {
  width: 27% !important;
}

.w28 {
  width: 28% !important;
}

.w29 {
  width: 29% !important;
}

.w30 {
  width: 30% !important;
}

.w31 {
  width: 31% !important;
}

.w32 {
  width: 32% !important;
}

.w33 {
  width: 33% !important;
}

.w34 {
  width: 34% !important;
}

.w35 {
  width: 35% !important;
}

.w36 {
  width: 36% !important;
}

.w37 {
  width: 37% !important;
}

.w38 {
  width: 38% !important;
}

.w39 {
  width: 39% !important;
}

.w40 {
  width: 40% !important;
}

.w41 {
  width: 41% !important;
}

.w42 {
  width: 42% !important;
}

.w43 {
  width: 43% !important;
}

.w44 {
  width: 44% !important;
}

.w45 {
  width: 45% !important;
}

.w46 {
  width: 46% !important;
}

.w47 {
  width: 47% !important;
}

.w48 {
  width: 48% !important;
}

.w49 {
  width: 49% !important;
}

.w50 {
  width: 50% !important;
}

.w51 {
  width: 51% !important;
}

.w52 {
  width: 52% !important;
}

.w53 {
  width: 53% !important;
}

.w54 {
  width: 54% !important;
}

.w55 {
  width: 55% !important;
}

.w56 {
  width: 56% !important;
}

.w57 {
  width: 57% !important;
}

.w58 {
  width: 58% !important;
}

.w59 {
  width: 59% !important;
}

.w60 {
  width: 60% !important;
}

.w61 {
  width: 61% !important;
}

.w62 {
  width: 62% !important;
}

.w63 {
  width: 63% !important;
}

.w64 {
  width: 64% !important;
}

.w65 {
  width: 65% !important;
}

.w66 {
  width: 66% !important;
}

.w67 {
  width: 67% !important;
}

.w68 {
  width: 68% !important;
}

.w69 {
  width: 69% !important;
}

.w70 {
  width: 70% !important;
}

.w71 {
  width: 71% !important;
}

.w72 {
  width: 72% !important;
}

.w73 {
  width: 73% !important;
}

.w74 {
  width: 74% !important;
}

.w75 {
  width: 75% !important;
}

.w76 {
  width: 76% !important;
}

.w77 {
  width: 77% !important;
}

.w78 {
  width: 78% !important;
}

.w79 {
  width: 79% !important;
}

.w80 {
  width: 80% !important;
}

.w81 {
  width: 81% !important;
}

.w82 {
  width: 82% !important;
}

.w83 {
  width: 83% !important;
}

.w84 {
  width: 84% !important;
}

.w85 {
  width: 85% !important;
}

.w86 {
  width: 86% !important;
}

.w87 {
  width: 87% !important;
}

.w88 {
  width: 88% !important;
}

.w89 {
  width: 89% !important;
}

.w90 {
  width: 90% !important;
}

.w91 {
  width: 91% !important;
}

.w92 {
  width: 92% !important;
}

.w93 {
  width: 93% !important;
}

.w94 {
  width: 94% !important;
}

.w95 {
  width: 95% !important;
}

.w96 {
  width: 96% !important;
}

.w97 {
  width: 97% !important;
}

.w98 {
  width: 98% !important;
}

.w99 {
  width: 99% !important;
}

.w100 {
  width: 100% !important;
}

.sep-box {
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
}
@media screen and (max-width: 575px) {
  .sep-box.mb {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }
  .sep-box.mb li,
  .sep-box.mb div {
    width: 100%;
  }
}

.sep-box-sb {
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  justify-content: space-between;
}

.align-center {
  vertical-align: middle;
  align-items: center;
}

.section-inner-contents {
  padding: 2.5em 0 0 0;
}

.column2 {
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
}
.column2 li {
  width: 47.5%;
}
.column2 li:nth-of-type(odd) {
  margin-right: 2.5%;
}
.column2 li:nth-of-type(even) {
  margin-left: 2.5%;
}
.column2 li ul li {
  width: auto;
}
.column2 li ul li:nth-of-type(3n-2) {
  margin-right: 0%;
}
.column2 li ul li:nth-of-type(3n) {
  margin-left: 0%;
}

.column3 {
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
}
.column3 li {
  width: 31%;
}
.column3 li:nth-of-type(3n-2) {
  margin-right: 3.5%;
}
.column3 li:nth-of-type(3n) {
  margin-left: 3.5%;
}
.column3 li ul li {
  width: auto;
}
.column3 li ul li:nth-of-type(3n-2) {
  margin-right: 0%;
}
.column3 li ul li:nth-of-type(3n) {
  margin-left: 0%;
}

.column4 {
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
}
.column4 li {
  width: 23.5%;
}
.column4 li:nth-of-type(4n-3) {
  margin-right: 3%;
}
.column4 li:nth-of-type(4n-2) {
  margin-right: 3%;
}
.column4 li:nth-of-type(4n-1) {
  margin-right: 3%;
}

.column5 {
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
}
.column5 li {
  width: 18%;
}
.column5 li:nth-of-type(5n-4) {
  margin-right: 3%;
}
.column5 li:nth-of-type(5n-3) {
  margin-right: 3%;
}
.column5 li:nth-of-type(5n-2) {
  margin-right: 3%;
}
.column5 li:nth-of-type(5n-1) {
  margin-right: 3%;
}

.gray-box {
  text-align: center;
  padding: 2em;
  display: inline-block;
  margin: 1em auto;
  background-color: #f2f2f2;
  border: solid 2px #1f1d5d;
}
.gray-box dl {
  margin-bottom: 0;
}
.gray-box dl dt {
  font-family: "Yu Gothic Medium", "Hiragino Gothic";
  font-size: 1.4em;
  color: #16b46b;
}
.gray-box dl dd {
  margin: 1.5em 0 0 0;
}
.gray-box dl dd p {
  margin-bottom: 0;
}
.gray-box dl dd p + p {
  margin-top: 1em;
}

.new-tooltip {
  color: #fff;
  line-height: 1.4;
  padding: 1em 1.5em;
  display: inline-block;
  position: relative;
  background-color: #1f1d5d;
  border-radius: 15px;
}
.new-tooltip:before {
  margin-left: -7px;
  position: absolute;
  bottom: -30px;
  left: 50%;
  border: 15px solid transparent;
  border-bottom: 15px solid #1f1d5d;
  transform: rotate(180deg);
  content: "";
}

.txt-l {
  text-align: left !important;
}

.txt-r {
  text-align: right !important;
}

.txt-c {
  text-align: center !important;
}

.bold {
  font-weight: bold !important;
}

.fw-normal {
  font-weight: normal !important;
}

.font-ss {
  font-size: 60% !important;
}

.font-s {
  font-size: 80% !important;
}

.font-l {
  font-size: 130% !important;
}

.font-ll {
  font-size: 160% !important;
}

.lineheight13 {
  line-height: 1.3 !important;
}

.lineheight2 {
  line-height: 2 !important;
}

strong.disp-black {
  font-weight: bold !important;
  font-size: 1.3em;
  color: #000;
  border-bottom: dotted 1px #cd4b0d;
}
strong.disp-green {
  font-weight: bold !important;
  font-size: 1.3em;
  color: #16b46b;
  border-bottom: dotted 1px #1f1d5d;
}
strong.disp-orange {
  font-weight: bold !important;
  font-size: 1.4em;
  color: #cd4b0d;
  border-bottom: dotted 1px #16b46b;
}

.p-1em {
  padding: 1em;
}

.p-v1em {
  padding-top: 1em;
  padding-bottom: 1em;
}

.p-v025em {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

.p-v05em {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.p-h025em {
  padding-right: 0.25em;
  padding-left: 0.25em;
}

.p-h05em {
  padding-right: 0.5em;
  padding-left: 0.5em;
}

.p-h1em {
  padding-right: 1em;
  padding-left: 1em;
}

.p-t1em {
  padding-top: 1em;
}

.p-b1em {
  padding-bottom: 1em;
}

.p-r1em {
  padding-right: 1em;
}

.p-l05em {
  padding-left: 0.5em;
}

.p-l1em {
  padding-left: 1em;
}

.p-2em {
  padding: 2em;
}

.p-v2em {
  padding-top: 2em;
  padding-bottom: 2em;
}

.p-v025em {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

.p-v05em {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.p-h025em {
  padding-right: 0.25em;
  padding-left: 0.25em;
}

.p-h05em {
  padding-right: 0.5em;
  padding-left: 0.5em;
}

.p-h2em {
  padding-right: 2em;
  padding-left: 2em;
}

.p-t2em {
  padding-top: 2em;
}

.p-b2em {
  padding-bottom: 2em;
}

.p-r2em {
  padding-right: 2em;
}

.p-l05em {
  padding-left: 0.5em;
}

.p-l2em {
  padding-left: 2em;
}

.p-3em {
  padding: 3em;
}

.p-v3em {
  padding-top: 3em;
  padding-bottom: 3em;
}

.p-v025em {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

.p-v05em {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.p-h025em {
  padding-right: 0.25em;
  padding-left: 0.25em;
}

.p-h05em {
  padding-right: 0.5em;
  padding-left: 0.5em;
}

.p-h3em {
  padding-right: 3em;
  padding-left: 3em;
}

.p-t3em {
  padding-top: 3em;
}

.p-b3em {
  padding-bottom: 3em;
}

.p-r3em {
  padding-right: 3em;
}

.p-l05em {
  padding-left: 0.5em;
}

.p-l3em {
  padding-left: 3em;
}

.p-4em {
  padding: 4em;
}

.p-v4em {
  padding-top: 4em;
  padding-bottom: 4em;
}

.p-v025em {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

.p-v05em {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.p-h025em {
  padding-right: 0.25em;
  padding-left: 0.25em;
}

.p-h05em {
  padding-right: 0.5em;
  padding-left: 0.5em;
}

.p-h4em {
  padding-right: 4em;
  padding-left: 4em;
}

.p-t4em {
  padding-top: 4em;
}

.p-b4em {
  padding-bottom: 4em;
}

.p-r4em {
  padding-right: 4em;
}

.p-l05em {
  padding-left: 0.5em;
}

.p-l4em {
  padding-left: 4em;
}

.p-5em {
  padding: 5em;
}

.p-v5em {
  padding-top: 5em;
  padding-bottom: 5em;
}

.p-v025em {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

.p-v05em {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.p-h025em {
  padding-right: 0.25em;
  padding-left: 0.25em;
}

.p-h05em {
  padding-right: 0.5em;
  padding-left: 0.5em;
}

.p-h5em {
  padding-right: 5em;
  padding-left: 5em;
}

.p-t5em {
  padding-top: 5em;
}

.p-b5em {
  padding-bottom: 5em;
}

.p-r5em {
  padding-right: 5em;
}

.p-l05em {
  padding-left: 0.5em;
}

.p-l5em {
  padding-left: 5em;
}

a,
button,
input[type=submit] {
  cursor: pointer;
}

.detail-link {
  text-align: center;
}
.detail-link a,
.detail-link button,
.detail-link input[type=submit] {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  color: #fff;
  padding: 1em 2.5em;
  display: inline-block;
  background: #1f1d5d;
  border-radius: 25px;
}
.detail-link a:hover,
.detail-link button:hover,
.detail-link input[type=submit]:hover {
  opacity: 0.7;
}

picture {
  display: inline-block;
}

/* 全体レイアウト */
@media screen and (min-width: 1941px) {
  html {
    font-size: 15px;
  }
}
@media screen and (min-width: 1501px) and (max-width: 1940px) {
  html {
    font-size: 14.5px;
  }
}
@media screen and (min-width: 1281px) and (max-width: 1500px) {
  html {
    font-size: 14px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  html {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  html {
    font-size: 13px;
  }
}
@media screen and (min-width: 576px) and (max-width: 768px) {
  html {
    font-size: 13px;
  }
}

/*	
* {
	outline: 1px solid magenta;
}
*/
main#main-area {
  width: 100%;
}
@media screen and (min-width: 1941px) {
  main#main-area {
    width: 1920px;
    margin: 0 auto;
    overflow: hidden !important;
  }
}
main#main-area article#contents-area {
  width: 100%;
  overflow: hidden;
}
main#main-area article#contents-area #main-contents {
  width: 100%;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
}
@media screen and (min-width: 1941px) {
  main#main-area article#contents-area #main-contents {
    width: 1920px;
  }
}
main#main-area article#contents-area #main-contents #left-column {
  width: 81.25%;
}
@media screen and (min-width: 1941px) {
  main#main-area article#contents-area #main-contents #left-column {
    width: 1560px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1500px) {
  main#main-area article#contents-area #main-contents #left-column {
    width: 78.5%;
    font-size: 1.1vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  main#main-area article#contents-area #main-contents #left-column {
    width: 75%;
  }
}
main#main-area article#contents-area #main-contents #right-column {
  width: 18.75%;
  position: relative;
  background: #E4E4EC;
}
@media screen and (min-width: 1941px) {
  main#main-area article#contents-area #main-contents #right-column {
    width: 360px;
    overflow: hidden;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1500px) {
  main#main-area article#contents-area #main-contents #right-column {
    width: 21.5%;
    font-size: 1.1vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  main#main-area article#contents-area #main-contents #right-column {
    width: 25%;
  }
}
main#main-area article#contents-area #main-contents #right-column .right-column-contents {
  padding-top: 1.5em;
  position: sticky;
  align-self: flex-end;
  top: auto;
  bottom: 0;
}
@media screen and (min-width: 1941px) {
  main#main-area article#contents-area #main-contents #right-column .right-column-contents {
    width: 360px;
  }
}
main#main-area article#contents-area #main-contents #right-column .right-column-contents .section-head-contents {
  text-align: left;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
}
main#main-area article#contents-area #main-contents #right-column .right-column-contents.is-fixed {
  position: fixed;
  top: auto;
  bottom: 0;
}
main#main-area article#contents-area #main-contents #right-column .right-column-contents.no-sticky {
  position: static;
}
main#main-area article#contents-area #main-contents #right-column .right-column-contents.is-absolute {
  position: absolute;
  bottom: 1.5em;
}

@media screen and (min-width: 576px) and (max-width: 768px) {
  main#main-area article#contents-area #main-contents {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }
  main#main-area article#contents-area #main-contents #left-column,
  main#main-area article#contents-area #main-contents #right-column {
    width: 100%;
  }
  main#main-area article#contents-area #main-contents #left-column .right-column-contents,
  main#main-area article#contents-area #main-contents #right-column .right-column-contents {
    position: static;
  }
  main#main-area article#contents-area #main-contents #left-column .right-column-contents.is-fixed, main#main-area article#contents-area #main-contents #left-column .right-column-contents.is-absolute,
  main#main-area article#contents-area #main-contents #right-column .right-column-contents.is-fixed,
  main#main-area article#contents-area #main-contents #right-column .right-column-contents.is-absolute {
    position: static;
  }
}
@media screen and (max-width: 575px) {
  main#main-area article#contents-area #main-contents {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }
  main#main-area article#contents-area #main-contents #left-column,
  main#main-area article#contents-area #main-contents #right-column {
    width: 100%;
  }
  main#main-area article#contents-area #main-contents #left-column .right-column-contents,
  main#main-area article#contents-area #main-contents #right-column .right-column-contents {
    position: static;
  }
  main#main-area article#contents-area #main-contents #left-column .right-column-contents.is-fixed, main#main-area article#contents-area #main-contents #left-column .right-column-contents.is-absolute,
  main#main-area article#contents-area #main-contents #right-column .right-column-contents.is-fixed,
  main#main-area article#contents-area #main-contents #right-column .right-column-contents.is-absolute {
    position: static;
  }
}
main#main-area .right-corporate-area {
  margin: 0 1.25em 1.25em 1.25em;
  background: #fff;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  main#main-area .right-corporate-area {
    margin: 0 0.75em 1.25em 0.75em;
  }
}
main#main-area .right-corporate-area .section-head-contents .section-headline {
  text-align: left;
  width: 65.625%;
  padding: 0.5em;
}
main#main-area .right-corporate-area .section-head-contents .section-headline h2 span {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #333;
  font-size: 0.9em;
  letter-spacing: -0.04em;
  text-align: left;
  line-height: 1.2;
  display: inline-block;
}
main#main-area .right-corporate-area .section-head-contents .section-headline h2 picture {
  padding: 1em 0;
}
main#main-area .right-corporate-area .section-head-contents .section-headline p {
  font-size: 0.95em;
  padding: 0.25em 0.25em 0 0.25em;
}
main#main-area .right-corporate-area .section-head-contents picture.img-office {
  width: 34.375%;
}
main#main-area .right-corporate-area .section-head-contents picture.img-office img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1660px) {
  main#main-area .right-corporate-area .section-head-contents {
    flex-direction: column;
  }
  main#main-area .right-corporate-area .section-head-contents .section-headline {
    width: 100%;
    order: 1;
  }
  main#main-area .right-corporate-area .section-head-contents picture.img-office {
    width: 100%;
    height: 10em;
    order: 0;
  }
}
main#main-area .right-corporate-area p {
  color: #000;
  font-size: 0.9em;
  letter-spacing: 0;
  line-height: 1.3;
  padding: 1em;
}
main#main-area .right-corporate-area p + p.link {
  font-size: 1em;
  font-weight: bold;
  text-align: right;
  padding-top: 1.5em;
}
main#main-area .right-corporate-area p + p.link a {
  color: #1f1d5d;
  text-decoration: underline;
}
main#main-area .right-corporate-area .sns-area {
  padding: 1em 0.75em;
}
main#main-area .right-corporate-area .sns-area dl {
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
main#main-area .right-corporate-area .sns-area dl dt {
  font-family: "azo-sans-web", sans-serif;
  line-height: 1.1;
  padding-right: 0.5em;
}
main#main-area .right-corporate-area .sns-area dl dd ul {
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
}
main#main-area .right-corporate-area .sns-area dl dd ul li {
  padding: 0 0.5em;
}
main#main-area .right-corporate-area .sns-area dl dd ul li:first-child {
  padding-left: 0;
}
main#main-area .right-corporate-area .sns-area dl dd ul li:last-child {
  padding-right: 0;
}
main#main-area .right-corporate-area .sns-area dl dd ul li img {
  width: auto;
  height: 25px;
}
main#main-area .right-corporate-area .recruit-area {
  padding: 1em 1em 1em 1em;
}
main#main-area .right-corporate-area .recruit-area img {
  border: solid 1px #aaa;
}
main#main-area #right-banner-area {
  padding: 3em 1.25em 0 1.25em;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  main#main-area #right-banner-area {
    padding: 3em 0.75em 0 0.75em;
  }
}
main#main-area #right-banner-area h2 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.1em;
  font-weight: 900;
  letter-spacing: -0.03em;
  text-align: left;
  line-height: 1.2;
  margin-bottom: 2.5em;
}
main#main-area #right-banner-area h2 span {
  font-size: 1.6em;
  letter-spacing: -0.03em;
  text-align: right;
  width: 100%;
  display: inline-block;
}
main#main-area .banner-contents {
  margin: 0.5em 0.5em 2em 0.5em;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-direction: column;
  background: #fff;
  border-top: 5px solid #1f1d5d;
}
main#main-area .banner-contents h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  font-size: 1.3em;
  line-height: 1.3;
  padding: 0.5em 0.75em;
  order: 1;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  main#main-area .banner-contents h3 {
    font-size: 1.15em;
  }
}
main#main-area .banner-contents p.summary {
  font-size: 1em;
  color: #000;
  padding: 0 1em 1em 1em;
  order: 2;
}
main#main-area .banner-contents dl {
  width: 100%;
  padding-bottom: 2em;
  position: relative;
  order: 0;
}
main#main-area .banner-contents dl dt picture {
  width: 100%;
}
main#main-area .banner-contents dl dt img {
  width: 100%;
}
main#main-area .banner-contents dl dd.title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 1.15em;
  color: #fff;
  letter-spacing: 0;
  padding: 0.5em 0.75em;
  display: inline-block;
  position: absolute;
  bottom: 0.5em;
  background: #B71414;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  main#main-area .banner-contents dl dd.title {
    font-size: 1em;
  }
}
main#main-area .banner-contents dl dd.badge {
  width: 35%;
  position: absolute;
  right: -2em;
  bottom: 0.5em;
}
main#main-area .banner-contents dl dd.badge img {
  width: 100%;
  height: auto;
}
main#main-area .banner-contents.img-only {
  border-top: none;
}
main#main-area .banner-contents.img-only picture,
main#main-area .banner-contents.img-only img {
  width: 100%;
}
main#main-area aside.aside-banner {
  padding: 3em 1.25em 0 1.25em;
  margin: 0.5em 0.5em 2em 0.5em;
}
main#main-area aside.aside-banner a[target=_blank]::after {
  display: none;
}
main#main-area #ranking-area-r {
  padding: 3em 1.25em 1.5em 1.25em;
}
main#main-area #ranking-area-r h2 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5em;
  font-weight: 900;
  letter-spacing: -0.03em;
  text-align: left;
  line-height: 1.2;
  margin-bottom: 1.5em;
}
main#main-area #ranking-area-r ul {
  padding: 0 0.5em;
}
main#main-area #ranking-area-r ul li a {
  display: inline-block;
}
main#main-area #ranking-area-r ul li a dl {
  background: #fff;
}
main#main-area #ranking-area-r ul li a dl dt {
  position: relative;
}
main#main-area #ranking-area-r ul li a dl dt picture {
  width: 100%;
  height: 8em;
}
main#main-area #ranking-area-r ul li a dl dt picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
main#main-area #ranking-area-r ul li a dl dt span {
  position: absolute;
}
main#main-area #ranking-area-r ul li a dl dd {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.8em;
  color: #000;
  padding: 1em;
}
main#main-area #ranking-area-r ul li a dl dd p {
  line-height: 1.3;
}
main#main-area #ranking-area-r ul li a:hover {
  opacity: 1;
}
main#main-area #ranking-area-r ul li + li {
  margin-top: 1.25em;
}
main#main-area #ranking-area-r ul li.no1 a dl dt span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4em;
  color: #fff;
  padding: 0.25em 0.5em;
  background: #B71414;
}
main#main-area #ranking-area-r ul li.no1 a dl dd {
  font-size: 0.9em;
  font-weight: bold;
}
main#main-area #ranking-area-r ul li.no2 a dl dt span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.25em;
  color: #fff;
  padding: 0.25em 0.5em;
  background: #cd4b0d;
}
main#main-area #ranking-area-r ul li.no3 a dl dt span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.15em;
  color: #fff;
  padding: 0.25em 0.5em;
  background: #93BF6D;
}
main#main-area #ranking-area-r ul li.no4 a dl, main#main-area #ranking-area-r ul li.no5 a dl {
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
}
main#main-area #ranking-area-r ul li.no4 a dl dt, main#main-area #ranking-area-r ul li.no5 a dl dt {
  width: 35%;
}
main#main-area #ranking-area-r ul li.no4 a dl dt picture, main#main-area #ranking-area-r ul li.no5 a dl dt picture {
  height: 6em;
}
main#main-area #ranking-area-r ul li.no4 a dl dt span, main#main-area #ranking-area-r ul li.no5 a dl dt span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1em;
  color: #fff;
  padding: 0.25em 0.5em;
  background: #999;
}
main#main-area #ranking-area-r ul li.no4 a dl dd, main#main-area #ranking-area-r ul li.no5 a dl dd {
  width: 65%;
}
main#main-area #right-shortcut-area {
  padding: 3em 1.25em 0 1.25em;
}
main#main-area #right-shortcut-area h2 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5em;
  font-weight: 900;
  letter-spacing: -0.03em;
  text-align: left;
  line-height: 1.2;
  margin-bottom: 1.5em;
}
main#main-area #right-shortcut-area ul.shortcut-ul {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: -0.05em;
}
main#main-area #right-shortcut-area ul.shortcut-ul li {
  display: inline-block;
  padding: 0.25em 0.8em;
  margin: 0.5em 0.25em;
  background: #fff;
  border-radius: 25px;
}
main#main-area #right-shortcut-area ul.shortcut-ul li a {
  color: #1f1d5d;
}

/* cta */
.new-cta-area {
  text-align: center;
}
.new-cta-area a,
.new-cta-area button {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  font-size: 1.2em;
  line-height: 1.3;
  padding: 1em 2em 1em 3em;
  display: inline-block;
  border-radius: 2em;
  background-repeat: no-repeat;
  background-position: left 1em center;
  background-size: auto 1.5em;
}
.new-cta-area a:hover,
.new-cta-area button:hover {
  opacity: 0.7;
}
.new-cta-area a.forreserve,
.new-cta-area button.forreserve {
  color: #1f1d5d;
  background-color: #C1E307;
  background-image: url(../wp-content/themes/akina/images/icon/reserve.svg);
}
.new-cta-area a.forentry,
.new-cta-area button.forentry {
  color: #fff;
  background-color: #1f1d5d;
  background-image: url(../wp-content/themes/akina/images/icon/entry.svg);
}
.new-cta-area a.forcorporate,
.new-cta-area button.forcorporate {
  color: #fff;
  padding-left: 3.5em;
  background-color: #1f1d5d;
  background-image: url(../wp-content/themes/akina/images/icon/corporate.svg);
}
.new-cta-area a.forvoice,
.new-cta-area button.forvoice {
  color: #fff;
  padding-left: 3.5em;
  background-color: #1f1d5d;
  background-image: url(../wp-content/themes/akina/images/icon/voice.svg);
}
.new-cta-area a + a,
.new-cta-area button + a {
  margin-left: 2em;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .new-cta-area a,
  .new-cta-area button {
    margin-right: 2em;
    margin-left: 2em;
  }
  .new-cta-area a + a,
  .new-cta-area button + a {
    margin-left: 2em;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) and (max-width: 1023px) {
  .new-cta-area a + a,
  .new-cta-area button + a {
    margin-top: 2em;
  }
}
@media screen and (min-width: 576px) and (max-width: 768px) {
  .new-cta-area a,
  .new-cta-area button {
    margin-right: 2em;
    margin-left: 2em;
  }
  .new-cta-area a + a,
  .new-cta-area button + a {
    margin-left: 2em;
  }
}
@media screen and (min-width: 576px) and (max-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
  .new-cta-area a + a,
  .new-cta-area button + a {
    margin-top: 2em;
    margin-left: 2em;
  }
}

/* tablet */
@media screen and (min-width: 576px) and (max-width: 768px) {
  h2 {
    background: none;
  }
  main#main-area .right-corporate-area {
    margin: 0.25em 1.5em 1.5em 1.5em;
  }
  main#main-area .right-corporate-area p {
    font-size: 1.15em;
  }
  main#main-area .right-corporate-area .section-head-contents {
    flex-direction: row;
  }
  main#main-area .right-corporate-area .section-head-contents .section-headline {
    padding: 1em;
    order: 0;
  }
  main#main-area .right-corporate-area .section-head-contents .section-headline p {
    font-size: 1.15em;
  }
  main#main-area .right-corporate-area .section-head-contents picture.img-office {
    height: auto;
  }
  main#main-area .right-corporate-area .recruit-area {
    text-align: center;
  }
  main#main-area #right-banner-area {
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }
  main#main-area #right-banner-area h2 {
    width: 100%;
  }
  main#main-area #right-banner-area h2 br {
    display: none;
  }
  main#main-area #right-banner-area .banner-contents {
    width: 47.5%;
    margin: 0 0 2em 0;
  }
  main#main-area #right-banner-area .banner-contents:nth-of-type(odd) {
    margin-right: 5%;
  }
  main#main-area #ranking-area-r ul {
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }
  main#main-area #ranking-area-r ul li {
    width: 47.5%;
    margin: 0 0 2em 0;
  }
  main#main-area #ranking-area-r ul li:nth-of-type(odd) {
    margin-right: 5%;
  }
  main#main-area #right-shortcut-area {
    padding-bottom: 3em;
  }
}
/* mobile */
@media screen and (max-width: 575px) {
  .detail-link a + a, .detail-link a + button,
  .detail-link button + a,
  .detail-link button + button {
    margin-top: 1.5em;
    margin-left: 0 !important;
  }
  h2 {
    background: none;
  }
  header.mainimg {
    height: 60px !important;
  }
  .new-cta-area a,
  .new-cta-area button {
    padding: 0.75em 1.5em 0.75em 3em;
  }
  .new-cta-area a + a, .new-cta-area a + button,
  .new-cta-area button + a,
  .new-cta-area button + button {
    margin-top: 1.5em;
    margin-left: 0;
  }
}/*# sourceMappingURL=common.css.map */