@charset "UTF-8";
/* ///////////////////////////////////////////
  style.scss
/////////////////////////////////////////// */
/*====================================
  00_base
=====================================*/
/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  リンクボタン
///////////////////////////////// */
/* /////////////////////////////////
  FlexBox
///////////////////////////////// */
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/*
 * ress.css • v2.0.4
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:300,500,700|Noto+Serif+JP:200,300,400,500,700&family=Shippori+Antique+B1&display=swap");
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
hr {
  overflow: visible; /* Show the overflow in Edge and IE */
  height: 0; /* Add the correct box sizing in Firefox */
}

details,
main {
  display: block; /* Render the `main` element consistently in IE. */
}

summary {
  display: list-item; /* Add the correct display in all browsers */
}

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

[hidden] {
  display: none; /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: none; /* Remove the bottom border in Chrome 57 */
  /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
}

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

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

pre {
  font-size: 1em; /* Correct the odd `em` font sizing in all browsers */
}

b,
strong {
  font-weight: bolder; /* Add the correct font weight in Chrome, Edge, and Safari */
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto; /* Correct the cursor style of increment and decrement buttons in Chrome */
}

[type=search] {
  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px; /* Correct the outline style in Safari */
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; /* Remove the inner padding in Chrome and Safari on macOS */
}

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule */
}

button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
  color: inherit;
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
}

/* Style select like a standard input */
select {
  -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}

select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge 18- and IE */
}

::-webkit-file-upload-button {
  /* Correct the inability to style clickable types in iOS and Safari */
  -webkit-appearance: button;
  color: inherit;
  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

svg:not([fill]) {
  fill: currentColor;
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/*====================================
  01_layout
=====================================*/
/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  リンクボタン
///////////////////////////////// */
/* /////////////////////////////////
  FlexBox
///////////////////////////////// */
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* ///////////////////////////////////////////
  layout.scss
  全体のレイアウトに関する記述
/////////////////////////////////////////// */
html {
  font-size: 62.5%;
}

body {
  margin: 0;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  background-color: #fff;
  color: #0C0C0C;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  overflow-x: hidden;
}
@media print, screen and (min-width: 769px) {
  body {
    border-top: 50px solid #d5eeff;
    font-size: 1.8rem;
    line-height: 1.4;
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  body {
    border-top: 26px solid #d5eeff;
    font-size: 1.4rem;
    line-height: 1.4;
    padding: 0;
  }
}
body.fixed {
  height: 100%;
  overflow: hidden;
}
body *:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

h1, h2, h3, h4, h5, h6,
table, tr, td, th,
ol, ul, li,
dl, dt, dd,
p {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  list-style: none;
}

i, em {
  font-style: normal;
}

img {
  border: none;
  margin: 0;
  padding: 0;
}

figure {
  display: block;
  margin: 0;
}

a, *:focus {
  outline: none;
}

*::-moz-selection {
  background: #004bac;
  color: #FFF;
}

*::selection {
  background: #004bac;
  color: #FFF;
}

*::-moz-selection {
  background: #004bac;
  color: #FFF;
}

.hide {
  display: none !important;
}

@media only screen and (max-width: 768px) {
  .hideSP {
    display: none !important;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .hideTL {
    display: none !important;
  }
}

@media print, screen and (min-width: 1025px) {
  .hideDT {
    display: none !important;
  }
}

@media print, screen and (min-width: 769px) {
  .hidePC {
    display: none !important;
  }
}

@media print, screen and (min-width: 1025px) {
  .hideDesktop {
    display: none;
  }
}

@media print, screen and (max-width: 1024px) {
  .hideMobile {
    display: none;
  }
}

.serif {
  font-family: "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 400;
}

main {
  margin: 0 auto;
}

a:link {
  color: #004bac;
}
a:visited {
  color: #004bac;
}
a:hover {
  color: #004bac;
  text-decoration: none;
}
a:active {
  color: #004bac;
}

.none li {
  width: 100% !important;
  max-width: 100% !important;
  text-align: center;
}

.noitem {
  width: 100% !important;
  min-height: 200px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -ms-flex-line-pack: center !important;
      align-content: center !important;
  text-align: center !important;
}
.noitem li {
  border: none !important;
  display: inline-block !important;
}

/* ======================
改行処理
====================== */
.p-blo {
  display: inline-block;
}

.min-p {
  font-size: 70%;
  display: block;
}

/* ======================
スクロールアニメーション
====================== */
.js-fadeUp {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: opacity 0.5s, -webkit-transform 1s;
  transition: opacity 0.5s, -webkit-transform 1s;
  transition: opacity 0.5s, transform 1s;
  transition: opacity 0.5s, transform 1s, -webkit-transform 1s;
}

.js-fadeIn, .js-fadeIn2 {
  opacity: 0;
}

/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  リンクボタン
///////////////////////////////// */
/* /////////////////////////////////
  FlexBox
///////////////////////////////// */
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* ///////////////////////////////////////////
  header.scss
  ヘッダーに関する設定
/////////////////////////////////////////// */
.header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}
@media only screen and (max-width: 768px) {
  .header {
    padding: 8px 15px 0 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .header {
    padding: 25px;
  }
}
.header .menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(24, 41, 62, 0.5);
  z-index: 99;
  display: none;
}
.header .menu-overlay.isActive {
  display: block;
}
.header__container {
  display: block;
  max-width: 1260px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  background-color: #fff;
  max-width: 1200px;
  position: relative;
  width: 100%;
  height: 50px;
  z-index: 3;
  -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.0509803922);
          box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.0509803922);
  border-radius: 25px;
}
@media print, screen and (min-width: 1025px) {
  .header__container {
    padding: 8px 32px 8px 18px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .header__container {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 768px) {
  .header__container {
    padding: 10px 10px;
  }
}
.header__container > * {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-item-align: auto;
      -ms-grid-row-align: auto;
      align-self: auto;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .header__container {
    padding: 8px 58px 8px 18px;
  }
}
@media only screen and (max-width: 768px) {
  .header__container {
    height: 40px;
    border-radius: 20px;
    padding: 8px 50px 8px 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .header__logo {
    width: 124px;
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (max-width: 768px) {
  .header__logo {
    width: 80px;
    margin-right: auto;
  }
}
.header__logo a {
  display: block;
}
@media print, screen and (min-width: 769px) {
  .header__logo a {
    width: 124px;
  }
}
.header__logo a:hover {
  opacity: 0.8;
}
.header__logo a img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.header__nav {
  visibility: hidden; /* 初期状態ではメニューを非表示に */
  opacity: 0; /* 完全に透明にする */
  -webkit-transition: visibility 0s, opacity 0.5s ease;
  transition: visibility 0s, opacity 0.5s ease; /* opacityの変化を0.5秒かけて行う */
  overflow-y: auto;
  overflow-scrolling: touch;
  position: fixed;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 100;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
@media only screen and (max-width: 768px) {
  .header__nav {
    width: 285px;
    height: 100%;
    padding: 60px 0 30px 0;
    top: 0;
    bottom: 0;
    right: -285px;
    margin: auto;
  }
  .header__nav.isOpen {
    right: 0;
  }
}
@media print, screen and (min-width: 769px) {
  .header__nav {
    width: 285px;
    height: 100%;
    padding: 80px 0 0 0;
    top: 0;
    bottom: 0;
    right: -285px;
    margin: auto;
  }
  .header__nav.isOpen {
    right: 0;
  }
}
.header__nav.isOpen {
  visibility: visible; /* .isOpenクラスが付与されたら表示 */
  opacity: 1; /* 完全に不透明にする */
}
.header__nav .gNav-ttl {
  color: #fff;
  background-color: #53baff;
  text-align: center;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.4;
  padding: 16px;
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .header__nav__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media print, screen and (min-width: 769px) {
  .header__nav__container__wrap {
    margin: 0 auto;
    width: 100%;
    padding: 0 0 50px 0;
  }
}
.header__nav__container__wrap__ul {
  color: #0C0C0C;
  width: 100%;
  padding: 0 24px;
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .header__nav__container__wrap__ul {
    max-width: 760px;
  }
}
.header__nav__container__wrap__ul > li {
  border-bottom: 1px solid #004bac;
  letter-spacing: 1px;
  position: relative;
}
@media print, screen and (min-width: 769px) {
  .header__nav__container__wrap__ul > li {
    width: 100%;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .header__nav__container__wrap__ul > li {
    font-size: 1.4rem;
  }
}
.header__nav__container__wrap__ul > li > a {
  color: #0C0C0C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  -webkit-box-align: left;
      -ms-flex-align: left;
          align-items: left;
  position: relative;
  font-size: 1.6rem;
  padding: 18px;
}
.header__nav__container__wrap__ul > li > a::after {
  width: 8px;
  height: 14px;
  content: "";
  position: absolute;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.625%22%20height%3D%2218.246%22%20viewBox%3D%220%200%2010.625%2018.246%22%3E%3Cpath%20d%3D%22M-20856.77-22496.73a1.493%2C1.493%2C0%2C0%2C1-1.061-.439%2C1.5%2C1.5%2C0%2C0%2C1%2C0-2.121l6.564-6.564-6.564-6.561a1.5%2C1.5%2C0%2C0%2C1%2C0-2.121%2C1.5%2C1.5%2C0%2C0%2C1%2C2.121%2C0l7.625%2C7.621a1.5%2C1.5%2C0%2C0%2C1%2C.439%2C1.061%2C1.5%2C1.5%2C0%2C0%2C1-.439%2C1.061l-7.625%2C7.625A1.493%2C1.493%2C0%2C0%2C1-20856.77-22496.73Z%22%20transform%3D%22translate(20858.27%2022514.977)%22%20fill%3D%22%23004bac%22%2F%3E%3C%2Fsvg%3E") no-repeat right center/contain;
  display: block;
  top: 0;
  right: 16px;
  bottom: 0;
  margin: auto;
}
.header__nav__container__wrap__ul > li > a:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
.header__nav__container__wrap__ul > li .cat-main {
  border-bottom: 1px solid #efeff0;
}
.header__nav__container__wrap__ul > li .cat-main::after {
  display: none;
}
.header__nav__container__wrap__ul > li > ul li {
  letter-spacing: 1px;
  border-bottom: 1px solid #efeff0;
}
@media print, screen and (min-width: 769px) {
  .header__nav__container__wrap__ul > li > ul li {
    line-height: 1.6;
  }
}
.header__nav__container__wrap__ul > li > ul li a {
  color: #0C0C0C;
  text-decoration: none;
  font-weight: 700;
  background-color: #f4f4f4;
  font-size: 1.4rem;
  padding: 19px 19px 19px 32px;
  display: block;
  position: relative;
}
.header__nav__container__wrap__ul > li > ul li a::after {
  width: 6px;
  height: 12px;
  content: "";
  position: absolute;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.414%22%20height%3D%2214%22%20viewBox%3D%220%200%208.414%2014%22%3E%3Cg%20transform%3D%22translate(-1221%20-2872)%22%3E%3Cpath%20d%3D%22M1365.42%2C1575.42a1%2C1%2C0%2C0%2C1-.707-1.707l5.293-5.293-5.293-5.293a1%2C1%2C0%2C0%2C1%2C1.414-1.414l6.707%2C6.707-6.707%2C6.707A1%2C1%2C0%2C0%2C1%2C1365.42%2C1575.42Z%22%20transform%3D%22translate(-143.42%201310.58)%22%20fill%3D%22%23666666%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat right center/contain;
  display: block;
  top: 0;
  right: 16px;
  bottom: 0;
  margin: auto;
}
.header__nav__container__wrap__ul > li > ul li a:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
.header__nav__container__wrap__ul > li > ul li:last-child {
  border: none;
}
@media only screen and (max-width: 768px) {
  .header.fixed .header__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: space-cetween;
        -ms-flex-pack: space-cetween;
            justify-content: space-cetween;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .header.fixed .header__container > * {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto;
  }
}
@media only screen and (max-width: 768px) {
  .header.fixed {
    position: fixed;
    top: 0;
    left: 0;
  }
}
@media print, screen and (min-width: 769px) {
  .header.fixed {
    position: fixed;
    top: 0;
    left: 0;
  }
  .header.fixed .header__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    max-width: 100%;
  }
  .header.fixed .header__container > * {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1024px) {
  .header.fixed .header__container {
    padding: 0 0 0 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .header.fixed .header__contact__button {
    display: none;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 769px) {
  .header.fixed .header__logo {
    position: absolute;
    left: 40px;
    top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media print, screen and (min-width: 769px) {
  .header.fixed .header__logo a {
    display: block;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 769px) {
  .header.fixed .header__logo a {
    width: 277px;
  }
}
@media print, screen and (min-width: 769px) {
  .header.fixed .header__logo a:hover {
    opacity: 0.8;
  }
  .header.fixed .header__logo a img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
  }
}
.header__pc__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .header__pc__nav {
    display: none;
  }
}
@media print, screen and (min-width: 1025px) {
  .header__pc__nav {
    margin-right: 10px;
  }
}
.header__pc__nav > li {
  font-weight: 700;
  font-size: 1.4rem;
  position: relative;
}
@media print, screen and (min-width: 1025px) {
  .header__pc__nav > li {
    margin-right: 30px;
  }
  .header__pc__nav > li a {
    display: block;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .header__pc__nav > li {
    margin-right: 20px;
  }
}
.header__pc__nav > li a {
  color: #0C0C0C;
}
@media only screen and (max-width: 768px) {
  .header__pc__nav > li a {
    display: none;
  }
}
@media print, screen and (min-width: 769px) {
  .header__pc__nav > li a {
    max-width: 100%;
    text-decoration: none;
    font-size: 1.6rem;
    position: relative;
  }
}
.header__pc__nav > li a:hover {
  opacity: 0.8;
}
.header__pc__nav > li a:hover ul {
  display: block;
}
.header__pc__nav > li span {
  color: #0C0C0C;
}
@media only screen and (max-width: 768px) {
  .header__pc__nav > li span {
    display: none;
  }
}
@media print, screen and (min-width: 769px) {
  .header__pc__nav > li span {
    display: block;
    max-width: 100%;
    text-decoration: none;
    font-size: 1.6rem;
    position: relative;
    cursor: pointer;
  }
}
.header__pc__nav > li span:hover ul {
  display: block;
}
.header__pc__nav > li .acdm {
  padding-right: 20px;
}
.header__pc__nav > li .acdm::after {
  content: "";
  width: 8px;
  height: 8px;
  border: 2px solid;
  border-color: transparent transparent #004bac #004bac;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 5px;
  right: 0;
  margin: auto;
}
.header__pc__nav > li ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: auto;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 120px;
  padding-top: 14px;
}
.header__pc__nav > li ul li a {
  text-decoration: none;
  padding: 10px 35px 10px 15px;
  display: block;
  color: #fff;
  background-color: rgba(0, 75, 172, 0.8);
  font-weight: 500;
  position: relative;
}
.header__pc__nav > li ul li a:hover {
  background-color: rgba(83, 186, 255, 0.8);
  color: #fff;
}
.header__pc__nav > li ul li a::after {
  width: 6px;
  height: 12px;
  content: "";
  position: absolute;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%2213%22%20viewBox%3D%220%200%208%2013%22%3E%3Cpath%20d%3D%22M-20856.766-22501.977a1.493%2C1.493%2C0%2C0%2C1-1.061-.439%2C1.5%2C1.5%2C0%2C0%2C1%2C0-2.121l3.939-3.939-3.939-3.939a1.5%2C1.5%2C0%2C0%2C1%2C0-2.121%2C1.5%2C1.5%2C0%2C0%2C1%2C2.121%2C0l5%2C5a1.5%2C1.5%2C0%2C0%2C1%2C0%2C2.121l-5%2C5A1.493%2C1.493%2C0%2C0%2C1-20856.766-22501.977Z%22%20transform%3D%22translate(20858.266%2022514.977)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat right center/contain;
  display: block;
  top: 0;
  right: 16px;
  bottom: 0;
  margin: auto;
}
.header__pc__nav > li ul li:nth-child(n+2) {
  border-top: 1px solid #fff;
}
@media print, screen and (min-width: 1025px) {
  .header__pc__nav > li:hover ul {
    display: block;
  }
}
@media print, screen and (min-width: 769px) {
  .header .contactButton a {
    width: 130px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    background-color: #53baff;
    font-size: 1.6rem;
    line-height: 1.2;
    padding: 6px 8px;
    border-radius: 5px 0 0 5px;
  }
  .header .contactButton a:hover {
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  .header .contactButton a span {
    font-weight: 700;
    display: block;
    font-size: 1.4rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header .contactButton a span::before {
    content: "";
    background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAPJElEQVR4nGJkIAKsXbtW0N7e3pWFhcWVn5/fgIGBQZaBgUGQgYGBjRj9IwD8YmBgeM/AwPD448ePF/78+bP74MGDu4ODg0FiuAEDAwMAAAD//8IbARcuXFBQVlZOY2Nji2JjYwMFOtNID2kiwf9fv349/PXr19K7d+/OMTAweIBVHwMDAwAAAP//wopPnz7N9uHDh6z///8//z8KKAXPQWEJClOMsGZgYAAAAAD//8LABw4c4P39+/fC/////xkNeqqBP6AwBYUtSngzMDAAAAAA//9CwYcPH+b++fPnyv////8bJh4fTODfz58/Vx06dIgbHuYMDAwAAAAA//+CYzs7O9afP3/OHg18mgJQJMwGhTU40BkYGAAAAAD//4JXwm/fvk0XEhKawsDAwELFymgUYII/7969yxYWFp7FwMDAAAAAAP//ArdqLl68KC8kJFQ/Gvh0ASxCQkINoDBnYGBgAAAAAP//AkeAoqJiLgMDg+Sw9/rgAZJKSkrZDAwMDAAAAAD//2Latm2bCA8PT+RIDxF6A25u7ujt27eLAAAAAP//Ynz79m2IkJDQKgYGBqJ6xaOAauD/+/fvQwEAAAD//2JiYWFxHg38AQGMzMzMLgAAAAD//2L8////KQYGBtMRGAADDxgYTgIAAAD//wJFwGsGBgaRkR4SAwIYGN4AAAAA//8CRQBoJI91EDpu+AMGhl8AAAAA//9ievfuXQ0DA8PPkR4SAwB+vnv3rg4AAAD//2J+9uzZcQcHh2ecnJzOo+P7dANf3717l1tQUDAVAAAA//8C2xgXF8f45cuXoP///78dxuMwgwW8BYV1fHw8IwMDAwMAAAD//4Jjd3d3xlu3bjn++fPn6UgPIVoBUNiCwhgU1uBAZ2BgAAAAAP//wsCnT582/vPnz+3hGQQDB0BhCgpblPBmYGAAAAAA///Cim/duqX29+/fcyM1sKgN/v79ex4UphhhzcDAAAAAAP//wpkVnj17Ji0hIbGMkZHRblBXZ4Mc/P///9CLFy+ipKSknmI4lYGBAQAAAP//wounTJki/OnTp42jkzRkgX+fPn1aN3XqVGGcYczAwAAAAAD//yKI582bx/Pt27d5oJw0BANhoMBfUJjNnz+fB2/4MjAwAAAAAP//IgrPnz+f/cePHz2jE/VEgT+gsFqwYAE7wbBlYGAAAAAA//8iGq9YsYL1y5cvlf/+/fsxBAJhQAAobL58+VKxcuVK4oZ2GBgYAAAAAP//IgnLy8sz3b9/P+3fv39fRmD44gWgMLl//366goIC8YvXGBgYAAAAAP//IhnLyckxPnnyJOT////vB3F40Bu8A4WJvLw8afMqDAwMAAAAAP//Igs7ODgwvnnzxvnfv38jfuUcKAxAYQEKE5LDkoGBAQAAAP//YlBWViY71r58+WL658+fu4MgHAYEgPwOCgNyw09ZWZkRAAAA//9iePXqVVFMTAzZy1F27dql+evXr0sjLfB///59Yc+ePerkhhsozF+9elUEAAAA//8C9dR+v3z5svPatWtkD0UfPXpU5vfv34cHQbjQA/wD+RXkZ3LD6+rVq2wvX77s+P///28AAAAA//9igLr4758/f2YfOXIE+7pFIsD169dF/vz5s2WY95r//f37d9ONGzfI7t2C1t/++fNnDrhj+///fwAAAAD//2JANvzXr19rduzYIUiu4ffu3eP7+vXrwmEaCf++fv266P79+/hXOOMBoLAFhTE8fP7//w8AAAD//2JAt+X79++716xZI0GuJQUFBZzv37+fAMpedA8i2oHf79+/7y8sLOQkN1w2btwoCQpbFCf+//8fAAAA///CiAAQ+PHjx+n3798rk2tZW1sb6+fPn2tBE/5DN8zh4Nfnz5+rW1payG6ofPjwQfnfv39nMEz+//8/AAAA///CGgH/Ie3bmy9evNAj19Ly8nLmHz9+ZP7///8rzYOIduAryA+VlZXM5IYDKAxBYYnVif///wcAAAD//8IZAf8hkfDo3r171uRa3tvby/j48eOIv3//DrleM8jNjx8/Du/s7CS7n3T37l0bUBjitOT///8AAAAA///CGwH/IZHw+tq1az5aWlpkO+TGjRse//79e0HVEKIhALn15s2bbuT6FxRWV69e9QGFHV5n/v//HwAAAP//IhgB/yGp4fOPHz/im5qayI6ER48emf/79+/+IA53MPj37989kFvJ9WdjYyMjKKxAYUbQsv///wMAAAD//yIqAqDg27dv3wqqqqrIroxevXql9e/fvyuUBBAtwb9//y69fv1ak1z/lZeXs4DCCBRWRLnz////AAAAAP//IiUCQOD358+fmwoKCsjuNe/Zs0f++/fvRwdNqEPB9+/fj+zZs0eOXH/l5+ezgcKGpOb3////AQAAAP//IjUCQODv27dvp7W1tXGR69iNGzeK/fz5cxsZdtME/Pz5c8vGjRvJXqAMCgtQmJA8bfv//38AAAAA//8iJwL+Q+c8V965c4efXEfv3LmT/9evX8sGeK75769fv5bs3r2bj1x/3Lp1S+Dbt2+ryPLH////AQAAAP//IjcCIK7/+3fH2bNnxch1/KlTpzh//fo1eYDmmv/8+vVr4smTJ8nu3Z45c0b879+/u8h2wf///wEAAAD//6IoAv5DhmVPnDx5UoFcT4D2zD5//ryBzr3mXy9evKi1t7cne+72xIkTCiC/U+SK////AwAAAP//ojgC/kPK0Kt79uzRIdczMTExzK9evcolpfVAAfj26tWrHJCd5Lp3z549uj9//rxGsUv+//8PAAAA//+iSgRAwYOPHz9akuup6Ohoxk+fPkX9////IxXdhA4+fP78OQJkF7nu/Pjxo9X///8fUsU1////BwAAAP//omYEgNrRr968eeOhoKBAlgednJwYv3//7vX///9X1HQXCPz+/fvl+/fvPRwdHclym6ysLOPr169BPXrque3///8AAAAA//+iagT8h0TCB9D4j4ODA9nLM06ePGn558+fB9Ry058/f+4fO3aM7NwJ8svDhw+j/v37R93c+f//fwAAAAD//6J6BEDBt8ePH+fs3LmT7Ei4evWqzt+/fykuZ//+/Xvl+vXr2uS6Y/fu3UyPHj3KA/XVqBU4cPD//38AAAAA//+iVQSAwM9fv341rFu3juyhi/v37yv+/fuX7JYGSO+DBw/IbqGtWbOG9devX40gv1A3aKDg////AAAAAP//omUE/Ieuk5wwc+ZMstva9+7dE//48SOo10zKNOe/jx8/br137x7ZfZQZM2Zw/fjxYxJN+yj///8HAAAA//+idQT8h86lLpwxYwbZvc2FCxfy/Pjxo/HPnz8vCUTEP5CaHz9+NCxatIjslcnTp08HzW0vpnnI/P//HwAAAP//okcEgMC/L1++bHv79q0ouYGira3NuGXLFom3b98WQgfzQHvZQOUyCD8FiYHkQGpAasm15+3bt2Igt9JlYcH///8BAAAA//8CbdT+T65jSQX///8/9vDhwwhFRcXHlJhTUVHBysHBAcpRsKLt+/fv3z91dnb+psTcu3fvyikqKq5kZGS0oMQcogEDAwMAAAD//6JXDoCDv3//Xrp586YG3TxIJLhx44bm379/L9M1MP7//w8AAAD//6J7BPyHtMvvnT9/ftAcEHL27FlzUF+B7gHx//9/AAAAAP//GpAI+A/pmb64e/eu60AH/pcvX9xBbhmQQPj//z8AAAD//xqwCICC91++fAmxtbWl+4m8IDs/f/4cBhofGjDf////HwAAAP//GugIAAHQuQkZlIxOkgpAdr17927g1yz9//8fAAAA//8aDBEAAr++ffvWffDgQbKnOYkF+/fv5/727Rtow+HAr9r7//8/AAAA//8aLBEAAqBDTfc+e/ZMR1NTk+pbfdTV1RmfPn2q9/Pnz/2DZvHw////AQAAAP//GkwRAAagFWnfvn1rO3/+PNWO0Tx79qzUt2/fOv7+/Tug5T0G+P//PwAAAP//GnQRAAM/f/58+vnz59YTJ04oV1ZWkjx1CNJz/PhxlU+fPnX8/Pnz2eDwFRr4//8/AAAA//+ia0+YTPDlx48f5/78+bP31atXR+7evXu5oKDgMwMDw18GBoZ/UCNBrSjmCRMm8CorK+uLiYnZgE6D5ODgMAQd0TlofcbAwAAAAAD//xoKEYAM/vz9+/fXnz9/njMxMb1kZGT8ChL8//8/z79//8RZWFgkmJmZQTvU6daioggwMDAAAAAA//8aahEwvAADAwMAAAD//xq9kmQgAQMDAwAAAP//Go2AgQQMDAwAAAAA//8ajYCBBAwMDAAAAAD//xqNgIEEDAwMAAAAAP//Go2AgQQMDAwAAAAA//8ajYCBBAwMDAAAAAD//xqNgIEEDAwMAAAAAP//Go2AgQQMDAwAAAAA//8ajYCBBAwMDAAAAAD//xqNgIEEDAwMAAAAAP//Go2AgQQMDAwAAAAA//8ajYCBBAwMDAAAAAD//xqNgIEEDAwMAAAAAP//AkUARavJRgEFgIHhNwAAAP//AkXAh9EwHCDAwPAeAAAA//8CRcD9Een1wQAYGO4BAAAA//9i+vTp0/mRHgoDBT59+nQWAAAA//9i+vPnzx7QrN7IDIIBBf/+/v27BwAAAP//Yjp9+vSB////vxjBATEg4NevX8/37dt3EAAAAP//Ai+A+vTpUy8vL2/RyAuGgQNfvnzp4OXlrQQAAAD//wL3A+7duzeZgYHh5QgNC7qDv3//Pr179+40BgYGBgAAAAD//4IvAXzz5k2WsLDwpKG0pGOIgj8vX77MlJCQmMPAwMAAAAAA//+C94QDAwNn//z5c8lohUxT8P/Dhw+zg4ODF4BtYWBgAAAAAP//QsH79+/n/fnz57rBs3BvWAHQycTLjh8/jlgBzsDAAAAAAP//wsB79+7l+/3797LR+2KoCv78/PlzLujcaJTwZmBgAAAAAP//wopPnjzJ9v79e9D2/JfDKBAGCjx99+5dKtaziRgYGAAAAAD//8KLz58/r/zhw4ep0BNCRu8SIx78A92sAWreX758WRZnGDMwMAAAAAD//yJqI8T27dulTExMHFlZWZ35+flBxxmDDBUYvf4WDkCXYr9jYGB4/PHjxwt///7dferUqYOenp6v8OpiYGAAAAAA//8DADj4siXWG8uRAAAAAElFTkSuQmCC") no-repeat;
    background-size: contain;
    width: 22px;
    height: 22px;
    margin-right: 8px;
  }
}
@media only screen and (max-width: 768px) {
  .header .contactButton a {
    width: 86px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    background-color: #53baff;
    font-size: 1rem;
    line-height: 1.2;
    padding: 9px 6px;
    border-radius: 5px 0 0 5px;
  }
  .header .contactButton a:hover {
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  .header .contactButton a span {
    font-weight: 500;
    display: block;
    font-size: 1rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header .contactButton a span::before {
    content: "";
    background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAPJElEQVR4nGJkIAKsXbtW0N7e3pWFhcWVn5/fgIGBQZaBgUGQgYGBjRj9IwD8YmBgeM/AwPD448ePF/78+bP74MGDu4ODg0FiuAEDAwMAAAD//8IbARcuXFBQVlZOY2Nji2JjYwMFOtNID2kiwf9fv349/PXr19K7d+/OMTAweIBVHwMDAwAAAP//wopPnz7N9uHDh6z///8//z8KKAXPQWEJClOMsGZgYAAAAAD//8LABw4c4P39+/fC/////xkNeqqBP6AwBYUtSngzMDAAAAAA//9CwYcPH+b++fPnyv////8bJh4fTODfz58/Vx06dIgbHuYMDAwAAAAA//+CYzs7O9afP3/OHg18mgJQJMwGhTU40BkYGAAAAAD//4JXwm/fvk0XEhKawsDAwELFymgUYII/7969yxYWFp7FwMDAAAAAAP//ArdqLl68KC8kJFQ/Gvh0ASxCQkINoDBnYGBgAAAAAP//AkeAoqJiLgMDg+Sw9/rgAZJKSkrZDAwMDAAAAAD//2Latm2bCA8PT+RIDxF6A25u7ujt27eLAAAAAP//Ynz79m2IkJDQKgYGBqJ6xaOAauD/+/fvQwEAAAD//2JiYWFxHg38AQGMzMzMLgAAAAD//2L8////KQYGBtMRGAADDxgYTgIAAAD//wJFwGsGBgaRkR4SAwIYGN4AAAAA//8CRQBoJI91EDpu+AMGhl8AAAAA//9ievfuXQ0DA8PPkR4SAwB+vnv3rg4AAAD//2J+9uzZcQcHh2ecnJzOo+P7dANf3717l1tQUDAVAAAA//8C2xgXF8f45cuXoP///78dxuMwgwW8BYV1fHw8IwMDAwMAAAD//4Jjd3d3xlu3bjn++fPn6UgPIVoBUNiCwhgU1uBAZ2BgAAAAAP//wsCnT582/vPnz+3hGQQDB0BhCgpblPBmYGAAAAAA///Cim/duqX29+/fcyM1sKgN/v79ex4UphhhzcDAAAAAAP//wpkVnj17Ji0hIbGMkZHRblBXZ4Mc/P///9CLFy+ipKSknmI4lYGBAQAAAP//wounTJki/OnTp42jkzRkgX+fPn1aN3XqVGGcYczAwAAAAAD//yKI582bx/Pt27d5oJw0BANhoMBfUJjNnz+fB2/4MjAwAAAAAP//IgrPnz+f/cePHz2jE/VEgT+gsFqwYAE7wbBlYGAAAAAA//8iGq9YsYL1y5cvlf/+/fsxBAJhQAAobL58+VKxcuVK4oZ2GBgYAAAAAP//IgnLy8sz3b9/P+3fv39fRmD44gWgMLl//366goIC8YvXGBgYAAAAAP//IhnLyckxPnnyJOT////vB3F40Bu8A4WJvLw8afMqDAwMAAAAAP//Igs7ODgwvnnzxvnfv38jfuUcKAxAYQEKE5LDkoGBAQAAAP//YlBWViY71r58+WL658+fu4MgHAYEgPwOCgNyw09ZWZkRAAAA//9iePXqVVFMTAzZy1F27dql+evXr0sjLfB///59Yc+ePerkhhsozF+9elUEAAAA//8C9dR+v3z5svPatWtkD0UfPXpU5vfv34cHQbjQA/wD+RXkZ3LD6+rVq2wvX77s+P///28AAAAA//9igLr4758/f2YfOXIE+7pFIsD169dF/vz5s2WY95r//f37d9ONGzfI7t2C1t/++fNnDrhj+///fwAAAAD//2JANvzXr19rduzYIUiu4ffu3eP7+vXrwmEaCf++fv266P79+/hXOOMBoLAFhTE8fP7//w8AAAD//2JAt+X79++716xZI0GuJQUFBZzv37+fAMpedA8i2oHf79+/7y8sLOQkN1w2btwoCQpbFCf+//8fAAAA///CiAAQ+PHjx+n3798rk2tZW1sb6+fPn2tBE/5DN8zh4Nfnz5+rW1payG6ofPjwQfnfv39nMEz+//8/AAAA///CGgH/Ie3bmy9evNAj19Ly8nLmHz9+ZP7///8rzYOIduAryA+VlZXM5IYDKAxBYYnVif///wcAAAD//8IZAf8hkfDo3r171uRa3tvby/j48eOIv3//DrleM8jNjx8/Du/s7CS7n3T37l0bUBjitOT///8AAAAA///CGwH/IZHw+tq1az5aWlpkO+TGjRse//79e0HVEKIhALn15s2bbuT6FxRWV69e9QGFHV5n/v//HwAAAP//IhgB/yGp4fOPHz/im5qayI6ER48emf/79+/+IA53MPj37989kFvJ9WdjYyMjKKxAYUbQsv///wMAAAD//yIqAqDg27dv3wqqqqrIroxevXql9e/fvyuUBBAtwb9//y69fv1ak1z/lZeXs4DCCBRWRLnz////AAAAAP//IiUCQOD358+fmwoKCsjuNe/Zs0f++/fvRwdNqEPB9+/fj+zZs0eOXH/l5+ezgcKGpOb3////AQAAAP//IjUCQODv27dvp7W1tXGR69iNGzeK/fz5cxsZdtME/Pz5c8vGjRvJXqAMCgtQmJA8bfv//38AAAAA//8iJwL+Q+c8V965c4efXEfv3LmT/9evX8sGeK75769fv5bs3r2bj1x/3Lp1S+Dbt2+ryPLH////AQAAAP//IjcCIK7/+3fH2bNnxch1/KlTpzh//fo1eYDmmv/8+vVr4smTJ8nu3Z45c0b879+/u8h2wf///wEAAAD//6IoAv5DhmVPnDx5UoFcT4D2zD5//ryBzr3mXy9evKi1t7cne+72xIkTCiC/U+SK////AwAAAP//ojgC/kPK0Kt79uzRIdczMTExzK9evcolpfVAAfj26tWrHJCd5Lp3z549uj9//rxGsUv+//8PAAAA//+iSgRAwYOPHz9akuup6Ohoxk+fPkX9////IxXdhA4+fP78OQJkF7nu/Pjxo9X///8fUsU1////BwAAAP//omYEgNrRr968eeOhoKBAlgednJwYv3//7vX///9X1HQXCPz+/fvl+/fvPRwdHclym6ysLOPr169BPXrque3///8AAAAA//+iagT8h0TCB9D4j4ODA9nLM06ePGn558+fB9Ry058/f+4fO3aM7NwJ8svDhw+j/v37R93c+f//fwAAAAD//6J6BEDBt8ePH+fs3LmT7Ei4evWqzt+/fykuZ//+/Xvl+vXr2uS6Y/fu3UyPHj3KA/XVqBU4cPD//38AAAAA//+iVQSAwM9fv341rFu3juyhi/v37yv+/fuX7JYGSO+DBw/IbqGtWbOG9devX40gv1A3aKDg////AAAAAP//omUE/Ieuk5wwc+ZMstva9+7dE//48SOo10zKNOe/jx8/br137x7ZfZQZM2Zw/fjxYxJN+yj///8HAAAA//+idQT8h86lLpwxYwbZvc2FCxfy/Pjxo/HPnz8vCUTEP5CaHz9+NCxatIjslcnTp08HzW0vpnnI/P//HwAAAP//okcEgMC/L1++bHv79q0ouYGira3NuGXLFom3b98WQgfzQHvZQOUyCD8FiYHkQGpAasm15+3bt2Igt9JlYcH///8BAAAA//8CbdT+T65jSQX///8/9vDhwwhFRcXHlJhTUVHBysHBAcpRsKLt+/fv3z91dnb+psTcu3fvyikqKq5kZGS0oMQcogEDAwMAAAD//6JXDoCDv3//Xrp586YG3TxIJLhx44bm379/L9M1MP7//w8AAAD//6J7BPyHtMvvnT9/ftAcEHL27FlzUF+B7gHx//9/AAAAAP//GpAI+A/pmb64e/eu60AH/pcvX9xBbhmQQPj//z8AAAD//xqwCICC91++fAmxtbWl+4m8IDs/f/4cBhofGjDf////HwAAAP//GugIAAHQuQkZlIxOkgpAdr17927g1yz9//8fAAAA//8aDBEAAr++ffvWffDgQbKnOYkF+/fv5/727Rtow+HAr9r7//8/AAAA//8aLBEAAqBDTfc+e/ZMR1NTk+pbfdTV1RmfPn2q9/Pnz/2DZvHw////AQAAAP//GkwRAAagFWnfvn1rO3/+PNWO0Tx79qzUt2/fOv7+/Tug5T0G+P//PwAAAP//GnQRAAM/f/58+vnz59YTJ04oV1ZWkjx1CNJz/PhxlU+fPnX8/Pnz2eDwFRr4//8/AAAA//+ia0+YTPDlx48f5/78+bP31atXR+7evXu5oKDgMwMDw18GBoZ/UCNBrSjmCRMm8CorK+uLiYnZgE6D5ODgMAQd0TlofcbAwAAAAAD//xoKEYAM/vz9+/fXnz9/njMxMb1kZGT8ChL8//8/z79//8RZWFgkmJmZQTvU6daioggwMDAAAAAA//8aahEwvAADAwMAAAD//xq9kmQgAQMDAwAAAP//Go2AgQQMDAwAAAAA//8ajYCBBAwMDAAAAAD//xqNgIEEDAwMAAAAAP//Go2AgQQMDAwAAAAA//8ajYCBBAwMDAAAAAD//xqNgIEEDAwMAAAAAP//Go2AgQQMDAwAAAAA//8ajYCBBAwMDAAAAAD//xqNgIEEDAwMAAAAAP//Go2AgQQMDAwAAAAA//8ajYCBBAwMDAAAAAD//xqNgIEEDAwMAAAAAP//AkUARavJRgEFgIHhNwAAAP//AkXAh9EwHCDAwPAeAAAA//8CRcD9Een1wQAYGO4BAAAA//9i+vTp0/mRHgoDBT59+nQWAAAA//9i+vPnzx7QrN7IDIIBBf/+/v27BwAAAP//Yjp9+vSB////vxjBATEg4NevX8/37dt3EAAAAP//Ai+A+vTpUy8vL2/RyAuGgQNfvnzp4OXlrQQAAAD//wL3A+7duzeZgYHh5QgNC7qDv3//Pr179+40BgYGBgAAAAD//4IvAXzz5k2WsLDwpKG0pGOIgj8vX77MlJCQmMPAwMAAAAAA//+C94QDAwNn//z5c8lohUxT8P/Dhw+zg4ODF4BtYWBgAAAAAP//QsH79+/n/fnz57rBs3BvWAHQycTLjh8/jlgBzsDAAAAAAP//wsB79+7l+/3797LR+2KoCv78/PlzLujcaJTwZmBgAAAAAP//wopPnjzJ9v79e9D2/JfDKBAGCjx99+5dKtaziRgYGAAAAAD//8KLz58/r/zhw4ep0BNCRu8SIx78A92sAWreX758WRZnGDMwMAAAAAD//yJqI8T27dulTExMHFlZWZ35+flBxxmDDBUYvf4WDkCXYr9jYGB4/PHjxwt///7dferUqYOenp6v8OpiYGAAAAAA//8DADj4siXWG8uRAAAAAElFTkSuQmCC") no-repeat;
    background-size: contain;
    width: 9px;
    height: 9px;
    margin-right: 2px;
  }
}
@media print, screen and (min-width: 769px) {
  .header .lineButton a {
    width: 130px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    background-color: #53baff;
    font-size: 1.6rem;
    line-height: 1.2;
    padding: 6px 8px;
    border-radius: 0 5px 5px 0;
    margin-left: 1px;
  }
  .header .lineButton a:hover {
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  .header .lineButton a span {
    font-weight: 700;
    display: block;
    font-size: 1.4rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (max-width: 768px) {
  .header .lineButton a {
    width: 86px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    background-color: #53baff;
    font-size: 1rem;
    line-height: 1.2;
    padding: 9px 6px;
    border-radius: 0 5px 5px 0;
    margin-left: 1px;
  }
  .header .lineButton a:hover {
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  .header .lineButton a span {
    font-weight: 500;
    display: block;
    font-size: 1rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.header__menu_button {
  display: block;
  cursor: pointer;
  border: none;
  outline: none !important;
  position: relative;
  z-index: 101;
}
@media only screen and (max-width: 768px) {
  .header__menu_button {
    width: 24px;
    height: 24px;
    top: 11px;
    right: 29px;
    position: absolute;
  }
}
@media print, screen and (min-width: 769px) {
  .header__menu_button {
    width: 30px;
    height: 30px;
    top: 28px;
    right: 42px;
    position: absolute;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .header__menu_button {
    display: none;
  }
}
.header__menu_button .icon {
  display: block;
  background: -webkit-gradient(linear, left top, right top, from(#004bac), color-stop(50%, #004bac), color-stop(50%, #004bac), to(#004bac));
  background: linear-gradient(90deg, #004bac 0%, #004bac 50%, #004bac 50%, #004bac 100%);
  -webkit-transition-property: background-color;
  transition-property: background-color;
  height: 2px;
}
@media only screen and (max-width: 768px) {
  .header__menu_button .icon {
    width: 100%;
    height: 2px;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
}
@media print, screen and (min-width: 769px) {
  .header__menu_button .icon {
    width: 100%;
    height: 2px;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
}
.header__menu_button .icon::before, .header__menu_button .icon::after {
  width: 100%;
  height: 2px;
  content: "";
  display: block;
  background: #004bac;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  position: absolute;
}
@media only screen and (max-width: 768px) {
  .header__menu_button .icon::before {
    top: -8px;
  }
}
@media print, screen and (min-width: 769px) {
  .header__menu_button .icon::before {
    top: -8px;
  }
}
.header__menu_button .icon::after {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .header__menu_button .icon::after {
    top: 8px;
  }
}
@media print, screen and (min-width: 769px) {
  .header__menu_button .icon::after {
    top: 8px;
  }
}
.header__menu_button .text {
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .header__menu_button .text {
    color: #004bac;
    font-size: 8px;
    position: absolute;
    top: 23px;
    left: 0;
    right: 0;
    margin: auto;
  }
}
@media print, screen and (min-width: 769px) {
  .header__menu_button .text {
    color: #004bac;
    font-size: 10px;
    position: absolute;
    top: 28px;
    left: 0;
    right: 0;
    margin: auto;
  }
}
@media only screen and (max-width: 768px) {
  .header__menu_button.isOpen .icon {
    background: -webkit-gradient(linear, left top, right top, from(#004bac), color-stop(50%, #004bac), color-stop(50%, #004bac), to(#004bac));
    background: linear-gradient(90deg, #004bac 0%, #004bac 50%, #004bac 50%, #004bac 100%);
    -webkit-transition-property: background-color;
    transition-property: background-color;
    height: 0;
  }
  .header__menu_button.isOpen .icon::before, .header__menu_button.isOpen .icon::after {
    background: #004bac;
  }
  .header__menu_button.isOpen .icon::before {
    -webkit-transform: translateY(8px) rotate(45deg);
            transform: translateY(8px) rotate(45deg);
  }
  .header__menu_button.isOpen .icon::after {
    -webkit-transform: translateY(-8px) rotate(-45deg);
            transform: translateY(-8px) rotate(-45deg);
    width: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  .header__menu_button.isOpen .icon {
    -webkit-transition-property: background-color;
    transition-property: background-color;
    height: 0;
  }
  .header__menu_button.isOpen .icon::before, .header__menu_button.isOpen .icon::after {
    background: #004bac;
  }
  .header__menu_button.isOpen .icon::before {
    -webkit-transform: translateY(8px) rotate(45deg);
            transform: translateY(8px) rotate(45deg);
  }
  .header__menu_button.isOpen .icon::after {
    -webkit-transform: translateY(-8px) rotate(-45deg);
            transform: translateY(-8px) rotate(-45deg);
    width: 100%;
  }
}
.header__menu_button.isOpen .text {
  color: #004bac;
}
.header__tel_wrap {
  background-color: #004bac;
  color: #fff;
  position: relative;
  z-index: 3;
  border-radius: 0px 0px 5px 5px;
}
@media only screen and (max-width: 768px) {
  .header__tel_wrap {
    width: 162px;
    padding: 4px;
    top: 40px;
    right: 50px;
    position: absolute;
  }
}
@media print, screen and (min-width: 769px) {
  .header__tel_wrap {
    width: 250px;
    padding: 10px 8px;
    top: 50px;
    right: 32px;
    position: absolute;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1024px) {
  .header__tel_wrap {
    right: 58px;
  }
}
.header__tel_wrap a {
  color: #fff;
  text-decoration: none;
  display: block;
}
@media print, screen and (min-width: 769px) {
  .header__tel_wrap a {
    pointer-events: none;
  }
}
.header__tel_wrap a .tel {
  text-align: center;
  font-weight: 700;
  line-height: 1.2;
}
@media only screen and (max-width: 768px) {
  .header__tel_wrap a .tel {
    font-size: 1.5rem;
    letter-spacing: 1px;
  }
}
@media print, screen and (min-width: 769px) {
  .header__tel_wrap a .tel {
    font-size: 2.4rem;
    letter-spacing: 1px;
  }
}
@media only screen and (max-width: 768px) {
  .header__tel_wrap a .tel span {
    font-size: 1.2rem;
  }
}
@media print, screen and (min-width: 769px) {
  .header__tel_wrap a .tel span {
    font-size: 1.6rem;
  }
}
.header__tel_wrap a .open {
  text-align: center;
  font-weight: 200;
}
@media only screen and (max-width: 768px) {
  .header__tel_wrap a .open {
    font-size: 9px;
    margin-top: 2px;
  }
}
@media print, screen and (min-width: 769px) {
  .header__tel_wrap a .open {
    margin-top: 2px;
    text-align: right;
    pointer-events: none;
    font-size: 1rem;
    padding-right: 14px;
    letter-spacing: 1px;
  }
}

/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  リンクボタン
///////////////////////////////// */
/* /////////////////////////////////
  FlexBox
///////////////////////////////// */
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* ///////////////////////////////////////////
  footer.scss
  フッターに関する設定
/////////////////////////////////////////// */
.footer {
  background-color: #d5eeff;
}
@media only screen and (max-width: 768px) {
  .footer {
    padding-bottom: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .footer {
    padding-bottom: 30px;
  }
}
.footer__info {
  display: block;
  max-width: 1260px;
  margin: 0 auto;
  position: relative;
}
@media print, screen and (min-width: 1025px) {
  .footer__info {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .footer__info {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 768px) {
  .footer__info {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 768px) {
  .footer__info {
    padding: 56px 20px 70px 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .footer__info {
    padding: 50px 30px 100px 30px;
  }
}
.footer__info__tel_wrap {
  background-color: #004bac;
  color: #fff;
  position: relative;
  z-index: 3;
  border-radius: 10px 10px 0px 0px;
}
@media only screen and (max-width: 768px) {
  .footer__info__tel_wrap {
    width: 240px;
    padding: 8px;
    top: -85px;
    left: 20px;
    position: absolute;
  }
}
@media print, screen and (min-width: 769px) {
  .footer__info__tel_wrap {
    width: 290px;
    padding: 10px 8px;
    top: -100px;
    left: 30px;
    position: absolute;
  }
}
.footer__info__tel_wrap .tel a {
  text-align: center;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  text-decoration: none;
  display: block;
}
@media only screen and (max-width: 768px) {
  .footer__info__tel_wrap .tel a {
    font-size: 2rem;
    letter-spacing: 1px;
  }
}
@media print, screen and (min-width: 769px) {
  .footer__info__tel_wrap .tel a {
    pointer-events: none;
    font-size: 2.8rem;
    letter-spacing: 1.6px;
  }
}
@media only screen and (max-width: 768px) {
  .footer__info__tel_wrap .tel a span {
    font-size: 1.2rem;
  }
}
@media print, screen and (min-width: 769px) {
  .footer__info__tel_wrap .tel a span {
    font-size: 1.8rem;
  }
}
.footer__info__tel_wrap .open {
  text-align: center;
  font-weight: 200;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .footer__info__tel_wrap .open {
    font-size: 9px;
    margin-top: 4px;
  }
}
@media print, screen and (min-width: 769px) {
  .footer__info__tel_wrap .open {
    margin-top: 2px;
    text-align: right;
    pointer-events: none;
    font-size: 1.15rem;
    padding-right: 14px;
    letter-spacing: 1px;
  }
}
.footer__info__tel_wrap ul {
  display: -ms-grid;
  display: grid;
  gap: 5px;
  -ms-grid-columns: 1fr 5px 1fr;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 8px;
}
@media only screen and (max-width: 768px) {
  .footer__info__tel_wrap ul {
    gap: 7px;
  }
}
.footer__info__tel_wrap ul li {
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
}
.footer__info__tel_wrap ul li a {
  display: block;
  background-color: #fff;
  text-decoration: none;
  text-align: center;
  color: #004bac;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .footer__info__tel_wrap ul li a {
    font-size: 1rem;
    padding: 3px 1px;
  }
}
@media print, screen and (min-width: 769px) {
  .footer__info__tel_wrap ul li a {
    font-size: 1.15rem;
    padding: 3px 1px;
  }
}
.footer__info__tel_wrap ul li a:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 768px) {
  .footer__info__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
            flex-flow: column-reverse;
  }
}
@media print, screen and (min-width: 769px) {
  .footer__info__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: top;
        -ms-flex-align: top;
            align-items: top;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .footer__info__links > * {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto;
  }
}
@media only screen and (max-width: 768px) {
  .footer__info__links .detail h2 {
    letter-spacing: 1px;
    margin-bottom: 2px;
  }
}
@media print, screen and (min-width: 769px) {
  .footer__info__links .detail h2 {
    letter-spacing: 2px;
    margin-bottom: 10px;
  }
}
.footer__info__links .detail h2 a {
  display: block;
  text-decoration: none;
  color: #004bac;
  font-weight: 700;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
@media only screen and (max-width: 768px) {
  .footer__info__links .detail h2 a {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 769px) {
  .footer__info__links .detail h2 a {
    font-size: 2.6rem;
  }
}
.footer__info__links .detail h2 a:hover {
  opacity: 0.8;
}
.footer__info__links .detail .office {
  font-weight: 400;
  line-height: 1.6;
}
@media only screen and (max-width: 768px) {
  .footer__info__links .detail .office {
    font-size: 1.2rem;
  }
}
@media print, screen and (min-width: 769px) {
  .footer__info__links .detail .office {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 768px) {
  .footer__info__links .link {
    margin-bottom: 60px;
  }
}
@media print, screen and (min-width: 769px) {
  .footer__info__links .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: top;
        -ms-flex-align: top;
            align-items: top;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .footer__info__links .link > * {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto;
  }
}
@media only screen and (max-width: 768px) {
  .footer__info__links .link ul li:nth-child(n+2) {
    margin-top: 14px;
  }
}
@media print, screen and (min-width: 769px) {
  .footer__info__links .link ul li:nth-child(n+2) {
    margin-top: 18px;
  }
}
.footer__info__links .link ul li a {
  font-weight: 400;
  color: #0C0C0C;
  text-decoration: none;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .footer__info__links .link ul li a {
    font-size: 1.4rem;
    padding-left: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .footer__info__links .link ul li a {
    font-size: 1.8rem;
  }
}
.footer__info__links .link ul li a:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 768px) {
  .footer__info__links .link ul li a::before {
    width: 6px;
    height: 12px;
    content: "";
    position: absolute;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225.605%22%20height%3D%2210.211%22%20viewBox%3D%220%200%205.605%2010.211%22%3E%3Cpath%20d%3D%22M-20856.768-22503.766a.5.5%2C0%2C0%2C1-.354-.146.5.5%2C0%2C0%2C1%2C0-.707l4.252-4.252-4.252-4.252a.5.5%2C0%2C0%2C1%2C0-.707.5.5%2C0%2C0%2C1%2C.707%2C0l4.605%2C4.605a.5.5%2C0%2C0%2C1%2C0%2C.707l-4.605%2C4.605A.5.5%2C0%2C0%2C1-20856.768-22503.766Z%22%20transform%3D%22translate(20857.268%2022513.977)%22%20fill%3D%22%23004bac%22%2F%3E%3C%2Fsvg%3E") no-repeat right center/contain;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
  }
}
@media only screen and (max-width: 768px) {
  .footer__info__links .link ul:nth-of-type(2) {
    margin-top: 14px;
  }
}
@media print, screen and (min-width: 769px) {
  .footer__info__links .link ul:nth-of-type(2) {
    margin-left: 40px;
  }
}
.footer__copyright {
  display: block;
  text-align: center;
  color: #0C0C0C;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1;
}
@media print, screen and (min-width: 769px) {
  .footer__copyright {
    font-size: 1.2rem;
  }
}
.footer__pagetop {
  position: fixed;
  z-index: 10;
  border-radius: 30px;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .footer__pagetop {
    width: 44px;
    height: 44px;
    bottom: 66px;
    right: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .footer__pagetop {
    width: 68px;
    height: 68px;
    bottom: 74px;
    right: 30px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .footer__pagetop {
    right: 30px;
  }
}
.footer__pagetop a {
  display: block;
  width: 68px;
  height: 0;
  padding-top: 68px;
  overflow: hidden;
  background: url("../images/common/pagetop.png") 0 0 no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 768px) {
  .footer__pagetop a {
    width: 44px;
    height: 0;
    padding-top: 44px;
    background-size: 44px;
  }
}
.footer__pagetop a:hover {
  opacity: 0.8;
}

/*====================================
  02_module
=====================================*/
/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  リンクボタン
///////////////////////////////// */
/* /////////////////////////////////
  FlexBox
///////////////////////////////// */
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* ///////////////////////////////////////////
  module.scss
  各ページで使い回すパーツやスタイルに関する記述
/////////////////////////////////////////// */
/* ======================
  @extend
====================== */
/**
 * テーブルスタイル
 */
/*%table01{
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid $border;
  @include screen {
    margin: 0 auto;
    border-bottom: 1px solid $border;
  }
  th,td{
    border-bottom: 1px solid $border;
    font-size: 1.4rem;
  }
  th{
    color: $fontColor;
    background-color: $gray-background;
    font-weight: bold;
    @include smartphone {
      padding: 10px 15px;
      width: 100px;
    }
    @include screen {
      padding: 15px;
      width: 130px;
    }
  }
  td{
    color: $fontColor;
    font-weight: bold;
    @include smartphone {
      padding: 10px 15px;
    }
    @include screen {
      padding: 15px;
    }
    a{
      display: inline-block;
      color: $fontColor;
      text-decoration: none;
      &:hover{
        text-decoration: underline;
      }
    }
    .t-tel{
      @include screen {
        pointer-events: none;
        color: $fontColor;
        text-decoration: none;
      }
    }
  }
}

%dl01{
  display: flex;
  flex-wrap: wrap;
  border: 1px solid $border;
  dt,
  dd {
    padding: 10px 15px;
    &:nth-of-type(n+2) {
      border-top: 1px solid $border;
    }
    @include smartphone {
      font-size: 1.5rem;
    }
    @include screen {
      font-size: 1.6rem;
    }
  }
  dt {
    @include smartphone {
      flex-basis: 24%;
    }
    @include screen {
      flex-basis: 20%;
    }
    text-align: center;
    border-right: 1px solid $border;
    background-color: $gray-background;
    white-space: nowrap;
  }
  dd {
    @include smartphone {
      flex-basis: 76%;
    }
    @include screen {
      flex-basis: 80%;
    }
    p {
      &:nth-of-type(n+2) {
        margin-top: 10px;
      }
    }
  }
}

%dl01_skeleton{
  display: flex;
  flex-wrap: wrap;
  dt,
  dd {
    @include smartphone {
      font-size: 1.5rem;
    }
    @include screen {
      font-size: 1.6rem;
    }
  }
  dt {
    @include smartphone {
      flex-basis: 24%;
    }
    @include screen {
      flex-basis: 20%;
    }
    white-space: nowrap;
  }
  dd {
    @include smartphone {
      flex-basis: 74%;
    }
    @include screen {
      flex-basis: 78%;
    }
    p {
      &:nth-of-type(n+2) {
        margin-top: 10px;
      }
    }
  }
}*/
/**
 * お知らせ
 */
/*%news-list-wrap{
  max-width:1260px;
  margin:0 auto;

  @include smartphone {
    margin-bottom: 40px;
  }
  @include screen {
    margin-bottom: 50px;
  }

  >ul{
    @include screen {
      @include flex3C;
    }
    >li {
      border: 1px solid $border2;
      background-color:white;

      @include smartphone {
        &:nth-child(n+2){
          margin-top: 15px;
        }
      }
      @include screen {
        &:nth-child(n+4){
          margin-top: 50px;
        }
      }
      >a{
        color:$fontColor;
        text-decoration: none;
        @include pcHover;
        @include smartphone {
          @include flexBox($justify:space-between);
        }
        .thum{
          @include smartphone {
            flex-basis:45%;
          }
          figure{
            @include imgObjectfit($h:67%);
          }
        }
        .wrap{
          padding: 15px 20px;
          @include smartphone {
            flex-basis:55%;
            padding: 10px 15px;
          }
          >div{
            @include flexBox($justify:space-between, $items:center, $content:center);
            time {
              color: #222222;
              font-size: 1.4rem;
              display: inline;
              letter-spacing: 1px;
              font-weight: 500;
              @include smartphone {
                font-size: 1.2rem;
              }
            }
            span{
              display: inline-block;
              border: 1px solid $mainColor;
              background-color: $mainColor;
              color: #fff;
              padding: 0 5px;
              line-height: 1;
              text-decoration: none;
              font-size: 1.4rem;
              font-weight: 300;
              padding: 5px 6px;
              margin-bottom: 5px;
              @include smartphone {
                margin-bottom: 10px;
                font-size: 1.2rem;
                display: inline-block;
              }
            }
          }
          h3 {
            font-size: 2rem;
            color: $fontColor;
            @include smartphone {
              font-size: 1.6rem;
            }
          }
          p{
            font-size: 1.6rem;
            font-weight: 500;
            line-height: 1.6;
          }
        }
      }

    }
  }
}*/
/**
 * お知らせティッカー
 */
.page--information .page__article__content.archive .archive__container {
  max-width: 1200px;
  margin: 0 auto;
}
.page--information .page__article__content.archive .archive__container > ul {
  background-color: #fff;
  -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1215686275);
          box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1215686275);
}
@media only screen and (max-width: 768px) {
  .page--information .page__article__content.archive .archive__container > ul {
    padding: 0 15px;
    border-radius: 10px;
    overflow: hidden;
  }
}
@media print, screen and (min-width: 769px) {
  .page--information .page__article__content.archive .archive__container > ul {
    padding: 0 26px;
    border-radius: 20px;
    overflow: hidden;
  }
}
.page--information .page__article__content.archive .archive__container > ul > li {
  background-color: #fff;
}
.page--information .page__article__content.archive .archive__container > ul > li > a {
  width: 100%;
  color: #0C0C0C;
  font-weight: 400;
  text-decoration: none;
  display: block;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page--information .page__article__content.archive .archive__container > ul > li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 20px;
    padding: 14px 14px 14px 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--information .page__article__content.archive .archive__container > ul > li > a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 14px 14px 14px 0;
  }
}
.page--information .page__article__content.archive .archive__container > ul > li > a > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 768px) {
  .page--information .page__article__content.archive .archive__container > ul > li > a > div {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 5px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--information .page__article__content.archive .archive__container > ul > li > a > div {
    width: 230px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.page--information .page__article__content.archive .archive__container > ul > li > a > div time {
  text-align: left;
  display: block;
  font-weight: 500;
  color: #004bac;
}
@media only screen and (max-width: 768px) {
  .page--information .page__article__content.archive .archive__container > ul > li > a > div time {
    font-size: 1.4rem;
    width: 80px;
    line-height: 1.8;
  }
}
@media print, screen and (min-width: 769px) {
  .page--information .page__article__content.archive .archive__container > ul > li > a > div time {
    width: 106px;
    font-size: 1.6rem;
    line-height: 1.8;
  }
}
.page--information .page__article__content.archive .archive__container > ul > li > a > div .category {
  text-align: center;
  border: 1px solid #0C0C0C;
  height: 24px;
  line-height: 22px;
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .page--information .page__article__content.archive .archive__container > ul > li > a > div .category {
    width: 90px;
    margin-left: 15px;
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--information .page__article__content.archive .archive__container > ul > li > a > div .category {
    width: 120px;
    font-size: 1.5rem;
  }
}
.page--information .page__article__content.archive .archive__container > ul > li > a p {
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  .page--information .page__article__content.archive .archive__container > ul > li > a p {
    padding-top: 3px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 表示する行数を指定 */
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media print, screen and (min-width: 769px) {
  .page--information .page__article__content.archive .archive__container > ul > li > a p {
    font-size: 1.6rem;
    width: calc(100% - 245px);
    margin-left: 15px;
    text-align: left;
    padding-left: 35px;
    line-height: 1.8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
  }
  .page--information .page__article__content.archive .archive__container > ul > li > a p::before {
    width: 20px;
    height: 2px;
    content: "";
    position: absolute;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%222%22%20viewBox%3D%220%200%2020%202%22%3E%3Cpath%20d%3D%22M20%2C1H0V-1H20Z%22%20transform%3D%22translate(0%201)%22%20fill%3D%22%23b2cad5%22%2F%3E%3C%2Fsvg%3E") no-repeat right center/contain;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
  }
}
.page--information .page__article__content.archive .archive__container > ul > li > a:hover {
  opacity: 0.8;
}
.page--information .page__article__content.archive .archive__container > ul > li:nth-child(n+2) {
  border-top: 1px solid #efeff0;
}

/* ====================================
  Contact Form 7
===================================== */
.wpcf7-form .cf7__item {
  /* --------------------
  確認画面
  -------------------- */
}
@media print, screen and (min-width: 769px) {
  .wpcf7-form .cf7__item .form__item:nth-of-type(n+2) {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .wpcf7-form .cf7__item .form__item:nth-of-type(n+2) {
    margin-top: 20px;
  }
}
.wpcf7-form .cf7__item dt, .wpcf7-form .cf7__item dd {
  margin: 0;
  padding: 0;
}
.wpcf7-form .cf7__item dt {
  font-weight: 700;
  color: #0C0C0C;
  font-size: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; /* 両端に要素を配置 */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* 縦方向の中央揃え */
}
@media print, screen and (min-width: 769px) {
  .wpcf7-form .cf7__item dt {
    font-size: 2rem;
  }
}
.wpcf7-form .cf7__item dt label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; /* ラベルが残りのスペースを占有 */
}
.wpcf7-form .cf7__item dt .require {
  display: inline-block;
  background-color: #fd0102;
  color: #fff;
  line-height: 1;
  padding: 0.25em;
  margin-left: auto;
  font-style: normal;
  font-weight: normal;
}
@media print, screen and (min-width: 769px) {
  .wpcf7-form .cf7__item dt .require {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 768px) {
  .wpcf7-form .cf7__item dt .require {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 769px) {
  .wpcf7-form .cf7__item dt:nth-of-type(n+2) {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .wpcf7-form .cf7__item dt:nth-of-type(n+2) {
    margin-top: 20px;
  }
}
.wpcf7-form .cf7__item dd {
  --fontSizePC:1.8rem;
  --fontSizeSP:1.6rem;
  margin-top: 0.8em;
  color: #000;
}
@media print, screen and (min-width: 769px) {
  .wpcf7-form .cf7__item dd {
    font-size: var(--fontSizePC);
  }
}
@media only screen and (max-width: 768px) {
  .wpcf7-form .cf7__item dd {
    font-size: var(--fontSizeSP);
  }
}
.wpcf7-form .cf7__item dd input:not([type=radio]):not([type=checkbox]):not([type=file]),
.wpcf7-form .cf7__item dd select,
.wpcf7-form .cf7__item dd textarea {
  display: block;
  width: 100%;
  outline: none;
  background-color: #fff;
  border: none;
  border-radius: 0;
  padding: 0.75em;
}
@media print, screen and (min-width: 769px) {
  .wpcf7-form .cf7__item dd input:not([type=radio]):not([type=checkbox]):not([type=file]),
  .wpcf7-form .cf7__item dd select,
  .wpcf7-form .cf7__item dd textarea {
    font-size: var(--fontSizePC);
  }
}
@media only screen and (max-width: 768px) {
  .wpcf7-form .cf7__item dd input:not([type=radio]):not([type=checkbox]):not([type=file]),
  .wpcf7-form .cf7__item dd select,
  .wpcf7-form .cf7__item dd textarea {
    font-size: var(--fontSizeSP);
  }
}
.wpcf7-form .cf7__item dd input:not([type=radio]):not([type=checkbox]):not([type=file]):focus,
.wpcf7-form .cf7__item dd select:focus,
.wpcf7-form .cf7__item dd textarea:focus {
  background-color: #e1e9f5;
}
.wpcf7-form .cf7__item dd input:not([type=radio]):not([type=checkbox]):not([type=file])#zip,
.wpcf7-form .cf7__item dd select#zip,
.wpcf7-form .cf7__item dd textarea#zip {
  max-width: 10em;
}
.wpcf7-form .cf7__item dd input:not([type=radio]):not([type=checkbox]):not([type=file])#date,
.wpcf7-form .cf7__item dd select#date,
.wpcf7-form .cf7__item dd textarea#date {
  max-width: 10em;
}
@media print, screen and (min-width: 769px) {
  .wpcf7-form .cf7__item dd input:not([type=radio]):not([type=checkbox]):not([type=file]) #message,
  .wpcf7-form .cf7__item dd select #message,
  .wpcf7-form .cf7__item dd textarea #message {
    height: 10em;
  }
}
@media only screen and (max-width: 768px) {
  .wpcf7-form .cf7__item dd input:not([type=radio]):not([type=checkbox]):not([type=file]) #message,
  .wpcf7-form .cf7__item dd select #message,
  .wpcf7-form .cf7__item dd textarea #message {
    height: 10em;
  }
}
.wpcf7-form .cf7__item dd #job-preference {
  width: auto;
  padding-right: 32px;
  appearance: none; /* デフォルトのスタイルを無効化 */
  -webkit-appearance: none; /* Safari用 */
  -moz-appearance: none; /* Firefox用 */
  color: #0C0C0C;
}
.wpcf7-form .cf7__item dd #job-preference option {
  color: #0C0C0C;
}
.wpcf7-form .cf7__item dd .pulldown {
  position: relative;
  display: inline-block;
}
.wpcf7-form .cf7__item dd .pulldown::after {
  content: "";
  position: absolute;
  right: 10px; /* 右端からの距離を調整 */
  top: 24px; /* 縦中央に配置 */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #0C0C0C; /* 矢印の色を指定 */
  pointer-events: none; /* 矢印がクリックされないように設定 */
}
.wpcf7-form .cf7__item dd .checkbox-group, .wpcf7-form .cf7__item dd .wpcf7-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 40px; /* チェックボックス間の間隔 */
}
@media only screen and (max-width: 768px) {
  .wpcf7-form .cf7__item dd .checkbox-group, .wpcf7-form .cf7__item dd .wpcf7-checkbox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; /* 縦並びにする */
    gap: 5px;
  }
}
.wpcf7-form .cf7__item dd .checkbox-group .wpcf7-list-item, .wpcf7-form .cf7__item dd .wpcf7-checkbox .wpcf7-list-item {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wpcf7-form .cf7__item dd .checkbox-group .wpcf7-list-item input[type=checkbox], .wpcf7-form .cf7__item dd .wpcf7-checkbox .wpcf7-list-item input[type=checkbox] {
  margin-right: 5px; /* チェックボックスとラベルの間隔 */
}
.wpcf7-form .cf7__item dd .wpcf7-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 769px) {
  .wpcf7-form .cf7__item dd .wpcf7-radio {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 2em;
  }
}
@media only screen and (max-width: 768px) {
  .wpcf7-form .cf7__item dd .wpcf7-radio {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    gap: 0.5em;
  }
}
.wpcf7-form .cf7__item dd .wpcf7-radio .wpcf7-list-item {
  margin: 0 !important;
}
.wpcf7-form .cf7__item dd .wpcf7-not-valid-tip {
  display: block;
}
.wpcf7-form .cf7__item dd .example {
  font-size: 1.6rem;
  margin-top: 10px;
  padding-left: 1em;
  text-indent: -1em;
}
@media only screen and (max-width: 768px) {
  .wpcf7-form .cf7__item dd .example {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 769px) {
  .wpcf7-form .cf7__item.confirm dt:nth-of-type(n+2) {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 768px) {
  .wpcf7-form .cf7__item.confirm dt:nth-of-type(n+2) {
    margin-top: 2em;
  }
}
.wpcf7-form .cf7__item.confirm dd {
  margin-top: 0.5em;
  padding: 0.5em;
  background-color: #FFFDD5;
}
.wpcf7-form .cf7__item.confirm + .cf7__submit .back {
  display: block;
  border-color: #ccc !important;
  background-color: #ccc !important;
  color: #666 !important;
  padding: 0.5em 1em !important;
}
@media print, screen and (min-width: 769px) {
  .wpcf7-form .cf7__item.confirm + .cf7__submit .back {
    margin: 1.5em auto 0 auto !important;
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 768px) {
  .wpcf7-form .cf7__item.confirm + .cf7__submit .back {
    margin: 1.5em auto 0 auto !important;
    font-size: 1.4rem;
  }
}
.wpcf7-form .form__policy {
  border: 1px solid #0C0C0C;
}
@media print, screen and (min-width: 769px) {
  .wpcf7-form .form__policy {
    margin-top: 50px;
    padding: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .wpcf7-form .form__policy {
    margin-top: 24px;
    padding: 16px;
  }
}
.wpcf7-form .form__policy .policy__heading {
  text-align: center;
  font-weight: bold;
  font-size: 1.6rem;
}
@media only screen and (max-width: 768px) {
  .wpcf7-form .form__policy .policy__heading {
    margin-bottom: 24px;
  }
}
@media print, screen and (min-width: 769px) {
  .wpcf7-form .form__policy .policy__heading {
    margin-bottom: 30px;
  }
}
.wpcf7-form .form__policy > ul > li {
  font-size: 1.6rem;
  position: relative;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.6;
}
@media only screen and (max-width: 768px) {
  .wpcf7-form .form__policy > ul > li {
    line-height: 1.8;
  }
}
.wpcf7-form .form__policy > ul > li:before {
  display: inline-block;
  content: "";
  margin-top: 10px;
  margin-right: 10px;
  width: 4px;
  height: 4px;
  vertical-align: top;
  border-radius: 3px;
  background: #0C0C0C;
}
@media only screen and (max-width: 768px) {
  .wpcf7-form .form__policy > ul > li:before {
    margin-top: 12px;
  }
}
.wpcf7-form .form__policy > ul > li:nth-child(n+2) {
  margin-top: 5px;
}
.wpcf7-form .form__policy p.com {
  font-size: 1.6rem;
  margin-top: 1em;
  line-height: 1.6;
}
@media only screen and (max-width: 768px) {
  .wpcf7-form .form__policy p.com {
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .wpcf7-form .form__policy p.com {
    margin-bottom: 30px;
  }
}
.wpcf7-form .form__policy .policy__check {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .wpcf7-form .form__policy .policy__check {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .wpcf7-form .form__policy .policy__check {
    font-size: 1.8rem;
  }
}
.wpcf7-form .recaptcha {
  color: #000;
  font-size: 80%;
}
.wpcf7-form .recaptcha a {
  color: #0081B7;
}
.wpcf7-form .cf7__confirm {
  text-align: center;
  font-weight: bold;
}
@media print, screen and (min-width: 769px) {
  .wpcf7-form .cf7__confirm {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .wpcf7-form .cf7__confirm {
    margin-top: 30px;
  }
}
.wpcf7-form .cf7__submit {
  text-align: center;
  /*.wpcf7-submit {
    display: inline-block;
    @include screen { font-size: 2rem; }
    @include smartphone { font-size: 1.6rem; }
  }*/
}
@media print, screen and (min-width: 769px) {
  .wpcf7-form .cf7__submit {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .wpcf7-form .cf7__submit {
    margin-top: 30px;
  }
}
.wpcf7-form .cf7__submit br {
  display: none;
}
.wpcf7-form .cf7__submit .wpcf7-submit,
.wpcf7-form .cf7__submit .wpcf7-previous {
  outline: none;
}
.wpcf7-form .cf7__submit .wpcf7-submit {
  width: 100%;
  display: block;
  text-align: left;
  color: #fff !important;
  font-weight: 500;
  text-decoration: none;
  max-width: 260px;
  background: #004bac;
  position: relative;
  font-size: 1.6rem;
  letter-spacing: 1px;
  padding: 18px 16px;
  line-height: 1;
  border: none;
  cursor: pointer;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.414%22%20height%3D%2214%22%20viewBox%3D%220%200%208.414%2014%22%3E%3Cg%20transform%3D%22translate(-1221%20-2872)%22%3E%3Cpath%20d%3D%22M1365.42%2C1575.42a1%2C1%2C0%2C0%2C1-.707-1.707l5.293-5.293-5.293-5.293a1%2C1%2C0%2C0%2C1%2C1.414-1.414l6.707%2C6.707-6.707%2C6.707A1%2C1%2C0%2C0%2C1%2C1365.42%2C1575.42Z%22%20transform%3D%22translate(-143.42%201310.58)%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") right 20px center no-repeat #004bac;
  background-size: 8px 14px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 10px;
}
@media only screen and (max-width: 768px) {
  .wpcf7-form .cf7__submit .wpcf7-submit {
    margin: 24px auto 0 auto;
    max-width: 330px;
    padding: 20px 16px;
    text-align: center;
    font-size: 2rem;
  }
}
@media print, screen and (min-width: 769px) {
  .wpcf7-form .cf7__submit .wpcf7-submit {
    margin: 50px auto 0 auto;
    max-width: 480px;
    padding: 22px 16px;
    text-align: center;
    font-size: 2.8rem;
  }
}
.wpcf7-form .cf7__submit .wpcf7-submit:hover {
  opacity: 0.8;
}
.wpcf7-form .cf7__submit .wpcf7-spinner {
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: conic-gradient(rgba(0, 0, 0, 0) 10%, #6EC1E4);
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 3.8px), #000 0);
  -webkit-animation: spinner_rotation 1s infinite linear;
          animation: spinner_rotation 1s infinite linear;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10;
}
.wpcf7-form .cf7__submit .wpcf7-spinner::before {
  display: none;
}
@-webkit-keyframes spinner_rotation {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
@keyframes spinner_rotation {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
.wpcf7-form .wpcf7-response-output {
  margin-top: 20px !important;
  border: solid 1px #f00 !important;
  background-color: #fff;
  color: #f00 !important;
  text-align: center;
}

.grecaptcha-badge {
  visibility: hidden;
}

.cf7-cf-turnstile {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .cf7-cf-turnstile {
    padding-top: 24px;
  }
}
@media print, screen and (min-width: 769px) {
  .cf7-cf-turnstile {
    padding-top: 60px;
  }
}

.wpcf7-response-output, .contact__form__complete {
  border: 1px solid #0C0C0C;
  line-height: 1.6;
}
@media only screen and (max-width: 768px) {
  .wpcf7-response-output, .contact__form__complete {
    margin: 24px auto 0 auto;
    max-width: 314px;
    padding: 24px;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.6;
  }
}
@media print, screen and (min-width: 769px) {
  .wpcf7-response-output, .contact__form__complete {
    margin: 60px auto 0 auto;
    padding: 30px;
    text-align: center;
    font-size: 2rem;
  }
}

/* ======================
  mod
====================== */
.mod {
  /* ======================
  coming soon
  ====================== */
  /* =====================
  ページタイトル
  ===================== */
  /* =====================
    見出し
  ===================== */
  /* =====================
  ボタン
  ===================== */
  /* ======================
  投稿詳細 本文
  ====================== */
  /* =====================
    ページ送り
  ===================== */
  /* =====================
  ページャー
  ===================== */
  /* ========================
  企業情報 リンク
  ======================== */
  /*
  EOF
  */
}
.mod__comingsoon {
  display: block;
  max-width: 1260px;
  margin: 0 auto;
}
@media print, screen and (min-width: 1025px) {
  .mod__comingsoon {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .mod__comingsoon {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 768px) {
  .mod__comingsoon {
    padding: 0 15px;
  }
}
.mod__comingsoon > div {
  background: #edf8fd;
  border-radius: 10px;
}
@media only screen and (max-width: 768px) {
  .mod__comingsoon > div {
    padding: 40px 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__comingsoon > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 60px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1024px) {
  .mod__comingsoon > div {
    padding: 60px 30px;
  }
}
.mod__comingsoon > div h2, .mod__comingsoon > div p {
  font-weight: 700;
  text-align: center;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .mod__comingsoon > div h2, .mod__comingsoon > div p {
    font-size: 2rem;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__comingsoon > div h2, .mod__comingsoon > div p {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1024px) {
  .mod__comingsoon > div h2, .mod__comingsoon > div p {
    font-size: 2rem;
  }
}
.mod__pagetitle {
  background-color: #cbdee7;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 768px) {
  .mod__pagetitle {
    padding-top: 50px;
    background: url("../images/common/pagetitle-bg-sp.jpg") center center no-repeat #fff;
    background-size: cover;
    min-height: 160px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__pagetitle {
    padding-top: 40px;
    background: url("../images/common/pagetitle-bg.jpg") center center no-repeat #fff;
    background-size: cover;
    min-height: 300px;
  }
}
.mod__pagetitle h1, .mod__pagetitle i {
  color: #fff;
  font-family: "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 500;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .mod__pagetitle h1, .mod__pagetitle i {
    text-shadow: 1px 1px 10px rgba(35, 58, 106, 0.8);
    font-size: 1.8rem;
    letter-spacing: 1.6px;
    line-height: 1.6;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__pagetitle h1, .mod__pagetitle i {
    text-shadow: 1px 1px 10px rgba(35, 58, 106, 0.8);
    font-size: 5rem;
    letter-spacing: 4px;
    line-height: 1.6;
  }
}
.mod__pagetitle h1 span, .mod__pagetitle i span {
  display: block;
}
@media only screen and (max-width: 768px) {
  .mod__pagetitle h1 span, .mod__pagetitle i span {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__pagetitle h1 span, .mod__pagetitle i span {
    font-size: 4rem;
  }
}
.mod__heading01 {
  text-align: center;
  position: relative;
  display: block;
  width: 100%;
  color: #0C0C0C;
}
@media only screen and (max-width: 768px) {
  .mod__heading01 {
    margin-bottom: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__heading01 {
    margin-bottom: 20px;
  }
}
.mod__heading01 i {
  font-weight: 700;
  color: #53baff;
  display: block;
  font-style: normal;
}
@media only screen and (max-width: 768px) {
  .mod__heading01 i {
    font-size: 1.8rem;
    letter-spacing: 0px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__heading01 i {
    font-size: 2.4rem;
    margin-bottom: 5px;
    letter-spacing: 0px;
  }
}
.mod__heading01 .ttl {
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .mod__heading01 .ttl {
    font-size: 2.4rem;
    letter-spacing: 2.4px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__heading01 .ttl {
    font-size: 3.2rem;
    letter-spacing: 3.2px;
  }
}
.mod__heading02 {
  line-height: 1.4;
  color: #004bac;
  font-weight: 700;
  position: relative;
  text-align: center;
  margin: 0 0 30px 0;
  font-size: 2.2rem;
  letter-spacing: 2px;
}
@media only screen and (max-width: 768px) {
  .mod__heading02 {
    font-size: 1.8rem;
    margin: 0 0 30px 0;
    letter-spacing: 1px;
  }
}
.mod__heading02::after {
  content: "";
  background: #53baff;
  display: inline-block;
  vertical-align: top;
  display: block;
  height: 2px;
  width: 58px;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 10px;
}
@media print, screen and (min-width: 769px) {
  .mod__heading02::after {
    height: 4px;
  }
}
.mod__heading03 {
  color: #53baff;
  font-weight: 700;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  background-color: #edf8fd;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .mod__heading03 {
    font-size: 2.8rem;
    margin-bottom: 30px;
    padding: 20px;
    letter-spacing: 2.8px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__heading03 {
    font-size: 3.4rem;
    margin-bottom: 40px;
    padding: 30px;
    letter-spacing: 3.4px;
  }
}
.mod__heading04 {
  color: #004bac;
  font-weight: 900;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 15px 0;
  border-bottom: 1px solid #004bac;
}
@media only screen and (max-width: 768px) {
  .mod__heading04 {
    font-size: 1.6rem;
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__heading04 {
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
}
.mod__heading05 {
  line-height: 1.4;
}
@media print, screen and (min-width: 769px) {
  .mod__heading05 {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 768px) {
  .mod__heading05 {
    font-size: 1.6rem;
  }
}
.mod__heading05 span {
  display: inline-block;
  color: #fff;
  font-weight: bold;
  padding: 0.25em 0.5em;
  background-color: #004bac;
}
.mod__button1 {
  display: block;
  text-decoration: none;
  color: #fff !important;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  cursor: pointer;
  position: relative;
  letter-spacing: 1px;
  text-align: center;
  width: 200px;
  height: 48px;
  line-height: 48px;
  border-radius: 5px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.414%22%20height%3D%2214%22%20viewBox%3D%220%200%208.414%2014%22%3E%3Cg%20transform%3D%22translate(-1221%20-2872)%22%3E%3Cpath%20d%3D%22M1365.42%2C1575.42a1%2C1%2C0%2C0%2C1-.707-1.707l5.293-5.293-5.293-5.293a1%2C1%2C0%2C0%2C1%2C1.414-1.414l6.707%2C6.707-6.707%2C6.707A1%2C1%2C0%2C0%2C1%2C1365.42%2C1575.42Z%22%20transform%3D%22translate(-143.42%201310.58)%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") right 20px center no-repeat #004bac;
  background-size: 8px 14px;
}
@media only screen and (max-width: 768px) {
  .mod__button1 {
    margin: 40px auto 0 auto;
    height: 34px;
    line-height: 34px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__button1 {
    width: 300px;
    font-size: 1.8rem;
    margin: 35px auto 0 auto;
  }
}
.mod__button1:hover {
  opacity: 0.8;
}
.mod__button2 {
  display: block;
  text-decoration: none;
  color: #fff !important;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  cursor: pointer;
  position: relative;
  letter-spacing: 1.6px;
  text-align: center;
  width: 200px;
  height: 40px;
  line-height: 38px;
  border-radius: 20px;
  background: -webkit-gradient(linear, left top, right top, from(rgb(132, 212, 255)), to(rgb(0, 45, 118)));
  background: linear-gradient(90deg, rgb(132, 212, 255) 0%, rgb(0, 45, 118) 100%);
}
@media only screen and (max-width: 768px) {
  .mod__button2 {
    margin: 15px auto 0 auto;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__button2 {
    margin: 15px auto 0 auto;
  }
}
.mod__button2:hover {
  opacity: 0.8;
}
.mod__button2 span {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.414%22%20height%3D%2214%22%20viewBox%3D%220%200%208.414%2014%22%3E%3Cg%20transform%3D%22translate(-1221%20-2872)%22%3E%3Cpath%20d%3D%22M1365.42%2C1575.42a1%2C1%2C0%2C0%2C1-.707-1.707l5.293-5.293-5.293-5.293a1%2C1%2C0%2C0%2C1%2C1.414-1.414l6.707%2C6.707-6.707%2C6.707A1%2C1%2C0%2C0%2C1%2C1365.42%2C1575.42Z%22%20transform%3D%22translate(-143.42%201310.58)%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat right 15px center;
  background-size: 7px 12px;
}
.mod__button3 {
  display: block;
  text-decoration: none;
  color: #fff !important;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  cursor: pointer;
  position: relative;
  text-align: center;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgb(132, 212, 255)), to(rgb(0, 45, 118)));
  background: linear-gradient(90deg, rgb(132, 212, 255) 0%, rgb(0, 45, 118) 100%);
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .mod__button3 {
    height: 80px;
    line-height: 78px;
    border-radius: 40px;
    font-size: 2.4rem;
    letter-spacing: 2.4px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__button3 {
    max-width: 480px;
    height: 100px;
    line-height: 98px;
    border-radius: 50px;
    font-size: 2.8rem;
    letter-spacing: 2.8px;
  }
}
.mod__button3:hover {
  opacity: 0.8;
}
.mod__button3 span {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238%22%20height%3D%2222%22%20viewBox%3D%220%200%2038%2022%22%3E%3Cg%20transform%3D%22translate(-1123%20-3156)%22%3E%3Cpath%20d%3D%22M35%2C39a1%2C1%2C0%2C0%2C1-.707-1.707L43.586%2C28l-9.293-9.293a1%2C1%2C0%2C0%2C1%2C1.414-1.414l10%2C10a1%2C1%2C0%2C0%2C1%2C0%2C1.414l-10%2C10A1%2C1%2C0%2C0%2C1%2C35%2C39Z%22%20transform%3D%22translate(1115%203139)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M34.393%2C1H0A1%2C1%2C0%2C0%2C1-1%2C0%2C1%2C1%2C0%2C0%2C1%2C0-1H34.393a1%2C1%2C0%2C0%2C1%2C1%2C1A1%2C1%2C0%2C0%2C1%2C34.393%2C1Z%22%20transform%3D%22translate(1124%203167)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat right 30px center;
  background-size: 36px 20px;
}
@media print, screen and (min-width: 769px) {
  .mod__button3 span {
    background-position: right 40px center;
  }
}
.mod__button4 {
  width: 100%;
}
.mod__button4 a {
  display: block;
  width: 100%;
  max-width: 120px;
  color: #004bac;
  text-align: center;
  text-decoration: none;
  padding: 0.5em 0.75em;
  border: 1px solid #004bac;
  border-radius: 30px;
  cursor: pointer;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  position: relative;
  margin: 0 auto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1 !important;
  background-color: #fff;
}
.mod__button4 a:hover {
  color: #fff !important;
  background-color: #004bac;
}
.mod__button4 a:hover::after {
  border-color: #fff;
}
@media only screen and (max-width: 768px) {
  .mod__content > * {
    line-height: 1.6;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__content > * {
    line-height: 2;
  }
}
@media only screen and (max-width: 768px) {
  .mod__content > *:nth-child(n+2) {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__content > *:nth-child(n+2) {
    margin-top: 30px;
  }
}
.mod__content > * img {
  max-width: 100%;
  width: auto;
}
.mod__pagination {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .mod__pagination {
    padding: 0 20px;
    margin-top: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__pagination {
    padding: 0 30px;
    margin-top: 60px;
  }
}
.mod__pagination .pagination {
  display: block;
}
.mod__pagination ul.page-numbers {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.mod__pagination li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.mod__pagination a.page-numbers,
.mod__pagination span.page-numbers {
  display: inline-block;
  text-decoration: none;
  line-height: 1;
  padding: 10px 14px;
  border-radius: 2px;
  background: #d5eeff;
  color: #004bac;
}
.mod__pagination span.page-numbers.current {
  background: #e5e9ec;
  color: #0C0C0C;
  font-weight: 400;
}
.mod__pagination a.page-numbers:hover {
  background: #004bac;
  color: #fff;
}
.mod__pagination .disabled {
  opacity: 0.4;
  cursor: default;
}
@media print, screen and (min-width: 769px) {
  .mod__pagination a.page-numbers.prev,
  .mod__pagination a.page-numbers.next,
  .mod__pagination a.page-numbers.first,
  .mod__pagination a.page-numbers.last,
  .mod__pagination span.page-numbers.prev,
  .mod__pagination span.page-numbers.next,
  .mod__pagination span.page-numbers.first,
  .mod__pagination span.page-numbers.last {
    line-height: 1;
    padding: 10px 14px;
  }
}
.mod__pagination h2.screen-reader-text {
  display: none;
}
.mod__pager {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .mod__pager {
    width: 335px;
    margin: 60px auto 0 auto;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__pager {
    width: 460px;
    margin: 100px auto 0 auto;
  }
}
@media only screen and (max-width: 768px) {
  .mod__pager ul {
    height: 40px;
    position: relative;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__pager ul {
    height: 40px;
    position: relative;
  }
}
@media only screen and (max-width: 768px) {
  .mod__pager ul li {
    width: 115px;
    position: absolute;
    top: 0;
    z-index: 2;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__pager ul li {
    width: 200px;
    position: absolute;
    top: 0;
    z-index: 2;
  }
}
.mod__pager ul li a {
  height: 40px;
  line-height: 36px;
  color: #fff;
  font-size: 0.95em;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  display: block;
  background: #fff;
  background-color: #004bac;
  border: 1px solid #004bac;
  border-radius: 4px;
}
@media only screen and (max-width: 768px) {
  .mod__pager ul li a {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__pager ul li a {
    /*font-weight: bolder;*/
    font-size: 1.6rem;
  }
}
.mod__pager ul li a:hover {
  background: #53baff;
  border: 1px solid #53baff;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .mod__pager ul .prev {
    left: 0;
    width: 100px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__pager ul .prev {
    left: 0;
    width: 120px;
  }
}
.mod__pager ul .prev a {
  border-radius: 2px;
}
@media only screen and (max-width: 768px) {
  .mod__pager ul .prev a {
    background: url("../images/common/arrow-prev-over.svg") left 15px center no-repeat #004bac;
    background-size: 14px;
    padding-left: 20px;
  }
  .mod__pager ul .prev a:hover {
    background: url("../images/common/arrow-prev-over.svg") left 15px center no-repeat #53baff;
    background-size: 14px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__pager ul .prev a {
    background: url("../images/common/arrow-prev-over.svg") left 15px center no-repeat #004bac;
    text-align: center;
    background-size: 14px;
  }
  .mod__pager ul .prev a:hover {
    left: 0;
    background: url("../images/common/arrow-prev-over.svg") left 15px center no-repeat #53baff;
    background-size: 14px;
  }
}
@media only screen and (max-width: 768px) {
  .mod__pager ul .next {
    right: 0;
    width: 100px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__pager ul .next {
    right: 0;
    width: 120px;
  }
}
.mod__pager ul .next a {
  border-radius: 2px;
}
@media only screen and (max-width: 768px) {
  .mod__pager ul .next a {
    background: url("../images/common/arrow-next-over.svg") right 15px center no-repeat #004bac;
    background-size: 14px;
    padding-right: 20px;
  }
  .mod__pager ul .next a:hover {
    background: url("../images/common/arrow-next-over.svg") right 15px center no-repeat #53baff;
    background-size: 16px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__pager ul .next a {
    background: url("../images/common/arrow-next-over.svg") right 15px center no-repeat #004bac;
    text-align: center;
    background-size: 14px;
  }
  .mod__pager ul .next a:hover {
    background: url("../images/common/arrow-next-over.svg") right 15px center no-repeat #53baff;
    background-size: 14px;
  }
}
@media only screen and (max-width: 768px) {
  .mod__pager ul .return {
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__pager ul .return {
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
.mod__company--link {
  color: #0C0C0C;
  border-top: 1px solid #efeff0;
}
@media only screen and (max-width: 768px) {
  .mod__company--link {
    padding: 50px 15px 30px 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__company--link {
    padding: 115px 30px 80px 30px;
  }
}
.mod__company--link .container {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  margin: 0 auto;
}
@media print, screen and (min-width: 1025px) {
  .mod__company--link .container {
    padding: 0;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .mod__company--link .container {
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  .mod__company--link .container {
    padding: 0;
  }
}
@media screen and (min-width: 769px) and (min-width: 1420px) {
  .mod__company--link .container {
    padding: 0 71px;
  }
}
@media only screen and (max-width: 768px) {
  .mod__company--link .container .mod__heading01 {
    margin-bottom: 48px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__company--link .container .mod__heading01 {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1215px) {
  .mod__company--link .container .mod__heading01 {
    margin-bottom: 142px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1024px) {
  .mod__company--link .container .mod__heading01 {
    margin-bottom: 142px;
  }
}
.mod__company--link .container .mod__heading01 span {
  color: #004bac;
}
@media only screen and (max-width: 768px) {
  .mod__company--link .container .mod__heading01 span {
    text-align: center;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__company--link .container .mod__heading01 i {
    top: -0.75em;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .mod__company--link .container .mod__heading01 i {
    left: -1em;
  }
  .mod__company--link .container .mod__heading01 i br {
    display: none;
  }
}
@media screen and (min-width: 769px) and (min-width: 1025px) and (min-width: 1216px) {
  .mod__company--link .container .mod__heading01 i {
    font-size: 10.6rem;
  }
}
@media screen and (min-width: 769px) and (min-width: 1025px) and (max-width: 1420px) {
  .mod__company--link .container .mod__heading01 i {
    left: -35px;
  }
}
.mod__company--link .container > ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  .mod__company--link .container > ul > li {
    width: 48.4375%;
    margin-right: 3.125%;
  }
  .mod__company--link .container > ul > li:nth-child(2n) {
    margin-right: 0;
  }
  .mod__company--link .container > ul > li:nth-child(n+3) {
    margin-top: 20px;
  }
  .mod__company--link .container > ul > li:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1240px) {
  .mod__company--link .container > ul > li {
    width: 31.25%;
    margin-right: 3.125%;
  }
  .mod__company--link .container > ul > li:nth-child(3n) {
    margin-right: 0;
  }
  .mod__company--link .container > ul > li:nth-child(n+4) {
    margin-top: 30px;
  }
  .mod__company--link .container > ul > li:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 769px) and (min-width: 1240px) {
  .mod__company--link .container > ul > li {
    width: 17.5%;
    margin-right: 3.125%;
  }
  .mod__company--link .container > ul > li:nth-child(5n) {
    margin-right: 0;
  }
  .mod__company--link .container > ul > li:nth-child(n+6) {
    margin-top: 30px;
  }
  .mod__company--link .container > ul > li:last-child {
    margin-right: 0;
  }
}
.mod__company--link .container > ul > li a {
  display: block;
  color: #004bac;
  text-decoration: none;
}
.mod__company--link .container > ul > li a .thum {
  width: 100%;
}
.mod__company--link .container > ul > li a .thum img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.mod__company--link .container > ul > li a p {
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  padding: 17px 15px 0 15px;
  text-decoration: none;
  color: #0C0C0C;
}
.mod__company--link .container > ul > li a:hover {
  opacity: 0.8;
}
.mod__company--link .container > ul > li a:hover p {
  color: #004bac;
}
.mod__company--link .container > ul:last-of-type {
  margin-bottom: 0;
}

/* ======================
  ボタン
====================== */
.btn, .btn--contact, .btn--search, .btn--main, .btn--submit {
  padding: 14px 30px;
  color: #004bac;
  background-color: #fff;
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
  text-decoration: none;
  border-radius: 999px;
  border: 1px solid #004bac;
  margin: 0 auto;
  display: inline-block;
}
.btn:hover, .btn--contact:hover, .btn--search:hover, .btn--main:hover, .btn--submit:hover {
  color: #fff;
  background-color: #004bac;
}

.btn--wrap {
  text-align: center;
}
.btn--wrap a {
  line-height: 1.2;
}

.btn--main, .btn--submit {
  color: white !important;
  background-color: #004bac;
  background-image: url("../images/common/link-arrow-white.svg");
  background-position: right 24px center;
  background-repeat: no-repeat;
  padding-right: 70px;
}
.btn--main:visited, .btn--submit:visited {
  color: white !important;
}
.btn--main[disabled], [disabled].btn--submit {
  background-image: url("../images/common/link-arrow-white.svg");
}
.btn--main.current, .current.btn--submit {
  color: #004bac !important;
  background-color: white;
  background-image: url("../images/common/link-arrow.svg");
  pointer-events: none;
}
.btn--main:hover, .btn--submit:hover {
  color: #004bac !important;
  background-color: white;
  background-image: url("../images/common/link-arrow.svg");
}

.btn--search {
  padding: 10px 20px;
  color: white;
  background-color: #004bac;
  cursor: pointer;
}
.btn--search:hover {
  color: #004bac;
  background-color: white;
}

.btn--submit {
  padding: 20px 40px;
  padding-right: 70px;
}
@media print, screen and (min-width: 769px) {
  .btn--submit {
    font-size: 2rem;
  }
}

.btn--contact {
  color: white !important;
  background-color: #004bac;
  background-image: url("../images/common/mail-icon-white.svg");
  background-position: left 24px center;
  background-repeat: no-repeat;
  background-size: 30px;
  padding-left: 70px;
}
.btn--contact:visited {
  color: white !important;
}
.btn--contact:hover {
  color: #004bac !important;
  background-color: white;
  background-image: url("../images/common/mail-icon-blue.svg");
}

/*====================================
  03_page
=====================================*/
/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  リンクボタン
///////////////////////////////// */
/* /////////////////////////////////
  FlexBox
///////////////////////////////// */
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* ///////////////////////////////////////////
  404
  エラーページ
/////////////////////////////////////////// */
.page--error404 {
  /*
  EOF
  */
}
.page--error404 .page__article .page__article__container {
  /* ======================
  共通設定
  ====================== */
}
@media only screen and (max-width: 768px) {
  .page--error404 .page__article .page__article__container {
    padding: 0 20px 0 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--error404 .page__article .page__article__container {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 30px 0 30px;
  }
}
.page--error404 .page__article .page__article__container .intro {
  text-align: center;
  letter-spacing: 1px;
  line-height: 2;
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  .page--error404 .page__article .page__article__container .intro {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--error404 .page__article .page__article__container .intro {
    font-size: 1.8rem;
  }
}
.page--error404 .page__article .page__article__container .intro p {
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  .page--error404 .page__article .page__article__container .intro p:nth-of-type(n + 2) {
    margin-top: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--error404 .page__article .page__article__container .intro p:nth-of-type(n + 2) {
    margin-top: 5px;
  }
}

/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  リンクボタン
///////////////////////////////// */
/* /////////////////////////////////
  FlexBox
///////////////////////////////// */
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////////////////////////////
  トップページ
///////////////////////////////////////////////////////// */
.page--home {
  /*==================================================
  スライダーのためのcss
  ===================================*/
  /* ========================
  お知らせ
  ======================== */
  /* ========================
  ごあなたの想いに、いちばん近い保険を。
  ======================== */
  /* ========================
  ずっと頼れる、人生のパートナー。
  ======================== */
  /* ========================
  サービス紹介
  ======================== */
  /* ========================
  会社概要
  ======================== */
}
.page--home .main-slider {
  position: relative;
  z-index: 1;
  /*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
  /*　背景画像設定　*/
  /*矢印の設定*/
  /*ドットナビゲーションの設定*/
}
@media only screen and (max-width: 768px) {
  .page--home .main-slider {
    height: 300px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .main-slider {
    height: 552px;
  }
}
@media only screen and (max-width: 768px) {
  .page--home .main-slider .slider-item01 {
    background: url("../images/home/slide/home_slide1_sp.jpg");
    background-position: center center;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .main-slider .slider-item01 {
    background: url("../images/home/slide/home_slide1.jpg");
    background-position: center center;
  }
}
@media only screen and (max-width: 768px) {
  .page--home .main-slider .slider-item02 {
    background: url("../images/home/slide/home_slide2_sp.jpg");
    background-position: center center;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .main-slider .slider-item02 {
    background: url("../images/home/slide/home_slide2.jpg");
    background-position: center center;
  }
}
@media only screen and (max-width: 768px) {
  .page--home .main-slider .slider-item03 {
    background: url("../images/home/slide/home_slide3_sp.jpg");
    background-position: center center;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .main-slider .slider-item03 {
    background: url("../images/home/slide/home_slide3.jpg");
    background-position: center center;
  }
}
.page--home .main-slider .slider-item {
  width: 100%; /*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
  background-repeat: no-repeat; /*背景画像をリピートしない*/
  background-position: center; /*背景画像の位置を中央に*/
  background-size: cover; /*背景画像が.slider-item全体を覆い表示*/
}
@media only screen and (max-width: 768px) {
  .page--home .main-slider .slider-item {
    height: 300px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .main-slider .slider-item {
    height: 552px;
  }
}
.page--home .main-slider .slider-item .mainvisual {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 4;
  max-width: 1280px;
  margin: 0 auto;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
@media only screen and (max-width: 768px) {
  .page--home .main-slider .slider-item .mainvisual {
    padding: 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .main-slider .slider-item .mainvisual {
    padding: 30px;
  }
}
.page--home .main-slider .slider-item .mainvisual .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page--home .main-slider .slider-item .mainvisual .container .wrap {
  width: 100%;
}
.page--home .main-slider .slider-item .mainvisual .container .wrap .slide-ttl {
  color: #fff;
  font-family: "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 500;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--home .main-slider .slider-item .mainvisual .container .wrap .slide-ttl {
    text-shadow: 1px 1px 10px rgba(35, 58, 106, 0.8);
    font-size: 1.8rem;
    letter-spacing: 1.6px;
    line-height: 1.8;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .main-slider .slider-item .mainvisual .container .wrap .slide-ttl {
    text-shadow: 1px 1px 10px rgba(35, 58, 106, 0.8);
    font-size: 5rem;
    letter-spacing: 4px;
    line-height: 1.8;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1024px) {
  .page--home .main-slider .slider-item .mainvisual .container .wrap .slide-ttl {
    font-size: 3.6rem;
    letter-spacing: 3px;
  }
}
@media screen and (min-width: 1400px) {
  .page--home .main-slider .slider-item .mainvisual .container .wrap .slide-ttl .max1400 {
    display: none;
  }
}
.page--home .main-slider .slick-prev,
.page--home .main-slider .slick-next {
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer; /*マウスカーソルを指マークに*/
  outline: none; /*クリックをしたら出てくる枠線を消す*/
  border-top: 2px solid #fff; /*矢印の色*/
  border-right: 2px solid #fff; /*矢印の色*/
  height: 25px;
  width: 25px;
}
@media only screen and (max-width: 768px) {
  .page--home .main-slider .slick-prev,
  .page--home .main-slider .slick-next {
    height: 20px;
    width: 20px;
  }
}
.page--home .main-slider .slick-prev { /*戻る矢印の位置と形状*/
  left: 2%;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
@media only screen and (max-width: 768px) {
  .page--home .main-slider .slick-prev {
    left: 1.5%;
  }
}
.page--home .main-slider .slick-next { /*次へ矢印の位置と形状*/
  right: 2%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media only screen and (max-width: 768px) {
  .page--home .main-slider .slick-next {
    right: 1.5%;
  }
}
.page--home .main-slider .slick-dots {
  position: relative;
  z-index: 3;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--home .main-slider .slick-dots {
    margin: -40px 0 0 0; /*ドットの位置*/
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .main-slider .slick-dots {
    margin: -50px 0 0 0; /*ドットの位置*/
  }
}
.page--home .main-slider .slick-dots li {
  display: inline-block;
  margin: 0 12px;
}
@media print, screen and (min-width: 769px) {
  .page--home .main-slider .slick-dots li {
    margin: 0 20px;
  }
}
.page--home .main-slider .slick-dots button {
  color: transparent;
  outline: none;
  width: 8px; /*ドットボタンのサイズ*/
  height: 8px; /*ドットボタンのサイズ*/
  display: block;
  border-radius: 50%;
  background: #fff; /*ドットボタンの色*/
}
@media print, screen and (min-width: 769px) {
  .page--home .main-slider .slick-dots button {
    width: 15px; /*ドットボタンのサイズ*/
    height: 15px; /*ドットボタンのサイズ*/
  }
}
.page--home .main-slider .slick-dots .slick-active button {
  background: #53baff; /*ドットボタンの現在地表示の色*/
}
.page--home .information {
  background-color: #f5f4f9;
}
@media only screen and (max-width: 768px) {
  .page--home .information {
    padding: 60px 20px 56px 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .information {
    padding: 50px 30px 40px 30px;
  }
}
.page--home .information .container {
  position: relative;
  display: block;
  max-width: 1200px;
  margin: 0 auto;
}
@media print, screen and (min-width: 1025px) {
  .page--home .information .container {
    padding: 0;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .page--home .information .container {
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  .page--home .information .container {
    padding: 0;
  }
}
.page--home .information .container .list-wrap {
  position: relative;
  z-idex: 2;
  max-width: 1200px;
  margin: 0 auto;
}
.page--home .information .container .list-wrap > ul {
  background-color: #fff;
  -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1215686275);
          box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1215686275);
}
@media only screen and (max-width: 768px) {
  .page--home .information .container .list-wrap > ul {
    padding: 0 15px;
    border-radius: 10px;
    overflow: hidden;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .information .container .list-wrap > ul {
    padding: 0 26px;
    border-radius: 20px;
    overflow: hidden;
  }
}
.page--home .information .container .list-wrap > ul > li {
  background-color: #fff;
}
.page--home .information .container .list-wrap > ul > li > a {
  width: 100%;
  color: #0C0C0C;
  font-weight: 400;
  text-decoration: none;
  display: block;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page--home .information .container .list-wrap > ul > li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 20px;
    padding: 14px 14px 14px 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .information .container .list-wrap > ul > li > a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 14px 14px 14px 0;
  }
}
.page--home .information .container .list-wrap > ul > li > a > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 768px) {
  .page--home .information .container .list-wrap > ul > li > a > div {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 5px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .information .container .list-wrap > ul > li > a > div {
    width: 230px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.page--home .information .container .list-wrap > ul > li > a > div time {
  text-align: left;
  display: block;
  font-weight: 500;
  color: #004bac;
}
@media only screen and (max-width: 768px) {
  .page--home .information .container .list-wrap > ul > li > a > div time {
    font-size: 1.4rem;
    width: 80px;
    line-height: 1.8;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .information .container .list-wrap > ul > li > a > div time {
    width: 106px;
    font-size: 1.6rem;
    line-height: 1.8;
  }
}
.page--home .information .container .list-wrap > ul > li > a > div .category {
  text-align: center;
  border: 1px solid #0C0C0C;
  height: 24px;
  line-height: 22px;
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .page--home .information .container .list-wrap > ul > li > a > div .category {
    display: none;
    width: 90px;
    margin-left: 15px;
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .information .container .list-wrap > ul > li > a > div .category {
    width: 120px;
    font-size: 1.5rem;
  }
}
.page--home .information .container .list-wrap > ul > li > a p {
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .page--home .information .container .list-wrap > ul > li > a p {
    width: calc(100% - 80px);
    padding-left: 10px;
    padding-top: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .information .container .list-wrap > ul > li > a p {
    font-size: 1.6rem;
    width: calc(100% - 245px);
    margin-left: 15px;
    text-align: left;
    padding-left: 35px;
    line-height: 1.8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
  }
  .page--home .information .container .list-wrap > ul > li > a p::before {
    width: 20px;
    height: 2px;
    content: "";
    position: absolute;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%222%22%20viewBox%3D%220%200%2020%202%22%3E%3Cpath%20d%3D%22M20%2C1H0V-1H20Z%22%20transform%3D%22translate(0%201)%22%20fill%3D%22%23b2cad5%22%2F%3E%3C%2Fsvg%3E") no-repeat right center/contain;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
  }
}
.page--home .information .container .list-wrap > ul > li > a:hover {
  opacity: 0.8;
}
.page--home .information .container .list-wrap > ul > li:nth-child(n+2) {
  border-top: 1px solid #efeff0;
}
.page--home .information .container .list-wrap .not-found {
  line-height: 1.8;
}
@media only screen and (max-width: 768px) {
  .page--home .information .container .mod__button1 {
    margin: 30px auto 0 auto;
  }
}
.page--home .thought {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .page--home .thought {
    padding: 0 0 0 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .thought {
    padding: 60px 0 60px 30px;
  }
}
.page--home .thought .outer {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .page--home .thought .outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .thought .outer {
    padding: 0;
  }
}
.page--home .thought .outer::after {
  content: "";
  display: block;
  position: absolute;
  background: url("../images/home/thought-img.jpg") no-repeat;
  background-size: cover;
  right: 0;
  z-index: 2;
  -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
}
@media only screen and (max-width: 768px) {
  .page--home .thought .outer::after {
    position: relative;
    bottom: 0;
    width: 100%;
    height: 0;
    padding-top: 61.53%;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .thought .outer::after {
    border-radius: 40px 0 0 40px;
    top: 0;
    width: 45%;
    height: 480px;
    background-position: center top;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--home .thought .outer::after {
    background-position: left top;
    width: 48%;
  }
}
.page--home .thought .outer .container {
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 768px) {
  .page--home .thought .outer .container {
    padding: 30px 20px 40px 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .thought .outer .container {
    max-width: 1230px;
    margin: 0 auto;
  }
}
.page--home .thought .outer .container .wrap {
  position: relative;
}
@media print, screen and (min-width: 769px) {
  .page--home .thought .outer .container .wrap {
    width: 50%;
    min-height: 480px;
    padding-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--home .thought .outer .container .wrap {
    width: 46%;
    padding-right: 30px;
  }
}
.page--home .thought .outer .container .wrap .ttl {
  color: #004bac;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .page--home .thought .outer .container .wrap .ttl {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .thought .outer .container .wrap .ttl {
    font-size: 2.6rem;
    margin-bottom: 20px;
  }
}
.page--home .thought .outer .container .wrap p {
  position: relative;
  z-index: 3;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.2;
}
@media only screen and (max-width: 768px) {
  .page--home .thought .outer .container .wrap p {
    font-size: 1.4rem;
    line-height: 2;
  }
}
@media print, screen and (min-width: 1025px) {
  .page--home .thought .outer .container .wrap p {
    font-size: 1.8rem;
  }
}
.page--home .partner {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .page--home .partner {
    padding: 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .partner {
    padding: 0 30px 70px 0;
  }
}
.page--home .partner .outer {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .page--home .partner .outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .partner .outer {
    padding: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.page--home .partner .outer::before {
  content: "";
  display: block;
  position: absolute;
  background: url("../images/home/partner-img.jpg") no-repeat;
  background-size: cover;
  left: 0;
  z-index: 2;
  -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
}
@media only screen and (max-width: 768px) {
  .page--home .partner .outer::before {
    position: relative;
    bottom: 0;
    width: 100%;
    height: 0;
    padding-top: 61.53%;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .partner .outer::before {
    border-radius: 0 40px 40px 0;
    top: 0;
    width: 45%;
    height: 480px;
    background-position: center top;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--home .partner .outer::before {
    background-position: right center;
    width: 48%;
  }
}
.page--home .partner .outer .container {
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 768px) {
  .page--home .partner .outer .container {
    padding: 30px 20px 60px 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .partner .outer .container {
    max-width: 1230px;
    margin: 0 auto;
  }
}
.page--home .partner .outer .container .wrap {
  position: relative;
}
@media print, screen and (min-width: 769px) {
  .page--home .partner .outer .container .wrap {
    width: 50%;
    min-height: 480px;
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: auto;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--home .partner .outer .container .wrap {
    width: 46%;
    padding-left: 30px;
  }
}
.page--home .partner .outer .container .wrap .ttl {
  color: #004bac;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .page--home .partner .outer .container .wrap .ttl {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .partner .outer .container .wrap .ttl {
    font-size: 2.6rem;
    margin-bottom: 20px;
  }
}
.page--home .partner .outer .container .wrap p {
  position: relative;
  z-index: 3;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.2;
}
@media only screen and (max-width: 768px) {
  .page--home .partner .outer .container .wrap p {
    font-size: 1.4rem;
    line-height: 2;
  }
}
@media print, screen and (min-width: 1025px) {
  .page--home .partner .outer .container .wrap p {
    font-size: 1.8rem;
  }
}
.page--home .service {
  background-color: #f5f4f9;
}
@media only screen and (max-width: 768px) {
  .page--home .service {
    padding: 60px 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .service {
    padding: 40px 30px;
  }
}
.page--home .service .container {
  position: relative;
  display: block;
  max-width: 1040px;
  margin: 0 auto;
}
@media print, screen and (min-width: 1025px) {
  .page--home .service .container {
    padding: 0;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .page--home .service .container {
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  .page--home .service .container {
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  .page--home .service .container .mod__heading02 {
    margin-bottom: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .service .container .mod__heading02 {
    margin-bottom: 50px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .service .container > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.page--home .service .container > ul li {
  background-color: #fff;
  -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1215686275);
          box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1215686275);
  border-radius: 20px;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .page--home .service .container > ul li {
    width: 100%;
  }
  .page--home .service .container > ul li:nth-child(n+2) {
    margin-top: 36px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .service .container > ul li {
    width: 48%;
  }
}
.page--home .service .container > ul li figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--home .service .container > ul li .wrap {
    padding: 30px 20px 40px 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .service .container > ul li .wrap {
    padding: 10px 22px 25px 22px;
  }
}
.page--home .service .container > ul li .wrap h3 {
  font-weight: 700;
  text-align: center;
  color: #004bac;
}
@media only screen and (max-width: 768px) {
  .page--home .service .container > ul li .wrap h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .service .container > ul li .wrap h3 {
    font-size: 2.5rem;
    margin-bottom: 5px;
  }
}
.page--home .service .container > ul li .wrap p {
  font-weight: 400;
  line-height: 2;
}
@media only screen and (max-width: 768px) {
  .page--home .service .container > ul li .wrap p {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .service .container > ul li .wrap p {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--home .service .container > ul li .wrap .mod__button1 {
    margin-top: 26px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .service .container > ul li .wrap .mod__button1 {
    margin-top: 20px;
  }
}
.page--home .service .container > ul li:nth-child(1) .wrap h3 {
  color: #009de2;
}
.page--home .service .container > ul li:nth-child(1) .wrap .mod__button1 {
  background-color: #009de2;
}
@media only screen and (max-width: 768px) {
  .page--home .about-us {
    padding: 60px 0 0 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .about-us {
    padding: 40px 30px 0 30px;
  }
}
.page--home .about-us .container {
  position: relative;
  display: block;
  max-width: 1200px;
  margin: 0 auto;
}
@media print, screen and (min-width: 1025px) {
  .page--home .about-us .container {
    padding: 0;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .page--home .about-us .container {
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  .page--home .about-us .container {
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  .page--home .about-us .container .mod__heading02 {
    margin-bottom: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .about-us .container .mod__heading02 {
    margin-bottom: 35px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .about-us .container .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .about-us .container .wrapper figure {
    width: 40%;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--home .about-us .container .wrapper figure {
    max-width: 400px;
    margin-left: auto;
  }
}
.page--home .about-us .container .wrapper figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--home .about-us .container .wrapper .wrap {
    padding: 30px 20px 0 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .about-us .container .wrapper .wrap {
    width: 60%;
    padding-left: 40px;
  }
}
.page--home .about-us .container .wrapper .wrap h3 {
  font-weight: 700;
  color: #004bac;
}
@media only screen and (max-width: 768px) {
  .page--home .about-us .container .wrapper .wrap h3 {
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .about-us .container .wrapper .wrap h3 {
    font-size: 2.2rem;
    margin-bottom: 10px;
  }
}
.page--home .about-us .container .wrapper .wrap p {
  font-weight: 400;
  line-height: 2;
}
@media only screen and (max-width: 768px) {
  .page--home .about-us .container .wrapper .wrap p {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .about-us .container .wrapper .wrap p {
    font-size: 1.6rem;
  }
}
.page--home .about-us .container .wrapper .wrap > ul {
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--home .about-us .container .wrapper .wrap > ul {
    margin-top: 30px;
    width: 280px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .about-us .container .wrapper .wrap > ul {
    margin-top: 15px;
    display: -ms-grid;
    display: grid;
    gap: 8px;
    -ms-grid-columns: 1fr 8px 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
}
.page--home .about-us .container .wrapper .wrap > ul li {
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .page--home .about-us .container .wrapper .wrap > ul li {
    font-size: 1.6rem;
    border-radius: 5px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .about-us .container .wrapper .wrap > ul li {
    font-size: 1.8rem;
  }
}
.page--home .about-us .container .wrapper .wrap > ul li a {
  display: block;
  text-decoration: none;
  color: #fff !important;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1607843137);
  cursor: pointer;
  position: relative;
  letter-spacing: 1px;
  text-align: center;
  height: 34px;
  line-height: 34px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.414%22%20height%3D%2214%22%20viewBox%3D%220%200%208.414%2014%22%3E%3Cg%20transform%3D%22translate(-1221%20-2872)%22%3E%3Cpath%20d%3D%22M1365.42%2C1575.42a1%2C1%2C0%2C0%2C1-.707-1.707l5.293-5.293-5.293-5.293a1%2C1%2C0%2C0%2C1%2C1.414-1.414l6.707%2C6.707-6.707%2C6.707A1%2C1%2C0%2C0%2C1%2C1365.42%2C1575.42Z%22%20transform%3D%22translate(-143.42%201310.58)%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") right 20px center no-repeat #53baff;
  background-size: 8px 14px;
}
@media print, screen and (min-width: 769px) {
  .page--home .about-us .container .wrapper .wrap > ul li a {
    background-size: 10px 16px;
    height: 60px;
    line-height: 60px;
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1024px) {
  .page--home .about-us .container .wrapper .wrap > ul li a {
    height: 48px;
    line-height: 48px;
    font-size: 1.4rem;
    background-image: none;
  }
}
.page--home .about-us .container .wrapper .wrap > ul li a:hover {
  opacity: 0.8;
}
@media print, screen and (min-width: 769px) {
  .page--home .about-us .container .wrapper .wrap > ul li:nth-child(1) {
    border-radius: 15px 0 0 15px;
  }
}
@media only screen and (max-width: 768px) {
  .page--home .about-us .container .wrapper .wrap > ul li:nth-child(2) {
    margin-top: 12px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--home .about-us .container .wrapper .wrap > ul li:nth-child(2) {
    border-radius: 0 15px 15px 0;
  }
}

/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  リンクボタン
///////////////////////////////// */
/* /////////////////////////////////
  FlexBox
///////////////////////////////// */
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////////////////////////////
  下層ページ共通
///////////////////////////////////////////////////////// */
#breadcrumbs, .breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 1;
  /* yoast seoの場合 */
}
@media only screen and (max-width: 768px) {
  #breadcrumbs, .breadcrumbs {
    padding: 1em 20px;
    line-height: 1.4;
    font-size: 1.2rem;
  }
}
@media print, screen and (min-width: 769px) {
  #breadcrumbs, .breadcrumbs {
    padding: 1em 30px;
    line-height: 1;
    font-size: 1.4rem;
  }
}
#breadcrumbs > span, .breadcrumbs > span {
  margin: 0 auto;
  position: relative;
  max-width: 1200px;
}
@media only screen and (max-width: 768px) {
  #breadcrumbs > span, .breadcrumbs > span {
    width: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  #breadcrumbs > span, .breadcrumbs > span {
    width: 100%;
    margin: 0 auto;
    font-size: 1.4rem;
  }
}
#breadcrumbs > span a, .breadcrumbs > span a {
  color: #0C0C0C;
  text-decoration: none;
}
#breadcrumbs > span a:hover, .breadcrumbs > span a:hover {
  text-decoration: underline;
}
#breadcrumbs > span > span, .breadcrumbs > span > span {
  /*display: inline-block;*/
  display: inline;
  position: relative;
  margin-left: 1.5em;
  line-height: 1.6;
  font-weight: 400;
}
#breadcrumbs > span > span:nth-child(1), .breadcrumbs > span > span:nth-child(1) {
  margin-left: 0;
  padding-left: 20px;
}
#breadcrumbs > span > span:nth-child(1)::before, .breadcrumbs > span > span:nth-child(1)::before {
  content: "";
  position: absolute;
  width: 14px;
  padding-top: 14px;
  background: url("../images/common/home-icon.svg") center center no-repeat;
  height: 0;
  overflow-y: hidden;
  background-size: contain;
  padding-top: 14px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  display: block;
}
#breadcrumbs > span > span:nth-child(n+2):before, .breadcrumbs > span > span:nth-child(n+2):before {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border: solid 2px #53baff;
  border-left: none;
  border-bottom: none;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  /*top: 0;
  bottom: 0;*/
  top: 9px;
  left: -1em;
  margin: auto 0;
}

@media only screen and (max-width: 768px) {
  main[class^=page--] {
    padding: 0 0 154px 0;
  }
}
@media print, screen and (min-width: 769px) {
  main[class^=page--] {
    padding: 0 0 220px 0;
  }
}

@media only screen and (max-width: 768px) {
  .page__article {
    padding-top: 40px;
  }
}
@media print, screen and (min-width: 769px) {
  .page__article {
    padding-top: 90px;
  }
}
.page__article__content {
  display: block;
  max-width: 1260px;
  margin: 0 auto;
}
@media print, screen and (min-width: 1025px) {
  .page__article__content {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .page__article__content {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 768px) {
  .page__article__content {
    padding: 0 20px;
  }
}
.page__article__content.single .single__container {
  /* WordPress Core
  -------------------------------------------------------------- */
  /*img[class*="wp-image-"],
  img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
  }

  .alignnone { margin: 5px 20px 20px 0;}

  .aligncenter,
  div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
  }

  .alignright {
    float:right;
    margin: 5px 0 20px 20px;
  }

  .alignleft {
    float: left;
    margin: 5px 20px 20px 0;
  }

  a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
  }

  a img.alignnone {
    margin: 5px 20px 20px 0;
  }

  a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
  }

  a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
  }

  .wp-caption.alignnone { margin: 5px 20px 20px 0; }

  .wp-caption.alignleft { margin: 5px 20px 20px 0; }

  .wp-caption.alignright { margin: 5px 0 20px 20px; }

  .wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
  }

  .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
  }

  .screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
  }

  .screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
  }

  &.cf {
    overflow: hidden;
    zoom: 1;
    &:after {
      content: "";
      display: block;
      clear: both;
    }
  }*/
  /* WordPress Core End
  -------------------------------------------------------------- */
}

.preparation {
  text-align: center;
  color: #333;
}
@media only screen and (max-width: 768px) {
  .preparation {
    padding-top: 15px;
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 769px) {
  .preparation {
    padding-top: 50px;
    font-size: 2rem;
  }
}

/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  リンクボタン
///////////////////////////////// */
/* /////////////////////////////////
  FlexBox
///////////////////////////////// */
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////////////////////////////
  法人のお客様向け サービス紹介
///////////////////////////////////////////////////////// */
.page--corporation {
  background-color: #f5f4f9;
}
@media only screen and (max-width: 768px) {
  .page--corporation .mod__pagetitle {
    background: url("../images/corporation/pagetitle-bg-sp.jpg") center center no-repeat #fff;
    background-size: cover;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .mod__pagetitle {
    background: url("../images/corporation/pagetitle-bg.jpg") right center no-repeat #fff;
    background-size: cover;
  }
}
.page--corporation .page__article {
  background-color: #fff;
}
.page--corporation .page__article .service-link {
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .service-link {
    gap: 10px;
    max-width: 360px;
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .service-link {
    gap: 50px;
    max-width: 1182px;
    padding: 0 30px;
  }
}
.page--corporation .page__article .service-link li {
  overflow: hidden;
  border-radius: 5px;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .service-link li {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .service-link li {
    font-size: 1.8rem;
  }
}
.page--corporation .page__article .service-link li a {
  display: block;
  text-decoration: none;
  color: #fff !important;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1607843137);
  cursor: pointer;
  position: relative;
  letter-spacing: 1px;
  text-align: center;
  height: 38px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.414%22%20height%3D%2214%22%20viewBox%3D%220%200%208.414%2014%22%3E%3Cg%20transform%3D%22translate(-1221%20-2872)%22%3E%3Cpath%20d%3D%22M1365.42%2C1575.42a1%2C1%2C0%2C0%2C1-.707-1.707l5.293-5.293-5.293-5.293a1%2C1%2C0%2C0%2C1%2C1.414-1.414l6.707%2C6.707-6.707%2C6.707A1%2C1%2C0%2C0%2C1%2C1365.42%2C1575.42Z%22%20transform%3D%22translate(-143.42%201310.58)%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") right 20px center no-repeat #53baff;
  background-size: 8px 14px;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .service-link li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 1.3rem;
    line-height: 1.2;
    background-position: right 10px center;
    text-align: left;
  }
  .page--corporation .page__article .service-link li a span {
    width: 100px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .service-link li a {
    background-size: 10px 16px;
    height: 80px;
    line-height: 80px;
    font-size: 2.8rem;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1024px) {
  .page--corporation .page__article .service-link li a {
    height: 60px;
    line-height: 60px;
    font-size: 2rem;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--corporation .page__article .service-link li a {
    background-position: right 30px center;
  }
}
.page--corporation .page__article .service-link li a:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .service-link li:nth-child(1) a span {
    text-align: center;
  }
}
.page--corporation .page__article .service-link li:nth-child(2) a {
  background-color: #004bac;
}
.page--corporation .page__article .contact-link {
  overflow: hidden;
  border-radius: 5px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .contact-link {
    font-size: 1.6rem;
    max-width: 265px;
    margin-top: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .contact-link {
    border-radius: 10px;
    font-size: 1.8rem;
    max-width: 570px;
    margin-top: 70px;
  }
}
.page--corporation .page__article .contact-link a {
  display: block;
  text-decoration: none;
  color: #fff !important;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1607843137);
  cursor: pointer;
  position: relative;
  letter-spacing: 1px;
  text-align: center;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.414%22%20height%3D%2214%22%20viewBox%3D%220%200%208.414%2014%22%3E%3Cg%20transform%3D%22translate(-1221%20-2872)%22%3E%3Cpath%20d%3D%22M1365.42%2C1575.42a1%2C1%2C0%2C0%2C1-.707-1.707l5.293-5.293-5.293-5.293a1%2C1%2C0%2C0%2C1%2C1.414-1.414l6.707%2C6.707-6.707%2C6.707A1%2C1%2C0%2C0%2C1%2C1365.42%2C1575.42Z%22%20transform%3D%22translate(-143.42%201310.58)%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") right 20px center no-repeat #004bac;
  background-size: 8px 14px;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .contact-link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 1.4rem;
    line-height: 1.3;
    letter-spacing: 1px;
    background-position: right 10px center;
    text-align: left;
    height: 50px;
  }
  .page--corporation .page__article .contact-link a span {
    width: 220px;
    text-align: center;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .contact-link a {
    background-size: 10px 16px;
    height: 80px;
    line-height: 80px;
    font-size: 2.4rem;
    letter-spacing: 4px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1024px) {
  .page--corporation .page__article .contact-link a {
    height: 60px;
    line-height: 60px;
    font-size: 2rem;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--corporation .page__article .contact-link a {
    background-position: right 30px center;
  }
}
.page--corporation .page__article .contact-link a:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail {
    padding: 40px 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .corporation-detail {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .mod__heading02 {
    margin-bottom: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .corporation-detail .mod__heading02 {
    margin-bottom: 60px;
  }
}
.page--corporation .page__article .corporation-detail .risk {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .risk {
    padding: 0 0 0 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .corporation-detail .risk {
    padding: 0 0 0 30px;
  }
}
.page--corporation .page__article .corporation-detail .risk .outer {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .risk .outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .corporation-detail .risk .outer {
    padding: 0;
  }
}
.page--corporation .page__article .corporation-detail .risk .outer::after {
  content: "";
  display: block;
  position: absolute;
  background: url("../images/corporation/risk-img.jpg") no-repeat;
  background-size: cover;
  right: 0;
  z-index: 2;
  -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .risk .outer::after {
    position: relative;
    bottom: 0;
    width: 100%;
    height: 0;
    padding-top: 61.53%;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .corporation-detail .risk .outer::after {
    border-radius: 40px 0 0 40px;
    top: 0;
    width: 45%;
    height: 480px;
    background-position: center center;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--corporation .page__article .corporation-detail .risk .outer::after {
    background-position: center center;
    width: 48%;
  }
}
.page--corporation .page__article .corporation-detail .risk .outer .container {
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .risk .outer .container {
    padding: 30px 20px 0 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .corporation-detail .risk .outer .container {
    max-width: 1230px;
    margin: 0 auto;
  }
}
.page--corporation .page__article .corporation-detail .risk .outer .container .wrap {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .risk .outer .container .wrap {
    max-width: 310px;
    margin: 0 auto;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .corporation-detail .risk .outer .container .wrap {
    width: 50%;
    min-height: 480px;
    padding-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--corporation .page__article .corporation-detail .risk .outer .container .wrap {
    width: 46%;
    padding-right: 30px;
  }
}
.page--corporation .page__article .corporation-detail .risk .outer .container .wrap .ttl {
  color: #004bac;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .risk .outer .container .wrap .ttl {
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .corporation-detail .risk .outer .container .wrap .ttl {
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}
.page--corporation .page__article .corporation-detail .risk .outer .container .wrap .sub-ttl {
  position: relative;
  z-index: 3;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.2;
  color: #004bac;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .risk .outer .container .wrap .sub-ttl {
    font-size: 1.6rem;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 10px;
  }
}
@media print, screen and (min-width: 1025px) {
  .page--corporation .page__article .corporation-detail .risk .outer .container .wrap .sub-ttl {
    font-size: 1.8rem;
  }
}
.page--corporation .page__article .corporation-detail .risk .outer .container .wrap p {
  position: relative;
  z-index: 3;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.2;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .risk .outer .container .wrap p {
    font-size: 1.6rem;
    line-height: 2;
  }
}
@media print, screen and (min-width: 1025px) {
  .page--corporation .page__article .corporation-detail .risk .outer .container .wrap p {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .risk .outer .container .wrap p:nth-of-type(n + 2) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .corporation-detail .risk .outer .container .wrap p:nth-of-type(n + 2) {
    margin-top: 40px;
  }
}
.page--corporation .page__article .corporation-detail .inherit {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .inherit {
    padding: 0;
    margin-top: 40px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .corporation-detail .inherit {
    margin-top: 50px;
    padding: 0 30px 0 0;
  }
}
.page--corporation .page__article .corporation-detail .inherit .outer {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .inherit .outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .corporation-detail .inherit .outer {
    padding: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.page--corporation .page__article .corporation-detail .inherit .outer::before {
  content: "";
  display: block;
  position: absolute;
  background: url("../images/corporation/inherit-img.jpg") no-repeat;
  background-size: cover;
  left: 0;
  z-index: 2;
  -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .inherit .outer::before {
    position: relative;
    bottom: 0;
    width: 100%;
    height: 0;
    padding-top: 61.53%;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .corporation-detail .inherit .outer::before {
    border-radius: 0 40px 40px 0;
    top: 0;
    width: 45%;
    height: 480px;
    background-position: center top;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--corporation .page__article .corporation-detail .inherit .outer::before {
    background-position: right center;
    width: 48%;
  }
}
.page--corporation .page__article .corporation-detail .inherit .outer .container {
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .inherit .outer .container {
    padding: 30px 20px 0 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .corporation-detail .inherit .outer .container {
    max-width: 1230px;
    margin: 0 auto;
  }
}
.page--corporation .page__article .corporation-detail .inherit .outer .container .wrap {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .inherit .outer .container .wrap {
    max-width: 310px;
    margin: 0 auto;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .corporation-detail .inherit .outer .container .wrap {
    width: 50%;
    min-height: 480px;
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: auto;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--corporation .page__article .corporation-detail .inherit .outer .container .wrap {
    width: 46%;
    padding-left: 30px;
  }
}
.page--corporation .page__article .corporation-detail .inherit .outer .container .wrap .ttl {
  color: #004bac;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .inherit .outer .container .wrap .ttl {
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .corporation-detail .inherit .outer .container .wrap .ttl {
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}
.page--corporation .page__article .corporation-detail .inherit .outer .container .wrap .sub-ttl {
  position: relative;
  z-index: 3;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.2;
  color: #004bac;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .inherit .outer .container .wrap .sub-ttl {
    font-size: 1.6rem;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 10px;
  }
}
@media print, screen and (min-width: 1025px) {
  .page--corporation .page__article .corporation-detail .inherit .outer .container .wrap .sub-ttl {
    font-size: 1.8rem;
  }
}
.page--corporation .page__article .corporation-detail .inherit .outer .container .wrap p {
  position: relative;
  z-index: 3;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.2;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .inherit .outer .container .wrap p {
    font-size: 1.6rem;
    line-height: 2;
  }
}
@media print, screen and (min-width: 1025px) {
  .page--corporation .page__article .corporation-detail .inherit .outer .container .wrap p {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .inherit .outer .container .wrap p:nth-of-type(n + 2) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .corporation-detail .inherit .outer .container .wrap p:nth-of-type(n + 2) {
    margin-top: 40px;
  }
}
.page--corporation .page__article .corporation-detail .trust {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .trust {
    padding: 0 0 0 0;
    margin-top: 40px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .corporation-detail .trust {
    padding: 0 0 0 30px;
    margin-top: 50px;
  }
}
.page--corporation .page__article .corporation-detail .trust .outer {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .trust .outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .corporation-detail .trust .outer {
    padding: 0;
  }
}
.page--corporation .page__article .corporation-detail .trust .outer::after {
  content: "";
  display: block;
  position: absolute;
  background: url("../images/corporation/trust-img.jpg") no-repeat;
  background-size: cover;
  right: 0;
  z-index: 2;
  -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .trust .outer::after {
    position: relative;
    bottom: 0;
    width: 100%;
    height: 0;
    padding-top: 61.53%;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .corporation-detail .trust .outer::after {
    border-radius: 40px 0 0 40px;
    top: 0;
    width: 45%;
    height: 480px;
    background-position: center center;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--corporation .page__article .corporation-detail .trust .outer::after {
    background-position: center center;
    width: 48%;
  }
}
.page--corporation .page__article .corporation-detail .trust .outer .container {
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .trust .outer .container {
    padding: 30px 20px 0 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .corporation-detail .trust .outer .container {
    max-width: 1230px;
    margin: 0 auto;
  }
}
.page--corporation .page__article .corporation-detail .trust .outer .container .wrap {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .trust .outer .container .wrap {
    max-width: 310px;
    margin: 0 auto;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .corporation-detail .trust .outer .container .wrap {
    width: 50%;
    min-height: 480px;
    padding-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--corporation .page__article .corporation-detail .trust .outer .container .wrap {
    width: 46%;
    padding-right: 30px;
  }
}
.page--corporation .page__article .corporation-detail .trust .outer .container .wrap .ttl {
  color: #004bac;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .trust .outer .container .wrap .ttl {
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .corporation-detail .trust .outer .container .wrap .ttl {
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}
.page--corporation .page__article .corporation-detail .trust .outer .container .wrap .sub-ttl {
  position: relative;
  z-index: 3;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.2;
  color: #004bac;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .trust .outer .container .wrap .sub-ttl {
    font-size: 1.6rem;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 10px;
  }
}
@media print, screen and (min-width: 1025px) {
  .page--corporation .page__article .corporation-detail .trust .outer .container .wrap .sub-ttl {
    font-size: 1.8rem;
  }
}
.page--corporation .page__article .corporation-detail .trust .outer .container .wrap p {
  position: relative;
  z-index: 3;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.2;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .trust .outer .container .wrap p {
    font-size: 1.6rem;
    line-height: 2;
  }
}
@media print, screen and (min-width: 1025px) {
  .page--corporation .page__article .corporation-detail .trust .outer .container .wrap p {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .trust .outer .container .wrap p:nth-of-type(n + 2) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .corporation-detail .trust .outer .container .wrap p:nth-of-type(n + 2) {
    margin-top: 40px;
  }
}
.page--corporation .page__article .corporation-detail .real-estate {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .real-estate {
    padding: 0;
    margin-top: 40px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .corporation-detail .real-estate {
    margin-top: 50px;
    padding: 0 30px 0 0;
  }
}
.page--corporation .page__article .corporation-detail .real-estate .outer {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .real-estate .outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .corporation-detail .real-estate .outer {
    padding: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.page--corporation .page__article .corporation-detail .real-estate .outer::before {
  content: "";
  display: block;
  position: absolute;
  background: url("../images/corporation/real-estate-img.jpg") no-repeat;
  background-size: cover;
  left: 0;
  z-index: 2;
  -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .real-estate .outer::before {
    position: relative;
    bottom: 0;
    width: 100%;
    height: 0;
    padding-top: 61.53%;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .corporation-detail .real-estate .outer::before {
    border-radius: 0 40px 40px 0;
    top: 0;
    width: 45%;
    height: 480px;
    background-position: center top;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--corporation .page__article .corporation-detail .real-estate .outer::before {
    background-position: right center;
    width: 48%;
  }
}
.page--corporation .page__article .corporation-detail .real-estate .outer .container {
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .real-estate .outer .container {
    padding: 30px 20px 0 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .corporation-detail .real-estate .outer .container {
    max-width: 1230px;
    margin: 0 auto;
  }
}
.page--corporation .page__article .corporation-detail .real-estate .outer .container .wrap {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .real-estate .outer .container .wrap {
    max-width: 310px;
    margin: 0 auto;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .corporation-detail .real-estate .outer .container .wrap {
    width: 50%;
    min-height: 480px;
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: auto;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--corporation .page__article .corporation-detail .real-estate .outer .container .wrap {
    width: 46%;
    padding-left: 30px;
  }
}
.page--corporation .page__article .corporation-detail .real-estate .outer .container .wrap .ttl {
  color: #004bac;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .real-estate .outer .container .wrap .ttl {
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .corporation-detail .real-estate .outer .container .wrap .ttl {
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}
.page--corporation .page__article .corporation-detail .real-estate .outer .container .wrap .sub-ttl {
  position: relative;
  z-index: 3;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.2;
  color: #004bac;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .real-estate .outer .container .wrap .sub-ttl {
    font-size: 1.6rem;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 10px;
  }
}
@media print, screen and (min-width: 1025px) {
  .page--corporation .page__article .corporation-detail .real-estate .outer .container .wrap .sub-ttl {
    font-size: 1.8rem;
  }
}
.page--corporation .page__article .corporation-detail .real-estate .outer .container .wrap p {
  position: relative;
  z-index: 3;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.2;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .real-estate .outer .container .wrap p {
    font-size: 1.6rem;
    line-height: 2;
  }
}
@media print, screen and (min-width: 1025px) {
  .page--corporation .page__article .corporation-detail .real-estate .outer .container .wrap p {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .corporation-detail .real-estate .outer .container .wrap p:nth-of-type(n + 2) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .corporation-detail .real-estate .outer .container .wrap p:nth-of-type(n + 2) {
    margin-top: 40px;
  }
}
.page--corporation .page__article .flow {
  background-color: #f5f4f9;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .flow {
    padding: 40px 20px 0 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .flow {
    padding: 53px 30px 0 30px;
  }
}
.page--corporation .page__article .flow .container {
  position: relative;
  display: block;
  max-width: 1200px;
  margin: 0 auto;
}
@media print, screen and (min-width: 1025px) {
  .page--corporation .page__article .flow .container {
    padding: 0;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .page--corporation .page__article .flow .container {
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .flow .container {
    padding: 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .flow .container {
    background-color: #fff;
    padding: 30px 30px 80px 30px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
            box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
  }
}
.page--corporation .page__article .flow .container .main {
  margin: 0 auto 54px auto;
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .flow .container .main {
    max-width: 1000px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .flow .container .main figure {
    margin: 0 auto;
    width: 300px;
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
            box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .flow .container .main figure {
    width: 300px;
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
            box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
    border-radius: 10px;
    overflow: hidden;
  }
}
.page--corporation .page__article .flow .container .main figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.page--corporation .page__article .flow .container .main .wrap {
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .flow .container .main .wrap {
    margin-top: 20px;
    width: 300px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .flow .container .main .wrap {
    width: calc(100% - 300px);
    padding-left: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.page--corporation .page__article .flow .container .main .wrap p {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2;
}
.page--corporation .page__article .flow .container ol {
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .flow .container ol {
    max-width: 322px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .flow .container ol {
    max-width: 1000px;
  }
}
.page--corporation .page__article .flow .container ol li {
  position: relative;
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .flow .container ol li {
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
            box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
    border-radius: 5px;
    padding: 20px 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .flow .container ol li {
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
            box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
    border-radius: 10px;
    padding: 20px;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--corporation .page__article .flow .container ol li {
    padding: 20px 50px;
  }
}
.page--corporation .page__article .flow .container ol li h3 {
  color: #004bac;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .flow .container ol li h3 {
    font-size: 2rem;
    margin-bottom: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .flow .container ol li h3 {
    font-size: 1.8rem;
    margin-bottom: 6px;
  }
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .flow .container ol li figure {
    margin-bottom: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .flow .container ol li figure {
    display: none;
  }
}
.page--corporation .page__article .flow .container ol li figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.page--corporation .page__article .flow .container ol li p {
  font-weight: 400;
  line-height: 1.6;
  font-size: 1.6rem;
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .flow .container ol li::after {
    content: "";
    position: absolute;
    bottom: -71px;
    left: 50%;
    margin-left: -30px;
    border: 30px solid transparent;
    border-top: 24px solid #004bac;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .flow .container ol li::after {
    content: ""; /*何も入れない*/
    display: inline-block;
    width: 106px; /*画像の幅*/
    height: 48px; /*画像の高さ*/
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -53px;
    background-image: url("../images/common/arrow-service.png");
    background-size: contain;
    vertical-align: middle;
  }
}
@media only screen and (max-width: 768px) {
  .page--corporation .page__article .flow .container ol li:nth-child(n+2) {
    margin-top: 54px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--corporation .page__article .flow .container ol li:nth-child(n+2) {
    margin-top: 54px;
  }
}
.page--corporation .page__article .flow .container ol li:last-child::after {
  display: none;
}

/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  リンクボタン
///////////////////////////////// */
/* /////////////////////////////////
  FlexBox
///////////////////////////////// */
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////////////////////////////
  個人のお客様向け-サービス紹介
///////////////////////////////////////////////////////// */
.page--personal {
  background-color: #f5f4f9;
}
@media only screen and (max-width: 768px) {
  .page--personal .mod__pagetitle {
    background: url("../images/personal/pagetitle-bg-sp.jpg") center center no-repeat #fff;
    background-size: cover;
  }
}
@media print, screen and (min-width: 769px) {
  .page--personal .mod__pagetitle {
    background: url("../images/personal/pagetitle-bg.jpg") right center no-repeat #fff;
    background-size: cover;
  }
}
.page--personal .page__article {
  background-color: #fff;
}
.page--personal .page__article .service-link {
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .service-link {
    gap: 10px;
    max-width: 360px;
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--personal .page__article .service-link {
    gap: 50px;
    max-width: 1182px;
    padding: 0 30px;
  }
}
.page--personal .page__article .service-link li {
  overflow: hidden;
  border-radius: 5px;
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .service-link li {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--personal .page__article .service-link li {
    font-size: 1.8rem;
  }
}
.page--personal .page__article .service-link li a {
  display: block;
  text-decoration: none;
  color: #fff !important;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1607843137);
  cursor: pointer;
  position: relative;
  letter-spacing: 1px;
  text-align: center;
  height: 38px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.414%22%20height%3D%2214%22%20viewBox%3D%220%200%208.414%2014%22%3E%3Cg%20transform%3D%22translate(-1221%20-2872)%22%3E%3Cpath%20d%3D%22M1365.42%2C1575.42a1%2C1%2C0%2C0%2C1-.707-1.707l5.293-5.293-5.293-5.293a1%2C1%2C0%2C0%2C1%2C1.414-1.414l6.707%2C6.707-6.707%2C6.707A1%2C1%2C0%2C0%2C1%2C1365.42%2C1575.42Z%22%20transform%3D%22translate(-143.42%201310.58)%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") right 20px center no-repeat #53baff;
  background-size: 8px 14px;
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .service-link li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 1.3rem;
    line-height: 1.2;
    background-position: right 10px center;
    text-align: left;
  }
  .page--personal .page__article .service-link li a span {
    width: 100px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--personal .page__article .service-link li a {
    background-size: 10px 16px;
    height: 80px;
    line-height: 80px;
    font-size: 2.8rem;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1024px) {
  .page--personal .page__article .service-link li a {
    height: 60px;
    line-height: 60px;
    font-size: 2rem;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--personal .page__article .service-link li a {
    background-position: right 30px center;
  }
}
.page--personal .page__article .service-link li a:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .service-link li:nth-child(1) a span {
    text-align: center;
  }
}
.page--personal .page__article .service-link li:nth-child(2) a {
  background-color: #004bac;
}
.page--personal .page__article .contact-link {
  overflow: hidden;
  border-radius: 5px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .contact-link {
    font-size: 1.6rem;
    max-width: 265px;
    margin-top: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--personal .page__article .contact-link {
    border-radius: 10px;
    font-size: 1.8rem;
    max-width: 570px;
    margin-top: 70px;
  }
}
.page--personal .page__article .contact-link a {
  display: block;
  text-decoration: none;
  color: #fff !important;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1607843137);
  cursor: pointer;
  position: relative;
  letter-spacing: 1px;
  text-align: center;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.414%22%20height%3D%2214%22%20viewBox%3D%220%200%208.414%2014%22%3E%3Cg%20transform%3D%22translate(-1221%20-2872)%22%3E%3Cpath%20d%3D%22M1365.42%2C1575.42a1%2C1%2C0%2C0%2C1-.707-1.707l5.293-5.293-5.293-5.293a1%2C1%2C0%2C0%2C1%2C1.414-1.414l6.707%2C6.707-6.707%2C6.707A1%2C1%2C0%2C0%2C1%2C1365.42%2C1575.42Z%22%20transform%3D%22translate(-143.42%201310.58)%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") right 20px center no-repeat #004bac;
  background-size: 8px 14px;
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .contact-link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 1.4rem;
    line-height: 1.3;
    letter-spacing: 1px;
    background-position: right 10px center;
    text-align: left;
    height: 50px;
  }
  .page--personal .page__article .contact-link a span {
    width: 220px;
    text-align: center;
  }
}
@media print, screen and (min-width: 769px) {
  .page--personal .page__article .contact-link a {
    background-size: 10px 16px;
    height: 80px;
    line-height: 80px;
    font-size: 2.4rem;
    letter-spacing: 4px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1024px) {
  .page--personal .page__article .contact-link a {
    height: 60px;
    line-height: 60px;
    font-size: 2rem;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--personal .page__article .contact-link a {
    background-position: right 30px center;
  }
}
.page--personal .page__article .contact-link a:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .personal-detail {
    padding: 40px 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--personal .page__article .personal-detail {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .personal-detail .mod__heading02 {
    margin-bottom: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--personal .page__article .personal-detail .mod__heading02 {
    margin-bottom: 60px;
  }
}
.page--personal .page__article .personal-detail .partner {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .personal-detail .partner {
    padding: 0 0 0 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--personal .page__article .personal-detail .partner {
    padding: 0 0 0 30px;
  }
}
.page--personal .page__article .personal-detail .partner .outer {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .personal-detail .partner .outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media print, screen and (min-width: 769px) {
  .page--personal .page__article .personal-detail .partner .outer {
    padding: 0;
  }
}
.page--personal .page__article .personal-detail .partner .outer::after {
  content: "";
  display: block;
  position: absolute;
  background: url("../images/personal/partner-img.jpg") no-repeat;
  background-size: cover;
  right: 0;
  z-index: 2;
  -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .personal-detail .partner .outer::after {
    position: relative;
    bottom: 0;
    width: 100%;
    height: 0;
    padding-top: 61.53%;
  }
}
@media print, screen and (min-width: 769px) {
  .page--personal .page__article .personal-detail .partner .outer::after {
    border-radius: 40px 0 0 40px;
    top: 0;
    width: 45%;
    height: 480px;
    background-position: center center;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--personal .page__article .personal-detail .partner .outer::after {
    background-position: center center;
    width: 48%;
  }
}
.page--personal .page__article .personal-detail .partner .outer .container {
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .personal-detail .partner .outer .container {
    padding: 30px 20px 0 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--personal .page__article .personal-detail .partner .outer .container {
    max-width: 1230px;
    margin: 0 auto;
  }
}
.page--personal .page__article .personal-detail .partner .outer .container .wrap {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .personal-detail .partner .outer .container .wrap {
    max-width: 310px;
    margin: 0 auto;
  }
}
@media print, screen and (min-width: 769px) {
  .page--personal .page__article .personal-detail .partner .outer .container .wrap {
    width: 50%;
    min-height: 480px;
    padding-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--personal .page__article .personal-detail .partner .outer .container .wrap {
    width: 46%;
    padding-right: 30px;
  }
}
.page--personal .page__article .personal-detail .partner .outer .container .wrap .ttl {
  color: #004bac;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .personal-detail .partner .outer .container .wrap .ttl {
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--personal .page__article .personal-detail .partner .outer .container .wrap .ttl {
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}
.page--personal .page__article .personal-detail .partner .outer .container .wrap .sub-ttl {
  position: relative;
  z-index: 3;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.2;
  color: #004bac;
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .personal-detail .partner .outer .container .wrap .sub-ttl {
    font-size: 1.6rem;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 10px;
  }
}
@media print, screen and (min-width: 1025px) {
  .page--personal .page__article .personal-detail .partner .outer .container .wrap .sub-ttl {
    font-size: 1.8rem;
  }
}
.page--personal .page__article .personal-detail .partner .outer .container .wrap p {
  position: relative;
  z-index: 3;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.2;
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .personal-detail .partner .outer .container .wrap p {
    font-size: 1.6rem;
    line-height: 2;
  }
}
@media print, screen and (min-width: 1025px) {
  .page--personal .page__article .personal-detail .partner .outer .container .wrap p {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .personal-detail .partner .outer .container .wrap p:nth-of-type(n + 2) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--personal .page__article .personal-detail .partner .outer .container .wrap p:nth-of-type(n + 2) {
    margin-top: 40px;
  }
}
.page--personal .page__article .personal-detail .prepare {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .personal-detail .prepare {
    padding: 0;
    margin-top: 40px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--personal .page__article .personal-detail .prepare {
    margin-top: 50px;
    padding: 0 30px 0 0;
  }
}
.page--personal .page__article .personal-detail .prepare .outer {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .personal-detail .prepare .outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media print, screen and (min-width: 769px) {
  .page--personal .page__article .personal-detail .prepare .outer {
    padding: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.page--personal .page__article .personal-detail .prepare .outer::before {
  content: "";
  display: block;
  position: absolute;
  background: url("../images/personal/prepare-img.jpg") no-repeat;
  background-size: cover;
  left: 0;
  z-index: 2;
  -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .personal-detail .prepare .outer::before {
    position: relative;
    bottom: 0;
    width: 100%;
    height: 0;
    padding-top: 61.53%;
  }
}
@media print, screen and (min-width: 769px) {
  .page--personal .page__article .personal-detail .prepare .outer::before {
    border-radius: 0 40px 40px 0;
    top: 0;
    width: 45%;
    height: 480px;
    background-position: center top;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--personal .page__article .personal-detail .prepare .outer::before {
    background-position: right center;
    width: 48%;
  }
}
.page--personal .page__article .personal-detail .prepare .outer .container {
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .personal-detail .prepare .outer .container {
    padding: 30px 20px 0 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--personal .page__article .personal-detail .prepare .outer .container {
    max-width: 1230px;
    margin: 0 auto;
  }
}
.page--personal .page__article .personal-detail .prepare .outer .container .wrap {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .personal-detail .prepare .outer .container .wrap {
    max-width: 310px;
    margin: 0 auto;
  }
}
@media print, screen and (min-width: 769px) {
  .page--personal .page__article .personal-detail .prepare .outer .container .wrap {
    width: 50%;
    min-height: 480px;
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: auto;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--personal .page__article .personal-detail .prepare .outer .container .wrap {
    width: 46%;
    padding-left: 30px;
  }
}
.page--personal .page__article .personal-detail .prepare .outer .container .wrap .ttl {
  color: #004bac;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .personal-detail .prepare .outer .container .wrap .ttl {
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--personal .page__article .personal-detail .prepare .outer .container .wrap .ttl {
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}
.page--personal .page__article .personal-detail .prepare .outer .container .wrap .sub-ttl {
  position: relative;
  z-index: 3;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.2;
  color: #004bac;
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .personal-detail .prepare .outer .container .wrap .sub-ttl {
    font-size: 1.6rem;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 10px;
  }
}
@media print, screen and (min-width: 1025px) {
  .page--personal .page__article .personal-detail .prepare .outer .container .wrap .sub-ttl {
    font-size: 1.8rem;
  }
}
.page--personal .page__article .personal-detail .prepare .outer .container .wrap p {
  position: relative;
  z-index: 3;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.2;
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .personal-detail .prepare .outer .container .wrap p {
    font-size: 1.6rem;
    line-height: 2;
  }
}
@media print, screen and (min-width: 1025px) {
  .page--personal .page__article .personal-detail .prepare .outer .container .wrap p {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .personal-detail .prepare .outer .container .wrap p:nth-of-type(n + 2) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--personal .page__article .personal-detail .prepare .outer .container .wrap p:nth-of-type(n + 2) {
    margin-top: 40px;
  }
}
.page--personal .page__article .flow {
  background-color: #f5f4f9;
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .flow {
    padding: 40px 20px 0 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--personal .page__article .flow {
    padding: 53px 30px 0 30px;
  }
}
.page--personal .page__article .flow .container {
  position: relative;
  display: block;
  max-width: 1200px;
  margin: 0 auto;
}
@media print, screen and (min-width: 1025px) {
  .page--personal .page__article .flow .container {
    padding: 0;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .page--personal .page__article .flow .container {
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .flow .container {
    padding: 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--personal .page__article .flow .container {
    background-color: #fff;
    padding: 30px 30px 80px 30px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
            box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
  }
}
.page--personal .page__article .flow .container .main {
  margin: 0 auto 54px auto;
}
@media print, screen and (min-width: 769px) {
  .page--personal .page__article .flow .container .main {
    max-width: 1000px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .flow .container .main figure {
    margin: 0 auto;
    width: 300px;
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
            box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  }
}
@media print, screen and (min-width: 769px) {
  .page--personal .page__article .flow .container .main figure {
    width: 300px;
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
            box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
    border-radius: 10px;
    overflow: hidden;
  }
}
.page--personal .page__article .flow .container .main figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.page--personal .page__article .flow .container .main .wrap {
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .flow .container .main .wrap {
    margin-top: 20px;
    width: 300px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--personal .page__article .flow .container .main .wrap {
    width: calc(100% - 300px);
    padding-left: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.page--personal .page__article .flow .container .main .wrap p {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2;
}
.page--personal .page__article .flow .container ol {
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .flow .container ol {
    max-width: 322px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--personal .page__article .flow .container ol {
    max-width: 1000px;
  }
}
.page--personal .page__article .flow .container ol li {
  position: relative;
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .flow .container ol li {
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
            box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
    border-radius: 5px;
    padding: 20px 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--personal .page__article .flow .container ol li {
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
            box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
    border-radius: 10px;
    padding: 20px;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--personal .page__article .flow .container ol li {
    padding: 20px 50px;
  }
}
.page--personal .page__article .flow .container ol li h3 {
  color: #004bac;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .flow .container ol li h3 {
    font-size: 2rem;
    margin-bottom: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--personal .page__article .flow .container ol li h3 {
    font-size: 1.8rem;
    margin-bottom: 6px;
  }
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .flow .container ol li figure {
    margin-bottom: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--personal .page__article .flow .container ol li figure {
    display: none;
  }
}
.page--personal .page__article .flow .container ol li figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.page--personal .page__article .flow .container ol li p {
  font-weight: 400;
  line-height: 1.6;
  font-size: 1.6rem;
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .flow .container ol li::after {
    content: "";
    position: absolute;
    bottom: -71px;
    left: 50%;
    margin-left: -30px;
    border: 30px solid transparent;
    border-top: 24px solid #53baff;
  }
}
@media print, screen and (min-width: 769px) {
  .page--personal .page__article .flow .container ol li::after {
    content: ""; /*何も入れない*/
    display: inline-block;
    width: 106px; /*画像の幅*/
    height: 48px; /*画像の高さ*/
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -53px;
    background-image: url("../images/common/arrow-service.png");
    background-size: contain;
    vertical-align: middle;
  }
}
@media only screen and (max-width: 768px) {
  .page--personal .page__article .flow .container ol li:nth-child(n+2) {
    margin-top: 54px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--personal .page__article .flow .container ol li:nth-child(n+2) {
    margin-top: 54px;
  }
}
.page--personal .page__article .flow .container ol li:last-child::after {
  display: none;
}

/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  リンクボタン
///////////////////////////////// */
/* /////////////////////////////////
  FlexBox
///////////////////////////////// */
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////////////////////////////
  会社概要
///////////////////////////////////////////////////////// */
@media only screen and (max-width: 768px) {
  .page--about-us .mod__pagetitle {
    background: url("../images/about-us/pagetitle-bg-sp.jpg") center center no-repeat #fff;
    background-size: cover;
  }
}
@media print, screen and (min-width: 769px) {
  .page--about-us .mod__pagetitle {
    background: url("../images/about-us/pagetitle-bg.jpg") right center no-repeat #fff;
    background-size: cover;
  }
}
@media only screen and (max-width: 768px) {
  .page--about-us .page__article {
    padding-top: 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--about-us .page__article {
    padding-top: 0;
  }
}
.page--about-us .page__article section {
  /*.container{
    @include smartphone {
      padding: 0 20px 0 20px;
    }
    @include screen {
      max-width: 1260px;
      margin: 0 auto;
      padding: 0 30px 0 30px;
    }
  }*/
}
@media only screen and (max-width: 768px) {
  .page--about-us .page__article .philosophy {
    padding: 40px 20px 0 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--about-us .page__article .philosophy {
    background-color: #f5f4f9;
    padding: 53px 30px 0 30px;
  }
}
.page--about-us .page__article .philosophy .container {
  position: relative;
  display: block;
  max-width: 1200px;
  margin: 0 auto;
}
@media print, screen and (min-width: 1025px) {
  .page--about-us .page__article .philosophy .container {
    padding: 0;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .page--about-us .page__article .philosophy .container {
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  .page--about-us .page__article .philosophy .container {
    padding: 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--about-us .page__article .philosophy .container {
    background-color: #fff;
    padding: 30px 30px 40px 30px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
            box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
  }
}
.page--about-us .page__article .philosophy .container p {
  text-align: center;
  font-weight: 500;
  line-height: 1.6;
}
@media only screen and (max-width: 768px) {
  .page--about-us .page__article .philosophy .container p {
    font-size: 1.6rem;
    letter-spacing: 2px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--about-us .page__article .philosophy .container p {
    font-size: 2.8rem;
    letter-spacing: 3px;
  }
}
@media only screen and (max-width: 768px) {
  .page--about-us .page__article .greeting {
    padding: 30px 20px 40px 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--about-us .page__article .greeting {
    background-color: #f5f4f9;
    padding: 53px 30px;
  }
}
.page--about-us .page__article .greeting .container {
  position: relative;
  display: block;
  max-width: 1076px;
  margin: 0 auto;
}
@media print, screen and (min-width: 1025px) {
  .page--about-us .page__article .greeting .container {
    padding: 0;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .page--about-us .page__article .greeting .container {
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  .page--about-us .page__article .greeting .container {
    padding: 0;
  }
}
.page--about-us .page__article .greeting .container .ttl {
  line-height: 1.4;
  color: #004bac;
  font-weight: 500;
  position: relative;
  text-align: center;
  margin: 0 0 30px 0;
  font-size: 2.2rem;
  letter-spacing: 2px;
}
@media only screen and (max-width: 768px) {
  .page--about-us .page__article .greeting .container .ttl {
    font-size: 1.8rem;
    margin: 0 0 30px 0;
    letter-spacing: 1px;
  }
}
@media only screen and (max-width: 768px) {
  .page--about-us .page__article .greeting .container .wrapper {
    width: 280px;
    margin: 0 auto;
  }
}
@media print, screen and (min-width: 769px) {
  .page--about-us .page__article .greeting .container .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media only screen and (max-width: 768px) {
  .page--about-us .page__article .greeting .container .wrapper figure {
    width: 280px;
    margin: 0 auto 15px auto;
  }
}
@media print, screen and (min-width: 769px) {
  .page--about-us .page__article .greeting .container .wrapper figure {
    width: 27.88%;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--about-us .page__article .greeting .container .wrapper figure {
    width: 300px;
  }
}
.page--about-us .page__article .greeting .container .wrapper figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--about-us .page__article .greeting .container .wrapper .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media print, screen and (min-width: 769px) {
  .page--about-us .page__article .greeting .container .wrapper .wrap {
    width: 66.4498%;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--about-us .page__article .greeting .container .wrapper .wrap {
    width: calc(100% - 300px);
    padding-left: 60px;
  }
}
.page--about-us .page__article .greeting .container .wrapper .wrap .com {
  font-widht: 400;
}
@media only screen and (max-width: 768px) {
  .page--about-us .page__article .greeting .container .wrapper .wrap .com {
    font-size: 1.4rem;
    line-height: 2;
  }
}
@media print, screen and (min-width: 769px) {
  .page--about-us .page__article .greeting .container .wrapper .wrap .com {
    font-size: 1.6rem;
    line-height: 2;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1024px) {
  .page--about-us .page__article .greeting .container .wrapper .wrap .com .hideSP {
    display: none;
  }
}
.page--about-us .page__article .greeting .container .wrapper .wrap .president {
  font-weight: 500;
  line-height: 1.6;
}
@media only screen and (max-width: 768px) {
  .page--about-us .page__article .greeting .container .wrapper .wrap .president {
    margin-bottom: 10px;
    text-align: center;
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--about-us .page__article .greeting .container .wrapper .wrap .president {
    margin-top: 10px;
    text-align: right;
    font-size: 1.8rem;
  }
}
.page--about-us .page__article .staff {
  background-color: #f5f4f9;
}
@media only screen and (max-width: 768px) {
  .page--about-us .page__article .staff {
    padding: 30px 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--about-us .page__article .staff {
    padding: 60px 30px;
  }
}
.page--about-us .page__article .staff .container {
  position: relative;
  display: block;
  max-width: 1076px;
  margin: 0 auto;
}
@media print, screen and (min-width: 1025px) {
  .page--about-us .page__article .staff .container {
    padding: 0;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .page--about-us .page__article .staff .container {
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  .page--about-us .page__article .staff .container {
    padding: 0;
  }
}
.page--about-us .page__article .staff .container .preparation {
  text-align: center;
  font-size: 1.8rem;
  color: #0C0C0C;
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  .page--about-us .page__article .staff .container .preparation {
    padding-top: 0;
    padding-bottom: 10px;
    letter-spacing: 1px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--about-us .page__article .staff .container .preparation {
    font-size: 2.2rem;
    padding-top: 20px;
    letter-spacing: 2px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--about-us .page__article .staff .container ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1024px) {
  .page--about-us .page__article .staff .container ul {
    width: 660px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 768px) {
  .page--about-us .page__article .staff .container ul li {
    width: 280px;
    margin: 0 auto;
  }
}
@media print, screen and (min-width: 769px) {
  .page--about-us .page__article .staff .container ul li {
    width: 300px;
  }
}
@media only screen and (max-width: 768px) {
  .page--about-us .page__article .staff .container ul li figure {
    margin-bottom: 5px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--about-us .page__article .staff .container ul li figure {
    margin-bottom: 8px;
  }
}
.page--about-us .page__article .staff .container ul li figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.page--about-us .page__article .staff .container ul li p {
  line-height: 1.6;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .page--about-us .page__article .staff .container ul li p {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--about-us .page__article .staff .container ul li p {
    font-size: 1.6rem;
  }
}
.page--about-us .page__article .staff .container ul li h3 {
  line-height: 1.6;
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  .page--about-us .page__article .staff .container ul li h3 {
    font-size: 1.8rem;
    marign-bottom: 5px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--about-us .page__article .staff .container ul li h3 {
    font-size: 2rem;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 768px) {
  .page--about-us .page__article .staff .container ul li:nth-child(n+2) {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .page--about-us .page__article .staff .container ul li:nth-child(n+3) {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .page--about-us .page__article .detail {
    padding: 30px 20px 0 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--about-us .page__article .detail {
    padding: 50px 30px 0 30px;
  }
}
.page--about-us .page__article .detail .container {
  position: relative;
  display: block;
  max-width: 1076px;
  margin: 0 auto;
}
@media print, screen and (min-width: 1025px) {
  .page--about-us .page__article .detail .container {
    padding: 0;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .page--about-us .page__article .detail .container {
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  .page--about-us .page__article .detail .container {
    padding: 0;
  }
}
.page--about-us .page__article .detail .container dl {
  width: 100%;
  margin: 0 auto;
}
@media print, screen and (min-width: 769px) {
  .page--about-us .page__article .detail .container dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.page--about-us .page__article .detail .container dl dt {
  font-size: 1.6rem;
  margin-bottom: 1px;
  color: #0C0C0C;
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  .page--about-us .page__article .detail .container dl dt {
    line-height: 1.8;
    width: 100%;
    padding: 10px 15px 0 15px;
    font-weight: 700;
  }
}
@media print, screen and (min-width: 769px) {
  .page--about-us .page__article .detail .container dl dt {
    font-size: 2rem;
    padding: 15px 0;
    width: 200px;
    border-bottom: 1px solid #e5e5e5;
  }
  .page--about-us .page__article .detail .container dl dt:last-of-type {
    border-bottom: none;
  }
}
.page--about-us .page__article .detail .container dl dd {
  font-size: 1.6rem;
  margin-bottom: 1px;
  color: #0C0C0C;
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  .page--about-us .page__article .detail .container dl dd {
    font-weight: 400;
    line-height: 1.8;
    width: 100%;
    padding: 0 15px 10px 15px;
    border-bottom: 1px solid #e5e5e5;
  }
  .page--about-us .page__article .detail .container dl dd:last-of-type {
    border-bottom: none;
  }
}
@media print, screen and (min-width: 769px) {
  .page--about-us .page__article .detail .container dl dd {
    font-size: 2rem;
    text-align: center;
    width: calc(100% - 200px);
    padding: 15px 0;
    border-bottom: 1px solid #e5e5e5;
  }
  .page--about-us .page__article .detail .container dl dd:last-of-type {
    border-bottom: none;
  }
}
@media print, screen and (min-width: 769px) {
  .page--about-us .page__article .detail .container dl dd span {
    display: block;
    width: 100%;
    max-width: 676px;
  }
}
.page--about-us .page__article .detail .container dl dd .tel {
  color: #0C0C0C;
  text-decoration: none;
}
@media print, screen and (min-width: 769px) {
  .page--about-us .page__article .detail .container dl dd .tel {
    pointer-events: none;
  }
}
.page--about-us .page__article .detail .container .gmap {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  max-width: 1200px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--about-us .page__article .detail .container .gmap {
    margin: 30px auto 0 auto;
    padding: 56% 0 0 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--about-us .page__article .detail .container .gmap {
    margin-top: 40px;
    padding: 38% 0 0 0;
  }
}
.page--about-us .page__article .detail .container .gmap iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  リンクボタン
///////////////////////////////// */
/* /////////////////////////////////
  FlexBox
///////////////////////////////// */
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////////////////////////////
  お知らせ
///////////////////////////////////////////////////////// */
.page--information {
  background-color: #f5f4f9;
}
@media only screen and (max-width: 768px) {
  .page--information .mod__pagetitle {
    background: url("../images/information/pagetitle-bg-sp.jpg") center center no-repeat #fff;
    background-size: cover;
  }
}
@media print, screen and (min-width: 769px) {
  .page--information .mod__pagetitle {
    background: url("../images/information/pagetitle-bg.jpg") right center no-repeat #fff;
    background-size: cover;
  }
}
.page--information .page__article__content.archive {
  max-width: 100%;
}
.page--information .page__article__content.archive .archive__container {
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--information .page__article__content.archive .archive__container > ul {
    padding: 10px 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--information .page__article__content.archive .archive__container > ul {
    padding: 36px 56px;
  }
}
.page--information .page__article__content.archive .archive__container .not-found {
  line-height: 1.8;
}
.page--information .page__article__content.single {
  margin: 0 auto;
}
.page--information .page__article__content.single .single__container {
  background-color: #fff;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
}
@media only screen and (max-width: 768px) {
  .page--information .page__article__content.single .single__container {
    padding: 30px 20px;
    border-radius: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--information .page__article__content.single .single__container {
    padding: 60px 30px 70px 30px;
    border-radius: 20px;
  }
}
.page--information .page__article__content.single .single__container .single__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 914px;
  margin: 0 auto 30px auto;
}
.page--information .page__article__content.single .single__container .single__info .category {
  display: block;
}
@media only screen and (max-width: 768px) {
  .page--information .page__article__content.single .single__container .single__info .category {
    width: 90px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--information .page__article__content.single .single__container .single__info .category {
    width: 120px;
  }
}
.page--information .page__article__content.single .single__container .single__info .category a {
  display: block;
  text-decoration: none;
  text-align: center;
  border: 1px solid #004bac;
  color: #004bac;
  height: 24px;
  line-height: 22px;
  display: inline-block;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .page--information .page__article__content.single .single__container .single__info .category a {
    font-size: 1.2rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--information .page__article__content.single .single__container .single__info .category a {
    font-size: 1.5rem;
  }
}
.page--information .page__article__content.single .single__container .single__info .category a:hover {
  color: #fff;
  background-color: #004bac;
}
.page--information .page__article__content.single .single__container .single__info time {
  display: block;
  font-size: 1.6rem;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .page--information .page__article__content.single .single__container .single__info time {
    font-size: 1.2rem;
  }
}
.page--information .page__article__content.single .single__container .single__heading {
  font-weight: 700;
  line-height: 1.6;
  max-width: 914px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--information .page__article__content.single .single__container .single__heading {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--information .page__article__content.single .single__container .single__heading {
    font-size: 3.2rem;
  }
}
.page--information .page__article__content.single .single__container .mod__content {
  max-width: 914px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media only screen and (max-width: 768px) {
  .page--information .page__article__content.single .single__container .mod__content {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--information .page__article__content.single .single__container .mod__content {
    margin-top: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--information .page__article .mod__button1 {
    margin-top: 60px;
  }
}
.page--information .page__article .back-btn {
  width: 100%;
  color: #004bac;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  display: block;
  background: #fff;
  border: 1px solid #004bac;
  display: block;
}
@media only screen and (max-width: 768px) {
  .page--information .page__article .back-btn {
    width: 280px;
    margin: 40px auto 0 auto;
    line-height: 50px;
    height: 54px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--information .page__article .back-btn {
    width: 300px;
    margin: 80px auto 0 auto;
    line-height: 60px;
    height: 64px;
  }
}
.page--information .page__article .back-btn:hover {
  background: #004bac;
  border: 1px solid #004bac;
  color: #fff;
}

/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  リンクボタン
///////////////////////////////// */
/* /////////////////////////////////
  FlexBox
///////////////////////////////// */
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////////////////////////////
  お役立ち情報
///////////////////////////////////////////////////////// */
.page--column {
  background-color: #f5f4f9;
}
@media only screen and (max-width: 768px) {
  .page--column .mod__pagetitle {
    background: url("../images/column/pagetitle-bg-sp.jpg") center center no-repeat #fff;
    background-size: cover;
  }
}
@media print, screen and (min-width: 769px) {
  .page--column .mod__pagetitle {
    background: url("../images/column/pagetitle-bg.jpg") right center no-repeat #fff;
    background-size: cover;
  }
}
.page--column .page__article__content.archive {
  max-width: 100%;
}
@media only screen and (max-width: 768px) {
  .page--column .page__article__content.archive .mod__heading02 {
    margin-bottom: 40px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--column .page__article__content.archive .mod__heading02 {
    margin-bottom: 80px;
  }
}
.page--column .page__article__content.archive #category {
  width: 100%;
  margin: 0 auto;
  max-width: 1074px;
}
@media only screen and (max-width: 768px) {
  .page--column .page__article__content.archive #category {
    margin-bottom: 40px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--column .page__article__content.archive #category {
    margin-bottom: 60px;
  }
}
.page--column .page__article__content.archive #category ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--column .page__article__content.archive #category ul {
    gap: 6px;
    max-width: 322px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--column .page__article__content.archive #category ul {
    gap: 15px 30px;
  }
}
.page--column .page__article__content.archive #category ul li {
  font-weight: 500;
}
.page--column .page__article__content.archive #category ul li a {
  width: 100%;
  padding: 15px;
  line-height: 1;
  display: block;
  font-weight: 500;
  font-size: 2rem;
  color: #fff;
  text-decoration: none;
  text-align: center;
  position: relative;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.414%22%20height%3D%2214%22%20viewBox%3D%220%200%208.414%2014%22%3E%3Cg%20transform%3D%22translate(-1221%20-2872)%22%3E%3Cpath%20d%3D%22M1365.42%2C1575.42a1%2C1%2C0%2C0%2C1-.707-1.707l5.293-5.293-5.293-5.293a1%2C1%2C0%2C0%2C1%2C1.414-1.414l6.707%2C6.707-6.707%2C6.707A1%2C1%2C0%2C0%2C1%2C1365.42%2C1575.42Z%22%20transform%3D%22translate(-143.42%201310.58)%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") right 20px center no-repeat #009de2;
  background-size: 8px 14px;
  border-radius: 5px;
  border: 3px solid #009de2;
}
@media only screen and (max-width: 768px) {
  .page--column .page__article__content.archive #category ul li a {
    padding: 12px;
    border: 2px solid #009de2;
    font-size: 1.6rem;
    background-position: right 10px center;
  }
}
.page--column .page__article__content.archive #category ul li a:hover {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.414%22%20height%3D%2214%22%20viewBox%3D%220%200%208.414%2014%22%3E%3Cg%20transform%3D%22translate(-1221%20-2872)%22%3E%3Cpath%20d%3D%22M1365.42%2C1575.42a1%2C1%2C0%2C0%2C1-.707-1.707l5.293-5.293-5.293-5.293a1%2C1%2C0%2C0%2C1%2C1.414-1.414l6.707%2C6.707-6.707%2C6.707A1%2C1%2C0%2C0%2C1%2C1365.42%2C1575.42Z%22%20transform%3D%22translate(-143.42%201310.58)%22%20fill%3D%22%23009de2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") right 20px center no-repeat #fff;
  background-size: 8px 14px;
  color: #009de2;
}
@media only screen and (max-width: 768px) {
  .page--column .page__article__content.archive #category ul li a:hover {
    background-position: right 10px center;
  }
}
.page--column .page__article__content.archive #category ul li .current {
  background: #fff;
  color: #009de2;
  pointer-events: none;
}
@media print, screen and (min-width: 769px) {
  .page--column .page__article__content.archive #category ul li:last-child {
    margin-right: 0;
  }
}
.page--column .page__article__content.archive #category ul .select a {
  background: #53baff;
  color: #fff;
  pointer-events: none;
}
.page--column .page__article__content.archive .archive__container {
  margin: 0 auto;
  max-width: 1200px;
}
.page--column .page__article__content.archive .archive__container > ul {
  display: -ms-grid;
  display: grid;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--column .page__article__content.archive .archive__container > ul {
    max-width: 322px;
    border-radius: 10px;
    overflow: hidden;
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--column .page__article__content.archive .archive__container > ul {
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1215686275);
            box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1215686275);
    padding: 55px 60px;
    gap: 20px 5.0297%;
    border-radius: 20px;
    overflow: hidden;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1024px) {
  .page--column .page__article__content.archive .archive__container > ul {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    padding: 50px 30px;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--column .page__article__content.archive .archive__container > ul {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
.page--column .page__article__content.archive .archive__container > ul li {
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  background-color: #fff;
  padding: 10px;
}
.page--column .page__article__content.archive .archive__container > ul li a {
  text-decoration: none;
  display: block;
  color: #0C0C0C;
}
.page--column .page__article__content.archive .archive__container > ul li a figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
.page--column .page__article__content.archive .archive__container > ul li a figure img {
  vertical-align: bottom;
  width: 100%;
  height: 100%;
  aspect-ratio: 19/13;
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0;
}
.page--column .page__article__content.archive .archive__container > ul li a > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  .page--column .page__article__content.archive .archive__container > ul li a > div {
    margin-bottom: 5px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--column .page__article__content.archive .archive__container > ul li a > div {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.page--column .page__article__content.archive .archive__container > ul li a > div .category {
  text-align: center;
  border: 1px solid #0C0C0C;
  height: 24px;
  line-height: 22px;
  display: inline-block;
  width: 100px;
  font-size: 1.6rem;
  font-weight: 500;
}
.page--column .page__article__content.archive .archive__container > ul li a > div time {
  text-align: right;
  display: block;
  font-weight: 400;
  font-size: 1.6rem;
}
.page--column .page__article__content.archive .archive__container > ul li a > p {
  color: #004bac;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 表示する行数を指定 */
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 768px) {
  .page--column .page__article__content.archive .archive__container > ul li a > p {
    font-size: 1.8rem;
    min-height: 50px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--column .page__article__content.archive .archive__container > ul li a > p {
    font-size: 2rem;
    min-height: 56px;
  }
}
.page--column .page__article__content.archive .archive__container > ul li a:hover {
  opacity: 0.8;
}
.page--column .page__article__content.archive .archive__container .not-found {
  line-height: 1.8;
}
.page--column .page__article__content.single {
  margin: 0 auto;
}
.page--column .page__article__content.single .single__container {
  background-color: #fff;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
}
@media only screen and (max-width: 768px) {
  .page--column .page__article__content.single .single__container {
    padding: 30px 20px;
    border-radius: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--column .page__article__content.single .single__container {
    padding: 60px 30px 70px 30px;
    border-radius: 20px;
  }
}
.page--column .page__article__content.single .single__container .single__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 914px;
  margin: 0 auto 30px auto;
}
.page--column .page__article__content.single .single__container .single__info .category {
  display: block;
}
@media only screen and (max-width: 768px) {
  .page--column .page__article__content.single .single__container .single__info .category {
    width: 90px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--column .page__article__content.single .single__container .single__info .category {
    width: 120px;
  }
}
.page--column .page__article__content.single .single__container .single__info .category a {
  display: block;
  text-decoration: none;
  text-align: center;
  border: 1px solid #004bac;
  color: #004bac;
  height: 24px;
  line-height: 22px;
  display: inline-block;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .page--column .page__article__content.single .single__container .single__info .category a {
    font-size: 1.2rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--column .page__article__content.single .single__container .single__info .category a {
    font-size: 1.5rem;
  }
}
.page--column .page__article__content.single .single__container .single__info .category a:hover {
  color: #fff;
  background-color: #004bac;
}
.page--column .page__article__content.single .single__container .single__info time {
  display: block;
  font-size: 1.6rem;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .page--column .page__article__content.single .single__container .single__info time {
    font-size: 1.2rem;
  }
}
.page--column .page__article__content.single .single__container .single__heading {
  font-weight: 700;
  line-height: 1.6;
  max-width: 914px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--column .page__article__content.single .single__container .single__heading {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--column .page__article__content.single .single__container .single__heading {
    font-size: 3.2rem;
  }
}
.page--column .page__article__content.single .single__container .mod__content {
  max-width: 914px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media only screen and (max-width: 768px) {
  .page--column .page__article__content.single .single__container .mod__content {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--column .page__article__content.single .single__container .mod__content {
    margin-top: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--column .page__article .mod__button1 {
    margin-top: 60px;
  }
}
.page--column .page__article .back-btn {
  width: 100%;
  color: #004bac;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  display: block;
  background: #fff;
  border: 1px solid #004bac;
  display: block;
}
@media only screen and (max-width: 768px) {
  .page--column .page__article .back-btn {
    width: 280px;
    margin: 40px auto 0 auto;
    line-height: 50px;
    height: 54px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--column .page__article .back-btn {
    width: 300px;
    margin: 80px auto 0 auto;
    line-height: 60px;
    height: 64px;
  }
}
.page--column .page__article .back-btn:hover {
  background: #004bac;
  border: 1px solid #004bac;
  color: #fff;
}

/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  リンクボタン
///////////////////////////////// */
/* /////////////////////////////////
  FlexBox
///////////////////////////////// */
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////////////////////////////
  ママサポ事業部イベント情報
///////////////////////////////////////////////////////// */
.page--event {
  background-color: #f5f4f9;
}
@media only screen and (max-width: 768px) {
  .page--event .mod__pagetitle {
    background: url("../images/event/pagetitle-bg-sp.jpg") center center no-repeat #fff;
    background-size: cover;
  }
}
@media print, screen and (min-width: 769px) {
  .page--event .mod__pagetitle {
    background: url("../images/event/pagetitle-bg.jpg") right center no-repeat #fff;
    background-size: cover;
  }
}
.page--event .page__article__content.archive {
  max-width: 100%;
}
.page--event .page__article__content.archive #category {
  width: 100%;
  margin: 0 auto;
  max-width: 1122px;
}
@media only screen and (max-width: 768px) {
  .page--event .page__article__content.archive #category {
    margin-bottom: 40px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--event .page__article__content.archive #category {
    margin-bottom: 100px;
  }
}
.page--event .page__article__content.archive #category ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--event .page__article__content.archive #category ul {
    gap: 6px;
    max-width: 322px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--event .page__article__content.archive #category ul {
    gap: 15px 50px;
  }
}
.page--event .page__article__content.archive #category ul li {
  font-weight: 500;
}
.page--event .page__article__content.archive #category ul li a {
  width: 100%;
  padding: 20px;
  line-height: 1;
  display: block;
  font-weight: 500;
  font-size: 2.6rem;
  color: #fff;
  text-decoration: none;
  text-align: center;
  position: relative;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.414%22%20height%3D%2214%22%20viewBox%3D%220%200%208.414%2014%22%3E%3Cg%20transform%3D%22translate(-1221%20-2872)%22%3E%3Cpath%20d%3D%22M1365.42%2C1575.42a1%2C1%2C0%2C0%2C1-.707-1.707l5.293-5.293-5.293-5.293a1%2C1%2C0%2C0%2C1%2C1.414-1.414l6.707%2C6.707-6.707%2C6.707A1%2C1%2C0%2C0%2C1%2C1365.42%2C1575.42Z%22%20transform%3D%22translate(-143.42%201310.58)%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") right 20px center no-repeat #009de2;
  background-size: 10px 16px;
  border-radius: 5px;
  border: 3px solid #009de2;
}
@media print, screen and (min-width: 769px) {
  .page--event .page__article__content.archive #category ul li a {
    letter-spacing: 2px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1024px) {
  .page--event .page__article__content.archive #category ul li a {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--event .page__article__content.archive #category ul li a {
    padding: 10px 18px 10px 10px;
    background-size: 6px 12px;
    border: 2px solid #009de2;
    font-size: 1.2rem;
    background-position: right 5px center;
  }
}
.page--event .page__article__content.archive #category ul li a:hover {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.414%22%20height%3D%2214%22%20viewBox%3D%220%200%208.414%2014%22%3E%3Cg%20transform%3D%22translate(-1221%20-2872)%22%3E%3Cpath%20d%3D%22M1365.42%2C1575.42a1%2C1%2C0%2C0%2C1-.707-1.707l5.293-5.293-5.293-5.293a1%2C1%2C0%2C0%2C1%2C1.414-1.414l6.707%2C6.707-6.707%2C6.707A1%2C1%2C0%2C0%2C1%2C1365.42%2C1575.42Z%22%20transform%3D%22translate(-143.42%201310.58)%22%20fill%3D%22%23009de2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") right 20px center no-repeat #fff;
  background-size: 10px 16px;
  color: #009de2;
}
@media only screen and (max-width: 768px) {
  .page--event .page__article__content.archive #category ul li a:hover {
    padding: 10px 18px 10px 10px;
    background-position: right 5px center;
  }
}
.page--event .page__article__content.archive #category ul li .current {
  background: #fff;
  color: #009de2;
  pointer-events: none;
}
@media print, screen and (min-width: 769px) {
  .page--event .page__article__content.archive #category ul li:last-child {
    margin-right: 0;
  }
}
.page--event .page__article__content.archive #category ul li:nth-child(1) a {
  width: 100%;
  padding: 20px;
  line-height: 1;
  display: block;
  font-weight: 500;
  font-size: 2.6rem;
  color: #009de2;
  text-decoration: none;
  text-align: center;
  position: relative;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.414%22%20height%3D%2214%22%20viewBox%3D%220%200%208.414%2014%22%3E%3Cg%20transform%3D%22translate(-1221%20-2872)%22%3E%3Cpath%20d%3D%22M1365.42%2C1575.42a1%2C1%2C0%2C0%2C1-.707-1.707l5.293-5.293-5.293-5.293a1%2C1%2C0%2C0%2C1%2C1.414-1.414l6.707%2C6.707-6.707%2C6.707A1%2C1%2C0%2C0%2C1%2C1365.42%2C1575.42Z%22%20transform%3D%22translate(-143.42%201310.58)%22%20fill%3D%22%23009de2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") right 20px center no-repeat #fff;
  background-size: 10px 16px;
  border-radius: 5px;
  border: 3px solid #009de2;
}
@media print, screen and (min-width: 769px) {
  .page--event .page__article__content.archive #category ul li:nth-child(1) a {
    letter-spacing: 2px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1024px) {
  .page--event .page__article__content.archive #category ul li:nth-child(1) a {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--event .page__article__content.archive #category ul li:nth-child(1) a {
    padding: 10px 18px 10px 10px;
    background-size: 6px 12px;
    border: 2px solid #009de2;
    font-size: 1.2rem;
    background-position: right 5px center;
  }
}
.page--event .page__article__content.archive #category ul li:nth-child(1) a:hover {
  color: #fff;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.414%22%20height%3D%2214%22%20viewBox%3D%220%200%208.414%2014%22%3E%3Cg%20transform%3D%22translate(-1221%20-2872)%22%3E%3Cpath%20d%3D%22M1365.42%2C1575.42a1%2C1%2C0%2C0%2C1-.707-1.707l5.293-5.293-5.293-5.293a1%2C1%2C0%2C0%2C1%2C1.414-1.414l6.707%2C6.707-6.707%2C6.707A1%2C1%2C0%2C0%2C1%2C1365.42%2C1575.42Z%22%20transform%3D%22translate(-143.42%201310.58)%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") right 20px center no-repeat #009de2;
  background-size: 10px 16px;
}
@media only screen and (max-width: 768px) {
  .page--event .page__article__content.archive #category ul li:nth-child(1) a:hover {
    padding: 10px 18px 10px 10px;
    background-position: right 5px center;
  }
}
.page--event .page__article__content.archive #category ul .select a {
  background: #53baff;
  color: #fff;
  pointer-events: none;
}
@media only screen and (max-width: 768px) {
  .page--event .page__article__content.archive .mod__heading02 {
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--event .page__article__content.archive .mod__heading02 {
    margin-bottom: 60px;
  }
}
.page--event .page__article__content.archive .archive__container {
  max-width: 1200px;
  margin: 0 auto;
}
.page--event .page__article__content.archive .archive__container > ul {
  background-color: #fff;
  -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1215686275);
          box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1215686275);
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--event .page__article__content.archive .archive__container > ul {
    max-width: 322px;
    padding: 10px 30px 0 30px;
    border-radius: 10px;
    overflow: hidden;
  }
}
@media print, screen and (min-width: 769px) {
  .page--event .page__article__content.archive .archive__container > ul {
    padding: 50px 60px;
    border-radius: 20px;
    overflow: hidden;
  }
}
@media only screen and (max-width: 768px) {
  .page--event .page__article__content.archive .archive__container > ul li {
    padding: 20px 0 30px 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
            flex-flow: column-reverse;
  }
}
@media print, screen and (min-width: 769px) {
  .page--event .page__article__content.archive .archive__container > ul li {
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--event .page__article__content.archive .archive__container > ul li {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.page--event .page__article__content.archive .archive__container > ul li:nth-child(n+2) {
  border-top: 1px dashed #707070;
}
.page--event .page__article__content.archive .archive__container > ul li figure {
  position: relative;
  overflow: hidden;
}
@media print, screen and (min-width: 769px) {
  .page--event .page__article__content.archive .archive__container > ul li figure {
    width: 260px;
  }
}
.page--event .page__article__content.archive .archive__container > ul li figure img {
  vertical-align: bottom;
  width: 100%;
  height: 100%;
  aspect-ratio: 3/2;
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0;
}
.page--event .page__article__content.archive .archive__container > ul li .wrap {
  min-width: 0;
}
@media only screen and (max-width: 768px) {
  .page--event .page__article__content.archive .archive__container > ul li .wrap {
    padding-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--event .page__article__content.archive .archive__container > ul li .wrap {
    width: calc(100% - 260px);
    padding-right: 30px;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--event .page__article__content.archive .archive__container > ul li .wrap {
    padding-right: 50px;
  }
}
.page--event .page__article__content.archive .archive__container > ul li .wrap > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .page--event .page__article__content.archive .archive__container > ul li .wrap > div {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
            flex-flow: row-reverse;
    margin-bottom: 8px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--event .page__article__content.archive .archive__container > ul li .wrap > div {
    margin-bottom: 10px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.page--event .page__article__content.archive .archive__container > ul li .wrap > div time {
  text-align: left;
  display: block;
  font-weight: 500;
  color: #004bac;
}
@media only screen and (max-width: 768px) {
  .page--event .page__article__content.archive .archive__container > ul li .wrap > div time {
    font-size: 1.4rem;
    line-height: 1.8;
  }
}
@media print, screen and (min-width: 769px) {
  .page--event .page__article__content.archive .archive__container > ul li .wrap > div time {
    font-size: 1.6rem;
    line-height: 1.8;
  }
}
.page--event .page__article__content.archive .archive__container > ul li .wrap > div .category {
  text-align: center;
  border: 1px solid #0C0C0C;
  height: 24px;
  line-height: 22px;
  display: inline-block;
  padding: 0 10px;
}
@media only screen and (max-width: 768px) {
  .page--event .page__article__content.archive .archive__container > ul li .wrap > div .category {
    margin-right: 5px;
    font-size: 1.2rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--event .page__article__content.archive .archive__container > ul li .wrap > div .category {
    margin-left: 15px;
    font-size: 1.4rem;
  }
}
.page--event .page__article__content.archive .archive__container > ul li .wrap .ttl {
  font-weight: 500;
  color: #004bac;
}
@media only screen and (max-width: 768px) {
  .page--event .page__article__content.archive .archive__container > ul li .wrap .ttl {
    font-size: 1.6rem;
    line-height: 1.6;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 表示する行数を指定 */
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media print, screen and (min-width: 769px) {
  .page--event .page__article__content.archive .archive__container > ul li .wrap .ttl {
    font-size: 2rem;
    letter-spacing: 1px;
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.page--event .page__article__content.archive .archive__container > ul li .wrap .com {
  font-size: 1.4rem;
  line-height: 1.8;
  font-weight: 400;
  letter-spacing: 0.8px;
}
@media only screen and (max-width: 768px) {
  .page--event .page__article__content.archive .archive__container > ul li .wrap .com {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5; /* 表示する行数を指定 */
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media print, screen and (min-width: 769px) {
  .page--event .page__article__content.archive .archive__container > ul li .wrap .com {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 表示する行数を指定 */
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.page--event .page__article__content.archive .archive__container > ul li .wrap .mod__button1 {
  background-color: #009DE2;
}
@media only screen and (max-width: 768px) {
  .page--event .page__article__content.archive .archive__container > ul li .wrap .mod__button1 {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--event .page__article__content.archive .archive__container > ul li .wrap .mod__button1 {
    margin-left: 0;
    margin-top: 15px;
    font-size: 1.4rem;
    width: 184px;
    height: 36px;
    line-height: 36px;
  }
}
.page--event .page__article__content.archive .archive__container .not-found {
  line-height: 1.8;
}
.page--event .page__article__content.single {
  margin: 0 auto;
}
.page--event .page__article__content.single .single__container {
  background-color: #fff;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
}
@media only screen and (max-width: 768px) {
  .page--event .page__article__content.single .single__container {
    padding: 30px 20px;
    border-radius: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--event .page__article__content.single .single__container {
    padding: 60px 30px 70px 30px;
    border-radius: 20px;
  }
}
.page--event .page__article__content.single .single__container .single__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 914px;
  margin: 0 auto 30px auto;
}
.page--event .page__article__content.single .single__container .single__info .category {
  display: inline-block;
}
.page--event .page__article__content.single .single__container .single__info .category a {
  display: block;
  text-decoration: none;
  text-align: center;
  border: 1px solid #004bac;
  color: #004bac;
  height: 24px;
  line-height: 22px;
  display: inline-block;
  width: 100%;
  padding: 0 10px;
}
@media only screen and (max-width: 768px) {
  .page--event .page__article__content.single .single__container .single__info .category a {
    font-size: 1.2rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--event .page__article__content.single .single__container .single__info .category a {
    font-size: 1.5rem;
  }
}
.page--event .page__article__content.single .single__container .single__info .category a:hover {
  color: #fff;
  background-color: #004bac;
}
.page--event .page__article__content.single .single__container .single__info time {
  display: block;
  font-size: 1.6rem;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .page--event .page__article__content.single .single__container .single__info time {
    font-size: 1.2rem;
  }
}
.page--event .page__article__content.single .single__container .single__heading {
  font-weight: 700;
  line-height: 1.6;
  max-width: 914px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--event .page__article__content.single .single__container .single__heading {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--event .page__article__content.single .single__container .single__heading {
    font-size: 3.2rem;
  }
}
.page--event .page__article__content.single .single__container .mod__content {
  max-width: 914px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media only screen and (max-width: 768px) {
  .page--event .page__article__content.single .single__container .mod__content {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--event .page__article__content.single .single__container .mod__content {
    margin-top: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--event .page__article .mod__button1 {
    margin-top: 60px;
  }
}
.page--event .page__article .back-btn {
  width: 100%;
  color: #004bac;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  display: block;
  background: #fff;
  border: 1px solid #004bac;
  display: block;
}
@media only screen and (max-width: 768px) {
  .page--event .page__article .back-btn {
    width: 280px;
    margin: 40px auto 0 auto;
    line-height: 50px;
    height: 54px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--event .page__article .back-btn {
    width: 300px;
    margin: 80px auto 0 auto;
    line-height: 60px;
    height: 64px;
  }
}
.page--event .page__article .back-btn:hover {
  background: #004bac;
  border: 1px solid #004bac;
  color: #fff;
}

/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  リンクボタン
///////////////////////////////// */
/* /////////////////////////////////
  FlexBox
///////////////////////////////// */
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////////////////////////////
  お問い合わせ
///////////////////////////////////////////////////////// */
.page--contact {
  background-color: #f5f4f9;
}
@media only screen and (max-width: 768px) {
  .page--contact .mod__pagetitle {
    background: url("../images/contact/pagetitle-bg-sp.jpg") center center no-repeat #fff;
    background-size: cover;
  }
}
@media print, screen and (min-width: 769px) {
  .page--contact .mod__pagetitle {
    background: url("../images/contact/pagetitle-bg.jpg") right center no-repeat #fff;
    background-size: cover;
  }
}
.page--contact .page__article .page__article__container {
  /*tabsの形状*/
}
@media only screen and (max-width: 768px) {
  .page--contact .page__article .page__article__container {
    padding: 0 20px 0 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--contact .page__article .page__article__container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 30px 0 30px;
  }
}
.page--contact .page__article .page__article__container .tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .page--contact .page__article .page__article__container .tabs {
    margin-bottom: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--contact .page__article .page__article__container .tabs {
    margin-bottom: 60px;
  }
}
.page--contact .page__article .page__article__container .tabs li {
  font-weight: 500;
  text-align: center;
  overflow: hidden;
  width: 50%;
}
.page--contact .page__article .page__article__container .tabs li a {
  display: block;
  border: 1px solid #004bac;
  color: #004bac;
  background-color: #f5f4f9;
  text-decoration: none;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .page--contact .page__article .page__article__container .tabs li a {
    padding: 10px;
    font-size: 1.6rem;
    line-height: 1.4;
  }
  .page--contact .page__article .page__article__container .tabs li a span {
    display: none;
  }
}
@media print, screen and (min-width: 769px) {
  .page--contact .page__article .page__article__container .tabs li a {
    padding: 5px;
    font-size: 2.6rem;
    line-height: 1.4;
    padding: 26px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1024px) {
  .page--contact .page__article .page__article__container .tabs li a {
    font-size: 2.2rem;
  }
}
.page--contact .page__article .page__article__container .tabs li a:hover {
  color: #fff;
  background: #004bac;
}
.page--contact .page__article .page__article__container .tabs li.active a {
  color: #fff;
  background: #004bac;
  border: 1px solid #004bac;
  pointer-events: none;
}
.page--contact .page__article .page__article__container .tabs li:nth-child(1) a {
  border-right: none;
}
@media only screen and (max-width: 768px) {
  .page--contact .page__article .page__article__container .tabs li:nth-child(1) a {
    border-radius: 10px 0 0 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--contact .page__article .page__article__container .tabs li:nth-child(1) a {
    border-radius: 30px 0 0 0;
  }
}
@media only screen and (max-width: 768px) {
  .page--contact .page__article .page__article__container .tabs li:nth-child(2) a {
    border-radius: 0 10px 0 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--contact .page__article .page__article__container .tabs li:nth-child(2) a {
    border-radius: 0 30px 0 0;
  }
}
.page--contact .page__article .page__article__container .contents-ttl {
  color: #0C0C0C;
  font-weight: 700;
  text-align: center;
  font-size: 2rem;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 769px) {
  .page--contact .page__article .page__article__container .contents-ttl {
    font-size: 2.2rem;
  }
}
.page--contact .page__article .page__article__container .com {
  font-weight: 400;
  font-size: 1.6rem;
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  .page--contact .page__article .page__article__container .com {
    padding: 0 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--contact .page__article .page__article__container .com {
    padding: 0 30px;
    text-align: center;
  }
}
.page--contact .page__article .page__article__container .com p {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
}
@media only screen and (max-width: 768px) {
  .page--contact .page__article .page__article__container .com p:nth-of-type(n + 2) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--contact .page__article .page__article__container .com p:nth-of-type(n + 2) {
    margin-top: 20px;
  }
}
.page--contact .page__article .page__article__container .com p a {
  color: #0C0C0C;
}
.page--contact .page__article .page__article__container .contact__form {
  max-width: 1040px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--contact .page__article .page__article__container .contact__form {
    margin-top: 40px;
    padding: 0 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--contact .page__article .page__article__container .contact__form {
    margin-top: 50px;
    padding: 0 30px;
  }
}
@media only screen and (max-width: 768px) {
  .page--contact .page__article .page__article__container .contact__form .mod__heading02 {
    margin-bottom: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--contact .page__article .page__article__container .contact__form .mod__heading02 {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .page--contact .page__article .page__article__container .contact__form .mod__heading02:nth-of-type(n + 2) {
    margin-top: 40px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--contact .page__article .page__article__container .contact__form .mod__heading02:nth-of-type(n + 2) {
    margin-top: 80px;
  }
}
.page--contact .page__article .page__article__container .contact__form .choice {
  font-size: 1.6rem;
  margin-bottom: 20px;
  padding-left: 1em;
  text-indent: -1em;
}
@media only screen and (max-width: 768px) {
  .page--contact .page__article .page__article__container .complete {
    padding: 0 0 40px 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--contact .page__article .page__article__container .complete {
    padding: 80px 0 160px 0;
  }
}

/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  リンクボタン
///////////////////////////////// */
/* /////////////////////////////////
  FlexBox
///////////////////////////////// */
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////////////////////////////
  採用情報
///////////////////////////////////////////////////////// */
@media only screen and (max-width: 768px) {
  .page--recruit .mod__pagetitle {
    background: url("../images/recruit/pagetitle-bg-sp.jpg") center center no-repeat #fff;
    background-size: cover;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .mod__pagetitle {
    background: url("../images/recruit/pagetitle-bg.jpg") right center no-repeat #fff;
    background-size: cover;
  }
}
.page--recruit .page__article .page-link {
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  border: none;
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .page-link {
    gap: 10px;
    max-width: 360px;
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .page-link {
    gap: 50px;
    max-width: 1182px;
    padding: 0 30px;
  }
}
.page--recruit .page__article .page-link li {
  overflow: hidden;
  border-radius: 5px;
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .page-link li {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .page-link li {
    font-size: 1.8rem;
  }
}
.page--recruit .page__article .page-link li a {
  display: block;
  text-decoration: none;
  color: #fff !important;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1607843137);
  cursor: pointer;
  position: relative;
  letter-spacing: 1px;
  text-align: center;
  height: 38px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.414%22%20height%3D%2214%22%20viewBox%3D%220%200%208.414%2014%22%3E%3Cg%20transform%3D%22translate(-1221%20-2872)%22%3E%3Cpath%20d%3D%22M1365.42%2C1575.42a1%2C1%2C0%2C0%2C1-.707-1.707l5.293-5.293-5.293-5.293a1%2C1%2C0%2C0%2C1%2C1.414-1.414l6.707%2C6.707-6.707%2C6.707A1%2C1%2C0%2C0%2C1%2C1365.42%2C1575.42Z%22%20transform%3D%22translate(-143.42%201310.58)%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") right 20px center no-repeat #53baff;
  background-size: 8px 14px;
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .page-link li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 1.3rem;
    line-height: 1.2;
    background-position: right 10px center;
    text-align: left;
  }
  .page--recruit .page__article .page-link li a span {
    width: 100px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .page-link li a {
    background-size: 10px 16px;
    height: 80px;
    line-height: 80px;
    font-size: 2.8rem;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1024px) {
  .page--recruit .page__article .page-link li a {
    height: 60px;
    line-height: 60px;
    font-size: 2rem;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--recruit .page__article .page-link li a {
    background-position: right 30px center;
  }
}
.page--recruit .page__article .page-link li a:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .page-link li:nth-child(1) a span {
    text-align: center;
  }
}
.page--recruit .page__article .page-link li:nth-child(2) a {
  background-color: #004bac;
}
.page--recruit .page__article .page-link:hover {
  background-color: #fff;
}
.page--recruit .page__article .contact-link {
  overflow: hidden;
  border-radius: 5px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .contact-link {
    font-size: 1.6rem;
    max-width: 265px;
    margin-top: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .contact-link {
    border-radius: 10px;
    font-size: 1.8rem;
    max-width: 570px;
    margin-top: 70px;
  }
}
.page--recruit .page__article .contact-link a {
  display: block;
  text-decoration: none;
  color: #fff !important;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1607843137);
  cursor: pointer;
  position: relative;
  letter-spacing: 1px;
  text-align: center;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.414%22%20height%3D%2214%22%20viewBox%3D%220%200%208.414%2014%22%3E%3Cg%20transform%3D%22translate(-1221%20-2872)%22%3E%3Cpath%20d%3D%22M1365.42%2C1575.42a1%2C1%2C0%2C0%2C1-.707-1.707l5.293-5.293-5.293-5.293a1%2C1%2C0%2C0%2C1%2C1.414-1.414l6.707%2C6.707-6.707%2C6.707A1%2C1%2C0%2C0%2C1%2C1365.42%2C1575.42Z%22%20transform%3D%22translate(-143.42%201310.58)%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") right 20px center no-repeat #004bac;
  background-size: 8px 14px;
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .contact-link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 1.4rem;
    line-height: 1.3;
    letter-spacing: 1px;
    background-position: right 10px center;
    text-align: left;
    height: 50px;
  }
  .page--recruit .page__article .contact-link a span {
    width: 220px;
    text-align: center;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .contact-link a {
    background-size: 10px 16px;
    height: 80px;
    line-height: 80px;
    font-size: 2.4rem;
    letter-spacing: 4px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1024px) {
  .page--recruit .page__article .contact-link a {
    height: 60px;
    line-height: 60px;
    font-size: 2rem;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--recruit .page__article .contact-link a {
    background-position: right 30px center;
  }
}
.page--recruit .page__article .contact-link a:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .recruit-detail {
    padding: 40px 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .recruit-detail {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .recruit-detail .mod__heading02 {
    margin-bottom: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .recruit-detail .mod__heading02 {
    margin-bottom: 60px;
  }
}
.page--recruit .page__article .recruit-detail .system {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .recruit-detail .system {
    padding: 0 0 0 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .recruit-detail .system {
    padding: 0 0 0 30px;
  }
}
.page--recruit .page__article .recruit-detail .system .outer {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .recruit-detail .system .outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .recruit-detail .system .outer {
    padding: 0;
  }
}
.page--recruit .page__article .recruit-detail .system .outer::after {
  content: "";
  display: block;
  position: absolute;
  background: url("../images/recruit/system-img.jpg") no-repeat;
  background-size: cover;
  right: 0;
  z-index: 2;
  -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .recruit-detail .system .outer::after {
    position: relative;
    bottom: 0;
    width: 100%;
    height: 0;
    padding-top: 61.53%;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .recruit-detail .system .outer::after {
    border-radius: 40px 0 0 40px;
    top: 0;
    width: 45%;
    height: 480px;
    background-position: center center;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--recruit .page__article .recruit-detail .system .outer::after {
    background-position: center center;
    width: 48%;
  }
}
.page--recruit .page__article .recruit-detail .system .outer .container {
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .recruit-detail .system .outer .container {
    padding: 30px 20px 0 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .recruit-detail .system .outer .container {
    max-width: 1230px;
    margin: 0 auto;
  }
}
.page--recruit .page__article .recruit-detail .system .outer .container .wrap {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .recruit-detail .system .outer .container .wrap {
    max-width: 310px;
    margin: 0 auto;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .recruit-detail .system .outer .container .wrap {
    width: 50%;
    min-height: 480px;
    padding-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--recruit .page__article .recruit-detail .system .outer .container .wrap {
    width: 46%;
    padding-right: 30px;
  }
}
.page--recruit .page__article .recruit-detail .system .outer .container .wrap .ttl {
  color: #004bac;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .recruit-detail .system .outer .container .wrap .ttl {
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .recruit-detail .system .outer .container .wrap .ttl {
    font-size: 2.2rem;
    margin-bottom: 40px;
  }
}
.page--recruit .page__article .recruit-detail .system .outer .container .wrap p {
  position: relative;
  z-index: 3;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.2;
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .recruit-detail .system .outer .container .wrap p {
    font-size: 1.6rem;
    line-height: 2;
  }
}
@media print, screen and (min-width: 1025px) {
  .page--recruit .page__article .recruit-detail .system .outer .container .wrap p {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .recruit-detail .system .outer .container .wrap p:nth-of-type(n + 2) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .recruit-detail .system .outer .container .wrap p:nth-of-type(n + 2) {
    margin-top: 40px;
  }
}
.page--recruit .page__article .recruit-detail .commission {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .recruit-detail .commission {
    padding: 0;
    margin-top: 40px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .recruit-detail .commission {
    margin-top: 50px;
    padding: 0 30px 0 0;
  }
}
.page--recruit .page__article .recruit-detail .commission .outer {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .recruit-detail .commission .outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .recruit-detail .commission .outer {
    padding: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.page--recruit .page__article .recruit-detail .commission .outer::before {
  content: "";
  display: block;
  position: absolute;
  background: url("../images/recruit/commission-img.jpg") no-repeat;
  background-size: cover;
  left: 0;
  z-index: 2;
  -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .recruit-detail .commission .outer::before {
    position: relative;
    bottom: 0;
    width: 100%;
    height: 0;
    padding-top: 61.53%;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .recruit-detail .commission .outer::before {
    border-radius: 0 40px 40px 0;
    top: 0;
    width: 45%;
    height: 480px;
    background-position: center top;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--recruit .page__article .recruit-detail .commission .outer::before {
    background-position: right center;
    width: 48%;
  }
}
.page--recruit .page__article .recruit-detail .commission .outer .container {
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .recruit-detail .commission .outer .container {
    padding: 30px 20px 0 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .recruit-detail .commission .outer .container {
    max-width: 1230px;
    margin: 0 auto;
  }
}
.page--recruit .page__article .recruit-detail .commission .outer .container .wrap {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .recruit-detail .commission .outer .container .wrap {
    max-width: 310px;
    margin: 0 auto;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .recruit-detail .commission .outer .container .wrap {
    width: 50%;
    min-height: 480px;
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: auto;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--recruit .page__article .recruit-detail .commission .outer .container .wrap {
    width: 46%;
    padding-left: 30px;
  }
}
.page--recruit .page__article .recruit-detail .commission .outer .container .wrap .ttl {
  color: #004bac;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .recruit-detail .commission .outer .container .wrap .ttl {
    font-size: 1.8rem;
    margin-bottom: 20px;
    text-align: center;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .recruit-detail .commission .outer .container .wrap .ttl {
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .recruit-detail .commission .outer .container .wrap .ttl:nth-of-type(n + 2) {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .recruit-detail .commission .outer .container .wrap .ttl:nth-of-type(n + 2) {
    margin-top: 20px;
  }
}
.page--recruit .page__article .recruit-detail .commission .outer .container .wrap p {
  position: relative;
  z-index: 3;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.2;
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .recruit-detail .commission .outer .container .wrap p {
    font-size: 1.6rem;
    line-height: 2;
  }
}
@media print, screen and (min-width: 1025px) {
  .page--recruit .page__article .recruit-detail .commission .outer .container .wrap p {
    font-size: 1.8rem;
  }
}
.page--recruit .page__article .application {
  background-color: #f5f4f9;
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .application {
    padding: 30px 0 48px 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .application {
    padding: 70px 30px 60px 30px;
  }
}
.page--recruit .page__article .application .container {
  position: relative;
  display: block;
  max-width: 1000px;
  margin: 0 auto;
}
@media print, screen and (min-width: 1025px) {
  .page--recruit .page__article .application .container {
    padding: 0;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .page--recruit .page__article .application .container {
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .application .container {
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .application .container .mod__heading02 {
    margin-bottom: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .application .container .mod__heading02 {
    margin-bottom: 70px;
  }
}
.page--recruit .page__article .application .container .ttl {
  line-height: 1.4;
  color: #004bac;
  font-weight: 500;
  position: relative;
  text-align: center;
  margin: 0 0 30px 0;
  font-size: 2.2rem;
  letter-spacing: 2px;
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .application .container .ttl {
    font-size: 1.8rem;
    margin: 0 0 20px 0;
    letter-spacing: 1px;
  }
}
.page--recruit .page__article .application .container .wrapper {
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .application .container .wrapper {
    margin: 0 auto;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .application .container .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .application .container .wrapper figure {
    width: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .application .container .wrapper figure {
    width: 50%;
  }
}
.page--recruit .page__article .application .container .wrapper figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.page--recruit .page__article .application .container .wrapper .wrap {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .application .container .wrapper .wrap {
    width: 100%;
    padding: 20px 20px 26px 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .application .container .wrapper .wrap {
    width: 50%;
    padding: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .application .container .wrapper .wrap ul {
    max-width: 290px;
    margin: 0 auto;
  }
}
.page--recruit .page__article .application .container .wrapper .wrap ul li {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.8;
  position: relative;
  padding-left: 30px;
}
.page--recruit .page__article .application .container .wrapper .wrap ul li::before {
  width: 16px;
  height: 16px;
  content: "";
  position: absolute;
  background: url("../images/recruit/check-icon.gif") no-repeat left top/contain;
  display: block;
  top: 7px;
  left: 0;
  margin: auto;
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .application .container .wrapper .wrap ul li:nth-child(n+2) {
    margin-top: 4px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .application .container .wrapper .wrap ul li:nth-child(n+2) {
    margin-top: 8px;
  }
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .application .container .detail {
    padding: 0 20px;
    max-width: 340px;
    margin: 0 auto;
  }
}
.page--recruit .page__article .application .container .detail h3 {
  line-height: 1.4;
  color: #004bac;
  font-weight: 700;
  position: relative;
  text-align: center;
  margin: 75px 0 40px 0;
  font-size: 2rem;
  letter-spacing: 2px;
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .application .container .detail h3 {
    margin: 60px 0 12px 0;
    letter-spacing: 1px;
    border-bottom: 2px solid #004bac;
    padding-bottom: 8px;
  }
}
.page--recruit .page__article .application .container .detail dl {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .application .container .detail dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.page--recruit .page__article .application .container .detail dl dt {
  font-weight: 500;
  background-color: #d5eeff;
  line-height: 1.6;
  font-size: 1.6rem;
  padding: 8px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0.8px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .application .container .detail dl dt {
    width: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .application .container .detail dl dt {
    width: 30%;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .application .container .detail dl dt:nth-of-type(n + 2) {
    border-top: 1px solid #d0e0eb;
  }
}
.page--recruit .page__article .application .container .detail dl dd {
  line-height: 1.6;
  font-size: 1.6rem;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .application .container .detail dl dd {
    width: 100%;
    padding: 15px;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .application .container .detail dl dd {
    background-color: #fff;
    width: 70%;
    padding: 12px 18px;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--recruit .page__article .application .container .detail dl dd {
    padding: 12px 64px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .application .container .detail dl dd:nth-of-type(n + 2) {
    border-top: 1px solid #e4e4e5;
  }
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .small-agency {
    padding: 40px 0 0 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .small-agency {
    padding: 80px 0 0 0;
  }
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .small-agency .mod__heading02 {
    margin-bottom: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .small-agency .mod__heading02 {
    margin-bottom: 60px;
  }
}
.page--recruit .page__article .small-agency .owners {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .small-agency .owners {
    padding: 0;
    margin-top: 40px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .small-agency .owners {
    margin-top: 50px;
    padding: 0 30px 0 0;
  }
}
.page--recruit .page__article .small-agency .owners .outer {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .small-agency .owners .outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .small-agency .owners .outer {
    padding: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.page--recruit .page__article .small-agency .owners .outer::before {
  content: "";
  display: block;
  position: absolute;
  background: url("../images/recruit/owners-img.jpg") no-repeat;
  background-size: cover;
  left: 0;
  z-index: 2;
  -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .small-agency .owners .outer::before {
    position: relative;
    bottom: 0;
    width: 100%;
    height: 0;
    padding-top: 61.53%;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .small-agency .owners .outer::before {
    border-radius: 0 40px 40px 0;
    top: 0;
    width: 45%;
    height: 480px;
    background-position: center top;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--recruit .page__article .small-agency .owners .outer::before {
    background-position: right center;
    width: 48%;
  }
}
.page--recruit .page__article .small-agency .owners .outer .container {
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .small-agency .owners .outer .container {
    padding: 30px 20px 0 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .small-agency .owners .outer .container {
    max-width: 1230px;
    margin: 0 auto;
  }
}
.page--recruit .page__article .small-agency .owners .outer .container .wrap {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .small-agency .owners .outer .container .wrap {
    max-width: 310px;
    margin: 0 auto;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .small-agency .owners .outer .container .wrap {
    width: 50%;
    min-height: 480px;
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: auto;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1025px) {
  .page--recruit .page__article .small-agency .owners .outer .container .wrap {
    width: 46%;
    padding-left: 30px;
  }
}
.page--recruit .page__article .small-agency .owners .outer .container .wrap .ttl {
  color: #004bac;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .small-agency .owners .outer .container .wrap .ttl {
    font-size: 1.8rem;
    margin-bottom: 20px;
    text-align: center;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .small-agency .owners .outer .container .wrap .ttl {
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .small-agency .owners .outer .container .wrap .ttl:nth-of-type(n + 2) {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--recruit .page__article .small-agency .owners .outer .container .wrap .ttl:nth-of-type(n + 2) {
    margin-top: 20px;
  }
}
.page--recruit .page__article .small-agency .owners .outer .container .wrap p {
  position: relative;
  z-index: 3;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.2;
}
@media only screen and (max-width: 768px) {
  .page--recruit .page__article .small-agency .owners .outer .container .wrap p {
    font-size: 1.6rem;
    line-height: 2;
  }
}
@media print, screen and (min-width: 1025px) {
  .page--recruit .page__article .small-agency .owners .outer .container .wrap p {
    font-size: 1.8rem;
  }
}

/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  リンクボタン
///////////////////////////////// */
/* /////////////////////////////////
  FlexBox
///////////////////////////////// */
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////////////////////////////
  プライバシーポリシー
///////////////////////////////////////////////////////// */
.page--privacy-policy {
  background-color: #f5f4f9;
}
@media only screen and (max-width: 768px) {
  .page--privacy-policy .mod__pagetitle {
    background: url("../images/privacy-policy/pagetitle-bg-sp.jpg") center center no-repeat #fff;
    background-size: cover;
  }
}
@media print, screen and (min-width: 769px) {
  .page--privacy-policy .mod__pagetitle {
    background: url("../images/privacy-policy/pagetitle-bg.jpg") right center no-repeat #fff;
    background-size: cover;
  }
}
@media only screen and (max-width: 768px) {
  .page--privacy-policy .page__article {
    padding: 38px 20px 0 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--privacy-policy .page__article {
    padding: 36px 30px 0 30px;
  }
}
.page--privacy-policy .page__article .page__article__container {
  background-color: #fff;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1607843137);
}
@media only screen and (max-width: 768px) {
  .page--privacy-policy .page__article .page__article__container {
    padding: 30px 20px;
    border-radius: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--privacy-policy .page__article .page__article__container {
    padding: 60px 30px 70px 30px;
    border-radius: 20px;
  }
}
.page--privacy-policy .page__article .page__article__container section {
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: 400;
  word-wrap: break-word;
  max-width: 1000px;
  margin: 0 auto;
}
@media print, screen and (min-width: 769px) {
  .page--privacy-policy .page__article .page__article__container section {
    font-size: 1.8rem;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 768px) {
  .page--privacy-policy .page__article .page__article__container section:nth-of-type(2) {
    padding: 60px 0 5px 0;
    margin-top: -60px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--privacy-policy .page__article .page__article__container section:nth-of-type(2) {
    padding: 90px 0 0 0;
    margin-top: -90px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--privacy-policy .page__article .page__article__container section .mod__heading02 {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 768px) {
  .page--privacy-policy .page__article .page__article__container section .date {
    margin-bottom: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--privacy-policy .page__article .page__article__container section .date {
    margin-bottom: 30px;
  }
}
.page--privacy-policy .page__article .page__article__container section .com {
  line-height: 1.6;
}
@media only screen and (max-width: 768px) {
  .page--privacy-policy .page__article .page__article__container section .com {
    margin-bottom: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--privacy-policy .page__article .page__article__container section .com {
    margin-bottom: 50px;
  }
}
.page--privacy-policy .page__article .page__article__container section .com span {
  text-align: right;
  display: block;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 769px) {
  .page--privacy-policy .page__article .page__article__container section .com span {
    margin-bottom: 50px;
  }
}
.page--privacy-policy .page__article .page__article__container section .end {
  line-height: 1.6;
  text-align: right;
}
@media only screen and (max-width: 768px) {
  .page--privacy-policy .page__article .page__article__container section .end {
    margin-top: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--privacy-policy .page__article .page__article__container section .end {
    margin-top: 50px;
  }
}
.page--privacy-policy .page__article .page__article__container section h3 {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  padding-left: 1em;
  text-indent: -1em;
  font-weight: 700;
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  .page--privacy-policy .page__article .page__article__container section h3 {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--privacy-policy .page__article .page__article__container section h3 {
    font-size: 2.2rem;
  }
}
.page--privacy-policy .page__article .page__article__container section p {
  font-weight: 400;
  line-height: 1.6;
}
@media only screen and (max-width: 768px) {
  .page--privacy-policy .page__article .page__article__container section p {
    margin-bottom: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--privacy-policy .page__article .page__article__container section p {
    margin-bottom: 50px;
  }
}
.page--privacy-policy .page__article .page__article__container section p:last-child {
  margin-bottom: 0;
}
.page--privacy-policy .page__article .page__article__container section p a:hover {
  text-decoration: none;
}
.page--privacy-policy .page__article .page__article__container section a.link {
  color: #004bac !important;
}
.page--privacy-policy .page__article .page__article__container section a.mail {
  color: #0C0C0C !important;
}
.page--privacy-policy .page__article .page__article__container section .tel {
  color: #0C0C0C;
}
@media print, screen and (min-width: 769px) {
  .page--privacy-policy .page__article .page__article__container section .tel {
    pointer-events: none;
    text-decoration: none;
    color: #0C0C0C;
  }
}
.page--privacy-policy .page__article .page__article__container section > ol {
  line-height: 1.6;
}
@media only screen and (max-width: 768px) {
  .page--privacy-policy .page__article .page__article__container section > ol {
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--privacy-policy .page__article .page__article__container section > ol {
    margin-bottom: 30px;
  }
}
.page--privacy-policy .page__article .page__article__container section > ol > li {
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .page--privacy-policy .page__article .page__article__container section > ol > li {
    margin-bottom: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--privacy-policy .page__article .page__article__container section > ol > li {
    margin-bottom: 50px;
  }
}
.page--privacy-policy .page__article .page__article__container section > ol > li h4 {
  padding-left: 1em;
  text-indent: -1em;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .page--privacy-policy .page__article .page__article__container section > ol > li h4 {
    font-size: 1.6rem;
    margin-bottom: 5px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--privacy-policy .page__article .page__article__container section > ol > li h4 {
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
}
.page--privacy-policy .page__article .page__article__container section > ol > li h5 {
  margin-bottom: 2px;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .page--privacy-policy .page__article .page__article__container section > ol > li h5 {
    margin-bottom: 5px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--privacy-policy .page__article .page__article__container section > ol > li h5 {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .page--privacy-policy .page__article .page__article__container section > ol > li p {
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--privacy-policy .page__article .page__article__container section > ol > li p {
    margin-bottom: 0;
  }
}
.page--privacy-policy .page__article .page__article__container section > ol > li p:last-child {
  margin-bottom: 0;
}
.page--privacy-policy .page__article .page__article__container section > ol > li p a:hover {
  text-decoration: none;
}
.page--privacy-policy .page__article .page__article__container section > ol > li a.link {
  color: #004bac !important;
}
@media print, screen and (min-width: 769px) {
  .page--privacy-policy .page__article .page__article__container section > ol > li .tel {
    pointer-events: none;
    text-decoration: none;
  }
}
.page--privacy-policy .page__article .page__article__container section > ol > li ol, .page--privacy-policy .page__article .page__article__container section > ol > li ul {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.8;
  margin-bottom: 15px;
}
.page--privacy-policy .page__article .page__article__container section > ol > li ol li, .page--privacy-policy .page__article .page__article__container section > ol > li ul li {
  font-weight: 400;
}
.page--privacy-policy .page__article .page__article__container section > ol > li ol {
  padding-left: 1.5em;
  text-indent: -1.5em;
}
.page--privacy-policy .page__article .page__article__container section > ol > li span {
  color: #c8c8c8;
  padding-right: 0.5em;
}