@charset "UTF-8";
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Master Style CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/* ---------------------------------------------------------------------------
BEM記述方法のマニュアル的なもの
https://qiita.com/Takuan_Oishii/items/0f0d2c5dc33a9b2d9cb1

フォントサイズの単位は、pxではなく、remを使ってください。
--------------------------------------------------------------------------- */
/* CSS Import */
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Oswald:wght@300;400&family=Noto+Sans+JP:wght@400;700&display=swap");
/* Settings */
/* Variables - グローバル変数の定義
-------------------------------------------- */
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Variables CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/*
"map-get" sample
color: map-get($key-color, 'primary');
*/
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

FUNCTIONS CSS function & mixin

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/* Responsive
-------------------------------------------- */
/**
 * SVG画像をアイコンに使いたい的ないろいろ
 *
 *  [Html] SVG塗りつぶしの色をBackground-Imageとして扱うときに変更する
 * https://code.i-harness.com/ja/q/cbfa3c
 */
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Common CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/* Common
-------------------------------------------- */
@import url(./plugin/slick-theme.css);
@import url(./plugin/slick.css);
.lato-regular, .job__cont-faq-q span, .job__cont-faq-a span, .lato-bold, .common__header-ttl span, .interview__kv-ttl, .interview__kv-en, .interview__prof-ttl, .interview__cont-ttl span {
  font-family: "Lato", sans-serif;
  font-optical-sizing: auto;
  font-style: normal; }

.oswald-regular, .oswald-bold, .job__cont-numbers-num {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-style: normal; }

.lato-regular, .job__cont-faq-q span, .job__cont-faq-a span {
  font-weight: 400; }

.lato-bold {
  font-weight: 700; }

.oswald-regular {
  font-weight: 300; }

.oswald-bold, .job__cont-numbers-num {
  font-weight: 400; }

/* Common BreadCrumbs
-------------------------------------------- */
.common-breadcrumbs {
  width: 100%; }
  @media (max-width: 600px) {
    .common-breadcrumbs {
      display: none; } }
  .common-breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: clamp(25px, 5vw, 50px) 0 0;
    margin: -10px -15px; }
  .common-breadcrumbs__item {
    position: relative; }
    .common-breadcrumbs__item::before {
      content: "";
      display: block;
      position: absolute;
      top: 10px;
      left: 0;
      width: 1px;
      height: calc(100% - 20px);
      background: #DDD; }
    .common-breadcrumbs__item:first-child::before {
      display: none; }
  .common-breadcrumbs__link {
    display: block;
    color: #868686;
    line-height: 1;
    padding: 10px 15px; }
    .common-breadcrumbs__link[href] {
      color: #000;
      transition: color .3s ease-in-out; }
      @media (hover: hover) {
        .common-breadcrumbs__link[href]:hover {
          color: #868686; } }

/* Common Heading
-------------------------------------------- */
.common-heading {
  position: relative; }
  .common-heading__heading {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: clamp(25px, 5vw, 50px) 0; }
  .common-heading__en {
    display: block;
    position: relative;
    color: #234875;
    font-size: clamp(3rem, 5vw, 5rem);
    line-height: .7;
    padding: 0 0 .6em;
    margin: 0 0 .5em; }
    .common-heading__en::after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      left: 50%;
      width: 50px;
      height: 1px;
      margin: 0 0 0 -25px;
      background: #234875; }
  .common-heading__ttl {
    display: block;
    font-size: clamp(1.6rem, 1.8vw, 1.8rem);
    line-height: 1; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Reset CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
:root {
  font-size: 10px;
  scroll-behavior: smooth;
  scroll-padding-top: 80px; }

html {
  width: 100%;
  color: #000;
  background: #EAEDF4; }

body {
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", HiraKakuProN, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif;
  font-size: 1.4rem;
  font-weight: normal;
  font-optical-sizing: auto;
  font-feature-settings: "palt";
  font-variation-settings: "wdth" 100;
  line-height: 1.8;
  letter-spacing: .05em;
  width: 100%;
  background: #EAEDF4; }

body > img,
body > noscript > img,
body > iframe {
  display: none; }

p, dd, li, td {
  text-align: justify; }

body, div, dl, dt, dd, ul, ol, li, h1, h2,
h3, h4, h5, h6, pre, code, form, fieldset,
legend, input, textarea, p, blockquote, th, td,
figure, address, label {
  margin: 0;
  padding: 0;
  word-break: break-word;
  -webkit-overflow-scrolling: touch; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

table br {
  display: none !important; }

table th br,
table td br {
  display: inline !important; }

fieldset,
img {
  border: 0; }

*,
::before,
::after {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch; }

/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address, caption, cite, code, dfn, em, th, var, i {
  font-style: normal;
  font-weight: normal; }

ul {
  list-style: none; }

li {
  list-style-type: none; }

caption,
th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before,
q:after {
  content: ''; }

abbr,
acronym {
  border: 0;
  font-variant: normal; }

/* to preserve line-height and selector appearance */
sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input[type=tel],
input[type=text],
input[type=file],
input[type=email],
input[type=reset],
input[type=image],
input[type=button],
input[type=submit],
input[type=number],
input[type=password],
button[type=submit],
textarea, select, optgroup {
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", HiraKakuProN, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif;
  font-size: 1.4rem;
  font-weight: inherit;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none; }

input {
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", HiraKakuProN, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif;
  font-size: 1.4rem;
  font-weight: inherit;
  border: none;
  border-radius: 0;
  outline: none; }

select {
  outline: none;
  color: #000;
  text-overflow: '';
  text-indent: .01rem;
  vertical-align: middle;
  padding: 10px;
  padding-right: 31px !important;
  border: #DDD 1px solid;
  outline: none;
  background: #FFF url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%226%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%2C0V1H1V0ZM1%2C1V2H2V1ZM2%2C2V3H3V2ZM3%2C3V4H4V3ZM4%2C4V5H5V4Zm6-4V1h1V0ZM9%2C2h1V1H9ZM8%2C3H9V2H8ZM7%2C4H8V3H7ZM6%2C5H7V4H6ZM5%2C6H6V5H5Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center right 10px; }
  select optgroup, select option {
    color: #000;
    outline: none; }
  select::-ms-expand {
    display: none; }
  select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000; }

textarea {
  resize: vertical; }

/*because legend doesn't inherit in IE */
legend {
  color: #333; }

img, svg {
  display: block;
  vertical-align: bottom;
  width: 100%;
  height: auto; }

/* clearfix */
.clearfix {
  min-height: 1px; }
  .clearfix::after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden; }

.js-tab-content {
  display: none; }
  .js-tab-content.js-active {
    display: block; }

a {
  color: #000000;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  text-decoration: none;
  cursor: pointer; }

a:active,
a:hover {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */ }

a, area, button, [role="button"], input:not([type="range"]), label, select, summary, textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

#fb-root {
  display: none; }

/* Plugin */
/* Pages */
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

br CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media (max-width: 900px) {
  .br__pc {
    display: none; } }
@media (max-width: 600px) {
  .br__pc-tb {
    display: none; } }
@media (max-width: 900px) {
  .br__pc-sp {
    display: none; } }
@media (max-width: 600px) {
  .br__pc-sp {
    display: block; } }
.br__wide {
  display: none; }
  @media (max-width: 1400px) {
    .br__wide {
      display: block; } }
  @media (max-width: 900px) {
    .br__wide {
      display: none; } }
  @media (max-width: 600px) {
    .br__wide {
      display: none; } }
.br__wide-tb {
  display: none; }
  @media (max-width: 1400px) {
    .br__wide-tb {
      display: block; } }
  @media (max-width: 900px) {
    .br__wide-tb {
      display: block; } }
  @media (max-width: 600px) {
    .br__wide-tb {
      display: none; } }
.br__wide-sp {
  display: none; }
  @media (max-width: 1400px) {
    .br__wide-sp {
      display: block; } }
.br__tbsp {
  display: none; }
  @media (max-width: 900px) {
    .br__tbsp {
      display: block; } }
.br__tb {
  display: none; }
  @media (max-width: 900px) {
    .br__tb {
      display: block; } }
  @media (max-width: 600px) {
    .br__tb {
      display: none; } }
.br__tb-sp {
  display: none; }
  @media (max-width: 900px) {
    .br__tb-sp {
      display: block; } }
.br__sp {
  display: none; }
  @media (max-width: 600px) {
    .br__sp {
      display: block; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

container CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.container__section, .container__section--no-pad {
  padding: 0 30px; }
  @media (max-width: 900px) {
    .container__section, .container__section--no-pad {
      padding: 0 25px; } }
  @media (max-width: 600px) {
    .container__section, .container__section--no-pad {
      padding: 0 20px; } }

.container__content, .container__content--800, .container__content--810, .container__content--820, .container__content--830, .container__content--840, .container__content--850, .container__content--860, .container__content--870, .container__content--880, .container__content--890, .container__content--900, .container__content--910, .container__content--920, .container__content--930, .container__content--940, .container__content--950, .container__content--960, .container__content--970, .container__content--980, .container__content--990, .container__content--1000, .container__content--1010, .container__content--1020, .container__content--1030, .container__content--1040, .container__content--1050, .container__content--1060, .container__content--1070, .container__content--1080, .container__content--1090, .container__content--1100, .container__content--1110, .container__content--1120, .container__content--1130, .container__content--1140, .container__content--1150, .container__content--1160, .container__content--1170, .container__content--1180, .container__content--1190, .container__content--1200, .container__content--1210, .container__content--1220, .container__content--1230, .container__content--1240, .container__content--1250, .container__content--1260, .container__content--1270, .container__content--1280, .container__content--1290, .container__content--1300, .container__content--1310, .container__content--1320, .container__content--1330, .container__content--1340, .container__content--1350, .container__content--1360, .container__content--1370, .container__content--1380, .container__content--1390 {
  position: relative;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto; }

.container {
  overflow: hidden; }
  .container__main {
    padding: 90px 0 0;
    background: #FFF; }
    @media (max-width: 1200px) {
      .container__main {
        padding: 60px 0 0; } }
  .container__section--no-pad {
    padding: 0; }
  .container__content--800 {
    max-width: 800px; }
  .container__content--810 {
    max-width: 810px; }
  .container__content--820 {
    max-width: 820px; }
  .container__content--830 {
    max-width: 830px; }
  .container__content--840 {
    max-width: 840px; }
  .container__content--850 {
    max-width: 850px; }
  .container__content--860 {
    max-width: 860px; }
  .container__content--870 {
    max-width: 870px; }
  .container__content--880 {
    max-width: 880px; }
  .container__content--890 {
    max-width: 890px; }
  .container__content--900 {
    max-width: 900px; }
  .container__content--910 {
    max-width: 910px; }
  .container__content--920 {
    max-width: 920px; }
  .container__content--930 {
    max-width: 930px; }
  .container__content--940 {
    max-width: 940px; }
  .container__content--950 {
    max-width: 950px; }
  .container__content--960 {
    max-width: 960px; }
  .container__content--970 {
    max-width: 970px; }
  .container__content--980 {
    max-width: 980px; }
  .container__content--990 {
    max-width: 990px; }
  .container__content--1000 {
    max-width: 1000px; }
  .container__content--1010 {
    max-width: 1010px; }
  .container__content--1020 {
    max-width: 1020px; }
  .container__content--1030 {
    max-width: 1030px; }
  .container__content--1040 {
    max-width: 1040px; }
  .container__content--1050 {
    max-width: 1050px; }
  .container__content--1060 {
    max-width: 1060px; }
  .container__content--1070 {
    max-width: 1070px; }
  .container__content--1080 {
    max-width: 1080px; }
  .container__content--1090 {
    max-width: 1090px; }
  .container__content--1100 {
    max-width: 1100px; }
  .container__content--1110 {
    max-width: 1110px; }
  .container__content--1120 {
    max-width: 1120px; }
  .container__content--1130 {
    max-width: 1130px; }
  .container__content--1140 {
    max-width: 1140px; }
  .container__content--1150 {
    max-width: 1150px; }
  .container__content--1160 {
    max-width: 1160px; }
  .container__content--1170 {
    max-width: 1170px; }
  .container__content--1180 {
    max-width: 1180px; }
  .container__content--1190 {
    max-width: 1190px; }
  .container__content--1200 {
    max-width: 1200px; }
  .container__content--1210 {
    max-width: 1210px; }
  .container__content--1220 {
    max-width: 1220px; }
  .container__content--1230 {
    max-width: 1230px; }
  .container__content--1240 {
    max-width: 1240px; }
  .container__content--1250 {
    max-width: 1250px; }
  .container__content--1260 {
    max-width: 1260px; }
  .container__content--1270 {
    max-width: 1270px; }
  .container__content--1280 {
    max-width: 1280px; }
  .container__content--1290 {
    max-width: 1290px; }
  .container__content--1300 {
    max-width: 1300px; }
  .container__content--1310 {
    max-width: 1310px; }
  .container__content--1320 {
    max-width: 1320px; }
  .container__content--1330 {
    max-width: 1330px; }
  .container__content--1340 {
    max-width: 1340px; }
  .container__content--1350 {
    max-width: 1350px; }
  .container__content--1360 {
    max-width: 1360px; }
  .container__content--1370 {
    max-width: 1370px; }
  .container__content--1380 {
    max-width: 1380px; }
  .container__content--1390 {
    max-width: 1390px; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

header CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.header {
  position: relative; }
  .header__g-nav-toggle {
    display: none; }
  .header__g-nav-cover {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9; }
    @media (max-width: 1200px) {
      .g-nav-toggle:checked ~ .header__g-nav-cover {
        display: block; } }
  .header__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 90px;
    padding: 0 0 0 30px;
    background: #FFF;
    z-index: 10; }
    @media (max-width: 1200px) {
      .header__content {
        height: 60px; } }
    @media (max-width: 900px) {
      .header__content {
        padding: 0 0 0 25px; } }
    @media (max-width: 600px) {
      .header__content {
        padding: 0 0 0 20px; } }
  .header__logo {
    display: flex;
    align-items: center;
    padding: 10px;
    margin: -10px;
    transition: opacity .15s ease-in-out; }
    .header__logo a {
      display: flex;
      align-items: center; }
    @media (hover: hover) {
      .header__logo[href]:hover {
        opacity: .7; } }
  .header__logo-img {
    width: calc(647px / 10 * 5); }
    @media (max-width: 900px) {
      .header__logo-img {
        width: calc(647px / 10 * 3); } }
    @media (max-width: 600px) {
      .header__logo-img {
        width: calc(647px / 10 * 2.5); } }
  .header__sub-ttl {
    font-size: min(2vw, 1.2rem);
    line-height: 1;
    letter-spacing: .25em;
    padding: 0 0 0 clamp(10px, 2vw, 20px); }
  .header__nav {
    display: flex;
    align-items: center; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

g-nav CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.g-nav__content {
  display: flex;
  position: relative;
  width: 660px;
  z-index: 11; }
  @media (max-width: 1200px) {
    .g-nav__content {
      width: 40vw;
      max-width: 660px; } }
  @media (max-width: 900px) {
    .g-nav__content {
      display: block;
      position: fixed;
      margin-top: 60px;
      right: -100vw;
      top: 0;
      width: 100vw;
      height: auto;
      background: #2B578E;
      overflow: auto;
      transition: right .2s ease-in-out; }
      .g-nav-toggle:checked ~ .header__content .g-nav__content {
        right: 0; } }
.g-nav__item {
  position: relative;
  width: calc(100% / 3); }
  .g-nav__item::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: #2B578E;
    z-index: 2; }
  .g-nav__item:first-child::before {
    display: none; }
  @media (max-width: 900px) {
    .g-nav__item {
      display: block;
      height: auto;
      width: 100%;
      border-bottom: rgba(255, 255, 255, 0.1) 1px solid; }
      .g-nav__item::before {
        display: none; }
      .g-nav__item a {
        position: relative; }
        .g-nav__item a::after {
          content: "";
          position: absolute;
          right: 4px;
          top: 50%;
          width: 6px;
          height: 6px;
          border-top: 1px solid #FFF;
          border-right: 1px solid #FFF;
          -webkit-transform: rotate(45deg) translate(-7px, 1px);
          transform: rotate(45deg) translate(-7px, 1px); } }
.g-nav__link {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 90px;
  color: #FFF;
  font-size: 1.5rem;
  background: #234875;
  transition: background .3s ease-in-out; }
  @media (hover: hover) {
    .g-nav__link:hover {
      background: #2B578E; } }
  @media (max-width: 1200px) {
    .g-nav__link {
      height: 60px; } }
  @media (max-width: 900px) {
    .g-nav__link {
      justify-content: flex-start;
      width: 100%;
      padding: 10px 20px; }
      .g-nav__link::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 5px;
        background: #234875; } }
.g-nav__submenu {
  position: absolute;
  display: none;
  left: 0;
  top: 100%;
  width: 100%;
  padding: 0 clamp(6px, 1vw, 10px) clamp(6px, 1vw, 10px);
  background: #234875; }
  .g-nav__submenu li {
    white-space: nowrap;
    background: #234875;
    transition: background .3s ease-in-out; }
    .g-nav__submenu li a {
      display: block;
      color: #FFF;
      padding: 2px 10px;
      font-size: clamp(1.4rem, 1.4vw, 1.4rem);
      font-weight: normal; }
      @media (max-width: 1200px) {
        .g-nav__submenu li a {
          padding: 4px 0;
          font-size: 1vw; } }
      @media (max-width: 900px) {
        .g-nav__submenu li a {
          padding-left: clamp(18px, 3vw, 30px);
          font-size: 1.3rem; } }
    .g-nav__submenu li:nth-child(n+2) {
      border-top: 1px solid #2b578d; }
    .g-nav__submenu li:hover {
      background: #2B578E; }
    @media (max-width: 900px) {
      .g-nav__submenu li {
        background: #2B578E; } }
  @media (max-width: 900px) {
    .g-nav__submenu {
      position: relative;
      display: block !important;
      height: auto !important;
      padding: clamp(6px, 1vw, 10px) !important;
      background: #2B578E; } }
.g-nav__trigger {
  display: none;
  position: relative;
  width: 90px;
  height: 90px;
  background: #FFF;
  cursor: pointer; }
  @media (max-width: 900px) {
    .g-nav__trigger {
      display: block;
      width: 60px;
      height: 60px; } }
.g-nav__trigger-line {
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 50px;
  height: 1px;
  z-index: 2;
  background: #234875;
  transform: translateY(-50%);
  transition: background .15s .15s ease-in-out; }
  @media (max-width: 900px) {
    .g-nav__trigger-line {
      width: 25px; } }
  .g-nav-toggle:checked ~ .header__content .g-nav__trigger-line {
    background: transparent;
    transition: background .15s ease-in-out; }
  .g-nav__trigger-line::before, .g-nav__trigger-line::after {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    right: 0;
    width: 60px;
    height: 1px;
    background: #234875;
    transform-origin: center center;
    transition: top .15s .15s ease-in-out, width 0s .15s ease-in-out, transform .15s ease-in-out; }
    @media (max-width: 900px) {
      .g-nav__trigger-line::before, .g-nav__trigger-line::after {
        top: -8px;
        width: 30px; } }
    .g-nav-toggle:checked ~ .header__content .g-nav__trigger-line::before, .g-nav-toggle:checked ~ .header__content .g-nav__trigger-line::after {
      top: 0;
      transform: rotate(45deg);
      transition: top .15s ease-in-out, width 0s .15s ease-in-out, transform .15s .15s ease-in-out; }
  .g-nav__trigger-line::after {
    top: 10px;
    width: 40px; }
    @media (max-width: 900px) {
      .g-nav__trigger-line::after {
        top: 8px;
        width: 20px; } }
    .g-nav-toggle:checked ~ .header__content .g-nav__trigger-line::after {
      width: 60px;
      transform: rotate(-45deg); }
      @media (max-width: 900px) {
        .g-nav-toggle:checked ~ .header__content .g-nav__trigger-line::after {
          width: 30px; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

home-common CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.home-common {
  padding-bottom: clamp(25px, 5vw, 50px); }
  .home-common__content {
    padding-top: clamp(25px, 5vw, 50px);
    padding-bottom: clamp(25px, 5vw, 50px); }
  .home-common__header {
    padding: 0 0 clamp(25px, 5vw, 50px); }
  .home-common__heading {
    display: block;
    position: relative;
    font-size: clamp(2.4rem, 3.5vw, 3.5rem);
    line-height: 1;
    padding: 0 0 0 30px; }
    .home-common__heading::before {
      content: "";
      display: block;
      position: absolute;
      width: 10px;
      height: 90%;
      top: 50%;
      left: 0;
      border-radius: 10px;
      transform: translateY(-50%);
      background: #234875; }
    @media (max-width: 900px) {
      .home-common__heading {
        padding: 0 0 0 25px; }
        .home-common__heading::before {
          width: 7px; } }
    @media (max-width: 600px) {
      .home-common__heading {
        padding: 0 0 0 20px; }
        .home-common__heading::before {
          width: 5px; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

home-hero CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.home-hero__img {
  width: 100%; }
.home-hero__caption {
  font-size: clamp(1.8rem, 2.2vw, 2.2rem);
  text-align: center;
  line-height: 1.4;
  letter-spacing: .2em;
  padding: clamp(50px, 10vw, 100px) 0; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

home-area CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.home__ttl, .home__ttl--white {
  text-align: center;
  color: #234875;
  position: relative;
  font-size: clamp(1.8rem, 3.2vw, 3.2rem);
  font-weight: bold;
  padding-bottom: 30px; }
  .home__ttl::after, .home__ttl--white::after {
    content: "";
    display: block;
    width: 80px;
    height: 4px;
    background: #234875;
    position: absolute;
    left: 50%;
    bottom: 0; }
  .js-anim-init.home__ttl, .js-anim-init.home__ttl--white {
    opacity: 1;
    transform: translateY(0); }
    .js-anim-init.home__ttl::after, .js-anim-init.home__ttl--white::after {
      transform: translateX(-50%) scaleX(1); }
    .js-anim-init.home__ttl .home__ttl-en, .js-anim-init.home__ttl--white .home__ttl-en {
      opacity: 1;
      transform: translateY(0); }

.home__news {
  padding: 100px 30px; }
  @media (max-width: 900px) {
    .home__news {
      padding: 30px 25px; } }
  @media (max-width: 600px) {
    .home__news {
      padding: 25px 20px; } }
.home__news-warp {
  width: 100%;
  max-width: 1200px;
  background: #FAFAFA;
  margin: 50px auto 0;
  padding: 50px clamp(50px, 10vw, 100px); }
  @media (max-width: 900px) {
    .home__news-warp {
      padding: 30px; } }
  @media (max-width: 600px) {
    .home__news-warp {
      margin: 25px auto 0;
      padding: 25px 20px; } }
.home__news-list {
  border-top: #E1E1E1 solid 1px;
  margin-top: clamp(30px, 5vw, 50px); }
  .home__news-list.js-anim-init .home__news-list-item {
    opacity: 1;
    transform: translateX(0); }
.home__news-list-item {
  border-bottom: #E1E1E1 solid 1px;
  opacity: 0;
  transform: translateX(20px); }
  .home__news-list-item:nth-child(1) {
    transition: opacity 0.6s 0s ease-in-out, transform 0.6s 0s ease-in-out; }
  .home__news-list-item:nth-child(2) {
    transition: opacity 0.6s 0.1s ease-in-out, transform 0.6s 0.1s ease-in-out; }
  .home__news-list-item:nth-child(3) {
    transition: opacity 0.6s 0.2s ease-in-out, transform 0.6s 0.2s ease-in-out; }
  .home__news-list-item:nth-child(4) {
    transition: opacity 0.6s 0.3s ease-in-out, transform 0.6s 0.3s ease-in-out; }
  .home__news-list-item:nth-child(5) {
    transition: opacity 0.6s 0.4s ease-in-out, transform 0.6s 0.4s ease-in-out; }
  .home__news-list-item:nth-child(6) {
    transition: opacity 0.6s 0.5s ease-in-out, transform 0.6s 0.5s ease-in-out; }
  .home__news-list-item:nth-child(7) {
    transition: opacity 0.6s 0.6s ease-in-out, transform 0.6s 0.6s ease-in-out; }
  .home__news-list-item:nth-child(8) {
    transition: opacity 0.6s 0.7s ease-in-out, transform 0.6s 0.7s ease-in-out; }
  .home__news-list-item:nth-child(9) {
    transition: opacity 0.6s 0.8s ease-in-out, transform 0.6s 0.8s ease-in-out; }
  .home__news-list-item:nth-child(10) {
    transition: opacity 0.6s 0.9s ease-in-out, transform 0.6s 0.9s ease-in-out; }
  .home__news-list-item:nth-child(11) {
    transition: opacity 0.6s 1s ease-in-out, transform 0.6s 1s ease-in-out; }
  .home__news-list-item:nth-child(12) {
    transition: opacity 0.6s 1.1s ease-in-out, transform 0.6s 1.1s ease-in-out; }
  .home__news-list-item:nth-child(13) {
    transition: opacity 0.6s 1.2s ease-in-out, transform 0.6s 1.2s ease-in-out; }
  .home__news-list-item:nth-child(14) {
    transition: opacity 0.6s 1.3s ease-in-out, transform 0.6s 1.3s ease-in-out; }
  .home__news-list-item:nth-child(15) {
    transition: opacity 0.6s 1.4s ease-in-out, transform 0.6s 1.4s ease-in-out; }
  .home__news-list-item:nth-child(16) {
    transition: opacity 0.6s 1.5s ease-in-out, transform 0.6s 1.5s ease-in-out; }
  .home__news-list-item:nth-child(17) {
    transition: opacity 0.6s 1.6s ease-in-out, transform 0.6s 1.6s ease-in-out; }
  .home__news-list-item:nth-child(18) {
    transition: opacity 0.6s 1.7s ease-in-out, transform 0.6s 1.7s ease-in-out; }
  .home__news-list-item:nth-child(19) {
    transition: opacity 0.6s 1.8s ease-in-out, transform 0.6s 1.8s ease-in-out; }
  .home__news-list-item:nth-child(20) {
    transition: opacity 0.6s 1.9s ease-in-out, transform 0.6s 1.9s ease-in-out; }
  .home__news-list-item:nth-child(21) {
    transition: opacity 0.6s 2s ease-in-out, transform 0.6s 2s ease-in-out; }
.home__news-link {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 30px 40px 30px 0;
  position: relative;
  transition: opacity .4s ease-in-out; }
  .home__news-link:hover {
    opacity: .7; }
  @media (max-width: 600px) {
    .home__news-link {
      padding: 20px 40px 20px 0; } }
  .home__news-link::after {
    content: '';
    display: block;
    width: clamp(8px, 1.2vw, 12px);
    height: clamp(8px, 1.2vw, 12px);
    border: 1px solid #666;
    border-width: 1px 1px 0 0;
    position: absolute;
    top: calc(50% - 6px);
    right: clamp(10px, 1.8vw, 18px);
    transform: rotate(45deg); }
.home__news-info {
  width: 320px;
  display: flex;
  justify-content: space-between; }
  .home__news-info time {
    width: 80px;
    font-size: clamp(1.2rem, 1.4vw, 1.4rem); }
  .home__news-info span {
    margin: 0 clamp(4px, 0.6vw, 6px);
    font-size: clamp(1.2rem, 1.4vw, 1.4rem); }
    .home__news-info span:first-child {
      margin: 0 clamp(4px, 0.6vw, 6px) 0 0; }
    .home__news-info span:first-child {
      margin: 0 0 0 clamp(4px, 0.6vw, 6px); }
    .home__news-info span:last-child {
      width: 200px; }
      @media (max-width: 600px) {
        .home__news-info span:last-child {
          width: 150px; } }
  @media (max-width: 600px) {
    .home__news-info {
      width: fit-content; } }
.home__news-category {
  display: block;
  width: 100px;
  color: #FFF;
  background: #234875;
  border-radius: 50px;
  text-align: center; }
  @media (max-width: 600px) {
    .home__news-category {
      width: 75px; } }
.home__news-text {
  width: calc(100% - 320px);
  padding: 0 0 0 clamp(12px, 2vw, 20px); }
  @media (max-width: 600px) {
    .home__news-text {
      width: 100%;
      padding: 0;
      margin-top: 10px; } }
.home__news-list-link {
  display: block;
  width: fit-content;
  margin: 10px 0 0 auto;
  transform: translateY(30px);
  opacity: 0;
  transition: transform .4s .15s ease-in-out, opacity .4s .15s ease-in-out; }
  .home__news-list-link.js-anim-init {
    opacity: 1;
    transform: translateY(0); }
  .home__news-list-link:hover {
    opacity: .7; }
.home__ttl--white {
  color: #FFF; }
  .home__ttl--white::after {
    background: #FFF; }
  .home__ttl--white .home__ttl-en {
    margin-top: 5px;
    color: #FFF; }
.home__ttl-en {
  display: block;
  margin-top: 5px;
  font-size: clamp(1.2rem, 1.8vw, 1.8rem);
  color: #000;
  font-family: "Lato", sans-serif;
  font-weight: normal;
  letter-spacing: 0.1em;
  line-height: 1; }

.screen-reader-text {
  display: none; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

home-occupation CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.home-occupation {
  background: #EAEDF4; }
  .home-occupation__list {
    display: flex;
    flex-wrap: wrap;
    margin: -20px; }
    @media (max-width: 900px) {
      .home-occupation__list {
        margin: -10px; } }
    @media (max-width: 600px) {
      .home-occupation__list {
        margin: -5px; } }
  .home-occupation__item {
    width: 50%;
    padding: 20px; }
    @media (max-width: 900px) {
      .home-occupation__item {
        width: 100%;
        padding: 10px; } }
    @media (max-width: 600px) {
      .home-occupation__item {
        width: 50%;
        padding: 5px; } }
  .home-occupation__link {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    background: #FFF; }
    @media (hover: hover) {
      .home-occupation__link:hover .home-occupation__img {
        transform: scale(1.05); } }
    @media (max-width: 600px) {
      .home-occupation__link {
        display: block; } }
  .home-occupation__img-wrap {
    position: relative;
    width: 50%;
    height: 100%;
    padding: calc(200 / 680 * 100%) 0 0;
    overflow: hidden; }
    @media (max-width: 900px) {
      .home-occupation__img-wrap {
        width: 30%;
        padding: 18% 0 0; } }
    @media (max-width: 600px) {
      .home-occupation__img-wrap {
        width: 100%;
        height: auto;
        padding: calc(200 / 340 * 100%) 0 0; } }
  .home-occupation__img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: no-repeat center center / cover;
    transition: transform 1s ease-in-out; }
  .home-occupation__description {
    position: relative;
    width: 50%;
    height: 100%;
    padding: 25px 30px 50px;
    border-top: #234875 2px solid; }
    .home-occupation__description::before {
      content: "";
      display: block;
      position: absolute;
      right: 30px;
      bottom: 20px;
      width: 32px;
      height: 5px;
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2291%22%20height%3D%2213%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M90%2C6V5H89V6H0V7H91V6ZM88%2C4V5h1V4ZM87%2C3V4h1V3ZM86%2C2V3h1V2ZM85%2C1V2h1V1ZM84%2C0V1h1V0Z%22%2F%3E%3C%2Fsvg%3E") no-repeat right 0 bottom -6px; }
    @media (max-width: 900px) {
      .home-occupation__description {
        width: 70%; } }
    @media (max-width: 600px) {
      .home-occupation__description {
        height: auto;
        width: 100%;
        padding: 15px 15px 20px; }
        .home-occupation__description::before {
          display: none; } }
  .home-occupation__ttl {
    display: flex;
    align-items: center;
    padding: 0 0 20px; }
    @media (max-width: 600px) {
      .home-occupation__ttl {
        display: block;
        padding: 0 0 10px; } }
  .home-occupation__name {
    font-size: clamp(1.6rem, 2vw, 2rem);
    font-weight: bold;
    line-height: 1.4; }
  .home-occupation__small {
    font-size: clamp(1.1rem, 1.2vw, 1.2rem);
    font-weight: bold;
    line-height: 1.4;
    padding: 0 0 0 10px; }
    @media (max-width: 600px) {
      .home-occupation__small {
        padding: 0; } }
  .home-occupation__paragraph {
    font-size: 1.5rem;
    line-height: 1.4; }
    @media (max-width: 600px) {
      .home-occupation__paragraph {
        font-size: 1.2rem; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

home-area CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.home-area__box {
  display: block; }
.home-area__search {
  padding: 30px 40px;
  margin: 0 0 clamp(25px, 5vw, 50px);
  background: #EAEDF4; }
  @media (max-width: 900px) {
    .home-area__search {
      padding: 15px; } }
  @media (max-width: 600px) {
    .home-area__search {
      padding: 10px 5px; } }
.home-area__list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin: -8px -5px; }
.home-area__item {
  padding: 8px 5px; }
.home-area__input {
  display: none; }
  .home-area__input:checked + .home-area__checkbox::after {
    transform: translateY(-50%) scale(1); }
.home-area__checkbox {
  display: flex;
  position: relative;
  font-size: clamp(1.4rem, 1.8vw, 1.8rem);
  line-height: 1;
  padding: 4px 10px 6px 40px;
  cursor: pointer; }
  .home-area__checkbox::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    border: #234875 1px solid;
    transform: translateY(-50%);
    background: #FFF;
    z-index: 2; }
  .home-area__checkbox::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 15px;
    width: 10px;
    height: 10px;
    transform: translateY(-50%) scale(0);
    background: #234875;
    transition: transform 0.3s cubic-bezier(0.5, 0.5, 0.1, 1.6);
    z-index: 3; }
.home-area__btn {
  display: block;
  width: 100%;
  max-width: 300px;
  color: #FFF;
  font-size: clamp(1.6rem, 1.8vw, 1.8rem) !important;
  font-weight: bold !important;
  text-align: center;
  line-height: 8rem;
  padding: 0 10px;
  margin: 0 auto;
  cursor: pointer;
  border-radius: 10px !important;
  background: #234875;
  transition: filter .3s ease-in-out; }
  @media (hover: hover) {
    .home-area__btn:hover {
      filter: brightness(2); } }
  @media (max-width: 900px) {
    .home-area__btn {
      line-height: 1;
      padding: 20px; } }
  @media (max-width: 600px) {
    .home-area__btn {
      max-width: none; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

information-list CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.information-list__icon--primary, .information-list__icon--secondary, .information-list__icon--green, .information-list__icon--background {
  color: #FFF;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  min-width: 100px;
  margin: 0 10px 0 0;
  padding: 5px 10px;
  border-radius: 100px; }

.information-list {
  padding: 0 0 clamp(25px, 5vw, 50px); }
  .information-list__filter-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0 0 clamp(25px, 5vw, 50px); }
    @media (max-width: 600px) {
      .information-list__filter-box {
        justify-content: center; } }
  .information-list__em {
    align-self: center;
    font-size: clamp(1.4rem, 1.6vw, 1.6rem);
    font-weight: bold;
    line-height: 1;
    padding: 0 20px 0 0; }
    .information-list__em::after {
      content: " :"; }
    @media (max-width: 900px) {
      .information-list__em {
        width: 100%;
        padding: 0 0 15px; }
        .information-list__em::after {
          display: none; } }
    @media (max-width: 600px) {
      .information-list__em {
        text-align: center; } }
  .information-list__select {
    font-size: clamp(1.5rem, 1.5vw, 1.5rem) !important;
    margin: 0 20px 0 0; }
  .information-list__btn {
    width: 130px;
    color: #FFF;
    font-size: clamp(1.4rem, 1.6vw, 1.6rem) !important;
    font-weight: bold !important;
    text-align: center;
    line-height: 1;
    padding: 10px;
    cursor: pointer;
    border-radius: 100px !important;
    background: #234875;
    transition: filter .3s ease-in-out; }
    @media (hover: hover) {
      .information-list__btn:hover {
        filter: brightness(2); } }
    @media (max-width: 600px) {
      .information-list__btn {
        width: 100%;
        max-width: 250px;
        padding: 15px;
        margin: 15px 0 0; } }
  .information-list__list {
    border-top: #E1E1E1 1px solid; }
  .information-list__item {
    display: block;
    border-bottom: #E1E1E1 1px solid; }
  .information-list__link {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    min-height: 80px;
    padding: 15px 30px 15px 0;
    background: #FFF url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%2211%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%2C1H1V0H0ZM1%2C2H2V1H1ZM2%2C3H3V2H2ZM3%2C4H4V3H3ZM4%2C5H5V4H4ZM0%2C11H1V10H0ZM1%2C9v1H2V9ZM2%2C8V9H3V8ZM3%2C7V8H4V7ZM4%2C6V7H5V6ZM5%2C5V6H6V5Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center right 0;
    transition: opacity .3s ease-in-out; }
    @media (hover: hover) {
      .information-list__link:hover {
        opacity: .7; } }
    @media (max-width: 600px) {
      .information-list__link {
        display: block; } }
  .information-list__category {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 20px 0 0; }
    @media (max-width: 600px) {
      .information-list__category {
        padding: 0; } }
  .information-list__icon--primary {
    background: #234875; }
  .information-list__icon--secondary {
    background: #2B578E; }
  .information-list__icon--green {
    background: #21785B; }
  .information-list__icon--background {
    background: #EAEDF4; }
  .information-list__heading {
    font-weight: bold;
    line-height: 1.6; }
    @media (max-width: 600px) {
      .information-list__heading {
        padding: 10px 0 0; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

information-pagination CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.information-pagination__number, .information-pagination__number--current {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  letter-spacing: 0;
  width: 30px;
  height: 30px;
  border-radius: 100px;
  transition: color .3s ease-in-out, background .3s ease-in-out; }
  @media (hover: hover) {
    [href].information-pagination__number:hover, [href].information-pagination__number--current:hover {
      color: #FFF;
      background: #234875; } }

.information-pagination {
  padding: clamp(25px, 5vw, 50px) 0; }
  .information-pagination__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: -10px; }
  .information-pagination__item {
    padding: 10px; }
  .information-pagination__number--current {
    color: #FFF;
    background: #234875;
    transition: filter .3s ease-in-out;
    pointer-events: none; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

information-detail CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.information-detail {
  padding: 0 0 clamp(25px, 5vw, 50px); }
  .information-detail__heading {
    padding: 0 0 clamp(20px, 4vw, 40px); }
  .information-detail__ttl {
    font-size: clamp(3rem, 4.2vw, 4.2rem);
    font-weight: bold;
    line-height: 1.4;
    margin: -.2em 0;
    padding: 0 0 20px; }
  .information-detail__article :first-child {
    padding-top: 0; }
  .information-detail__article > * {
    padding: clamp(20px, 4vw, 40px) 0 0; }
  .information-detail__article h3, .information-detail__article h4, .information-detail__article h5, .information-detail__article h6 {
    font-weight: bold;
    line-height: 1.4; }
  .information-detail__article h3 {
    font-size: clamp(2.4rem, 3vw, 3rem); }
  .information-detail__article h4 {
    font-size: clamp(2rem, 2.4vw, 2.4rem); }
  .information-detail__article h5 {
    font-size: clamp(1.8rem, 2vw, 2rem); }
  .information-detail__article h6 {
    font-size: clamp(1.6rem, 1.8vw, 1.8rem); }
  .information-detail__article p {
    font-size: 1.6rem; }
  .information-detail__bottom {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    margin: -10px;
    padding: clamp(25px, 5vw, 50px) 0; }
  .information-detail__back {
    padding: 10px 10px 10px 30px;
    background: #FFF url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%2211%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M6%2C10H5v1H6ZM5%2C9H4v1H5ZM4%2C8H3V9H4ZM3%2C7H2V8H3ZM2%2C6H1V7H2ZM6%2C0H5V1H6ZM5%2C2V1H4V2ZM4%2C3V2H3V3ZM3%2C4V3H2V4ZM2%2C5V4H1V5ZM1%2C6V5H0V6Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center left 10px;
    transition: opacity .3s ease-in-out; }
    @media (hover: hover) {
      .information-detail__back:hover {
        opacity: .7; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

footer CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.footer__inner {
  padding: clamp(30px, 7vw, 70px) 0 clamp(50px, 10vw, 100px);
  margin: 0 -10px; }
.footer__nav {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center; }
  @media (max-width: 600px) {
    .footer__nav {
      display: block; } }
.footer__col {
  width: 70%;
  max-width: 450px; }
  .footer__col:first-child {
    width: 30%;
    max-width: 280px; }
  @media (max-width: 600px) {
    .footer__col {
      width: 100% !important;
      max-width: none !important; } }
.footer__item {
  padding: 0 0 10px; }
  @media (max-width: 600px) {
    .footer__item {
      padding: 0; } }
.footer__primary {
  display: block;
  color: #234875;
  font-size: clamp(1.4rem, 1.8vw, 1.8rem);
  font-weight: bold;
  line-height: 1.4;
  padding: 10px; }
.footer__secondary {
  display: block;
  font-size: clamp(1.2rem, 1.4vw, 1.4rem);
  font-weight: bold;
  line-height: 1.4;
  padding: 10px; }
.footer__grid {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(3, auto);
  gap: 0; }
.footer__grid-item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start; }
.footer__row {
  padding: clamp(25px, 5vw, 50px) 0 0; }
.footer__logo {
  display: block;
  width: 50%;
  max-width: 260px;
  padding: 10px;
  margin: 0 auto 20px;
  transition: opacity .15s ease-in-out; }
.footer__logo-img {
  display: block;
  mix-blend-mode: multiply; }
.footer__sub-ttl {
  display: block;
  width: 100%;
  font-size: min(2vw, 1.2rem);
  text-align: center;
  line-height: 1;
  letter-spacing: .25em;
  padding: 10px 0 0; }
.footer__copy {
  font-size: min(2.5vw, 1.2rem);
  line-height: 1.4;
  text-align: center; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Common Bred Link CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.common-bred {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: clamp(24px, 4vw, 40px) 30px 10px;
  background: #FFF; }
  .job .common-bred {
    margin-top: clamp(136px, 15vw, 150px); }
    @media (max-width: 900px) {
      .job .common-bred {
        margin-top: 80px; } }
  @media (max-width: 900px) {
    .common-bred {
      padding: clamp(24px, 4vw, 40px) 25px 10px; } }
  @media (max-width: 600px) {
    .common-bred {
      display: none; } }
  .common-bred__link {
    position: relative;
    color: #000;
    transition: color .4s ease-in-out; }
    .common-bred__link::after {
      position: absolute;
      content: "|";
      color: #DDD;
      right: -10px;
      top: 50%;
      transform: translateY(-50%); }
    .common-bred__link:hover {
      color: #234875; }
  .common-bred__item {
    font-size: 1.2rem;
    padding-right: 20px;
    color: #858585; }
    .common-bred__item:last-child {
      padding-right: 0; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Common Header	CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.common__header {
  width: 100%;
  padding: clamp(36px, 6vw, 60px) clamp(15px, 5vw, 50px);
  background: #FFF; }
  .common__header.blue {
    color: #FFF;
    background: #234875; }
  @media (max-width: 600px) {
    .job .common__header {
      margin-top: 50px; } }
.common__header-ttl {
  color: #234875;
  font-weight: bold;
  font-size: clamp(2.6rem, 6vw, 6rem);
  text-align: center;
  line-height: 1; }
  .common__header-ttl span {
    display: block;
    margin-top: clamp(12px, 2vw, 20px);
    color: #000;
    font-size: clamp(1.4rem, 1.8vw, 1.8rem); }
  @media (max-width: 600px) {
    .common__header-ttl {
      line-height: 1.3; } }
  .blue .common__header-ttl {
    color: #FFF; }
    .blue .common__header-ttl span {
      color: #FFF; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Interview CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.interview {
  /*&__prof-list {
  	display: flex;
  	font-size: clamp(1.4rem,2vw,2rem);
  	font-weight: bold;
  	line-height: 1;
  	span {
  		display: inline-block;
  		padding-left: clamp(6px,1vw,10px);
  		font-size: clamp(1.8rem,3.2vw,3.2rem);
  		font-weight: bold;
  	}
  	@include mq($width: 1500px){
  		font-size: 1.4vw;
  		span {
  			font-size: 2vw;
  		}
  	}
  	@include sp {
  		padding-top: 6px;
  		font-size: 2.1vw;
  		span {
  			font-size: 3vw;
  		}
  	}
  }*/ }
  .interview__inner {
    width: 100%;
    padding: 0 30px;
    margin: 0 auto;
    background: #FFF;
    overflow: hidden; }
    @media (max-width: 900px) {
      .interview__inner {
        padding: 0 25px; } }
    @media (max-width: 600px) {
      .interview__inner {
        padding: 0 20px; } }
  .interview__kv {
    position: relative; }
    @media (max-width: 900px) {
      .interview__kv {
        padding-top: 60px; } }
    .interview__kv::before {
      position: absolute;
      content: '';
      width: 40%;
      height: 100%;
      background-image: linear-gradient(90deg, #3657A3 0, transparent 100%);
      z-index: 2;
      border-radius: 0 0 0 clamp(12px, 2vw, 20px); }
      @media (max-width: 900px) {
        .interview__kv::before {
          width: calc(100% - 15px);
          height: 40%;
          left: 0;
          bottom: 0;
          background-image: linear-gradient(0, #3657A3 0, transparent 100%); } }
    .interview__kv::after {
      position: absolute;
      content: '';
      width: 91.46%;
      height: 100%;
      right: 0;
      bottom: calc(clamp(30px,5vw,50px) * -1);
      background: #EAEDF4;
      border-radius: 0 clamp(12px, 2vw, 20px) 0 0;
      z-index: 0; }
  .interview__kv-img {
    position: relative;
    width: 91.46%;
    z-index: 1;
    border-radius: 0 0 0 clamp(12px, 2vw, 20px); }
    @media (max-width: 900px) {
      .interview__kv-img {
        width: calc(100% - 15px); } }
  .interview__kv-txtbox {
    position: absolute;
    left: clamp(48px, 8vw, 80px);
    top: 50%;
    color: #FFF;
    transform: translateY(-50%);
    z-index: 3; }
    @media (max-width: 1500px) {
      .interview__kv-txtbox {
        left: 5vw; } }
    @media (max-width: 900px) {
      .interview__kv-txtbox {
        top: auto;
        bottom: clamp(10px, 4vw, 50px);
        transform: none; } }
  .interview__kv-ttl {
    position: relative;
    color: transparent;
    font-size: clamp(3.6rem, 6vw, 6rem);
    -webkit-text-stroke: 1px white;
    line-height: 1; }
    @media (max-width: 1500px) {
      .interview__kv-ttl {
        font-size: 4vw; } }
    .interview__kv-ttl span {
      padding-bottom: clamp(10px, 1.5vw, 15px);
      color: #FFF;
      -webkit-text-stroke-width: 0;
      /* Safari用 */
      text-stroke-width: 0;
      display: block;
      font-weight: 900;
      opacity: .6; }
      @media (max-width: 900px) {
        .interview__kv-ttl span {
          font-size: 5vw; } }
  .interview__kv-copy {
    position: relative;
    padding-top: clamp(20px, 5vw, 70px);
    font-size: clamp(2.8rem, 4.6vw, 4.6rem);
    font-weight: bold;
    line-height: 1.4; }
    .interview__kv-copy::before {
      position: absolute;
      content: '';
      left: 0;
      top: clamp(12px, 2.9vw, 40px);
      width: 50px;
      height: 1px;
      background: #FFF; }
    @media (max-width: 1500px) {
      .interview__kv-copy {
        font-size: 3vw; } }
    @media (max-width: 900px) {
      .interview__kv-copy {
        font-size: 4.5vw; } }
  .interview__kv-group {
    padding-top: clamp(15px, 3vw, 50px);
    font-size: clamp(1rem, 1.5vw, 1.5rem);
    line-height: 1;
    font-weight: bold; }
    .interview__kv-group span {
      display: block;
      font-size: clamp(1.5rem, 2.1vw, 2.1rem);
      line-height: 1.6; }
    @media (max-width: 900px) {
      .interview__kv-group {
        display: flex;
        align-items: center; }
        .interview__kv-group span {
          font-size: clamp(1rem, 1.5vw, 1.5rem);
          padding: 0 0 0 8px; } }
  .interview__kv-dept {
    display: block;
    padding-top: clamp(10px, 1.5vw, 20px);
    font-size: clamp(1.2rem, 1.8vw, 1.8rem);
    font-weight: bold;
    line-height: 1;
    /*@include mq($width: 1500px){
    	font-size: 1.8vw;
    	span {
    		font-size: 2vw;
    	}
    }*/ }
    .interview__kv-dept span {
      display: block;
      padding-top: clamp(6px, 1vw, 10px);
      font-size: clamp(1.5rem, 2.1vw, 2.1rem); }
    @media (max-width: 900px) {
      .interview__kv-dept {
        display: flex;
        align-items: center; }
        .interview__kv-dept span {
          font-size: clamp(1.2rem, 1.8vw, 1.8rem);
          padding: 0 0 0 8px; } }
  .interview__kv-name {
    padding-top: clamp(12px, 2vw, 20px);
    font-size: clamp(2.8rem, 4vw, 4rem);
    font-weight: bold;
    line-height: 1.4; }
    .interview__kv-name span {
      display: inline-block;
      padding-left: clamp(6px, 1vw, 10px);
      font-size: clamp(1.8rem, 3.2vw, 3.2rem);
      font-weight: bold; }
    @media (max-width: 1500px) {
      .interview__kv-name {
        font-size: 4vw; } }
  .interview__kv-en {
    font-weight: bold;
    font-size: clamp(1.1rem, 1.8vw, 1.8rem);
    line-height: 1; }
  .interview__contwrap {
    max-width: 1200px;
    margin: clamp(60px, 10vw, 100px) auto; }
  .interview__prof {
    display: flex;
    justify-content: space-between;
    padding: clamp(18px, 3vw, 30px) clamp(20px, 4vw, 40px);
    background: #EAEDF4; }
    @media (max-width: 600px) {
      .interview__prof {
        flex-direction: column;
        flex-wrap: wrap;
        width: calc(50% - clamp(4.2rem,7vw,7rem)); } }
    @media (max-width: 600px) {
      .interview__prof {
        width: 100%; }
        .interview__prof:first-of-type {
          margin-top: 20px; } }
    .interview__prof.single {
      width: 100%; }
  .interview__prof-ttl {
    width: clamp(8.4rem, 14vw, 14rem);
    font-size: clamp(1.4rem, 2vw, 2rem);
    white-space: nowrap; }
  .interview__prof-list {
    width: calc((100% - clamp(8.4rem,14vw,14rem)) / 2); }
    @media (max-width: 600px) {
      .interview__prof-list {
        width: 100%; } }
    .interview__prof-list.single {
      width: 100%; }
  .interview__prof-item {
    padding: clamp(6px, 1vw, 10px) clamp(6px, 1vw, 10px) clamp(6px, 1vw, 10px) clamp(18px, 3vw, 30px);
    font-size: clamp(1.3rem, 1.5vw, 1.5rem);
    line-height: 1.4;
    border-left: 1px solid #DDD; }
    @media (max-width: 600px) {
      .interview__prof-item {
        width: 100%; } }
  .interview__cont {
    margin-top: clamp(60px, 10vw, 100px); }
    .interview__cont.cont1 .interview__cont-img, .interview__cont.cont4 .interview__cont-img, .interview__cont.cont6 .interview__cont-img {
      margin-top: clamp(18px, 3vw, 30px);
      border-radius: clamp(12px, 2vw, 20px) 0 0 0; }
    .interview__cont.cont2, .interview__cont.cont5 {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .interview__cont.cont2 .interview__cont-ttl, .interview__cont.cont5 .interview__cont-ttl {
        width: 100%; }
      .interview__cont.cont2 .interview__cont-copy, .interview__cont.cont5 .interview__cont-copy {
        margin-top: 0; }
      .interview__cont.cont2 .interview__cont-txtbox, .interview__cont.cont5 .interview__cont-txtbox {
        width: calc(50% - 20px);
        margin-top: clamp(18px, 3vw, 30px); }
        @media (max-width: 900px) {
          .interview__cont.cont2 .interview__cont-txtbox, .interview__cont.cont5 .interview__cont-txtbox {
            width: 100%; } }
      .interview__cont.cont2 .interview__cont-imgbox, .interview__cont.cont5 .interview__cont-imgbox {
        position: relative;
        width: calc(50% - 20px);
        height: calc((50vw - 20px) * 0.6662);
        margin-top: clamp(18px, 3vw, 30px); }
        @media (max-width: 900px) {
          .interview__cont.cont2 .interview__cont-imgbox, .interview__cont.cont5 .interview__cont-imgbox {
            width: 100%;
            height: auto;
            margin-top: clamp(18px, 3vw, 30px); } }
      .interview__cont.cont2 .interview__cont-img, .interview__cont.cont5 .interview__cont-img {
        position: absolute;
        width: calc(50vw - 20px);
        left: 0;
        top: 0;
        border-radius: 0 0 0 clamp(12px, 2vw, 20px); }
        @media (max-width: 900px) {
          .interview__cont.cont2 .interview__cont-img, .interview__cont.cont5 .interview__cont-img {
            position: relative;
            width: 100%; } }
    .interview__cont.cont3 {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .interview__cont.cont3 .interview__cont-ttl {
        width: calc(50% - 20px);
        margin-left: calc(50% + 20px); }
        @media (max-width: 900px) {
          .interview__cont.cont3 .interview__cont-ttl {
            width: 100%;
            margin-left: 0; } }
      .interview__cont.cont3 .interview__cont-copy {
        margin-top: 0; }
      .interview__cont.cont3 .interview__cont-txtbox {
        width: calc(50% - 20px);
        margin-top: clamp(18px, 3vw, 30px); }
        @media (max-width: 900px) {
          .interview__cont.cont3 .interview__cont-txtbox {
            width: 100%; } }
      .interview__cont.cont3 .interview__cont-imgbox {
        position: relative;
        width: calc(50% - 20px);
        height: calc((50vw - 20px) * 0.6662);
        margin-top: clamp(18px, 3vw, 30px); }
        @media (max-width: 900px) {
          .interview__cont.cont3 .interview__cont-imgbox {
            width: 100%;
            height: auto;
            margin-top: clamp(18px, 3vw, 30px); } }
      .interview__cont.cont3 .interview__cont-img {
        position: absolute;
        right: 0;
        top: 0;
        width: calc(50vw - 20px);
        border-radius: 0 0 clamp(12px, 2vw, 20px) 0; }
        @media (max-width: 900px) {
          .interview__cont.cont3 .interview__cont-img {
            position: relative;
            width: 100%; } }
  .interview__cont-ttl {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: clamp(1.4rem, 2vw, 2rem);
    font-weight: bold; }
    .interview__cont-ttl span {
      display: inline-block;
      padding-right: clamp(12px, 2vw, 20px);
      color: #234875;
      font-size: clamp(2.4rem, 4vw, 4rem);
      line-height: 1; }
    .interview__cont-ttl::before {
      position: absolute;
      content: '';
      width: 100vw;
      height: 1px;
      left: -12px;
      top: 50%;
      background: #234875;
      transform: translateX(-100%); }
      @media (max-width: 600px) {
        .interview__cont-ttl::before {
          left: -6px; } }
  .interview__cont-copy {
    margin-top: clamp(18px, 3vw, 30px);
    font-size: clamp(2.4rem, 4vw, 4rem);
    font-weight: bold;
    line-height: 1.4; }
  .interview__cont-txt {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: clamp(18px, 3vw, 30px);
    font-size: clamp(1.3rem, 1.5vw, 1.5rem); }
    .interview__cont-txt span {
      width: calc(50% - 20px); }
      @media (max-width: 900px) {
        .interview__cont-txt span {
          width: calc(50% - 15px); } }
      @media (max-width: 600px) {
        .interview__cont-txt span {
          width: 100%; } }
  .interview__articles {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: clamp(18px, 3vw, 30px); }
  .interview__articles-item {
    margin: clamp(12px, 2vw, 20px) clamp(9px, 1.5vw, 15px) 0; }
    .interview__articles-item a {
      position: relative;
      display: block;
      width: auto;
      padding: clamp(8px, 1.2vw, 12px) clamp(30px, 5vw, 50px) clamp(8px, 1.2vw, 12px) clamp(8px, 1.2vw, 12px);
      color: #234875;
      font-size: clamp(1.4rem, 1.6vw, 1.6rem);
      background: #FFF;
      border: 1px solid #234875;
      transition: color .3s ease-in-out, background .3s ease-in-out; }
      @media (max-width: 900px) {
        .interview__articles-item a {
          width: 100%; } }
      .interview__articles-item a i {
        position: absolute;
        right: clamp(9px, 1.5vw, 15px);
        top: 50%;
        font-family: 'Font Awesome 6 Pro';
        font-size: clamp(1.3rem, 1.5vw, 1.5rem);
        transform: translateY(-50%);
        transition: color .3s ease-in-out; }
      .interview__articles-item a .home__arrow {
        position: absolute;
        display: block;
        width: 10px;
        height: 2px;
        margin: 0 0 0 auto;
        background-color: #234875;
        top: 50%;
        transform: translateY(-50%);
        right: 15px;
        transition: background .3s ease-in-out; }
        .interview__articles-item a .home__arrow::before, .interview__articles-item a .home__arrow::after {
          content: "";
          position: absolute;
          top: calc(50% - 1px);
          right: 0;
          width: 10px;
          height: 2px;
          background-color: #234875;
          transform-origin: calc(100% - 1px) 50%;
          transition: background .3s ease-in-out; }
        .interview__articles-item a .home__arrow::before {
          transform: rotate(45deg); }
        .interview__articles-item a .home__arrow::after {
          transform: rotate(-45deg); }
      .interview__articles-item a:hover {
        color: #FFF;
        background: #234875; }
        .interview__articles-item a:hover i {
          color: #FFF; }
        .interview__articles-item a:hover .home__arrow {
          background-color: #FFF; }
          .interview__articles-item a:hover .home__arrow::before, .interview__articles-item a:hover .home__arrow::after {
            background-color: #FFF; }
    @media (max-width: 900px) {
      .interview__articles-item {
        width: 100%;
        margin: clamp(12px, 2vw, 20px) 0 0; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Job CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.job {
  width: 100%;
  margin: 0 auto; }
  .job__cont {
    position: relative;
    background: #F5F5F3; }
    .job__cont.white {
      background: #FFF; }
      .job__cont.white:nth-of-type(1) {
        padding-top: clamp(12px, 2vw, 20px); }
    .job__cont.first {
      margin-top: calc(clamp(36px,6vw,60px) * -1); }
    .job__cont.separate {
      padding-bottom: clamp(48px, 8vw, 80px); }
    .job__cont.last {
      padding-bottom: clamp(60px, 10vw, 100px); }
  .job__cont-inner {
    max-width: 1200px;
    padding: 0 30px;
    margin: 0 auto;
    overflow: hidden; }
    @media (max-width: 900px) {
      .job__cont-inner {
        padding: 0 25px; } }
    @media (max-width: 600px) {
      .job__cont-inner {
        padding: 0 20px; } }
  .job__cont-ttl {
    position: relative;
    margin-top: clamp(48px, 8vw, 80px);
    padding-bottom: clamp(18px, 3vw, 30px);
    text-align: center;
    font-size: clamp(2rem, 3.6vw, 3.6rem);
    font-weight: bold;
    color: #234875; }
    .job__cont-ttl::after {
      position: absolute;
      content: '';
      left: calc(50% - 40px);
      bottom: 0;
      width: 80px;
      height: clamp(3px, 0.4vw, 4px);
      background: #234875; }
    @media (max-width: 600px) {
      .job__cont-ttl {
        line-height: 1.4; } }
  .job__cont-c1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: clamp(30px, 5vw, 50px); }
    @media (max-width: 900px) {
      .job__cont-c1 {
        flex-direction: column; } }
    .job__cont-c1 dt {
      width: calc(50% - clamp(15px,2.5vw,25px));
      height: 100%;
      border-radius: clamp(18px, 3vw, 30px);
      overflow: hidden; }
      .job__cont-c1 dt img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      @media (max-width: 900px) {
        .job__cont-c1 dt {
          width: 100%; } }
    .job__cont-c1 dd {
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: calc(50% - clamp(15px,2.5vw,25px)); }
      .job__cont-c1 dd p:nth-child(n+2) {
        margin-top: 10px; }
      @media (max-width: 900px) {
        .job__cont-c1 dd {
          width: 100%; }
          .job__cont-c1 dd p {
            margin-top: clamp(18px, 3vw, 30px) !important; } }
    .job__cont-c1.rev {
      flex-direction: row-reverse; }
      @media (max-width: 900px) {
        .job__cont-c1.rev {
          flex-direction: column; } }
    .job__cont-c1:last-child {
      padding-bottom: clamp(48px, 8vw, 80px); }
  .job__cont-numbers-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 20px;
    margin-top: clamp(30px, 5vw, 50px);
    padding-bottom: clamp(12px, 2vw, 20px); }
    .job__cont-numbers-list h3 {
      position: relative;
      font-size: clamp(1.6rem, 2vw, 2rem);
      font-weight: bold;
      color: #234875;
      text-align: center; }
      @media (max-width: 900px) {
        .job__cont-numbers-list h3 {
          font-size: 1.8vw; } }
      @media (max-width: 600px) {
        .job__cont-numbers-list h3 {
          font-size: 3.6vw; } }
    .job__cont-numbers-list li {
      position: relative;
      padding: clamp(12px, 2vw, 20px);
      width: calc((100% - clamp(36px,6vw,60px)) / 4);
      aspect-ratio: 286 / 313;
      border-radius: clamp(6px, 1vw, 10px) 0 clamp(6px, 1vw, 10px) 0;
      background: #FFF; }
      .job__cont-numbers-list li img {
        position: absolute; }
      .job__cont-numbers-list li p {
        position: absolute; }
      .job__cont-numbers-list li:nth-child(1) img {
        width: 51.04%;
        right: 6.99%;
        top: 26.83%; }
      .job__cont-numbers-list li:nth-child(1) p {
        justify-content: flex-start !important; }
        .job__cont-numbers-list li:nth-child(1) p:nth-of-type(1) {
          left: 10.48%;
          bottom: 39.61%; }
        .job__cont-numbers-list li:nth-child(1) p:nth-of-type(2) {
          left: 10.48%;
          bottom: 9.58%; }
      .job__cont-numbers-list li:nth-child(2) img {
        width: 43.35%;
        left: 3.5%;
        top: 19.17%; }
      .job__cont-numbers-list li:nth-child(2) p.t1 {
        right: 10.48%;
        bottom: 47.28%; }
      .job__cont-numbers-list li:nth-child(2) p.t2 {
        right: 10.48%;
        bottom: 28.75%; }
      .job__cont-numbers-list li:nth-child(2) p.t3 {
        right: 10.48%;
        bottom: 10.22%; }
      .job__cont-numbers-list li:nth-child(2) p .job__cont-numbers-num {
        font-size: clamp(3.2rem, 6vw, 6rem); }
        @media (max-width: 1200px) {
          .job__cont-numbers-list li:nth-child(2) p .job__cont-numbers-num {
            font-size: 4.8vw; } }
        @media (max-width: 900px) {
          .job__cont-numbers-list li:nth-child(2) p .job__cont-numbers-num {
            font-size: 4.5vw; } }
        @media (max-width: 600px) {
          .job__cont-numbers-list li:nth-child(2) p .job__cont-numbers-num {
            font-size: 8.5vw; } }
      .job__cont-numbers-list li:nth-child(2) p .job__cont-numbers-unit {
        font-size: clamp(1.5rem, 1.8vw, 1.8rem); }
        @media (max-width: 1200px) {
          .job__cont-numbers-list li:nth-child(2) p .job__cont-numbers-unit {
            font-size: 1.5vw; } }
        @media (max-width: 600px) {
          .job__cont-numbers-list li:nth-child(2) p .job__cont-numbers-unit {
            font-size: 2.5vw; } }
      .job__cont-numbers-list li:nth-child(3) img {
        width: 55.94%;
        left: 22.5%;
        top: 21.17%; }
      .job__cont-numbers-list li:nth-child(3) p {
        right: 5.48%;
        bottom: 11.18%; }
      .job__cont-numbers-list li:nth-child(4) img {
        width: 81.35%;
        right: 6.48%;
        top: 24.03%; }
      .job__cont-numbers-list li:nth-child(4) p {
        right: 9.48%;
        bottom: 11.18%; }
      @media (max-width: 600px) {
        .job__cont-numbers-list li {
          width: calc((100% - clamp(12px,2vw,20px)) / 2); }
          .job__cont-numbers-list li:nth-child(n+3) {
            margin-top: clamp(12px, 2vw, 20px); } }
    @media (max-width: 600px) {
      .job__cont-numbers-list {
        justify-content: space-between;
        gap: 0; } }
  .job__cont-numbers-txt {
    position: absolute;
    display: flex;
    justify-content: flex-end; }
  .job__cont-numbers-cat {
    margin: auto clamp(4px, 0.6vw, 6px) auto 0;
    font-size: clamp(1.2rem, 1.6vw, 1.6rem);
    font-weight: bold;
    white-space: nowrap; }
    @media (max-width: 1200px) {
      .job__cont-numbers-cat {
        font-size: 1.28vw; } }
    @media (max-width: 600px) {
      .job__cont-numbers-cat {
        font-size: 2.5vw; } }
  .job__cont-numbers-num {
    font-size: clamp(4rem, 7.5vw, 7.5rem);
    line-height: 1;
    color: #234875; }
    @media (max-width: 1200px) {
      .job__cont-numbers-num {
        font-size: 6.4vw; } }
    @media (max-width: 600px) {
      .job__cont-numbers-num {
        font-size: 11vw; } }
  .job__cont-numbers-unit {
    margin: auto 0 0 clamp(4px, 0.6vw, 6px);
    font-size: clamp(1.4rem, 2vw, 2rem);
    font-weight: bold;
    line-height: 1;
    color: #234875; }
    @media (max-width: 1200px) {
      .job__cont-numbers-unit {
        font-size: 1.65vw; } }
    @media (max-width: 600px) {
      .job__cont-numbers-unit {
        font-size: 3vw; } }
  .job__cont-numbers-notice {
    text-align: center;
    font-size: clamp(1.2rem, 1.4vw, 1.4rem); }
  .job__cont-members-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: clamp(18px, 3vw, 30px); }
    .job__cont-members-list::after {
      display: block;
      content: "";
      width: calc((100% - clamp(24px,4vw,40px)) / 3); }
    .job__cont-members-list li {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: clamp(12px, 2vw, 20px);
      width: calc((100% - clamp(24px,4vw,40px)) / 3);
      background: #FFF; }
      .job__cont-members-list li a {
        display: flex;
        justify-content: space-between;
        align-items: center; }
      .job__cont-members-list li img {
        width: 35%;
        padding: 5px; }
      .job__cont-members-list li p {
        padding: clamp(12px, 2vw, 20px) 0 clamp(18px, 3vw, 30px);
        width: 61.9%; }
        .job__cont-members-list li p span {
          display: block; }
        .job__cont-members-list li p .job__cont-members-dept {
          padding-right: clamp(12px, 2vw, 20px);
          padding-bottom: clamp(6px, 1vw, 10px);
          font-size: clamp(1.2rem, 1.4vw, 1.4rem);
          line-height: 1.4;
          border-bottom: 1px solid #DDD;
          text-align: left;
          display: flex;
          flex-direction: column;
          justify-content: center; }
        .job__cont-members-list li p .job__cont-members-name {
          padding-top: clamp(6px, 1vw, 10px);
          font-size: clamp(1.8rem, 2.8vw, 2.8rem);
          font-weight: bold;
          line-height: 1; }
        .job__cont-members-list li p .job__cont-members-kana {
          margin-top: clamp(6px, 1vw, 10px);
          padding-bottom: clamp(6px, 1vw, 10px);
          font-size: clamp(0.8rem, 1.2vw, 1.2rem);
          line-height: 1;
          border-bottom: 1px solid #DDD; }
      @media (max-width: 600px) {
        .job__cont-members-list li {
          width: 100%; } }
  .job__cont-btnarea {
    margin-top: clamp(30px, 5vw, 50px);
    padding-bottom: clamp(12px, 2vw, 20px); }
    .job__cont-btnarea a {
      position: relative;
      display: block;
      width: 50%;
      margin: 0 auto;
      padding: clamp(9px, 1.5vw, 15px);
      font-size: clamp(1.6rem, 2vw, 2rem);
      font-weight: bold;
      text-align: center;
      color: #FFF;
      background: #234875;
      border: 1px solid #234875;
      border-radius: 50px;
      transition: color .3s ease-in-out, background .3s ease-in-out; }
      .job__cont-btnarea a::after {
        position: absolute;
        content: '';
        width: clamp(5px, 0.8vw, 8px);
        height: clamp(5px, 0.8vw, 8px);
        border: 1px solid #FFF;
        border-width: 1px 1px 0 0;
        top: calc(50% - clamp(3px,.4vw,4px));
        right: clamp(10px, 1.8vw, 18px);
        transform: rotate(45deg);
        transition: border .3s ease-in-out; }
      .job__cont-btnarea a:hover {
        color: #234875;
        background: #FFF; }
        .job__cont-btnarea a:hover::after {
          border: 1px solid #234875;
          border-width: 1px 1px 0 0; }
      @media (max-width: 600px) {
        .job__cont-btnarea a {
          width: 70%; } }
  .job__cont-c4 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: clamp(30px, 5vw, 50px); }
    .job__cont-c4 dt {
      width: 288px;
      height: 100%;
      aspect-ratio: 1 / 1; }
      .job__cont-c4 dt img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      @media (max-width: 600px) {
        .job__cont-c4 dt {
          width: 60%;
          margin: 0 auto; } }
    .job__cont-c4 dd {
      width: calc(100% - 288px - clamp(30px,5vw,50px)); }
      .job__cont-c4 dd h3 {
        font-size: clamp(1.6rem, 2.4vw, 2.4rem);
        font-weight: bold; }
      .job__cont-c4 dd p {
        margin-top: clamp(18px, 3vw, 30px);
        font-size: clamp(1.4rem, 1.5vw, 1.5rem); }
        .job__cont-c4 dd p:first-child {
          margin-top: 0; }
      @media (max-width: 600px) {
        .job__cont-c4 dd {
          width: 100%;
          margin-top: clamp(18px, 3vw, 30px); } }
  .job__cont-oneday {
    position: relative;
    margin-top: clamp(42px, 7vw, 70px);
    padding: clamp(36px, 6vw, 60px) clamp(12px, 2vw, 20px) clamp(18px, 3vw, 30px);
    border: 1px solid #234875; }
    .job__cont-oneday h3 {
      position: absolute;
      display: inline-block;
      padding: 10px clamp(12px, 3vw, 30px);
      left: 50%;
      top: 0;
      font-size: clamp(1.6rem, 2.4vw, 2.4rem);
      font-weight: bold;
      text-align: center;
      transform: translate(-50%, -50%);
      background: #F5F5F3;
      white-space: nowrap; }
      .job__cont-oneday h3 span {
        font-size: clamp(1.2rem, 1.8vw, 1.8rem);
        font-weight: normal; }
  .job__cont-oneday-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media (max-width: 600px) {
      .job__cont-oneday-inner {
        flex-direction: column; } }
  .job__cont-oneday-photo {
    width: 225px; }
    .job__cont-oneday-photo li:nth-child(n+2) {
      margin-top: 10px; }
    @media (max-width: 900px) {
      .job__cont-oneday-photo {
        width: 28%; } }
    @media (max-width: 600px) {
      .job__cont-oneday-photo {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .job__cont-oneday-photo li {
          width: calc((100% - 10px) / 2); }
          .job__cont-oneday-photo li:nth-child(2) {
            margin-top: 0; }
          .job__cont-oneday-photo li:nth-child(n+3) {
            margin-top: 10px; } }
  .job__cont-oneday-schedule {
    position: relative;
    width: calc(100% - 225px - clamp(30px,5vw,50px)); }
    .job__cont-oneday-schedule li {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      padding-bottom: clamp(24px, 3vw, 30px); }
      .job__cont-oneday-schedule li .time {
        position: relative;
        width: 100px;
        color: #FFF;
        font-size: clamp(1.1rem, 1.3vw, 1.3rem);
        text-align: center;
        background: #234875;
        border-radius: 50px;
        z-index: 1; }
        @media (max-width: 600px) {
          .job__cont-oneday-schedule li .time {
            letter-spacing: 0;
            width: 80px;
            margin-left: -25px; } }
      .job__cont-oneday-schedule li p {
        width: calc(100% - 115px);
        font-size: clamp(1.3rem, 1.5vw, 1.5rem); }
        .job__cont-oneday-schedule li p .ttl {
          display: block;
          font-size: clamp(1.4rem, 1.6vw, 1.6rem);
          font-weight: bold;
          line-height: 1.3;
          padding-bottom: clamp(8px, 1.2vw, 12px); }
        @media (max-width: 600px) {
          .job__cont-oneday-schedule li p {
            width: calc(100% - 65px); } }
      .job__cont-oneday-schedule li::before {
        position: absolute;
        content: '';
        left: clamp(6px, 1vw, 10px);
        width: 7px;
        height: 100%;
        background: rgba(35, 72, 117, 0.15);
        transform: translateY(clamp(5px, 0.8vw, 8px));
        z-index: 0; }
        @media (max-width: 600px) {
          .job__cont-oneday-schedule li::before {
            left: 12px; } }
      .job__cont-oneday-schedule li:last-child::before {
        content: none; }
    @media (max-width: 900px) {
      .job__cont-oneday-schedule {
        width: calc(72% - clamp(30px,5vw,50px)); } }
    @media (max-width: 600px) {
      .job__cont-oneday-schedule {
        width: 100%;
        margin-top: clamp(18px, 3vw, 30px); } }
  .job__cont-oneday-notice {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    margin-top: clamp(18px, 3vw, 30px);
    padding-top: clamp(18px, 3vw, 30px);
    border-top: 1px dotted #234875; }
    .job__cont-oneday-notice h4 {
      padding-right: clamp(24px, 4vw, 40px);
      font-size: clamp(1.6rem, 1.8vw, 1.8rem);
      font-weight: bold;
      color: #234875; }
    .job__cont-oneday-notice ul {
      font-size: clamp(1.3rem, 1.5vw, 1.5rem); }
      .job__cont-oneday-notice ul li {
        text-indent: -1em;
        padding-left: 1em;
        font-feature-settings: normal; }
        .job__cont-oneday-notice ul li:nth-child(n+2) {
          margin-top: clamp(8px, 1.2vw, 12px); }
        .job__cont-oneday-notice ul li::before {
          content: "※"; }
      @media (max-width: 600px) {
        .job__cont-oneday-notice ul {
          margin-top: clamp(18px, 3vw, 30px); } }
    @media (max-width: 600px) {
      .job__cont-oneday-notice {
        flex-direction: column;
        margin-top: 0; } }
  .job__cont-interview-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: clamp(30px, 5vw, 50px);
    margin-bottom: clamp(48px, 8vw, 80px); }
    .job__cont-interview-list::before {
      content: "";
      display: block;
      width: calc((100% - clamp(36px,6vw,60px)) / 4);
      order: 1; }
    .job__cont-interview-list::after {
      content: "";
      display: block;
      width: calc((100% - clamp(36px,6vw,60px)) / 4); }
    .job__cont-interview-list li {
      width: calc((100% - clamp(36px,6vw,60px)) / 4); }
      @media (max-width: 900px) {
        .job__cont-interview-list li {
          width: calc((100% - clamp(24px,4vw,40px)) / 3); } }
      @media (max-width: 600px) {
        .job__cont-interview-list li {
          width: calc((100% - clamp(12px,2vw,20px)) / 2); } }
      .job__cont-interview-list li a {
        display: block;
        transition: opacity .3s ease-in-out;
        border-bottom: 6px solid #234875; }
        .job__cont-interview-list li a:hover {
          opacity: .6; }
        .job__cont-interview-list li a p {
          padding: clamp(9px, 1.5vw, 15px) clamp(12px, 2vw, 20px);
          background: #FFF; }
          .job__cont-interview-list li a p .job__cont-interview-dept {
            display: block;
            font-size: clamp(1.2rem, 1.4vw, 1.4rem);
            line-height: 1.4; }
            @media (max-width: 600px) {
              .job__cont-interview-list li a p .job__cont-interview-dept br {
                display: none; } }
          .job__cont-interview-list li a p .job__cont-interview-name {
            display: block;
            position: relative;
            width: 100%;
            margin-top: clamp(8px, 1.2vw, 12px);
            padding-right: clamp(12px, 2vw, 20px);
            font-size: clamp(1.8rem, 2.2vw, 2.2rem); }
            .job__cont-interview-list li a p .job__cont-interview-name::after {
              position: absolute;
              content: '';
              width: clamp(5px, 0.8vw, 8px);
              height: clamp(5px, 0.8vw, 8px);
              border: 1px solid #000;
              border-width: 1px 1px 0 0;
              top: calc(50% - 4px);
              right: 0;
              transform: rotate(45deg); }
    .job__cont-interview-list .slick-list {
      width: 100% !important; }
    .job__cont-interview-list .slick-track {
      min-width: 100%; }
    .job__cont-interview-list .slick-slide {
      width: calc(25% - clamp(12px,2vw,20px));
      margin: 0 clamp(6px, 1vw, 10px); }
      @media (max-width: 900px) {
        .job__cont-interview-list .slick-slide {
          width: calc(50% - clamp(12px,2vw,20px)); } }
      @media (max-width: 600px) {
        .job__cont-interview-list .slick-slide {
          width: calc(100% - clamp(12px,2vw,20px)); } }
    @media (max-width: 600px) {
      .job__cont-interview-list .slick-next {
        right: -20px; } }
    .job__cont-interview-list .slick-next::before {
      position: absolute;
      content: '';
      width: clamp(8px, 1.2vw, 12px);
      height: clamp(8px, 1.2vw, 12px);
      border: 1px solid #234875;
      border-width: 2px 2px 0 0;
      transition: border .3s ease-in-out;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%) rotate(45deg); }
    @media (max-width: 600px) {
      .job__cont-interview-list .slick-prev {
        left: -20px; } }
    .job__cont-interview-list .slick-prev::before {
      position: absolute;
      content: '';
      width: clamp(8px, 1.2vw, 12px);
      height: clamp(8px, 1.2vw, 12px);
      border: 1px solid #234875;
      border-width: 2px 2px 0 0;
      transition: border .3s ease-in-out;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%) rotate(-135deg); }
  .job__cont-welfare-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-top: clamp(18px, 3vw, 30px); }
    .job__cont-welfare-list li {
      display: flex;
      align-items: center;
      width: calc(50% - 10px);
      padding: clamp(12px, 2vw, 20px);
      background: rgba(35, 72, 117, 0.15);
      margin-top: clamp(12px, 2vw, 20px); }
      @media (max-width: 600px) {
        .job__cont-welfare-list li {
          width: 100%; } }
      .job__cont-welfare-list li img {
        width: 18.72%;
        padding-right: clamp(12px, 2vw, 20px); }
        @media (max-width: 600px) {
          .job__cont-welfare-list li img {
            width: 20%;
            margin-left: -1%; } }
      .job__cont-welfare-list li p .job__cont-welfare-ttl {
        display: block;
        font-size: clamp(1.6rem, 2vw, 2rem);
        font-weight: bold; }
      .job__cont-welfare-list li p .job__cont-welfare-txt {
        display: block;
        font-size: clamp(1.3rem, 1.5vw, 1.5rem);
        line-height: 1.6; }
  .job__cont-welfare-att {
    margin-top: clamp(18px, 3vw, 30px);
    font-size: clamp(1.3rem, 1.5vw, 1.5rem);
    text-align: center; }
  .job__cont-faq-list {
    max-width: 1000px;
    margin: clamp(30px, 5vw, 50px) auto 0;
    border-bottom: 1px solid #DDD; }
    .job__cont-faq-list li {
      padding: clamp(12px, 2vw, 20px) 0;
      border-top: 1px solid #DDD; }
  .job__cont-faq-q {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding-right: clamp(24px, 4vw, 40px);
    font-size: clamp(1.6rem, 1.8vw, 1.8rem);
    font-weight: bold;
    line-height: 1.4;
    cursor: pointer;
    transition: opacity .3s ease-in-out; }
    .job__cont-faq-q span {
      display: inline-block;
      padding-right: clamp(24px, 4vw, 40px);
      font-size: clamp(1.8rem, 2.8vw, 2.8rem);
      color: #234875; }
    .job__cont-faq-q:hover {
      opacity: .6; }
    .job__cont-faq-q::after {
      position: absolute;
      content: '';
      width: clamp(8px, 1.2vw, 12px);
      height: clamp(8px, 1.2vw, 12px);
      border: 1px solid #000;
      border-width: 1px 1px 0 0;
      top: calc(50% - clamp(4px,.6vw,6px));
      right: 0;
      transform: rotate(135deg);
      transition: transform .3s ease-in-out; }
    .job__cont-faq-q.open::after {
      transform: rotate(-45deg); }
  .job__cont-faq-a {
    display: none;
    font-size: clamp(1.3rem, 1.5vw, 1.5rem); }
    .job__cont-faq-a p {
      display: flex;
      align-items: center;
      padding: 10px clamp(24px, 4vw, 40px) 0 0; }
    .job__cont-faq-a span {
      display: inline-block;
      padding-right: clamp(24px, 4vw, 40px);
      font-size: clamp(1.8rem, 2.8vw, 2.8rem);
      color: #FF2626; }
  .job__lmenu-wrap {
    position: fixed;
    left: 0;
    top: 90px;
    padding: 0 30px;
    width: 100%;
    overflow: hidden;
    z-index: 9;
    transition: transform .3s ease-in-out;
    background: #FFF;
    border-bottom: 1px solid #DDD; }
    @media (max-width: 1200px) {
      .job__lmenu-wrap {
        top: 60px; } }
    @media (max-width: 900px) {
      .job__lmenu-wrap {
        padding: 0; } }
    .js-header-hide .job__lmenu-wrap {
      transform: translateY(-100%); }
  .job__lmenu-ttl {
    position: relative;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: clamp(18px, 3vw, 30px) 0;
    font-size: clamp(1.6rem, 2.5vw, 2.5rem);
    font-weight: bold;
    line-height: 1; }
    .job__lmenu-ttl i {
      display: none;
      position: absolute;
      right: 0;
      top: 50%;
      margin-right: -12px;
      font-size: clamp(1.8rem, 2.4vw, 2.4rem);
      color: #234875;
      transform: translateY(-50%);
      cursor: pointer; }
    @media (max-width: 900px) {
      .job__lmenu-ttl {
        padding-left: 25px; }
        .job__lmenu-ttl i {
          display: block;
          padding: 0 10px;
          margin-right: 15px; } }
    @media (max-width: 600px) {
      .job__lmenu-ttl {
        padding-left: 20px; }
        .job__lmenu-ttl i {
          padding-right: 12px; } }
  .job__lmenu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto; }
    .job__lmenu li {
      position: relative;
      margin-right: clamp(15px, 2.4vw, 24px); }
      .job__lmenu li a {
        display: flex;
        align-items: center;
        height: 100%;
        padding-bottom: clamp(12px, 2vw, 20px);
        font-size: clamp(1.2rem, 1.4vw, 1.5rem);
        letter-spacing: 0;
        line-height: 1.4;
        text-align: center;
        border-bottom: 5px solid #FFF;
        transition: border .2s ease-in-out; }
        .job__lmenu li a:hover {
          border-bottom: 5px solid #234875; }
          @media (max-width: 900px) {
            .job__lmenu li a:hover {
              border: none; } }
      .job__lmenu li:nth-child(n+2)::before {
        position: absolute;
        content: '';
        left: calc(clamp(7px,1.2vw,12px) * -1);
        top: 50%;
        width: 1px;
        height: 100%;
        background: #EEE;
        transform: translateY(-50%); }
    @media (max-width: 900px) {
      .job__lmenu {
        display: none;
        flex-direction: column;
        border-bottom: 1px solid #DDD; }
        .job__lmenu li {
          margin-right: 0;
          border-top: 1px solid #DDD; }
          .job__lmenu li a {
            position: relative;
            padding: 15px 20px;
            border: none; }
            .job__lmenu li a::after {
              content: "";
              position: absolute;
              right: 12px;
              top: 50%;
              width: 6px;
              height: 6px;
              border-top: 1px solid #234875;
              border-right: 1px solid #234875;
              -webkit-transform: rotate(45deg) translate(-7px, 1px);
              transform: rotate(45deg) translate(-7px, 1px); }
            .job__lmenu li a br {
              display: none; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Clinic CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.clinic {
  padding-bottom: clamp(60px, 10vw, 100px); }
  .clinic__header {
    padding: clamp(42px, 7vw, 70px) 0 clamp(36px, 6vw, 60px);
    background: #234875; }
  .clinic__header-ttl {
    padding: 0 30px;
    color: #FFF;
    font-size: clamp(3.2rem, 5.4vw, 5.4rem);
    font-weight: bold;
    text-align: center; }
    .clinic__header-ttl span {
      display: block;
      font-size: clamp(1.6rem, 2.2vw, 2.2rem);
      font-weight: normal; }
    @media (max-width: 900px) {
      .clinic__header-ttl {
        padding: 0 25px; } }
    @media (max-width: 600px) {
      .clinic__header-ttl {
        padding: 0 20px; } }
  .clinic__lnav {
    padding: clamp(10px, 1.5vw, 15px) 0;
    text-align: center;
    background: #FFF; }
    .clinic__lnav li {
      display: inline-block;
      padding: 0 clamp(9px, 1.5vw, 15px); }
      .clinic__lnav li a {
        display: block;
        font-size: clamp(1.3rem, 1.5vw, 1.5rem);
        transition: opacity .3s ease-in-out; }
        .clinic__lnav li a:hover {
          opacity: .6; }
  .clinic__ttl {
    position: relative;
    padding-bottom: clamp(12px, 2vw, 20px);
    color: #234875;
    font-size: clamp(2.5rem, 3.6vw, 3.6rem);
    font-weight: bold;
    text-align: center;
    line-height: 1.4; }
    .clinic__ttl span {
      display: block;
      margin-top: clamp(4px, 0.6vw, 6px);
      color: #000;
      font-family: "Lato", sans-serif;
      font-size: clamp(1.5rem, 1.8vw, 1.8rem);
      font-weight: normal; }
    .clinic__ttl::before {
      position: absolute;
      content: '';
      width: clamp(48px, 8vw, 80px);
      height: clamp(3px, 0.4vw, 4px);
      left: calc(50% - clamp(24px,4vw,40px));
      bottom: 0;
      background: #234875; }
  .clinic__news {
    padding: clamp(48px, 8vw, 80px) 30px;
    background: #F5F5F3; }
    @media (max-width: 900px) {
      .clinic__news {
        padding: clamp(48px, 8vw, 80px) 25px; } }
    @media (max-width: 600px) {
      .clinic__news {
        padding: clamp(48px, 8vw, 80px) 20px; } }
  .clinic__news-inner {
    max-width: 1000px;
    margin: 0 auto; }
  .clinic__news-list, .clinic__bulletin-list {
    margin-top: clamp(30px, 5vw, 50px);
    border-bottom: 1px solid #E1E1E1; }
  .clinic__news-item, .clinic__bulletin-item {
    border-top: 1px solid #E1E1E1; }
    .clinic__news-item a, .clinic__bulletin-item a {
      position: relative;
      display: flex;
      align-items: center;
      padding: clamp(15px, 2.4vw, 24px) clamp(15px, 2.4vw, 24px) clamp(15px, 2.4vw, 24px) 0; }
      .clinic__news-item a::after, .clinic__bulletin-item a::after {
        position: absolute;
        content: '';
        right: 8px;
        top: 50%;
        width: clamp(5px, 0.8vw, 8px);
        height: clamp(5px, 0.8vw, 8px);
        border-top: 1px solid #234875;
        border-right: 1px solid #234875;
        transform: rotate(45deg) translateY(-50%);
        z-index: 1;
        transition: border .3s ease-in-out; }
    .clinic__news-item .date, .clinic__bulletin-item .date {
      width: 90px;
      font-size: clamp(1.2rem, 1.4vw, 1.4rem); }
    .clinic__news-item .category, .clinic__bulletin-item .category {
      width: 90px;
      margin: 0 20px;
      padding: 1px 12px 2px;
      color: #FFF;
      text-align: center;
      font-size: clamp(1rem, 1.2vw, 1.2rem);
      background: #234875;
      border-radius: 30px; }
    .clinic__news-item .ttl, .clinic__bulletin-item .ttl {
      width: calc(100% - 200px);
      font-size: clamp(1.2rem, 1.4vw, 1.4rem);
      font-weight: bold; }
    @media (max-width: 600px) {
      .clinic__news-item a, .clinic__bulletin-item a {
        flex-wrap: wrap; }
      .clinic__news-item .date, .clinic__bulletin-item .date {
        width: 80px; }
      .clinic__news-item .category, .clinic__bulletin-item .category {
        margin-left: 0; }
      .clinic__news-item .ttl, .clinic__bulletin-item .ttl {
        margin-top: 12px;
        width: 100%; } }
  .clinic__news-no-article {
    margin-top: clamp(10px, 2vw, 20px);
    font-size: clamp(1.5rem, 1.8vw, 1.8rem);
    font-weight: bold;
    text-align: center; }
  .clinic__info {
    padding: clamp(48px, 8vw, 80px) 30px;
    background: #FFF; }
    @media (max-width: 900px) {
      .clinic__info {
        padding: clamp(48px, 8vw, 80px) 25px; } }
    @media (max-width: 600px) {
      .clinic__info {
        padding: clamp(48px, 8vw, 80px) 20px; } }
  .clinic__info-inner {
    max-width: 1000px;
    margin: 0 auto; }
  .clinic__info-list {
    margin-top: clamp(30px, 5vw, 50px); }
  .clinic__info-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-left: 10px solid #234875; }
    .clinic__info-item p:first-child {
      width: 150px;
      text-align: center;
      font-size: clamp(1.5rem, 1.8vw, 1.8rem);
      font-weight: bold; }
      @media (max-width: 600px) {
        .clinic__info-item p:first-child {
          width: 100%;
          margin-left: 2%;
          padding-bottom: 6px;
          text-align: left; } }
    .clinic__info-item p:last-child {
      width: calc(100% - 150px);
      padding: clamp(6px, 1vw, 10px) clamp(12px, 2vw, 20px);
      font-size: clamp(1.2rem, 1.4vw, 1.4rem);
      background: #F5F5F3; }
      @media (max-width: 600px) {
        .clinic__info-item p:last-child {
          width: 98%;
          margin-left: 2%; } }
      .clinic__info-item p:last-child.zip {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: clamp(6px, 1vw, 10px) 0 clamp(6px, 1vw, 10px) clamp(12px, 2vw, 20px); }
        @media (max-width: 600px) {
          .clinic__info-item p:last-child.zip {
            flex-direction: column;
            align-items: flex-start; } }
    .clinic__info-item:nth-child(n+2) {
      margin-top: clamp(6px, 1vw, 10px); }
    @media (max-width: 600px) {
      .clinic__info-item {
        border-left: 6px solid #234875; } }
  .clinic__info-gmap {
    width: clamp(150px, 16vw, 160px);
    margin: 0 clamp(6px, 1vw, 10px);
    padding: clamp(6px, 1vw, 10px) clamp(9px, 1.5vw, 15px);
    color: #234875;
    font-size: clamp(1.3rem, 1.5vw, 1.5rem);
    font-weight: bold;
    text-align: center;
    line-height: 1;
    border: 1px solid #234875;
    background: #FFF;
    white-space: nowrap; }
    @media (max-width: 600px) {
      .clinic__info-gmap {
        margin-left: 0;
        margin-top: 6px; } }
  .clinic__clinic {
    padding: clamp(48px, 8vw, 80px) 30px;
    background: #234875; }
    @media (max-width: 900px) {
      .clinic__clinic {
        padding: clamp(48px, 8vw, 80px) 25px; } }
    @media (max-width: 600px) {
      .clinic__clinic {
        padding: clamp(48px, 8vw, 80px) 20px; } }
    .clinic__clinic .clinic__ttl {
      color: #FFF; }
      .clinic__clinic .clinic__ttl span {
        color: #FFF; }
      .clinic__clinic .clinic__ttl::before {
        background: #FFF; }
  .clinic__clinic-inner {
    max-width: 1200px;
    margin: 0 auto; }
  .clinic__clinic-data {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: clamp(30px, 5vw, 50px); }
  .clinic__clinic-photo {
    position: relative;
    width: calc((100% - clamp(30px,5vw,50px)) / 2); }
    .clinic__clinic-photo img {
      position: relative;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 2; }
    .clinic__clinic-photo::before {
      position: absolute;
      content: '';
      left: calc(clamp(12px,2vw,20px) * -1);
      top: calc(clamp(12px,2vw,20px) * -1);
      width: 100%;
      height: 100%;
      background: #507A9C;
      z-index: 1; }
    @media (max-width: 600px) {
      .clinic__clinic-photo {
        width: 100%; } }
  .clinic__clinic-info {
    width: calc((100% - clamp(30px,5vw,50px)) / 2); }
    @media (max-width: 600px) {
      .clinic__clinic-info {
        margin-top: clamp(18px, 3vw, 30px);
        width: 100%; } }
  .clinic__clinic-list {
    color: #FFF; }
  .clinic__clinic-txt {
    display: flex;
    align-items: center;
    font-size: clamp(1.5rem, 1.8vw, 1.8rem);
    font-weight: bold; }
    .clinic__clinic-txt i {
      font-size: clamp(1.9rem, 3.2vw, 3.2rem);
      margin-right: clamp(12px, 2vw, 20px); }
      .clinic__clinic-txt i.fa-arrow-up-right-from-square {
        padding-right: 0;
        padding-left: clamp(12px, 2vw, 20px);
        font-size: clamp(1.4rem, 2vw, 2rem); }
    .clinic__clinic-txt a {
      color: #FFF; }
    .clinic__clinic-txt:nth-child(n+2) {
      margin-top: clamp(12px, 2vw, 20px);
      padding-top: clamp(12px, 2vw, 20px);
      border-top: 1px solid rgba(255, 255, 255, 0.3); }
  .clinic__clinic-num {
    font-size: clamp(1.9rem, 3.2vw, 3.2rem);
    font-weight: bold; }
    .clinic__clinic-num span {
      display: block;
      font-size: clamp(1.3rem, 1.5vw, 1.5rem);
      font-weight: normal; }
  .clinic__flow {
    padding: clamp(48px, 8vw, 80px) 30px;
    background: #FFF; }
    @media (max-width: 900px) {
      .clinic__flow {
        padding: clamp(48px, 8vw, 80px) 25px; } }
    @media (max-width: 600px) {
      .clinic__flow {
        padding: clamp(48px, 8vw, 80px) 20px; } }
  .clinic__flow-inner {
    max-width: 1200px;
    margin: 0 auto; }
  .clinic__flow-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: clamp(30px, 5vw, 50px); }
    @media (max-width: 900px) {
      .clinic__flow-list {
        flex-direction: column; } }
  .clinic__flow-item {
    position: relative;
    width: calc((100% - 80px) / 5);
    padding: clamp(30px, 5vw, 50px) clamp(9px, 1.5vw, 15px) clamp(12px, 2vw, 20px);
    border: 3px solid #91A4BA;
    border-radius: clamp(9px, 1.5vw, 15px) 0 clamp(9px, 1.5vw, 15px) 0; }
    .clinic__flow-item .ttl {
      display: flex;
      align-items: center;
      line-height: 1;
      color: #234875;
      font-size: 2rem;
      font-weight: bold;
      white-space: nowrap;
      letter-spacing: 0; }
      @media (max-width: 1300px) {
        .clinic__flow-item .ttl {
          font-size: 1.8vw; } }
      @media (max-width: 1100px) {
        .clinic__flow-item .ttl {
          font-size: 1.6vw; } }
      @media (max-width: 900px) {
        .clinic__flow-item .ttl {
          font-size: 2.4rem; } }
      @media (max-width: 600px) {
        .clinic__flow-item .ttl {
          font-size: 5.4vw; } }
      .clinic__flow-item .ttl > span {
        position: relative;
        margin-right: 5px;
        font-family: "Oswald", sans-serif;
        font-size: clamp(2.5rem, 3.6vw, 3.6rem);
        font-weight: normal;
        white-space: nowrap;
        opacity: .3; }
        .clinic__flow-item .ttl > span span {
          position: absolute;
          left: 50%;
          top: 0;
          font-size: clamp(1.3rem, 1.5vw, 1.5rem);
          transform: translate(-50%, -100%);
          white-space: nowrap; }
    .clinic__flow-item .icon {
      display: block;
      padding: clamp(12px, 2vw, 20px) clamp(6px, 1vw, 10px);
      color: #234875;
      text-align: center; }
      .clinic__flow-item .icon i {
        font-size: clamp(3.6rem, 4.8vw, 4.8rem); }
        @media (max-width: 600px) {
          .clinic__flow-item .icon i {
            font-size: 8vw; } }
    .clinic__flow-item .txt {
      font-size: clamp(1.3rem, 1.5vw, 1.5rem); }
      @media (max-width: 900px) {
        .clinic__flow-item .txt {
          width: 100%; } }
    .clinic__flow-item::after {
      position: absolute;
      content: '';
      width: clamp(12px, 2vw, 20px);
      height: clamp(2.5rem, 3.6vw, 3.6rem);
      top: clamp(30px, 5vw, 50px);
      right: calc(clamp(12px,2vw,20px) * -1);
      background: #91A4BA;
      clip-path: polygon(0 0, 100% 50%, 0 100%); }
      @media (max-width: 900px) {
        .clinic__flow-item::after {
          width: clamp(2.5rem, 3.6vw, 3.6rem);
          height: clamp(12px, 2vw, 20px);
          top: auto;
          right: auto;
          left: clamp(30px, 5vw, 50px);
          bottom: calc(clamp(12px,2vw,20px) * -1);
          clip-path: polygon(0 0, 100% 0, 50% 100%); } }
    .clinic__flow-item:last-child::after {
      content: none; }
    @media (max-width: 1300px) {
      .clinic__flow-item {
        padding: clamp(30px, 5vw, 50px) clamp(8px, 1.2vw, 12px) clamp(12px, 2vw, 20px); } }
    @media (max-width: 900px) {
      .clinic__flow-item {
        display: flex;
        flex-wrap: wrap;
        padding-top: 10px;
        width: 100%; }
        .clinic__flow-item:nth-child(n+2) {
          margin-top: 20px; } }
  .clinic__reserve {
    padding: clamp(48px, 8vw, 80px) 30px;
    background: #F5F5F3; }
    @media (max-width: 900px) {
      .clinic__reserve {
        padding: clamp(48px, 8vw, 80px) 25px; } }
    @media (max-width: 600px) {
      .clinic__reserve {
        padding: clamp(48px, 8vw, 80px) 20px; } }
  .clinic__reserve-inner {
    max-width: 1000px;
    margin: 0 auto; }
  .clinic__reserve-lead {
    margin-top: clamp(30px, 5vw, 50px);
    font-size: clamp(1.5rem, 1.8vw, 1.8rem);
    font-weight: bold;
    text-align: center; }
    .clinic__reserve-lead span {
      display: block;
      font-size: clamp(1.3rem, 1.5vw, 1.5rem);
      font-weight: normal; }
  .clinic__reserve-tablewrap {
    width: 100%;
    overflow: auto; }
  .clinic__reserve-table {
    width: 100%;
    min-width: 600px;
    margin-top: clamp(12px, 2vw, 20px);
    border-bottom: 1px solid #999; }
    .clinic__reserve-table tr th, .clinic__reserve-table tr td {
      padding: clamp(9px, 1.5vw, 15px) 0;
      width: 11%;
      font-size: clamp(1.5rem, 1.8vw, 1.8rem);
      font-weight: bold;
      text-align: center;
      border-top: 1px solid #999; }
      .clinic__reserve-table tr th:nth-child(even), .clinic__reserve-table tr td:nth-child(even) {
        background: #FFF; }
      .clinic__reserve-table tr th:nth-child(1), .clinic__reserve-table tr td:nth-child(1) {
        width: 23%; }
  .clinic__reserve-notice {
    margin-top: clamp(12px, 2vw, 20px);
    color: #234875;
    font-size: clamp(1.5rem, 1.8vw, 1.8rem);
    font-weight: bold;
    text-align: center; }
  .clinic__reserve-btnarea {
    margin-top: clamp(12px, 2vw, 20px); }
    .clinic__reserve-btnarea span, .clinic__reserve-btnarea a {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto;
      padding: clamp(3px, 0.4vw, 4px) clamp(12px, 2vw, 20px);
      width: clamp(300px, 34vw, 340px);
      color: #FFF;
      font-size: clamp(2.2rem, 3.2vw, 3.2rem);
      font-weight: bold;
      background: #234875; }
      .clinic__reserve-btnarea span i, .clinic__reserve-btnarea a i {
        display: inline-block;
        padding-right: clamp(12px, 2vw, 20px);
        font-size: clamp(2.2rem, 3.2vw, 3.2rem); }
  .clinic__greeting {
    padding: clamp(48px, 8vw, 80px) 30px;
    background: #F5F5F3; }
    @media (max-width: 900px) {
      .clinic__greeting {
        padding: clamp(48px, 8vw, 80px) 25px; } }
    @media (max-width: 600px) {
      .clinic__greeting {
        padding: clamp(48px, 8vw, 80px) 20px; } }
  .clinic__greeting-inner {
    max-width: 1000px;
    margin: 0 auto; }
  .clinic__greeting-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: clamp(30px, 5vw, 50px); }
  .clinic__greeting-imgarea {
    width: 28.8%; }
    .clinic__greeting-imgarea img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    @media (max-width: 600px) {
      .clinic__greeting-imgarea {
        width: 100%; }
        .clinic__greeting-imgarea img {
          width: 60%;
          height: auto;
          margin: 0 auto; } }
  .clinic__greeting-txtarea {
    width: calc(100% - 28.8% - clamp(30px,5vw,50px)); }
    @media (max-width: 600px) {
      .clinic__greeting-txtarea {
        margin-top: clamp(18px, 3vw, 30px);
        width: 100%; } }
  .clinic__greeting-ttl {
    font-size: clamp(1.7rem, 2.4vw, 2.4rem);
    font-weight: bold; }
  .clinic__greeting-txt {
    margin-top: clamp(18px, 3vw, 30px);
    font-size: clamp(1.3rem, 1.5vw, 1.5rem); }
  .clinic__greeting-name {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: clamp(12px, 2vw, 20px);
    font-weight: bold; }
    .clinic__greeting-name .dept {
      padding-left: clamp(6px, 1vw, 10px); }
    .clinic__greeting-name .name {
      padding-left: clamp(6px, 1vw, 10px);
      font-size: clamp(1.4rem, 2vw, 2rem); }
  .clinic__doctor {
    padding: clamp(48px, 8vw, 80px) 30px;
    background: #F5F5F3; }
    @media (max-width: 900px) {
      .clinic__doctor {
        padding: clamp(48px, 8vw, 80px) 25px; } }
    @media (max-width: 600px) {
      .clinic__doctor {
        padding: clamp(48px, 8vw, 80px) 20px; } }
  .clinic__doctor-inner {
    max-width: 1000px;
    margin: 0 auto; }
  .clinic__doctor-list > li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start; }
    .clinic__doctor-list > li:nth-child(n+2) {
      margin-top: clamp(48px, 8vw, 80px); }
    @media (max-width: 600px) {
      .clinic__doctor-list > li {
        flex-direction: column;
        align-items: center; } }
  .clinic__doctor-imgarea {
    width: 28.8%; }
    .clinic__doctor-imgarea img {
      border-radius: 300px;
      aspect-ratio: 1 / 1;
      overflow: hidden; }
    @media (max-width: 600px) {
      .clinic__doctor-imgarea {
        width: 60%; } }
  .clinic__doctor-txtarea {
    width: calc(100% - 28.8% - clamp(30px,5vw,50px)); }
    @media (max-width: 600px) {
      .clinic__doctor-txtarea {
        margin-top: clamp(18px, 3vw, 30px);
        width: 100%; } }
  .clinic__doctor-info .dept {
    font-size: clamp(1.7rem, 2.4vw, 2.4rem); }
  .clinic__doctor-info .name {
    display: flex;
    align-items: center;
    margin-top: clamp(6px, 1vw, 10px);
    padding-top: clamp(6px, 1vw, 10px);
    border-top: 4px solid #234875; }
    .clinic__doctor-info .name span {
      font-size: clamp(2rem, 2.8vw, 2.8rem);
      font-weight: bold; }
      .clinic__doctor-info .name span.icon {
        display: inline-block;
        margin-right: clamp(9px, 1.5vw, 15px);
        padding: 2px 0;
        width: 100px;
        text-align: center;
        color: #FFF;
        font-size: clamp(1rem, 1.2vw, 1.2rem);
        font-weight: normal;
        background: #234875;
        border-radius: 50px; }
        @media (max-width: 600px) {
          .clinic__doctor-info .name span.icon {
            width: 72px; } }
      .clinic__doctor-info .name span.en {
        display: inline-block;
        margin-left: clamp(9px, 1.5vw, 15px);
        color: #666;
        font-size: clamp(1rem, 1.2vw, 1.2rem);
        font-weight: bold; }
  .clinic__doctor-info > ul {
    margin-top: clamp(6px, 1vw, 10px);
    padding-top: clamp(12px, 2vw, 20px);
    border-top: 1px solid #DDD; }
    .clinic__doctor-info > ul > li {
      display: flex;
      align-items: flex-start;
      font-size: clamp(1.3rem, 1.5vw, 1.5rem); }
      .clinic__doctor-info > ul > li span.icon {
        display: inline-block;
        margin-right: clamp(9px, 1.5vw, 15px);
        padding: 2px 0;
        width: 100px;
        text-align: center;
        color: #234875;
        font-size: clamp(1rem, 1.2vw, 1.2rem);
        font-weight: normal;
        border: 1px solid #234875;
        border-radius: 50px; }
        @media (max-width: 600px) {
          .clinic__doctor-info > ul > li span.icon {
            width: 72px; } }
      .clinic__doctor-info > ul > li:nth-child(n+2) {
        margin-top: clamp(9px, 1.5vw, 15px); }
  .clinic__booklet {
    padding: clamp(48px, 8vw, 80px) 30px;
    background: #FFF; }
    @media (max-width: 900px) {
      .clinic__booklet {
        padding: clamp(48px, 8vw, 80px) 25px; } }
    @media (max-width: 600px) {
      .clinic__booklet {
        padding: clamp(48px, 8vw, 80px) 20px; } }
  .clinic__booklet-inner {
    max-width: 850px;
    margin: clamp(30px, 5vw, 50px) auto 0; }
  .clinic__booklet-lead {
    font-size: clamp(1.5rem, 1.8vw, 1.8rem);
    font-weight: bold;
    text-align: center; }
  .clinic__booklet-data {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: clamp(30px, 5vw, 50px); }
    @media (max-width: 600px) {
      .clinic__booklet-data {
        flex-direction: column;
        align-items: center; } }
  .clinic__booklet-photo {
    width: 23.8%; }
  .clinic__booklet-info {
    width: calc(76.2% - clamp(24px,4vw,40px)); }
    @media (max-width: 600px) {
      .clinic__booklet-info {
        margin-top: clamp(18px, 3vw, 30px);
        width: 100%; } }
  .clinic__booklet-txt {
    font-size: clamp(1.3rem, 1.5vw, 1.5rem); }
    .clinic__booklet-txt:nth-child(n+2) {
      margin-top: clamp(24px, 4vw, 40px); }
  .clinic__booklet-btnarea {
    margin-top: clamp(18px, 3vw, 30px);
    width: 100%; }
    .clinic__booklet-btnarea a {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto;
      padding: clamp(6px, 1vw, 10px) clamp(12px, 2vw, 20px);
      width: clamp(300px, 34vw, 340px);
      color: #FFF;
      font-size: clamp(1.6rem, 2vw, 2rem);
      font-weight: bold;
      background: #234875; }
      .clinic__booklet-btnarea a i {
        display: inline-block;
        padding-right: clamp(12px, 2vw, 20px);
        font-size: clamp(2.2rem, 3.2vw, 3.2rem); }
  .clinic__area {
    padding: clamp(48px, 8vw, 80px) 30px;
    background: #234875; }
    @media (max-width: 900px) {
      .clinic__area {
        padding: clamp(48px, 8vw, 80px) 25px; } }
    @media (max-width: 600px) {
      .clinic__area {
        padding: clamp(48px, 8vw, 80px) 20px; } }
    .clinic__area .clinic__ttl {
      color: #FFF; }
      .clinic__area .clinic__ttl span {
        color: #FFF; }
      .clinic__area .clinic__ttl::before {
        background: #FFF; }
  .clinic__area-inner {
    max-width: 1200px;
    margin: 0 auto; }
  .clinic__area-data {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: clamp(30px, 5vw, 50px); }
    @media (max-width: 600px) {
      .clinic__area-data {
        flex-direction: column; } }
  .clinic__area-map {
    position: relative;
    width: calc((100% - clamp(30px,5vw,50px)) / 2); }
    .clinic__area-map img {
      position: relative;
      z-index: 2; }
    .clinic__area-map::after {
      position: absolute;
      content: '';
      width: 100%;
      height: 100%;
      right: calc(clamp(12px,2vw,20px) * -1);
      bottom: calc(clamp(12px,2vw,20px) * -1);
      background: #507A9C;
      z-index: 1; }
    @media (max-width: 600px) {
      .clinic__area-map {
        width: 100%; } }
  .clinic__area-info {
    width: calc((100% - clamp(30px,5vw,50px)) / 2); }
    @media (max-width: 600px) {
      .clinic__area-info {
        margin-top: clamp(18px, 3vw, 30px);
        width: 100%; } }
  .clinic__area-txt {
    color: #FFF;
    font-size: clamp(1.5rem, 1.8vw, 1.8rem);
    font-weight: bold; }
  .clinic__area-link {
    display: flex;
    align-items: center;
    margin-top: clamp(36px, 6vw, 60px);
    padding: clamp(12px, 2vw, 20px) 0;
    color: #FFF;
    font-size: clamp(1.6rem, 2vw, 2rem);
    font-weight: bold;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
    .clinic__area-link > i {
      display: inline-block;
      font-size: clamp(1.9rem, 3.2vw, 3.2rem);
      margin-right: clamp(12px, 2vw, 20px); }
      .clinic__area-link > i.fa-arrow-up-right-from-square {
        padding-right: 0;
        padding-left: clamp(12px, 2vw, 20px);
        font-size: clamp(1.4rem, 2vw, 2rem); }
    .clinic__area-link a {
      color: #FFF; }
      .clinic__area-link a i {
        display: inline-block;
        margin-left: clamp(6px, 1vw, 10px); }
  .clinic__bulletin {
    padding: clamp(48px, 8vw, 80px) 30px;
    background: #FFF; }
    @media (max-width: 900px) {
      .clinic__bulletin {
        padding: clamp(48px, 8vw, 80px) 25px; } }
    @media (max-width: 600px) {
      .clinic__bulletin {
        padding: clamp(48px, 8vw, 80px) 20px; } }
  .clinic__bulletin-inner {
    max-width: 1000px;
    margin: 0 auto; }
  .clinic__bulletin-item a::after {
    content: none; }
  .clinic__layout1 {
    padding: clamp(48px, 8vw, 80px) 30px 0;
    background: #FFF; }
    @media (max-width: 900px) {
      .clinic__layout1 {
        padding: clamp(48px, 8vw, 80px) 25px 0; } }
    @media (max-width: 600px) {
      .clinic__layout1 {
        padding: clamp(48px, 8vw, 80px) 20px 0; } }
  .clinic__layout1-inner {
    max-width: 1000px;
    margin: 0 auto; }
  .clinic__layout2, .clinic__layout3, .clinic__layout4, .clinic__layout5 {
    padding: clamp(48px, 8vw, 80px) 30px 0;
    background: #FFF; }
    @media (max-width: 900px) {
      .clinic__layout2, .clinic__layout3, .clinic__layout4, .clinic__layout5 {
        padding: clamp(48px, 8vw, 80px) 25px 0; } }
    @media (max-width: 600px) {
      .clinic__layout2, .clinic__layout3, .clinic__layout4, .clinic__layout5 {
        padding: clamp(48px, 8vw, 80px) 20px 0; } }
  .clinic__layout2-inner, .clinic__layout3-inner, .clinic__layout4-inner, .clinic__layout5-inner {
    max-width: 1000px;
    margin: 0 auto; }
  .clinic__layout2-box, .clinic__layout3-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .clinic__layout2-box dt, .clinic__layout3-box dt {
      width: 32%; }
      .clinic__layout2-box dt img, .clinic__layout3-box dt img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      @media (max-width: 600px) {
        .clinic__layout2-box dt, .clinic__layout3-box dt {
          width: 100%; } }
    .clinic__layout2-box dd, .clinic__layout3-box dd {
      width: calc(68% - clamp(30px,5vw,50px)); }
      @media (max-width: 600px) {
        .clinic__layout2-box dd, .clinic__layout3-box dd {
          width: 100%;
          margin-top: clamp(18px, 3vw, 30px); } }
    @media (max-width: 600px) {
      .clinic__layout2-box, .clinic__layout3-box {
        flex-direction: column; } }
  .clinic__layout2-ttl, .clinic__layout3-ttl, .clinic__layout4-ttl {
    font-size: clamp(1.5rem, 1.8vw, 2.4rem);
    font-weight: bold; }
  .clinic__layout2-txt, .clinic__layout3-txt, .clinic__layout4-txt {
    margin-top: clamp(18px, 3vw, 30px);
    font-size: clamp(1.3rem, 1.5vw, 1.5rem); }
  .clinic__layout3-box {
    flex-direction: row-reverse; }
    @media (max-width: 600px) {
      .clinic__layout3-box {
        flex-direction: column; } }
  .clinic__layout4-inner {
    position: relative; }
    .clinic__layout4-inner img {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 1; }
  .clinic__layout4-box {
    position: relative;
    padding: clamp(18px, 3vw, 30px);
    max-width: 800px;
    margin: 0 auto;
    z-index: 2; }
  .clinic__layout4-ttl {
    text-align: center; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Post-detail CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.news {
  background: #F5F5F3;
  padding-bottom: clamp(60px, 10vw, 100px);
  /* RECRUIT */ }
  .news__cont {
    max-width: 1200px;
    margin: clamp(15px, 5vw, 50px) auto 0;
    padding: clamp(30px, 5vw, 50px) clamp(15px, 5vw, 50px);
    background: #FFF; }
  .news #news__year {
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: 1; }
  .news__category {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: clamp(12px, 2vw, 20px); }
    .news__category.search {
      justify-content: flex-start; }
      @media (max-width: 600px) {
        .news__category.search {
          justify-content: center; } }
  .news__category-btn {
    margin: 0 clamp(6px, 1vw, 10px); }
    .news__category-btn span {
      display: inline-block;
      padding: 6px clamp(6px, 1vw, 10px);
      min-width: 100px;
      text-align: center;
      font-size: clamp(1rem, 1.2vw, 1.2rem);
      line-height: 1;
      border-radius: 30px;
      border: 1px solid #DDD;
      color: #FFF;
      background: #333;
      transition: all .4s ease-in-out;
      cursor: pointer; }
      .news__category-btn span.active {
        color: #234875 !important;
        background: #FFF !important;
        pointer-events: none; }
  .news__category-ttl {
    font-size: clamp(1.4rem, 1.6vw, 1.6rem);
    font-weight: bold; }
    @media (max-width: 600px) {
      .news__category-ttl {
        width: 100%;
        padding-bottom: clamp(12px, 2vw, 20px); } }
  .news__category-select {
    margin-left: clamp(12px, 2vw, 20px); }
  .news__category-submit {
    margin-left: clamp(12px, 2vw, 20px); }
    .news__category-submit button {
      padding: clamp(4px, 0.6vw, 6px) clamp(24px, 4vw, 40px);
      color: #FFF;
      font-size: clamp(1.4rem, 1.6vw, 1.6rem);
      border: 1px solid #234875;
      border-radius: 30px;
      background: #234875;
      transition: color .3s ease-in-out,background .3s ease-in-out;
      cursor: pointer; }
      @media (max-width: 600px) {
        .news__category-submit button {
          display: block;
          padding: 10px 0;
          width: 50%;
          margin: clamp(18px, 3vw, 30px) auto 0; } }
      .news__category-submit button:hover {
        color: #234875;
        background: #FFF; }
    @media (max-width: 600px) {
      .news__category-submit {
        width: 100%;
        padding-bottom: clamp(12px, 2vw, 20px); } }
  .news .home__news-list {
    margin-top: clamp(18px, 3vw, 30px); }
  .news__pager {
    display: flex;
    justify-content: center;
    margin-top: clamp(12px, 2vw, 20px); }
  .news__pager-item {
    padding: 2px clamp(6px, 1vw, 10px); }
    .news__pager-item a {
      display: grid;
      place-items: center;
      width: 30px;
      height: 30px;
      font-size: clamp(1.2rem, 1.4vw, 1.4rem);
      border-radius: 30px; }
    .news__pager-item.active a {
      color: #FFF;
      background: #234875; }
  .news__detail-cont {
    background: #FFF;
    padding: 0 clamp(15px, 5vw, 50px); }
  .news__detail-inner {
    max-width: 1000px;
    margin: 0 auto clamp(15px, 5vw, 50px); }
  .news__detail-ttl {
    font-size: clamp(2.8rem, 4vw, 4rem);
    font-weight: bold; }
  .news__detail-data {
    display: flex; }
    .news__detail-data .date {
      display: inline-block;
      padding-right: clamp(12px, 2vw, 20px);
      font-size: clamp(1.1rem, 1.3vw, 1.3rem); }
    .news__detail-data .icon {
      display: block;
      width: fit-content;
      color: #FFF;
      font-size: clamp(1rem, 1.2vw, 1.2rem);
      border-radius: 30px;
      padding: 0 15px;
      text-align: center; }
  .news__detail-contents {
    margin-top: clamp(15px, 5vw, 50px); }
    .news__detail-contents h2 {
      margin-top: clamp(24px, 4vw, 40px);
      font-size: clamp(2rem, 3vw, 3rem);
      font-weight: bold; }
    .news__detail-contents h3 {
      margin-top: clamp(24px, 4vw, 40px);
      font-size: clamp(1.8rem, 2.4vw, 2.4rem);
      font-weight: bold; }
    .news__detail-contents p {
      margin-top: clamp(18px, 3vw, 30px); }
    .news__detail-contents p:first-child,
    .news__detail-contents h2:first-child,
    .news__detail-contents h3:first-child {
      margin-top: clamp(12px, 2vw, 20px); }
  .news__detail-midashi {
    margin-top: clamp(24px, 4vw, 40px);
    font-weight: bold; }
    .news__detail-midashi.large {
      font-size: clamp(2rem, 3vw, 3rem); }
    .news__detail-midashi.middle {
      font-size: clamp(1.8rem, 2.4vw, 2.4rem); }
  .news__detail-txt {
    margin-top: clamp(24px, 4vw, 40px); }
  .news__detail-return {
    display: block;
    width: fit-content;
    color: #FFF;
    font-size: clamp(1rem, 1.2vw, 1.2rem);
    border-radius: 30px;
    padding: 5px 20px 10px;
    margin: clamp(24px, 4vw, 40px) auto 0;
    background: #234875;
    transition: opacity 0.4s ease; }
    .news__detail-return:hover {
      opacity: .7; }
  .news .form__inner {
    display: flex;
    align-items: center; }
    .news .form__inner select {
      margin-right: clamp(6px, 1vw, 10px); }
      @media (max-width: 600px) {
        .news .form__inner select {
          justify-content: space-between;
          width: calc(50% - 10px); } }
    .news .form__inner button {
      margin-right: clamp(6px, 1vw, 10px);
      padding: clamp(4px, 0.6vw, 6px) clamp(24px, 4vw, 40px);
      color: #FFF;
      font-size: clamp(1.4rem, 1.6vw, 1.6rem);
      border: 1px solid #234875;
      border-radius: 30px;
      background: #234875;
      transition: opacity .3s ease-in-out;
      cursor: pointer; }
      .news .form__inner button:hover {
        opacity: .7; }
    .news .form__inner > a {
      padding: clamp(4px, 0.6vw, 6px) clamp(24px, 4vw, 40px);
      font-size: clamp(1.4rem, 1.6vw, 1.6rem);
      border: 1px solid #234875;
      border-radius: 30px;
      background: #FFF;
      transition: opacity 0.3s ease-in-out;
      cursor: pointer; }
      .news .form__inner > a:hover {
        opacity: .7; }
    @media (max-width: 600px) {
      .news .form__inner {
        display: block;
        text-align: center; }
        .news .form__inner button, .news .form__inner a {
          margin-top: 20px; } }

.page-numbers {
  display: flex;
  justify-content: center;
  margin-top: clamp(12px, 2vw, 20px); }
  .page-numbers li {
    padding: 2px clamp(6px, 1vw, 10px); }
    .page-numbers li .page-numbers {
      display: grid;
      place-items: center;
      width: 30px;
      height: 30px;
      font-size: clamp(1.2rem, 1.4vw, 1.4rem);
      border-radius: 30px; }
      .page-numbers li .page-numbers.current {
        color: #FFF;
        background: #234875; }

.pagination .nav-links {
  display: flex;
  justify-content: center;
  margin-top: clamp(12px, 2vw, 20px); }
  .pagination .nav-links > span, .pagination .nav-links > a {
    margin: 2px clamp(6px, 1vw, 10px);
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    font-size: clamp(1.2rem, 1.4vw, 1.4rem);
    border-radius: 30px; }
    .pagination .nav-links > span.current, .pagination .nav-links > a.current {
      color: #FFF;
      background: #234875; }