@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;700");
@import url("https://fonts.googleapis.com/css2?family=Overpass:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Tangerine:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Marcellus&display=swap");
/* ブレイクポイント参考

PC:インナーコンテンツサイズ以上
Laptop-HiDPI:1440
Laptop-MDPI :1280
iPad Pro(10.5inch):834
iPad Pro(12.9inch):1024
iPad:601
SP:600

*/
/* レスポンシブサイト非表示 */
/* PCのみ */
@media screen and (max-width: 1024px) {
  .pc {
    display: none !important;
  }
}
/* タブレット・PC */
@media screen and (max-width: 599px) {
  .pctb {
    display: none !important;
  }
}
/* タブレット・SP */
@media screen and (min-width: 1025px) {
  .tbsp {
    display: none !important;
  }
}
/* タブレットのみ */
@media screen and (min-width: 599px) and (max-width: 1024px) {
  .tb {
    display: none !important;
  }
}
/* SPのみ */
@media screen and (min-width: 600px) {
  .sp {
    display: none !important;
  }
}
/* PCのみ */
@media screen and (max-width: 1440px) {
  .w1440 {
    display: none !important;
  }
}
@media screen and (min-width: 1500px) {
  .w1500 {
    display: none !important;
  }
}
@media screen and (min-width: 1025px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
/*--------------------------------------------------------

	リセット : html5reset-1.6.1.css

参考
https://coliss.com/articles/build-websites/operation/css/my-css-reset-by-ire.html
----------------------------------------------------------*/
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html {
  font-size: 62.5%;
}

/*body設定*/
body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", Verdana, Meiryo, sans-serif;
  color: #30455c;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #fff;
  line-height: 1.7;
  font-size: 1.6rem;
  overflow-x: hidden;
  text-rendering: optimizeSpeed;
}
@media screen and (min-width: 1025px) {
  body {
    font-weight: 500;
  }
}
body {
  /*任意でフォントサイズを指定*/
}
@media screen and (max-width: 1024px) {
  body {
    font-size: 1.5rem;
  }
}

/*IE用：游ゴシックの謎余白をなくすためフォントを別指定*/
@media all and (-ms-high-contrast: none) {
  body {
    font-family: Meiryo, sans-serif;
  }
}
/*要素のフォントサイズやマージン・パディングをリセットしています*/
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
span,
em,
small,
strong,
sub,
sup,
mark,
del,
ins,
strike,
abbr,
dfn,
blockquote,
q,
cite,
code,
pre,
ol,
ul,
li,
dl,
dt,
dd,
div,
section,
article,
main,
aside,
nav,
header,
hgroup,
footer,
img,
figure,
figcaption,
address,
time,
audio,
video,
canvas,
iframe,
details,
summary,
fieldset,
form,
label,
legend,
caption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
}

/*テーブル指定*/
table,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
}

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

/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
main,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています marginを指定したら地獄*/
ul[class],
ol[class] {
  list-style: none;
}

/*引用符の表示が出ないようにしています*/
blockquote,
q {
  quotes: none;
}

/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています。また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/*テキストに打ち消し線が付くようにしています*/
del {
  text-decoration: line-through;
}

/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています。また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

/*縦方向の揃え位置を中央揃えに指定しています*/
input,
select {
  vertical-align: middle;
}

/*画像を縦に並べたときに余白が出てしまわないように*/
img {
  vertical-align: top;
  font-size: 0;
  line-height: 0;
  -webkit-backface-visibility: hidden;
  width: auto;
  max-width: 100%;
  height: auto;
}

/* タッチデバイスでのリンクやボタンの反応を向上 */
a,
area,
button,
[role=button],
input:not([type=range]),
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

@page {
  size: A4;
  margin: 5mm;
}
/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
  transition: 0.2s;
  text-decoration: none;
}

/*クラスの指定がない場合のリンクのデフォルト色を指定*/
a:not([class]) {
  color: #244970;
}

a:not([class]):hover {
  color: #244970;
}

a:not([class]):active {
  color: #244970;
}

/*すべての要素のfont-family, font-size, line-heightをその親から継承するようにリセット*/
* {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/*属性と状態のCSSリセット*/
[hidden] {
  display: none !important;
}

[disabled] {
  cursor: not-allowed;
}

:focus:not(:focus-visible) {
  outline: none;
}

/*box-sizing*/
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/*clearfix*/
/* For modern browsers */
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

/* For IE 6/7 only */
.clearfix {
  *zoom: 1;
}

/*禁則処理の追加*/
p,
li,
dt,
dd,
th,
td,
pre {
  -ms-line-break: strict;
  line-break: strict;
  -ms-word-break: break-strict;
  word-break: break-strict;
}

/** Selection */
::-moz-selection,
::selection {
  background-color: #b3d4fc;
  /* Change as appropriate */
  color: #000;
  /* Change as appropriate */
  text-shadow: none;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/*マージン*/
.mlr-05 {
  margin-right: -0.5em;
  margin-left: -0.5em;
}

.mlr-03 {
  margin-right: -0.3em;
  margin-left: -0.3em;
}

.mlr-01 {
  margin-right: -0.1em;
  margin-left: -0.1em;
}

.mb00 {
  margin-bottom: 0px !important;
}
@media screen and (max-width: 599px) {
  .mb00 {
    margin-bottom: 0px !important;
  }
}

.mb05 {
  margin-bottom: 5px !important;
}
@media screen and (max-width: 599px) {
  .mb05 {
    margin-bottom: 5px !important;
  }
}

.mb10 {
  margin-bottom: 10px !important;
}
@media screen and (max-width: 599px) {
  .mb10 {
    margin-bottom: 5px !important;
  }
}

.mb15 {
  margin-bottom: 15px !important;
}
@media screen and (max-width: 599px) {
  .mb15 {
    margin-bottom: 10px !important;
  }
}

.mb20 {
  margin-bottom: 20px !important;
}
@media screen and (max-width: 599px) {
  .mb20 {
    margin-bottom: 10px !important;
  }
}

.mb25 {
  margin-bottom: 25px !important;
}
@media screen and (max-width: 599px) {
  .mb25 {
    margin-bottom: 15px !important;
  }
}

.mb30 {
  margin-bottom: 30px !important;
}
@media screen and (max-width: 1024px) {
  .mb30 {
    margin-bottom: 20px !important;
  }
}
@media screen and (max-width: 599px) {
  .mb30 {
    margin-bottom: 15px !important;
  }
}

.mb40 {
  margin-bottom: 40px !important;
}
@media screen and (max-width: 1024px) {
  .mb40 {
    margin-bottom: 30px !important;
  }
}
@media screen and (max-width: 599px) {
  .mb40 {
    margin-bottom: 20px !important;
  }
}

.mb50 {
  margin-bottom: 50px !important;
}
@media screen and (max-width: 599px) {
  .mb50 {
    margin-bottom: 25px !important;
  }
}

.mb60 {
  margin-bottom: 60px !important;
}
@media screen and (max-width: 1024px) {
  .mb60 {
    margin-bottom: 40px !important;
  }
}
@media screen and (max-width: 599px) {
  .mb60 {
    margin-bottom: 30px !important;
  }
}

.mb70 {
  margin-bottom: 70px !important;
}
@media screen and (max-width: 1024px) {
  .mb70 {
    margin-bottom: 40px !important;
  }
}
@media screen and (max-width: 599px) {
  .mb70 {
    margin-bottom: 30px !important;
  }
}

.mb80 {
  margin-bottom: 80px !important;
}
@media screen and (max-width: 1024px) {
  .mb80 {
    margin-bottom: 40px !important;
  }
}
@media screen and (max-width: 599px) {
  .mb80 {
    margin-bottom: 30px !important;
  }
}

.mb100 {
  margin-bottom: 100px !important;
}
@media screen and (max-width: 1024px) {
  .mb100 {
    margin-bottom: 60px !important;
  }
}
@media screen and (max-width: 599px) {
  .mb100 {
    margin-bottom: 50px !important;
  }
}

.mt00 {
  margin-top: 0px !important;
}
@media screen and (max-width: 599px) {
  .mt00 {
    margin-top: 0px !important;
  }
}

.mt10 {
  margin-top: 10px !important;
}
@media screen and (max-width: 599px) {
  .mt10 {
    margin-top: 10px !important;
  }
}

.mt15 {
  margin-top: 15px !important;
}
@media screen and (max-width: 599px) {
  .mt15 {
    margin-top: 10px !important;
  }
}

.mt20 {
  margin-top: 20px !important;
}
@media screen and (max-width: 599px) {
  .mt20 {
    margin-top: 10px !important;
  }
}

.mt30 {
  margin-top: 30px !important;
}
@media screen and (max-width: 1024px) {
  .mt30 {
    margin-top: 20px !important;
  }
}
@media screen and (max-width: 599px) {
  .mt30 {
    margin-top: 15px !important;
  }
}

.mt40 {
  margin-top: 40px !important;
}
@media screen and (max-width: 1024px) {
  .mt40 {
    margin-top: 30px !important;
  }
}
@media screen and (max-width: 599px) {
  .mt40 {
    margin-top: 20px !important;
  }
}

@media print {
  .sp {
    display: none !important;
  }
  body {
    width: 1140px;
    -webkit-print-color-adjust: exact;
  }
  /*　------- ↓その他参考例　---------
  .header {
      position: relative !important; //ヘッダー固定fixedを解除
  }
  .header .header-inner {
      width: 100% !important; //サイト幅を解除
  }
  .page-title {
      margin-top: 0px !important; //固定ヘッダー時のマージンTOP分を解除
      width: 100% !important; //サイト幅を解除
  }
  .breadcrumbs-list {
      width: 100% !important; //サイト幅を解除
  }
  .global-nav {
      width: 100%; //サイト幅を解除
  }
  ------- ↑その他参考　---------*/
}
@page {
  size: A4;
  margin: 12.7mm 9.7mm;
}
.header {
  position: fixed;
  top: 0;
  right: 0;
  width: 100px;
  height: 100vh;
  background-color: #fff;
  z-index: 10;
}
@media screen and (max-width: 1024px) {
  .header {
    width: 70px;
  }
}
@media screen and (max-width: 599px) {
  .header {
    top: auto;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: rgba(255, 255, 255, 0.75);
    z-index: 22;
  }
}
@media screen and (max-width: 599px) {
  .header.header-active {
    width: 120px;
  }
}

.header-copy {
  margin-top: -67px;
  margin-right: -10px;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 1.2rem;
  font-family: "Overpass", sans-serif !important;
  color: #8b97a2;
  position: absolute;
  top: 50%;
  right: 50%;
  z-index: 22;
  transition: 0.5s;
}
.header-active .header-copy {
  color: rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 599px) {
  .header-copy {
    display: none;
  }
}

.header-wrapper__nav {
  right: 0px;
  bottom: 0px;
  width: 100%;
  display: block;
  position: absolute;
  z-index: 22;
  padding: 23px 5px 0px 5px;
}
@media screen and (max-width: 599px) {
  .header-wrapper__nav {
    display: flex;
    right: 55px;
    bottom: 0;
    padding: 0px;
    width: calc(100% - 60px);
    height: 60px;
    text-align: center;
    background-color: transparent;
  }
  .header-wrapper__nav img {
    width: 23px;
  }
}
.header-wrapper__nav {
  /*&::before {
      background: #7ccae5;
      content: '';
      height: 65px;
      width: 100%;
      left: 0;
      position: absolute;
      top: 0px;
      @include mq(sp){
          display: none;
      }
  }*/
}
.header-wrapper__nav .rsv-btn {
  display: block;
  background: #70a5d4;
  margin: 0px -5px;
  padding: 14px 10px 12px;
  line-height: 1.3;
  letter-spacing: 0.5px;
  text-align: center;
  font-weight: 500;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  color: #fff;
  height: 65px;
  z-index: 3;
}
@media screen and (max-width: 599px) {
  .header-wrapper__nav .rsv-btn {
    width: 60px;
    margin: 0px;
    font-size: 1.4rem;
  }
}
.header-wrapper__nav .rsv-btn:hover {
  opacity: 0.8;
}
.header-active .header-wrapper__nav .rsv-btn {
  display: none;
}
.header-wrapper__nav .rsv-btn.bg02 {
  background: #87c1e4;
  font-size: 1.4rem;
}
.header-wrapper__nav .language-box {
  position: relative;
}
.header-wrapper__nav .language-box__btn {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #87c1e4;
  font-size: 1.4rem;
  margin: 0px -5px;
  padding: 14px 10px 12px;
  line-height: 1.3;
  letter-spacing: 0.5px;
  text-align: center;
  font-weight: 500;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  color: #fff;
  height: 65px;
  z-index: 2;
  transition: 0.3s;
}
@media screen and (max-width: 1024px) {
  .header-wrapper__nav .language-box__btn {
    font-size: 1.3rem;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 599px) {
  .header-wrapper__nav .language-box__btn {
    width: 60px;
    height: 60px;
    margin: 0px;
    font-size: 1.1rem;
  }
}
.header-wrapper__nav .language-box__btn:hover {
  opacity: 0.8;
}
.header-active .header-wrapper__nav .language-box__btn {
  display: none;
}
.header-wrapper__nav .language-box__list {
  padding: 20px 16px;
  width: 0px;
  top: 0;
  left: -65px;
  transition: 0.3s;
  width: 80px;
  position: absolute;
  background-color: #d1ebf4;
  opacity: 0;
  z-index: -1;
}
@media screen and (max-width: 599px) {
  .header-wrapper__nav .language-box__list {
    padding: 12px 5px;
    width: 60px;
    height: 105px;
    left: inherit;
    top: -110px;
  }
}
.header-wrapper__nav .language-box__list.active {
  width: 80px;
  left: -92px;
  display: block;
  opacity: 1;
}
@media screen and (max-width: 599px) {
  .header-wrapper__nav .language-box__list.active {
    width: 60px;
    left: inherit;
    bottom: 60px;
  }
}
.header-wrapper__nav .language-box__list.active::before {
  content: "";
  position: absolute;
  right: -8px;
  top: 25px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #d1ebf4;
}
@media screen and (max-width: 599px) {
  .header-wrapper__nav .language-box__list.active::before {
    right: 0;
    left: 0;
    margin: auto;
    top: auto;
    bottom: -8px;
    transform: rotate(90deg);
  }
}
.header-wrapper__nav .language-box__list .link-list li {
  margin-bottom: 5px;
  line-height: 1.3;
}
@media screen and (max-width: 599px) {
  .header-wrapper__nav .language-box__list .link-list li {
    margin-bottom: 3px;
    line-height: 1.2;
  }
}
.header-wrapper__nav .language-box__list .link-list li a {
  font-weight: 500;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 1.4rem;
  transition: 0.3s;
  letter-spacing: -0.02em;
  color: #30455c;
}
@media screen and (max-width: 599px) {
  .header-wrapper__nav .language-box__list .link-list li a {
    font-size: 1.2rem;
  }
}
.header-wrapper__nav .language-box__list .link-list li a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 599px) {
  .header-wrapper__nav__list {
    display: flex;
    width: calc(100% - 120px);
    align-items: center;
  }
}
.header-wrapper__nav__list__item {
  position: relative;
  margin: 0 auto 25px;
  width: 22px;
  height: 24px;
}
@media screen and (max-width: 599px) {
  .header-wrapper__nav__list__item {
    margin-bottom: 0 !important;
    width: -webkit-calc(100% / 3);
    width: 33.3333333333%;
  }
}
.header-wrapper__nav__list__item:not(:last-child) {
  margin-bottom: 23px;
}
.header-wrapper__nav__list__item > a {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.header-wrapper__nav__list__item > a:hover {
  opacity: 0.75;
}
.header-wrapper__nav__list__item.i-search {
  margin-bottom: 40px;
}
@media screen and (max-width: 599px) {
  .header-wrapper__nav__list__item.i-search {
    position: absolute;
    right: 20px;
  }
}
.header-wrapper__nav__list__item.i-search > a {
  background-image: url(../img/common/icon_search_white.svg);
  cursor: pointer;
}
@media screen and (max-width: 599px) {
  .header-wrapper__nav__list__item.i-search > a {
    background-image: url(../img/common/icon_search.svg);
  }
}
.header-active .header-wrapper__nav__list__item.i-search a {
  background-image: url(../img/common/icon_search_gray.svg);
}
.header-wrapper__nav__list__item.i-pin > a {
  background-image: url(../img/common/icon_pin.svg);
  background-size: 18px auto;
}
.header-active .header-wrapper__nav__list__item.i-pin a {
  display: none;
}
.header-wrapper__nav__list__item.i-x > a {
  background-image: url(../img/common/icon_x_white.svg);
  background-size: 18px auto;
}
.header-active .header-wrapper__nav__list__item.i-x a {
  display: none;
}
.header-wrapper__nav__list__item.i-fb > a {
  background-image: url(../img/common/icon_fb_white.svg);
}
.header-active .header-wrapper__nav__list__item.i-fb a {
  display: none;
}
.header-wrapper__nav__list__item.i-insta > a {
  background-image: url(../img/common/icon_insta_color.svg);
}
.header-active .header-wrapper__nav__list__item.i-insta a {
  display: none;
}
.header-wrapper__nav__list__item.i-youtube > a {
  background-image: url(../img/common/icon_youtube_color.svg);
  background-size: 22px auto;
}
.header-active .header-wrapper__nav__list__item.i-youtube a {
  display: none;
}
.header-wrapper__nav__list__item.i-df > a {
  background-image: url(../img/common/icon_df_color.png);
}
.header-active .header-wrapper__nav__list__item.i-df a {
  display: none;
}

.menu-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 20;
  background-color: #5b90c7;
  display: none;
}
.menu-wrapper__photo {
  width: 25%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1024px) {
  .menu-wrapper__photo {
    display: none;
  }
}
.menu-wrapper__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.menu-wrapper__inner {
  position: absolute;
  top: 0;
  right: 0;
  width: 75%;
  height: 100%;
  padding: 60px 50px 40px;
  transition: 0.5s;
  overflow-y: scroll;
}
@media screen and (max-width: 1024px) {
  .menu-wrapper__inner {
    width: 100%;
    padding: 40px 30px 60px;
  }
}
@media screen and (max-width: 599px) {
  .menu-wrapper__inner {
    padding: 30px 20px 60px;
  }
}
.menu-wrapper__inner::-webkit-scrollbar {
  width: 6px;
}
.menu-wrapper__inner::-webkit-scrollbar-track {
  background: #5b90c7;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.menu-wrapper__inner::-webkit-scrollbar-thumb {
  background: #5b90c7;
  border-radius: 3px;
  box-shadow: none;
}
.menu-wrapper__box {
  max-width: 950px;
  margin: 0 auto;
  color: #fff;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 300;
}
@media screen and (max-width: 1024px) {
  .menu-wrapper__box {
    max-width: 620px;
  }
}
.menu-wrapper__logo {
  display: block;
  margin-bottom: 60px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .menu-wrapper__logo {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 599px) {
  .menu-wrapper__logo {
    margin-bottom: 30px;
  }
}
.menu-wrapper__logo img {
  width: 100%;
  max-width: 114px;
}
@media screen and (max-width: 1024px) {
  .menu-wrapper__logo img {
    max-width: 100px;
  }
}
@media screen and (max-width: 599px) {
  .menu-wrapper__logo img {
    max-width: 80px;
  }
}
.menu-wrapper__links01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  padding-bottom: 40px;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.6);
}
@media screen and (max-width: 1024px) {
  .menu-wrapper__links01 {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 0px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 599px) {
  .menu-wrapper__links01 {
    border-bottom: none;
  }
}
.menu-wrapper__links01 > li {
  width: calc((100% - 30px) / 4);
  margin-left: 10px;
}
.menu-wrapper__links01 > li:first-child {
  margin-left: 0;
}
@media screen and (max-width: 1024px) {
  .menu-wrapper__links01 > li {
    width: calc((100% - 40px) / 2);
    margin-bottom: 40px;
    margin-left: 40px;
  }
  .menu-wrapper__links01 > li:nth-child(2n+1) {
    margin-left: 0;
  }
}
@media screen and (max-width: 599px) {
  .menu-wrapper__links01 > li {
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }
}
.menu-wrapper__links01 > li > ul {
  list-style: none;
}
@media screen and (max-width: 599px) {
  .menu-wrapper__links01 > li > ul {
    margin-top: 15px;
    margin-bottom: 25px;
    display: none;
  }
}
.menu-wrapper__links01 > li > ul > li {
  margin-bottom: 5px;
}
@media screen and (max-width: 599px) {
  .menu-wrapper__links01 > li > ul > li {
    margin-bottom: 8px;
  }
}
.menu-wrapper__links01 a {
  display: inline-block;
}
@media screen and (min-width: 1025px) {
  .menu-wrapper__links01 a:hover {
    opacity: 0.8;
  }
}
.menu-wrapper__links02 {
  margin-bottom: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1024px) {
  .menu-wrapper__links02 {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 599px) {
  .menu-wrapper__links02 {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
}
.menu-wrapper__links02 > li {
  margin-right: 50px;
}
@media screen and (max-width: 1024px) {
  .menu-wrapper__links02 > li {
    margin-right: 30px;
  }
}
@media screen and (max-width: 599px) {
  .menu-wrapper__links02 > li {
    margin-right: 0;
    width: calc((100% - 20px) / 2);
    margin-left: 20px;
    margin-bottom: 10px;
  }
  .menu-wrapper__links02 > li:nth-child(2n+1) {
    margin-left: 0;
  }
}
.menu-wrapper__links02 > li > a {
  color: #fff;
  font-size: 1.8rem;
  position: relative;
  line-height: 1.4;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: inline-block;
  padding: 2px 0 2px 35px;
}
@media screen and (max-width: 1024px) {
  .menu-wrapper__links02 > li > a {
    font-size: 1.6rem;
    padding: 2px 0 2px 25px;
  }
}
.menu-wrapper__links02 > li > a:hover {
  color: #fff;
  opacity: 0.8;
}
.menu-wrapper__links02 > li > a::before {
  margin-top: -5px;
  content: "";
  position: absolute;
  top: 18px;
  left: 7px;
  width: 5px;
  height: 5px;
  border-top: 1px solid rgba(255, 255, 255, 0.7);
  border-right: 1px solid rgba(255, 255, 255, 0.7);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 1024px) {
  .menu-wrapper__links02 > li > a::before {
    top: 16px;
    left: 5px;
  }
}
.menu-wrapper__links02 > li > a::after {
  content: "";
  width: 21px;
  height: 21px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  border-radius: 50%;
}
@media screen and (max-width: 1024px) {
  .menu-wrapper__links02 > li > a::after {
    width: 17px;
    height: 17px;
  }
}
.menu-wrapper__links03 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 780px;
  margin: 0 auto 30px;
}
@media screen and (max-width: 599px) {
  .menu-wrapper__links03 {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.menu-wrapper__links03 > li {
  width: calc(33% - 14px);
  margin-left: 14px;
}
@media screen and (max-width: 599px) {
  .menu-wrapper__links03 > li {
    width: 48%;
    margin-left: 0;
  }
}
.menu-wrapper__links03 > li:first-child {
  width: 34%;
  margin-left: 0;
}
@media screen and (max-width: 599px) {
  .menu-wrapper__links03 > li:first-child {
    width: 100%;
    margin-bottom: 20px;
  }
}
.menu-wrapper__links04 {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 599px) {
  .menu-wrapper__links04 {
    margin-bottom: 30px;
  }
}
.menu-wrapper__links04 > li {
  margin-left: 20px;
}
.menu-wrapper__links04 > li:first-child {
  margin-left: 0;
}
.menu-wrapper__links04 > li > a {
  color: #fff;
  text-decoration: underline;
  line-height: 2;
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.menu-wrapper__links04 > li > a:hover {
  color: #fff;
  text-decoration: none;
}
@media screen and (max-width: 599px) {
  .menu-wrapper__links04 > li > a {
    color: rgba(255, 255, 255, 0.7);
  }
}
.menu-wrapper__links04 > li.doctorsfile-btn > a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 10px 35px 10px 30px;
  text-decoration: none;
  border: 1px solid #fff;
}
@media screen and (max-width: 599px) {
  .menu-wrapper__links04 > li.doctorsfile-btn > a {
    padding: 10px 30px 10px 25px;
  }
}
.menu-wrapper__links04 > li.doctorsfile-btn > a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto;
  width: 7px;
  height: 7px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.menu-wrapper__links04 > li.doctorsfile-btn > a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.menu-wrapper__links04 > li.doctorsfile-btn > a > img {
  max-width: 78px;
}
@media screen and (max-width: 599px) {
  .menu-wrapper__links04 > li.doctorsfile-btn > a > img {
    max-width: 70px;
  }
}
.menu-wrapper__sns-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.menu-wrapper__sns-list__item {
  margin: 0 0 0 10px;
}
.menu-wrapper__sns-list__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
}
.i-insta .menu-wrapper__sns-list__link > img {
  max-width: 17px;
}
.i-youtube .menu-wrapper__sns-list__link > img {
  max-width: 20px;
}
.i-df .menu-wrapper__sns-list__link > img {
  max-width: 16px;
}
.menu-wrapper__recruit-link {
  width: 100%;
  height: 100%;
  background-color: #dbec84;
  display: block;
  font-size: 1.7rem;
  color: #244970;
  display: block;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1025px) {
  .menu-wrapper__recruit-link:hover {
    opacity: 0.8;
  }
}
.menu-wrapper__recruit-link span.ph img {
  max-height: 64px;
}
@media screen and (max-width: 599px) {
  .menu-wrapper__recruit-link span.ph img {
    object-fit: cover;
    width: 110px;
  }
}
.menu-wrapper__recruit-link span.text {
  padding: 17px 35px 17px 30px;
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 1024px) {
  .menu-wrapper__recruit-link span.text {
    padding: 17px 30px 17px 20px;
  }
}
@media screen and (max-width: 599px) {
  .menu-wrapper__recruit-link span.text {
    padding: 17px 35px 17px 35px;
  }
}
.menu-wrapper__recruit-link span.text::before, .menu-wrapper__recruit-link span.text::after {
  content: "";
  background-color: #244970;
  position: absolute;
  display: block;
}
.menu-wrapper__recruit-link span.text::before {
  width: 20px;
  height: 1px;
  right: 0;
  top: 32px;
}
@media screen and (max-width: 599px) {
  .menu-wrapper__recruit-link span.text::before {
    width: 12px;
  }
}
.menu-wrapper__recruit-link span.text::after {
  top: 29px;
  right: -1px;
  width: 8px;
  height: 1px;
  transform: rotate(45deg);
}
@media screen and (max-width: 599px) {
  .menu-wrapper__recruit-link span.text::after {
    width: 6px;
    top: 30px;
  }
}
.menu-wrapper__contact-link {
  width: 100%;
  height: 100%;
  padding: 17px 10px;
  background-color: #31a9d2;
  display: block;
  font-size: 1.7rem;
  color: #fff;
  display: block;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.menu-wrapper__contact-link.reserve {
  background-color: #3c77b4;
}
@media screen and (min-width: 1025px) {
  .menu-wrapper__contact-link:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 599px) {
  .menu-wrapper__contact-link {
    font-size: 1.5rem;
    padding: 15px 5px;
  }
}
.menu-wrapper__contact-link span {
  padding: 0 35px 0 20px;
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 599px) {
  .menu-wrapper__contact-link span {
    padding: 0 20px 0 15px;
  }
}
.menu-wrapper__contact-link span::before, .menu-wrapper__contact-link span::after {
  content: "";
  background-color: #fff;
  position: absolute;
  display: block;
}
.menu-wrapper__contact-link span::before {
  width: 20px;
  height: 1px;
  right: 0;
  top: 16px;
}
@media screen and (max-width: 599px) {
  .menu-wrapper__contact-link span::before {
    width: 12px;
  }
}
.menu-wrapper__contact-link span::after {
  top: 13px;
  right: -1px;
  width: 8px;
  height: 1px;
  transform: rotate(45deg);
}
@media screen and (max-width: 599px) {
  .menu-wrapper__contact-link span::after {
    width: 6px;
    top: 14px;
  }
}
.menu-wrapper__title-link {
  margin-bottom: 30px;
  color: #fff;
  font-size: 2.2rem;
  line-height: 1.4;
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media screen and (max-width: 1024px) {
  .menu-wrapper__title-link {
    width: 100%;
    display: block;
    padding-bottom: 13px;
    font-size: 1.9rem;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 599px) {
  .menu-wrapper__title-link {
    margin-bottom: 0;
    font-size: 1.7rem;
    background-image: url(../img/common/icon_plus.png);
    background-repeat: no-repeat;
    background-position: 98% 8px;
    background-size: 13px 13px;
  }
  .menu-wrapper__title-link.active {
    background-image: url(../img/common/icon_minus.png);
  }
}
.menu-wrapper__basic-link {
  color: #fff;
  letter-spacing: 0.03em;
  line-height: 1.5;
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media screen and (max-width: 599px) {
  .menu-wrapper__basic-link {
    position: relative;
    padding-left: 18px;
  }
  .menu-wrapper__basic-link::before {
    margin-top: -5px;
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

.btn-hide {
  display: none;
}

.menu-btn {
  top: 25px;
  right: 25px;
  width: 50px;
  height: 50px;
  display: block;
  position: fixed;
  z-index: 21;
  background-color: #cfe1f1;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.5s;
}
@media screen and (max-width: 1024px) {
  .menu-btn {
    right: 12px;
    top: 15px;
    width: 46px;
    height: 46px;
  }
}
@media screen and (max-width: 599px) {
  .menu-btn {
    top: auto;
    right: 0;
    bottom: 0;
    height: 60px;
    width: 60px;
    background-color: transparent;
    border-radius: 0px;
  }
}
@media screen and (min-width: 1025px) {
  .menu-btn:hover {
    background-color: #a9b9c7;
  }
  .menu-btn:hover span {
    background-color: #fff;
  }
  .menu-btn:hover span::before {
    background-color: #fff;
  }
  .menu-btn:hover span::after {
    background-color: #fff;
  }
}
.menu-btn span {
  margin: 0 auto;
  top: calc(50% - 1px);
  right: 0;
  left: 0;
  width: 24px;
  height: 1px;
  background-color: #6085a8;
  position: absolute;
  transition: 0.3s;
}
@media screen and (max-width: 599px) {
  .menu-btn span {
    margin: 0;
    right: 16px;
    left: auto;
  }
}
.menu-btn span::before {
  content: "";
  top: -5px;
  right: 0;
  width: 100%;
  height: 1px;
  background-color: #6085a8;
  position: absolute;
  transition: 0.3s;
}
@media screen and (max-width: 599px) {
  .menu-btn span::before {
    top: -6px;
  }
}
.menu-btn span::after {
  content: "";
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #6085a8;
  position: absolute;
  transition: 0.3s;
}
@media screen and (max-width: 599px) {
  .menu-btn span::after {
    bottom: -6px;
  }
}
.menu-btn.menu-active {
  background-color: transparent;
  border: 1px solid #fff;
}
@media screen and (max-width: 599px) {
  .menu-btn.menu-active {
    background-color: rgba(255, 255, 255, 0.3);
    border: none;
  }
}
.menu-btn.menu-active span {
  background-color: #fff;
}
.menu-btn.menu-active span::before {
  width: 0;
  background-color: #fff;
}
.menu-btn.menu-active span::after {
  width: 0;
  background-color: #fff;
}

input[type=checkbox].btn-hide:checked + .menu-wrapper .menu-wrapper__inner {
  overflow-y: scroll;
}

@media screen and (min-width: 1025px) {
  #nav-open {
    display: none;
  }
}
#nav-open {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  width: 30px;
  height: 30px;
  margin: auto 0;
  border-radius: 5px;
  z-index: 100;
}
@media screen and (max-width: 599px) {
  #nav-open {
    right: 10px;
    width: 28px;
    height: 28px;
  }
}
#nav-open > span {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
}
#nav-open > span > span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  margin: auto;
  background-color: #244970;
  transition: all 0.3s ease;
}
#nav-open > span > span::before, #nav-open > span > span::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #244970;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  transition: all 0.3s cubic-bezier(0.29, -0.25, 0.74, 1.27);
}
#nav-open > span > span::before {
  top: -10px;
}
@media screen and (max-width: 599px) {
  #nav-open > span > span::before {
    top: -8px;
  }
}
#nav-open > span > span::after {
  bottom: -10px;
}
@media screen and (max-width: 599px) {
  #nav-open > span > span::after {
    bottom: -8px;
  }
}
#nav-open.active > span > span::before, #nav-open.active > span > span::after {
  top: 0;
  background-color: #fff;
}
#nav-open.active > span > span::before {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
#nav-open.active > span > span::after {
  width: 100%;
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg);
}

@media screen and (min-width: 1025px) {
  #nav-content {
    display: none;
  }
}
#nav-content {
  overflow: scroll;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 99;
  width: 60%;
  height: 100%;
  padding-top: 40px;
  background-color: #244970;
  transition: all 0.3s ease;
  pointer-events: none;
  opacity: 0;
}
@media screen and (max-width: 599px) {
  #nav-content {
    width: 100%;
    padding-top: 12px;
  }
}

#nav-close-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  z-index: 10;
}

#nav-input {
  display: none;
}
#nav-input:checked ~ #nav-content {
  pointer-events: auto;
  opacity: 1;
}
#nav-input:checked ~ #nav-close-overlay {
  display: block;
  opacity: 0.5;
}

.floating-box {
  right: -50px;
  bottom: 30px;
  width: 140px;
  height: 140px;
  position: fixed;
  transition: 0.65s;
  z-index: 5;
}
@media screen and (max-width: 1024px) {
  .floating-box {
    width: 100px;
    height: 100px;
  }
}
@media screen and (max-width: 599px) {
  .floating-box {
    top: -70px;
    right: 6px;
    bottom: auto;
    width: 60px;
    height: 60px;
  }
}
.floating-box--on {
  right: 120px;
}
@media screen and (max-width: 1024px) {
  .floating-box--on {
    right: 80px;
  }
}
@media screen and (max-width: 599px) {
  .floating-box--on {
    top: 6px;
    right: 6px;
  }
}

.search-modal .popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: 0.6s;
}
.search-modal .popup.is-show {
  opacity: 1;
  visibility: visible;
}
.search-modal .popup-inner {
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 760px;
  z-index: 2;
  position: relative;
}
@media screen and (max-width: 599px) {
  .search-modal .popup-inner {
    width: 90%;
  }
}
.search-modal .popup-inner .search-ttl {
  margin-left: -50px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 200;
  letter-spacing: 0.5px;
}
@media screen and (max-width: 1024px) {
  .search-modal .popup-inner .search-ttl {
    margin-left: -30px;
  }
}
@media screen and (max-width: 599px) {
  .search-modal .popup-inner .search-ttl {
    font-size: 1.3rem;
    margin-left: -10px;
  }
}
.search-modal .popup-inner .search-ttl span {
  font-size: 9rem;
  font-family: "Tangerine", cursive;
  font-weight: 400;
  line-height: 1;
  margin-right: 20px;
  letter-spacing: 2px;
}
@media screen and (max-width: 599px) {
  .search-modal .popup-inner .search-ttl span {
    font-size: 6.4rem;
    margin-right: 15px;
  }
}
.search-modal .popup-inner .search-box {
  position: relative;
}
.search-modal .popup-inner form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 599px) {
  .search-modal .popup-inner form {
    width: 100%;
  }
}
.search-modal .popup-inner form input {
  display: block;
}
.search-modal .popup-inner form input[type=text] {
  width: 100%;
  height: 54px;
  padding: 5px 60px 5px 30px;
  background-color: #fff;
  border-radius: 50px;
  border: none;
  font-size: 1.6rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 500;
  letter-spacing: 1px;
  outline: none;
}
@media screen and (max-width: 1024px) {
  .search-modal .popup-inner form input[type=text] {
    font-size: 1.5rem;
    height: 48px;
  }
}
@media screen and (max-width: 599px) {
  .search-modal .popup-inner form input[type=text] {
    font-size: 1.4rem;
  }
}
.search-modal .popup-inner form input[type=text]::placeholder {
  font-size: 1.6rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 500;
  color: #959ba4;
}
@media screen and (max-width: 1024px) {
  .search-modal .popup-inner form input[type=text]::placeholder {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 599px) {
  .search-modal .popup-inner form input[type=text]::placeholder {
    font-size: 1.4rem;
  }
}
.search-modal .popup-inner form input[type=submit] {
  position: absolute;
  top: 6px;
  right: 8px;
  width: 42px;
  height: 42px;
  background-color: #6493bc;
  border-radius: 50px;
  background-image: url("../img/common/icon_search_white.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px auto;
  border: none;
  text-indent: -9999px;
  z-index: 10;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .search-modal .popup-inner form input[type=submit] {
    width: 36px;
    height: 36px;
    background-size: 18px auto;
  }
}
.search-modal .popup-inner img {
  width: 100%;
}
.search-modal .close-btn {
  position: absolute;
  right: 0px;
  left: 0px;
  margin: auto;
  bottom: -180px;
  width: 58px;
  height: 58px;
  color: #fff;
  font-size: 3.8rem;
  font-weight: 100;
  text-align: center;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .search-modal .close-btn {
    line-height: 1.5;
  }
}
@media screen and (max-width: 599px) {
  .search-modal .close-btn {
    bottom: -120px;
    width: 48px;
    height: 48px;
    font-size: 2.8rem;
    line-height: 1.7;
  }
}
.search-modal .close-btn::before {
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 50px;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  top: 0px;
  bottom: 0;
}
@media screen and (max-width: 599px) {
  .search-modal .close-btn {
    right: -10px;
    text-align: center;
  }
}
.search-modal .close-btn i {
  font-size: 20px;
  color: #333;
}
.search-modal .black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(91, 144, 199, 0.95);
  z-index: 1;
  cursor: pointer;
}

.footer-support {
  padding: 0 40px;
  background-image: url(../img/common/support_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
@media screen and (max-width: 1024px) {
  .footer-support {
    padding: 50px 20px;
    background-position: 90% 50%;
  }
}
@media screen and (max-width: 599px) {
  .footer-support {
    background-position: 90% 50%;
  }
}
.footer-support__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1100px;
  height: 450px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .footer-support__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
  }
}
@media screen and (max-width: 599px) {
  .footer-support__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
  }
}
.footer-support__copy {
  padding-right: 6%;
  color: #fff;
  font-size: 2.9rem;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 400;
  text-shadow: 0 0 21px rgba(129, 188, 237, 0.3);
  line-height: 2;
  letter-spacing: 0.07em;
}
@media screen and (max-width: 1500px) {
  .footer-support__copy {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .footer-support__copy {
    font-size: 2.2rem;
    text-align: center;
    padding-right: 0;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 599px) {
  .footer-support__copy {
    line-height: 1.8;
    font-size: 1.9rem;
    margin-bottom: 30px;
  }
}
.footer-support__btn-list {
  max-width: 280px;
  width: 100%;
}
@media screen and (max-width: 599px) {
  .footer-support__btn-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: none;
  }
}
@media screen and (max-width: 599px) {
  .footer-support__btn-list__item {
    width: calc((99.9% - 10px) / 2);
  }
}
.footer-support__btn-list__item:not(:last-child) {
  margin-bottom: 17px;
}
@media screen and (max-width: 1024px) {
  .footer-support__btn-list__item:not(:last-child) {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 599px) {
  .footer-support__btn-list__item:not(:last-child) {
    margin-right: 10px;
    margin-bottom: 0;
  }
}
.footer-support__btn-list__item a {
  display: block;
  padding: 20px;
  background-color: #fff;
  background-image: url(../img/common/arrow02.png);
  background-repeat: no-repeat;
  background-position: center right 20px;
  color: #30455c !important;
  font-size: 1.6rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  text-align: center;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1024px) {
  .footer-support__btn-list__item a {
    padding: 18px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 599px) {
  .footer-support__btn-list__item a {
    background-position: center right 10px;
    font-size: 1.4rem;
    padding: 16px 25px 16px 15px;
  }
}
.footer-support__btn-list__item a:hover {
  background-position: center right 10px;
}

.footer-wrapper {
  padding: 90px 40px 40px;
  background-color: #fff;
}
@media screen and (max-width: 1024px) {
  .footer-wrapper {
    padding: 65px 20px 30px;
  }
}
@media screen and (max-width: 599px) {
  .footer-wrapper {
    padding: 65px 20px 55px;
  }
}
.footer-wrapper__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1430px;
  margin: 0 auto;
}
@media screen and (max-width: 1500px) {
  .footer-wrapper__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 1024px) {
  .footer-wrapper__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.footer-wrapper__left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 40%;
  margin-right: 5%;
}
@media screen and (max-width: 1500px) {
  .footer-wrapper__left {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-right: 0;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1024px) {
  .footer-wrapper__left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
    text-align: center;
  }
}
.footer-wrapper__right {
  width: 55%;
}
@media screen and (max-width: 1500px) {
  .footer-wrapper__right {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .footer-wrapper__right {
    display: none;
  }
}
.footer-wrapper__logo {
  max-width: 155px;
  margin-right: 20px;
}
@media screen and (max-width: 1024px) {
  .footer-wrapper__logo {
    max-width: 120px;
    margin-right: 0;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 599px) {
  .footer-wrapper__logo {
    max-width: 100px;
  }
}
@media screen and (max-width: 1024px) {
  .footer-wrapper__content {
    width: 100%;
  }
}
.footer-wrapper__title {
  margin-bottom: 12px;
  color: #244970;
  font-size: 1.9rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 599px) {
  .footer-wrapper__title {
    font-size: 1.6rem;
  }
}
.footer-wrapper__address {
  margin-bottom: 20px;
  color: #30455c;
  font-size: 1.5rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1024px) {
  .footer-wrapper__address {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 599px) {
  .footer-wrapper__address {
    font-size: 1.3rem;
  }
}
.footer-wrapper__tel {
  display: inline-block;
  position: relative;
  margin-bottom: 20px;
  padding-left: 35px;
  color: #6493bc;
  font-size: 3rem;
  font-family: "Overpass", sans-serif !important;
  font-weight: 300;
  line-height: 0.75;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1024px) {
  .footer-wrapper__tel {
    margin-bottom: 40px;
  }
  .footer-wrapper__tel::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -6px;
    width: calc(100% - 36px);
    height: 1px;
    background-color: #6493bc;
  }
}
@media screen and (max-width: 599px) {
  .footer-wrapper__tel {
    margin-bottom: 35px;
    padding-left: 30px;
    font-size: 2.5rem;
  }
}
.footer-wrapper__tel::before {
  content: "";
  position: absolute;
  top: -7px;
  left: 0;
  width: 29px;
  height: 29px;
  background-image: url(../img/common/icon_tel.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
@media screen and (max-width: 599px) {
  .footer-wrapper__tel::before {
    top: -6px;
    width: 25px;
    height: 25px;
  }
}
.footer-wrapper__button-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1024px) {
  .footer-wrapper__button-wrapper {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 599px) {
  .footer-wrapper__button-wrapper {
    margin-bottom: 40px;
  }
}
.footer-wrapper__button {
  display: block;
  position: relative;
  width: 100%;
  max-width: 180px;
  padding: 8px;
  border: 1px solid #c6c6c6;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .footer-wrapper__button {
    max-width: 190px;
    margin-right: 5px;
    border-radius: 30px;
  }
}
.footer-wrapper__button::after {
  content: "";
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid #c6c6c6;
  border-right: 2px solid #c6c6c6;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.footer-wrapper__button:hover {
  opacity: 0.75;
}
.footer-wrapper__button img {
  max-width: 108px;
}
.footer-wrapper__button.arigoe {
  margin-left: 10px;
  margin-right: 0;
  font-family: "Shippori Mincho", serif !important;
  color: #fff;
  background-color: #67D3E5;
  border: 1px solid #e9e9e9;
}
@media screen and (max-width: 1024px) {
  .footer-wrapper__button.arigoe {
    margin-left: 5px;
  }
}
@media screen and (max-width: 320px) {
  .footer-wrapper__button.arigoe {
    font-size: 1.3rem;
    line-height: 2.1;
  }
}
.footer-wrapper__button.arigoe::after {
  right: 10px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.footer-wrapper__button.arigoe img {
  max-width: 114px;
}
@media screen and (max-width: 599px) {
  .footer-wrapper__button.arigoe img {
    max-width: 110px;
  }
}
@media screen and (max-width: 320px) {
  .footer-wrapper__button.arigoe img {
    margin-top: 2px;
    max-width: 100px;
  }
}
.footer-wrapper__copyright {
  color: #6493bc;
  font-size: 1.2rem;
  font-family: "Overpass", sans-serif !important;
}
.footer-wrapper__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -10px 0 40px -4%;
}
@media screen and (max-width: 1500px) {
  .footer-wrapper__list {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.footer-wrapper__list__item {
  margin: 10px 0 0 4%;
}
.footer-wrapper__list__item a {
  color: #30455c;
  font-size: 1.6rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  letter-spacing: 0.05em;
}
.footer-wrapper__list__item a:hover {
  opacity: 0.8;
}
.footer-wrapper__kome {
  padding-left: 1em;
  color: #30455c;
  font-size: 1.5rem;
  text-indent: -1em;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1500px) {
  .footer-wrapper__kome {
    text-align: center;
  }
}
@media screen and (max-width: 599px) {
  .footer-wrapper__kome {
    font-size: 1.2rem;
    text-align: left;
  }
}
.footer-wrapper__sns-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 40px 0 0 -10px;
}
@media screen and (max-width: 1500px) {
  .footer-wrapper__sns-list {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 1024px) {
  .footer-wrapper__sns-list {
    margin: 0 0 30px;
  }
}
@media screen and (max-width: 599px) {
  .footer-wrapper__sns-list {
    margin: 0 0 25px;
  }
}
.footer-wrapper__sns-list__item {
  margin: 0 0 0 10px;
}
.footer-wrapper__sns-list__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.i-pin .footer-wrapper__sns-list__link {
  background-color: #9bb8d5;
}
.i-x .footer-wrapper__sns-list__link {
  background-color: #80bbdd;
}
.i-fb .footer-wrapper__sns-list__link {
  background-color: #7eb4de;
}
.i-insta .footer-wrapper__sns-list__link {
  background-color: #7ca9e0;
}
.i-youtube .footer-wrapper__sns-list__link {
  background-color: #609acb;
}
.i-df .footer-wrapper__sns-list__link {
  background-color: #7fc9d6;
}
.i-pin .footer-wrapper__sns-list__link > img {
  max-width: 14px;
}
.i-insta .footer-wrapper__sns-list__link > img {
  max-width: 17px;
}
.i-x .footer-wrapper__sns-list__link > img {
  max-width: 15px;
}
.i-fb .footer-wrapper__sns-list__link > img {
  max-width: 10px;
}
.i-youtube .footer-wrapper__sns-list__link > img {
  max-width: 20px;
}
.i-df .footer-wrapper__sns-list__link > img {
  max-width: 16px;
}
.footer-wrapper__sns-list__link:hover {
  background-color: #244970;
}
.footer-wrapper__copyright {
  margin-top: 30px;
  color: #6493bc;
  font-size: 1.2rem;
  font-family: "Overpass", sans-serif !important;
  font-weight: 300;
  letter-spacing: 0.03em;
}
.footer-wrapper__copyright > p {
  max-width: 1430px;
  margin: 0 auto;
}

.floating-btn {
  padding-top: 57px;
  padding-left: 0.09em;
  width: 100%;
  height: 100%;
  font-size: 1.7rem;
  line-height: 1;
  color: #fff;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 300;
  letter-spacing: 0.09em;
  text-align: center;
  background-color: #70a5d4;
  background-image: url(../img/common/arrow_white.png);
  background-size: 21px auto;
  background-position: left 50% bottom 31px;
  background-repeat: no-repeat;
  border-radius: 50%;
  display: block;
}
@media screen and (max-width: 1024px) {
  .floating-btn {
    padding-top: 44px !important;
    background-position: left 50% bottom 28px !important;
    font-size: 1.6rem !important;
  }
}
@media screen and (max-width: 599px) {
  .floating-btn {
    padding-top: 15px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    background-size: 12px auto !important;
    background-position: left 50% bottom 10px !important;
  }
}
@media screen and (min-width: 1025px) {
  .floating-btn:hover {
    background-color: #244970;
    transform: translateY(5px);
  }
}
.floating-btn--entry {
  padding-top: 42px;
  background: #f8fe9a;
  background-image: url(../img/common/arrow.png);
  background-repeat: no-repeat;
  background-size: 21px auto;
  background-position: left 50% bottom 25px;
  color: #244970;
  line-height: 1.5;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .floating-btn--entry {
    letter-spacing: -1px !important;
    padding-top: 26px !important;
    background-position: left 50% bottom 18px !important;
  }
}
@media screen and (max-width: 599px) {
  .floating-btn--entry {
    padding-top: 17px !important;
    background-position: left 50% bottom 10px !important;
  }
}
@media screen and (min-width: 1025px) {
  .floating-btn--entry:hover {
    background-image: url(../img/common/arrow_white.png);
    color: #fff;
  }
}

.inview-b.fadein {
  opacity: 0;
  transition-duration: 1.2s;
  transform: translateY(50px);
}
.inview-b.fadein--on {
  opacity: 1;
  transform: translateY(0);
}

.inview-r.fadein {
  opacity: 0;
  transition-duration: 1.2s;
  transform: translateX(30%);
}
.inview-r.fadein--on {
  opacity: 1;
  transform: translateX(0);
}

.inview-main.fadein {
  opacity: 0;
  transition-duration: 1.2s;
  transform: translate(30%, 0);
}
@media screen and (max-width: 599px) {
  .inview-main.fadein {
    transition-duration: 0.8s;
    transform: translate(0, -30%);
  }
}
.inview-main.fadein--on {
  opacity: 1;
  transform: translate(0, 0);
}

.delay02.fadein--on {
  transition-delay: 0.2s !important;
}

.delay04.fadein--on {
  transition-delay: 0.4s !important;
}

.delay06.fadein--on {
  transition-delay: 0.6s !important;
}

.delay08.fadein--on {
  transition-delay: 0.8s !important;
}

.delay10.fadein--on {
  transition-delay: 1s !important;
}

.delay12.fadein--on {
  transition-delay: 1.2s !important;
}

.delay14.fadein--on {
  transition-delay: 1.4s !important;
}

.delay16.fadein--on {
  transition-delay: 1.6s !important;
}

.delay18.fadein--on {
  transition-delay: 1.8s !important;
}

.delay20.fadein--on {
  transition-delay: 2s !important;
}

.delay22.fadein--on {
  transition-delay: 2.2s !important;
}

.delay24.fadein--on {
  transition-delay: 2.4s !important;
}

.delay26.fadein--on {
  transition-delay: 2.6s !important;
}

.delay28.fadein--on {
  transition-delay: 2.8s !important;
}

.delay34.fadein--on {
  transition-delay: 3.4s !important;
}

.main-wrapper {
  width: calc(100% - 100px) !important;
}
@media screen and (max-width: 1024px) {
  .main-wrapper {
    width: calc(100% - 70px) !important;
  }
}
@media screen and (max-width: 599px) {
  .main-wrapper {
    width: 100% !important;
  }
}

#canvas-wrap {
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: -2;
}

#canvas-container {
  top: 0;
  left: 0;
  min-width: 100vw;
  min-height: 100vh;
  position: absolute;
  -ms-filter: blur(20px);
  filter: blur(20px);
}

.contents {
  width: calc(100% - 100px) !important;
}
@media screen and (max-width: 1024px) {
  .contents {
    width: 100% !important;
  }
}
@media screen and (max-width: 599px) {
  .contents {
    width: 100% !important;
  }
}
.contents__side {
  position: fixed;
  top: 0;
  left: 0;
  width: 380px;
  height: 100vh;
  padding-top: 90px;
  background: linear-gradient(45deg, #afd5fa, #e0f3fe, #96daf8); /*グラデーションを定義*/
  background-size: 200% 200%; /*サイズを大きくひきのばす*/
  animation: ttlgradient 8s ease infinite;
  text-align: center;
}
@media screen and (max-width: 1500px) {
  .contents__side {
    width: 280px;
  }
}
@media screen and (max-width: 1024px) {
  .contents__side {
    overflow: hidden;
    display: block;
    position: relative;
    width: 100%;
    height: 220px;
    padding-top: 0;
  }
}
@media screen and (max-width: 599px) {
  .contents__side {
    height: 170px;
  }
}
.contents__side #canvas-container {
  -ms-filter: blur(15px);
  filter: blur(15px);
}
.contents__side img {
  width: auto;
}
.contents__main {
  width: calc(100% - 480px) !important;
  margin-left: 380px;
  margin-right: 100px;
}
@media screen and (max-width: 1500px) {
  .contents__main {
    width: calc(100% - 380px) !important;
    margin-left: 280px;
    margin-right: 100px;
  }
}
@media screen and (max-width: 1024px) {
  .contents__main {
    width: calc(100% - 70px) !important;
    margin-left: 0;
    margin-top: -200px;
    padding-top: 200px;
  }
}
@media screen and (max-width: 599px) {
  .contents__main {
    width: 100% !important;
    margin-right: 0;
    margin-top: -160px;
    padding-top: 160px;
  }
}
.contents__main__body {
  overflow: hidden;
  padding: 0 40px 170px;
}
@media screen and (max-width: 1024px) {
  .contents__main__body {
    padding: 0 0 100px 30px;
  }
}
@media screen and (max-width: 599px) {
  .contents__main__body {
    padding: 0 20px 60px;
  }
}
.contents__main__inner {
  max-width: 900px;
  margin: 0 auto;
}
.contents__main__image {
  overflow: hidden;
  height: 450px;
  margin-bottom: 25px;
}
@media screen and (max-width: 1024px) {
  .contents__main__image {
    width: calc(100% - 30px);
    height: 240px;
    margin-top: -45px;
    margin-left: auto;
    z-index: 2;
    position: relative;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 599px) {
  .contents__main__image {
    width: calc(100% - 20px);
    height: 140px;
    margin-top: -35px;
  }
}
.contents__main__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  font-family: "object-fit: cover; object-position: center center;";
}
.contents__main__nav {
  padding: 0 40px;
}
@media screen and (max-width: 1024px) {
  .contents__main__nav {
    padding: 0;
    padding-left: 30px;
  }
}
@media screen and (max-width: 599px) {
  .contents__main__nav {
    padding: 0 20px;
  }
}
.contents__main__nav__inner {
  max-width: 900px;
  margin: 0 auto;
}

@keyframes ttlgradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.btn01 {
  font-size: 15px;
  line-height: 1;
  color: #244970;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 300;
  letter-spacing: 0.08em;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 599px) {
  .btn01 {
    font-size: 13px;
  }
}
.btn01::before {
  content: "";
  top: calc(50% - 39px);
  left: -60px;
  width: 78px;
  height: 78px;
  background-color: #cfe1f1;
  position: absolute;
  z-index: -1;
  border-radius: 50%;
  transition: 0.5s;
}
@media screen and (max-width: 599px) {
  .btn01::before {
    top: calc(50% - 30px);
    left: -40px;
    width: 60px;
    height: 60px;
  }
}
.btn01--yellow::before {
  background-color: #f7fca1;
}
@media screen and (min-width: 1025px) {
  .btn01:hover {
    color: #30455c;
  }
  .btn01:hover::before {
    transform: scale(1.25);
  }
}

.btn02 {
  padding: 15px 50px 15px 25px;
  display: inline-block;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 300;
  color: #fff;
  background-color: #7fa9d0;
  position: relative;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .btn02:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 599px) {
  .btn02 {
    padding: 15px 45px 15px 20px;
  }
}
.btn02::before {
  content: "";
  width: 20px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  right: 13px;
  top: 50%;
  display: block;
}
.btn02::after {
  content: "";
  width: 7px;
  height: 7px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg);
  position: absolute;
  right: 13px;
  top: 50%;
  margin-top: -3px;
  display: block;
}

.btn-pdf {
  padding: 17px 50px 17px 25px;
  display: inline-block;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  line-height: 1.3;
  font-weight: 300;
  color: #244970;
  border: 1px solid #244970;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .btn-pdf:hover {
    background-color: #e5f1fc;
  }
}
@media screen and (max-width: 599px) {
  .btn-pdf {
    padding: 17px 45px 17px 20px;
  }
}
.btn-pdf::after {
  content: "";
  position: absolute;
  top: 13px;
  right: 7px;
  width: 28px;
  height: 28px;
  background-image: url(../img/common/icon_pdf.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.side {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .side {
    display: block;
    position: relative;
    height: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .side {
    padding-left: 20px;
  }
}

.side-logo {
  max-width: 126px;
}
@media screen and (max-width: 1024px) {
  .side-logo {
    position: absolute;
    top: 25px;
    left: 25px;
    max-width: 80px;
    z-index: 9;
  }
}
@media screen and (max-width: 599px) {
  .side-logo {
    top: 13px;
    left: 10px;
    max-width: 60px;
  }
}
.side-logo > a {
  display: block;
}
.side-logo > a:hover {
  opacity: 0.8;
}

.side-subtitle {
  min-width: 190px;
  margin-top: 40px;
  padding: 3px 20px;
  border-right: 1px solid #6987b3;
  border-left: 1px solid #6987b3;
  color: #5878a7;
  font-size: 1.8rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.06em;
  display: block;
}
.side-subtitle.current {
  display: none;
}
@media screen and (max-width: 1024px) {
  .side-subtitle {
    position: absolute;
    top: 40px;
    right: 0;
    left: 0;
    margin: 0 auto;
    margin-right: 70px;
    padding: 0;
    border: none;
    font-size: 1.6rem;
    padding-left: 20px;
  }
}
@media screen and (max-width: 599px) {
  .side-subtitle {
    top: 35px;
    margin-right: auto;
    font-size: 1.4rem;
  }
}

.side-pagetitle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 80px auto 0;
  color: #30455c;
  font-size: 2.5rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  letter-spacing: 0.12em;
  line-height: 1.3;
}
@media screen and (max-width: 1024px) {
  .side-pagetitle {
    height: 100%;
    margin: 0 auto;
    writing-mode: horizontal-tb;
    margin-right: 70px;
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 599px) {
  .side-pagetitle {
    font-size: 2.1rem;
    margin-right: auto;
  }
  .side-pagetitle.sp-small {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 1024px) {
  .side-links {
    height: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .side-links dd {
    height: 100%;
  }
}
@media screen and (max-width: 599px) {
  .side-links dd {
    padding-bottom: 15px;
  }
}
.side-links ul {
  list-style: none;
}
@media screen and (max-width: 1024px) {
  .side-links ul {
    height: 100%;
  }
}
.side-links ul li {
  display: none;
}
@media screen and (max-width: 1024px) {
  .side-links ul li {
    height: 100%;
  }
}
.side-links ul li.current {
  display: block;
}

.breadcrumbs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 55px;
}
@media screen and (max-width: 1024px) {
  .breadcrumbs {
    display: none;
  }
}
.breadcrumbs > li {
  color: #7f8790;
  font-size: 1.3rem;
  font-family: "Shippori Mincho", serif !important;
  letter-spacing: 0.03em;
}
.breadcrumbs > li:not(:last-child) {
  position: relative;
  margin-right: 22px;
}
.breadcrumbs > li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 7px;
  right: -14px;
  width: 6px;
  height: 10px;
  background-image: url(../img/common/breadcrumbs_arrow.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.breadcrumbs > li > a {
  color: #758baa;
}
.breadcrumbs > li > a:hover {
  text-decoration: underline;
}

/*--------------------------------------------------------
pagination
----------------------------------------------------------*/
.pagination {
  margin: 80px auto 0;
}
@media screen and (max-width: 1024px) {
  .pagination {
    margin: 60px auto 0;
  }
}
.pagination__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.pagination__list__prev, .pagination__list__next {
  display: block;
  position: relative;
  width: 23px;
}
@media screen and (max-width: 599px) {
  .pagination__list__prev, .pagination__list__next {
    width: 21px;
  }
}
.pagination__list__prev img, .pagination__list__next img {
  max-width: 23px;
  vertical-align: middle;
}
.pagination__list__prev:hover, .pagination__list__next:hover {
  opacity: 0.8;
}
.pagination__list__prev {
  margin-right: 15px;
}
@media screen and (max-width: 599px) {
  .pagination__list__prev {
    margin-right: 10px;
  }
}
.pagination__list__next {
  margin-left: 15px;
}
@media screen and (max-width: 599px) {
  .pagination__list__next {
    margin-left: 10px;
  }
}
.pagination__list__num, .pagination__list__while {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 5px;
  text-align: center;
}
@media screen and (max-width: 599px) {
  .pagination__list__num, .pagination__list__while {
    margin: 0 4px;
  }
}
.pagination__list__num {
  width: 52px;
  height: 52px;
  color: #244970;
  font-size: 1.6rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  background-color: #fff;
  border: 1px solid #dadde2;
  border-radius: 50%;
}
@media screen and (max-width: 599px) {
  .pagination__list__num {
    width: 45px;
    height: 45px;
    font-size: 1.6rem;
  }
}
.pagination__list__num:hover, .pagination__list__num.current {
  background-color: #749ec3;
  border-color: #749ec3;
  color: #fff;
}
.pagination__list__while {
  color: #244970;
  font-size: 2rem;
  font-family: "Shippori Mincho", serif !important;
}
@media screen and (max-width: 599px) {
  .pagination__list__while {
    width: 15px;
    font-size: 1.6rem;
  }
}

.wysiwyg {
  /*デフォルトの処理*/
  padding-bottom: 50px;
  border-bottom: 1px solid #efefef;
  font-size: 16px;
  line-height: 2;
  text-align: justify;
}
@media screen and (max-width: 599px) {
  .wysiwyg {
    font-size: 14px;
    line-height: 1.8;
  }
}
.wysiwyg a {
  color: #0c65b8;
  text-decoration: underline;
}
.wysiwyg a:hover {
  color: #0c65b8;
  text-decoration: none;
}
.wysiwyg img {
  width: auto;
  max-width: 100%;
  height: auto;
}
.wysiwyg {
  /*各テンプレートを囲むbox【必須】*/
}
.wysiwyg .box {
  margin-bottom: 30px;
  *zoom: 1;
}
.wysiwyg .box:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 599px) {
  .wysiwyg .box {
    margin-bottom: 15px;
  }
}
.wysiwyg {
  /*タイトル処理*/
}
.wysiwyg .ttl01 {
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 20px;
  border-bottom: 2px solid #e9ecf3;
  color: #30455c;
  font-size: 2.2rem;
  line-height: 1.2em;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 500;
}
@media screen and (max-width: 599px) {
  .wysiwyg .ttl01 {
    margin-bottom: 0;
    padding-bottom: 10px;
    font-size: 1.7rem;
  }
}
.wysiwyg .ttl01::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  left: 0;
  width: 110px;
  height: 1px;
  margin: 0 auto;
  background-color: #6684b0;
}
@media screen and (max-width: 599px) {
  .wysiwyg .ttl01::before {
    width: 70px;
  }
}
.wysiwyg .ttl02 {
  padding-bottom: 20px;
  border-bottom: 1px solid #e0dfdf;
  color: #30455c;
  font-size: 2rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 1.2em;
}
@media screen and (max-width: 599px) {
  .wysiwyg .ttl02 {
    padding-bottom: 15px;
    font-size: 1.6rem;
  }
}
.wysiwyg .ttl03 {
  display: inline-block;
  position: relative;
  padding-bottom: 10px;
  color: #5878a7;
  font-size: 2rem;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 1.2em;
}
@media screen and (max-width: 599px) {
  .wysiwyg .ttl03 {
    padding-bottom: 8px;
    font-size: 1.6rem;
  }
}
.wysiwyg .ttl03::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #5878a7;
}
.wysiwyg {
  /*キャッチコピーの処理*/
}
.wysiwyg .copy01 {
  color: #015aa4;
  font-size: 1.8rem;
  font-family: "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif !important;
  font-weight: 600;
  text-align: justify;
  line-height: 2.3;
}
@media screen and (max-width: 599px) {
  .wysiwyg .copy01 {
    margin-bottom: -5px;
    font-size: 15px;
  }
}
.wysiwyg .copy02 {
  font-size: 2rem;
  line-height: 2.1;
  color: #015aa4;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 400;
  text-align: justify;
}
@media screen and (max-width: 599px) {
  .wysiwyg .copy02 {
    margin-bottom: -5px;
    font-size: 16px;
  }
}
.wysiwyg {
  /*本文テキスト・写真回り込み処理*/
}
.wysiwyg .text {
  color: #30455c;
  font-size: 1.6rem;
  line-height: 2em;
  text-align: justify;
}
@media screen and (max-width: 599px) {
  .wysiwyg .text {
    font-size: 14px;
    line-height: 1.8em;
  }
}
.wysiwyg .text--mincho {
  font-family: "Shippori Mincho", serif !important;
  font-weight: 300;
}
.wysiwyg .text-link {
  position: relative;
  padding-left: 34px;
  color: #5878a7 !important;
  font-size: 1.6rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  text-decoration: none;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 599px) {
  .wysiwyg .text-link {
    padding-left: 28px;
    font-size: 1.4rem;
  }
}
.wysiwyg .text-link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  background-color: #7fa9d0;
  border-radius: 50%;
}
@media screen and (max-width: 599px) {
  .wysiwyg .text-link::before {
    top: 1px;
    width: 20px;
    height: 20px;
  }
}
.wysiwyg .text-link::after {
  content: "";
  position: absolute;
  top: 9px;
  left: 8px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 599px) {
  .wysiwyg .text-link::after {
    top: 8px;
    left: 6px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
.wysiwyg .text-link:hover {
  text-decoration: underline;
}
.wysiwyg .img-right {
  margin: 7px 0 30px 40px;
  width: auto;
  max-width: 40%;
  float: right;
  display: inline-block;
}
@media screen and (max-width: 599px) {
  .wysiwyg .img-right {
    margin: 0 auto 10px auto;
    width: auto;
    max-width: 100%;
    float: none;
  }
}
.wysiwyg .img-left {
  margin: 7px 40px 30px 0;
  width: auto;
  max-width: 40%;
  float: left;
  display: inline-block;
}
@media screen and (max-width: 599px) {
  .wysiwyg .img-left {
    margin: 0 auto 10px auto;
    width: auto;
    max-width: 100%;
    float: none;
  }
}
.wysiwyg {
  /*ボタン*/
}
.wysiwyg .btn-wrapper {
  text-align: center;
}
.wysiwyg .btn-wrapper a {
  display: block;
  position: relative;
  max-width: 260px;
  width: 100%;
  margin: 0 auto;
  padding: 15px;
  border: 1px solid #244970;
  color: #244970;
  font-size: 1.5rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  text-decoration: none;
  text-align: center;
  line-height: 1.4;
  letter-spacing: 0.07em;
}
@media screen and (max-width: 599px) {
  .wysiwyg .btn-wrapper a {
    padding: 13px;
    font-size: 1.4rem;
  }
}
.wysiwyg .btn-wrapper a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto 0;
  width: 7px;
  height: 7px;
  border-top: 1px solid #244970;
  border-right: 1px solid #244970;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: 0.3s;
}
.wysiwyg .btn-wrapper a:hover {
  background-color: #244970;
  color: #fff;
}
.wysiwyg .btn-wrapper a:hover::after {
  border-top-color: #fff;
  border-right-color: #fff;
}
.wysiwyg {
  /*写真の処理*/
}
.wysiwyg .photo-3 {
  padding: 0;
  list-style: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.wysiwyg .photo-3::after {
  content: none;
}
.wysiwyg .photo-3 li {
  margin-left: 12px;
  width: calc((99.9% - 24px) / 3);
}
.wysiwyg .photo-3 li:first-child {
  margin-left: 0;
}
@media screen and (max-width: 599px) {
  .wysiwyg .photo-3 li {
    display: block;
    margin-top: 10px;
    margin-left: 0;
    width: 100%;
  }
  .wysiwyg .photo-3 li:first-child {
    margin-top: 0;
  }
}
.wysiwyg .photo-2 {
  padding: 0;
  list-style: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.wysiwyg .photo-2::after {
  content: none;
}
.wysiwyg .photo-2 li {
  margin-left: 20px;
  width: calc((99.9% - 20px) / 2);
}
.wysiwyg .photo-2 li:first-child {
  margin-left: 0;
}
@media screen and (max-width: 599px) {
  .wysiwyg .photo-2 li {
    margin-left: 8px;
    width: calc((100% - 8px) / 2);
  }
}
.wysiwyg .photo-1 {
  width: 100%;
  text-align: center;
}
.wysiwyg .caption {
  display: block;
  margin-top: 10px;
  color: #30455c;
  font-size: 1.5rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  letter-spacing: 0.03em;
  line-height: 1.3em;
  text-align: center;
}
@media screen and (max-width: 599px) {
  .wysiwyg .caption {
    margin-top: 5px;
    font-size: 12px;
  }
}
.wysiwyg {
  /*リスト*/
}
.wysiwyg .list-wrapper {
  padding: 40px 45px;
  background-color: #f3f7fa;
  list-style: none;
}
@media screen and (max-width: 599px) {
  .wysiwyg .list-wrapper {
    padding: 20px;
  }
}
.wysiwyg .list-wrapper li {
  position: relative;
  margin-top: 15px;
  padding-left: 30px;
  color: #30455c;
  font-size: 1.6rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  text-align: justify;
}
@media screen and (max-width: 599px) {
  .wysiwyg .list-wrapper li {
    padding-left: 20px;
  }
}
.wysiwyg .list-wrapper li:first-child {
  margin-top: 0;
}
.wysiwyg .list-wrapper li::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0px;
  width: 14px;
  height: 14px;
  background-color: #9abddc;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
@media screen and (max-width: 599px) {
  .wysiwyg .list-wrapper li {
    margin-top: 7px;
    font-size: 13px;
  }
  .wysiwyg .list-wrapper li::before {
    content: "";
    width: 10px;
    height: 10px;
  }
}
.wysiwyg {
  /*テーブル*/
}
.wysiwyg .table {
  width: 100%;
  border: 1px solid #ddd;
  border-collapse: collapse;
}
.wysiwyg .table thead th {
  padding: 15px 10px;
  font-size: 1.6rem;
  line-height: 1.3em;
  color: #fff;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  background-color: #7fa9d0;
  border: 1px solid #d6d5d5;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 599px) {
  .wysiwyg .table thead th {
    padding: 7px 5px 5px;
    font-size: 1.2rem;
  }
}
.wysiwyg .table th {
  padding: 20px;
  font-size: 1.6rem;
  line-height: 1.3em;
  color: #30455c;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
  background-color: #f6f6f6;
  border: 1px solid #d6d5d5;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 599px) {
  .wysiwyg .table th {
    padding: 7px 5px 5px;
    font-size: 1.2rem;
  }
}
.wysiwyg .table td {
  padding: 20px;
  font-size: 1.6rem;
  line-height: 1.3em;
  color: #30455c;
  vertical-align: middle;
  border: 1px solid #ddd;
  text-align: center;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 599px) {
  .wysiwyg .table td {
    padding: 7px 5px 5px;
    font-size: 1.2rem;
  }
}
.wysiwyg {
  /*youtube*/
}
.wysiwyg .youtube-wrapper {
  margin: 0 auto;
  width: 100%;
  max-width: 790px;
  position: relative;
}
.wysiwyg .youtube-wrapper::before {
  content: "";
  padding-bottom: 56.25%;
  display: block;
}
.wysiwyg .youtube-wrapper iframe {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.wysiwyg {
  /*以下テンプレート外*/
}
.wysiwyg .left {
  width: 100%;
  margin: 0 auto;
  text-align: left;
}
.wysiwyg .center {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.wysiwyg .right {
  width: 100%;
  margin: 0 auto;
  text-align: right;
}
.wysiwyg h1 {
  font-size: 240%;
  line-height: 1.5;
  background: url(none);
  margin: 0px;
  padding: 0px;
}
.wysiwyg h2 {
  font-size: 180%;
  line-height: 1.5;
  margin: 0;
  background: url(none);
  padding: 0px;
  border-bottom: none;
}
.wysiwyg h3 {
  font-size: 140%;
  line-height: 1.5;
  background: url(none);
  margin: 0px;
  padding: 0px;
  color: #000;
}
.wysiwyg h4 {
  font-size: 120%;
  line-height: 1.5;
  margin: 0;
  background: url(none);
  padding: 0px;
  color: #000;
}
.wysiwyg h5 {
  font-size: 100%;
  line-height: 1.5;
  margin: 0;
  background: url(none);
  padding: 0px;
}
.wysiwyg h6 {
  font-size: 82%;
  line-height: 1.5;
  margin: 0;
  background: url(none);
  padding: 0px;
}
.wysiwyg ul {
  padding-left: 40px;
  list-style-type: disc;
}
.wysiwyg ol {
  margin: 1em 0;
  padding-left: 40px;
  list-style-type: decimal;
}
.wysiwyg blockquote {
  padding-left: 1em;
}
.wysiwyg table {
  font-size: 100%;
  border-collapse: collapse;
}
.wysiwyg hr {
  display: block;
}
.wysiwyg em {
  font-style: italic !important;
}
.wysiwyg strong {
  font-weight: bold !important;
}
.wysiwyg em strong, .wysiwyg strong em {
  font-style: italic !important;
  font-weight: bold !important;
}

.pagenav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 40px;
  border-left: 1px solid #dadde2;
}
@media screen and (max-width: 1024px) {
  .pagenav {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 599px) {
  .pagenav {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-left: none;
    margin-bottom: 35px;
  }
}
.pagenav__item {
  width: 19.98%;
  border-right: 1px solid #dadde2;
}
.pagenav__item--column4 {
  width: 24.975%;
}
.pagenav__item--column5 {
  width: 19.98%;
}
.pagenav__item--column2 {
  width: 49.95% !important;
}
.pagenav__item--column3 {
  width: 33.3% !important;
}
@media screen and (max-width: 599px) {
  .pagenav__item {
    width: 33.3333333333%;
    margin-bottom: 8px;
    border-color: #e4e7eb;
  }
  .pagenav__item:nth-of-type(1), .pagenav__item:nth-of-type(4), .pagenav__item:nth-of-type(7) {
    border-left: 1px solid #e4e7eb;
  }
}
.pagenav__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 18px 2%;
  height: 100%;
  color: #30455c;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 300;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.4;
}
.pagenav__link--pd-middle {
  padding: 10px 2%;
}
@media screen and (max-width: 1024px) {
  .pagenav__link {
    font-size: 1.4rem;
    padding: 7px 5px;
  }
}
@media screen and (max-width: 599px) {
  .pagenav__link {
    padding: 4px 5px;
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 599px) {
  .pagenav__link.long {
    letter-spacing: -1px;
  }
}
.pagenav__link > span {
  display: inline-block;
  position: relative;
}
.pagenav__link > span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: rgba(245, 253, 111, 0.7);
  transform: scaleX(0);
  transform-origin: right bottom;
  transition: transform 0.3s;
  z-index: -1;
}
@media screen and (max-width: 599px) {
  .pagenav__link > span::after {
    height: 3px;
    bottom: 1.5px;
  }
}
@media screen and (min-width: 1025px) {
  .pagenav__link:hover > span::after {
    transform-origin: left bottom;
    transform: scaleX(1);
  }
}
.pagenav__link.current > span::after {
  transform: scaleX(1);
}

.title01 {
  position: relative;
  margin-bottom: 40px;
  padding-top: 40px;
  color: #5878a7;
  font-size: 3rem;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 400;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1024px) {
  .title01 {
    padding-top: 30px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 599px) {
  .title01 {
    margin-bottom: 25px;
    padding-top: 20px;
    font-size: 2.1rem;
  }
}
.title01::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 1px;
  background-color: #5878a7;
}
@media screen and (max-width: 599px) {
  .title01::before {
    width: 18px;
  }
}
.title01 .copy {
  display: block;
  font-size: 2rem;
  color: #244970;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .title01 .copy {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 599px) {
  .title01 .copy {
    font-size: 1.5rem;
  }
}

.title02 {
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
  padding: 0 22px;
  color: #5878a7;
  font-size: 2.5rem;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1024px) {
  .title02 {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 599px) {
  .title02 {
    margin-bottom: 10px;
    padding: 0 20px;
    font-size: 1.8rem;
  }
}
.title02::before, .title02::after {
  content: "";
  position: absolute;
  top: 13px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #5878a7;
  border-right: 1px solid #5878a7;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 1024px) {
  .title02::before, .title02::after {
    top: 12px;
    width: 9px;
    height: 9px;
    border-top: 1px solid #5878a7;
    border-right: 1px solid #5878a7;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@media screen and (max-width: 599px) {
  .title02::before, .title02::after {
    top: 10px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #5878a7;
    border-right: 1px solid #5878a7;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
.title02::before {
  left: 0;
  transform: rotate(225deg);
}
.title02::after {
  right: 0;
}
.title02--fs21 {
  font-size: 2.1rem;
}
.title02--fs21::before, .title02--fs21::after {
  top: 11px;
}
@media screen and (max-width: 599px) {
  .title02--fs21 {
    font-size: 1.7rem;
    margin-bottom: 15px;
  }
  .title02--fs21::before, .title02--fs21::after {
    top: 9px;
  }
}
.title02--middle {
  font-size: 1.9rem;
}
.title02--middle::before, .title02--middle::after {
  top: 8px;
}
.title02--cl-light {
  color: #459bb4;
}
.title02--cl-light::before, .title02--cl-light::after {
  border-color: #459bb4 !important;
}
.title02 span.s-text {
  font-size: 2rem;
  margin-left: 5px;
}
@media screen and (max-width: 599px) {
  .title02 span.s-text {
    font-size: 1.5rem;
    letter-spacing: -0.5px;
  }
}

.text-base {
  color: #30455c;
  font-size: 1.6rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  line-height: 2.1;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1024px) {
  .text-base {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 599px) {
  .text-base {
    font-size: 1.4rem;
  }
}
.text-base.fs15 {
  font-size: 1.5rem;
}
@media screen and (max-width: 599px) {
  .text-base.fs15 {
    font-size: 1.4rem;
  }
}
.text-base.kome {
  padding-left: 1em;
  text-indent: -1em;
}
.text-base span.underline {
  text-decoration: underline;
}
.text-base span.cl-blue {
  color: #6493bc;
}

.text-link {
  color: inherit;
  text-decoration: underline;
}
.text-link.cl-blue {
  color: #5878a7;
}
.text-link.pdf {
  background-image: url(../img/common/icon_pdf.svg);
  background-repeat: no-repeat;
  background-size: 32px auto;
  color: #5878a7;
  padding: 5px 0px 5px 40px;
}
@media screen and (max-width: 834px) {
  .text-link.pdf {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px 0px 0px 34px;
    background-size: 28px auto;
    line-height: 1.4;
    min-height: 30px;
  }
}
.text-link:hover {
  text-decoration: none;
}

.list01 > li {
  position: relative;
  padding-left: 24px;
  color: #30455c;
  font-size: 1.6rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 599px) {
  .list01 > li {
    padding-left: 22px;
    font-size: 1.4rem;
  }
}
.list01 > li:not(:last-child) {
  margin-bottom: 8px;
}
.list01 > li::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 14px;
  height: 14px;
  background-color: #9abddc;
  border-radius: 50%;
}
@media screen and (max-width: 599px) {
  .list01 > li::before {
    top: 6px;
    width: 12px;
    height: 12px;
  }
}
.list01--light > li::before {
  background-color: #88cad8;
}
.list01.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -8px 0 0 -30px;
}
.list01.row > li {
  margin: 8px 0 0 30px;
}
.list01.fs15 > li {
  font-size: 1.5rem;
}
@media screen and (max-width: 599px) {
  .list01.fs15 > li {
    font-size: 1.4rem;
  }
}

.box01 {
  padding: 30px 35px;
  background-color: #f3f7fa;
}
@media screen and (max-width: 599px) {
  .box01 {
    padding: 20px;
  }
}

.comingsoon-box {
  padding: 60px;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  .comingsoon-box {
    padding: 45px;
  }
}
@media screen and (max-width: 599px) {
  .comingsoon-box {
    padding: 20px;
  }
}
.comingsoon-box__ttl {
  position: relative;
  font-family: "Tangerine", cursive;
  font-size: 7rem;
  font-weight: 300;
  letter-spacing: 3px;
  color: #5b90c7;
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .comingsoon-box__ttl {
    font-size: 6rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 599px) {
  .comingsoon-box__ttl {
    font-size: 4.5rem;
    margin-bottom: 15px;
  }
}
.comingsoon-box__ttl::before {
  background: #5b90c7;
  content: "";
  height: 1px;
  width: 45px;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  bottom: 0;
}
.comingsoon-box__text {
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 300;
  letter-spacing: 2px;
}
@media screen and (max-width: 599px) {
  .comingsoon-box__text {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 599px) {
  .js-scrollable table {
    width: 800px;
  }
}

.index-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -20px;
}
.index-links li {
  width: calc((100% - 48px) / 3);
  margin-left: 24px;
  margin-bottom: 24px;
}
.index-links li:nth-child(3n+1) {
  margin-left: 0;
}
@media screen and (max-width: 1024px) {
  .index-links li {
    width: calc((100% - 28px) / 3);
    margin-left: 14px;
  }
}
@media screen and (max-width: 599px) {
  .index-links li {
    width: calc((100% - 12px) / 2);
    margin-left: 12px;
    margin-bottom: 12px;
  }
  .index-links li:nth-child(3n+1) {
    margin-left: 12px;
  }
  .index-links li:nth-child(2n+1) {
    margin-left: 0;
  }
}
.index-links li a {
  padding: 22px;
  display: block;
  height: 100%;
  background-color: #f3f7fa;
}
@media screen and (min-width: 1025px) {
  .index-links li a:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 1024px) {
  .index-links li a {
    padding: 15px 15px 20px;
  }
}
@media screen and (max-width: 599px) {
  .index-links li a {
    padding: 10px 10px 15px;
  }
}
.index-links li a span {
  margin-top: 20px;
  line-height: 1.3;
  text-align: center;
  display: block;
  color: #00000c;
  font-size: 1.8rem;
  font-weight: 300;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  letter-spacing: 0.03em;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .index-links li a span {
    margin-top: 15px;
    font-size: 1.6rem !important;
    padding: 0 15px 0 5px !important;
  }
}
@media screen and (max-width: 599px) {
  .index-links li a span {
    font-size: 1.4rem !important;
  }
}
.index-links li a span::before {
  content: "";
  width: 20px;
  height: 1px;
  background-color: #6987b3;
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
}
@media screen and (max-width: 1024px) {
  .index-links li a span::before {
    width: 15px;
  }
}
.index-links li a span::after {
  content: "";
  width: 8px;
  height: 1px;
  background-color: #6987b3;
  transform: rotate(45deg);
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -3px;
  display: block;
}
@media screen and (max-width: 1024px) {
  .index-links li a span::after {
    width: 6px;
    margin-top: -2px;
  }
}
.index-links li a span.stext {
  font-size: 1.7rem;
  padding-right: 20px;
}

/*--------------------------------------------------------
form
----------------------------------------------------------*/
/*--リセット ここから--*/
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

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

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

/*--リセット ここまで--*/
.inquiry_form input[type=text],
.inquiry_form input[type=email],
.inquiry_form input[type=tel],
.inquiry_form textarea,
.inquiry_form select {
  width: 100%;
  padding: 12px 20px;
  border: none;
  background-color: #f0f2f4;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  vertical-align: bottom;
}
@media screen and (max-width: 599px) {
  .inquiry_form input[type=text],
  .inquiry_form input[type=email],
  .inquiry_form input[type=tel],
  .inquiry_form textarea,
  .inquiry_form select {
    padding: 10px;
    max-width: none !important;
  }
}
.inquiry_form input[type=text].w260,
.inquiry_form input[type=email].w260,
.inquiry_form input[type=tel].w260,
.inquiry_form textarea.w260,
.inquiry_form select.w260 {
  max-width: 260px;
}
.inquiry_form input[type=text].w330,
.inquiry_form input[type=email].w330,
.inquiry_form input[type=tel].w330,
.inquiry_form textarea.w330,
.inquiry_form select.w330 {
  max-width: 330px;
}
.inquiry_form input[type=text].w450,
.inquiry_form input[type=email].w450,
.inquiry_form input[type=tel].w450,
.inquiry_form textarea.w450,
.inquiry_form select.w450 {
  max-width: 450px;
}
.inquiry_form input[type=text],
.inquiry_form input[type=email],
.inquiry_form input[type=tel],
.inquiry_form select {
  width: 100%;
  height: 44px;
}
.inquiry_form input[type=text]:focus,
.inquiry_form input[type=email]:focus,
.inquiry_form input[type=tel]:focus,
.inquiry_form textarea:focus,
.inquiry_form select:focus {
  border: 1px solid #244970;
}
.inquiry_form {
  /*-- textarea ---*/
}
.inquiry_form textarea {
  width: 100%;
  height: 190px;
}
@media screen and (max-width: 599px) {
  .inquiry_form textarea {
    height: 140px;
  }
}
.inquiry_form {
  /*-- radio ---*/
}
.inquiry_form input[type=radio] {
  display: none;
}
.inquiry_form label.radio {
  display: inline-block;
  position: relative;
  cursor: pointer;
  background-color: #f7f7f7;
  -moz-border-radius: 10;
  -webkit-border-radius: 10;
  -o-border-radius: 10;
  -ms-border-radius: 10;
  border-radius: 10;
  line-height: 1.3;
}
.inquiry_form input[type=radio] + label.radio {
  width: 100%;
  padding: 12px 0;
  background-color: #fff;
  -moz-border-radius: 10;
  -webkit-border-radius: 10;
  -o-border-radius: 10;
  -ms-border-radius: 10;
  border-radius: 10;
  color: #30455c;
}
@media screen and (max-width: 599px) {
  .inquiry_form input[type=radio] + label.radio {
    padding: 8px 0;
  }
}
.inquiry_form input[type=radio] + label.radio span {
  display: inline-block;
  position: relative;
  padding-left: 40px;
}
@media screen and (max-width: 599px) {
  .inquiry_form input[type=radio] + label.radio span {
    padding-left: 30px;
  }
}
.inquiry_form input[type=radio] + label.radio span::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 24px;
  height: 24px;
  background-color: #f0f2f4;
  border-radius: 50%;
}
@media screen and (max-width: 599px) {
  .inquiry_form input[type=radio] + label.radio span::before {
    top: 0;
    width: 21px;
    height: 21px;
  }
}
.inquiry_form input[type=radio]:checked + label.radio span::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #5878a7;
}
@media screen and (max-width: 599px) {
  .inquiry_form input[type=radio]:checked + label.radio span::after {
    left: 5px;
    width: 11px;
    height: 11px;
  }
}
.inquiry_form {
  /*-- select ---*/
}
.inquiry_form select {
  position: relative;
  width: 100%;
  padding: 13px 40px 13px 25px;
  background-color: #f0f2f4;
  background-image: url(../img/common/select-arrow.png);
  background-repeat: no-repeat;
  background-position: center right 15px;
  background-size: 14px auto;
  color: #30455c;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  line-height: 1;
}
@media screen and (max-width: 599px) {
  .inquiry_form select {
    padding: 10px 40px 10px 10px;
  }
}
.inquiry_form {
  /*-- checkbox ---*/
}
.inquiry_form input[type=checkbox] {
  display: none;
}
.inquiry_form input[type=checkbox] + label.checkbox {
  position: relative;
  padding: 4px 0 0 35px;
  cursor: pointer;
  display: inline-block;
}
@media screen and (max-width: 599px) {
  .inquiry_form input[type=checkbox] + label.checkbox {
    padding: 3px 0 0 30px;
    font-size: 1.5rem;
  }
}
.inquiry_form input[type=checkbox] + label.checkbox::before, .inquiry_form input[type=checkbox] + label.checkbox::after {
  position: absolute;
  top: 9px;
  left: 0;
  display: inline-block;
  content: "";
  box-sizing: border-box;
}
.inquiry_form input[type=checkbox] + label.checkbox::before {
  z-index: 0;
  background-color: transparent;
  width: 18px;
  height: 18px;
  background-color: #f7f7f7;
  border: 1px #ccc solid;
}
.inquiry_form input[type=checkbox] + label.checkbox::after {
  top: 10px;
  left: -2px;
  margin: 1px 8px;
  width: 7px;
  height: 12px;
  z-index: 1;
}
.inquiry_form input[type=checkbox]:checked + label.checkbox::after {
  border: 2px solid #244970;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* form table */
table.form-tbl {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0px;
  border-top: 1px solid #e3e3e3;
  font-family: "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif !important;
  font-weight: 400;
}
@media screen and (max-width: 599px) {
  table.form-tbl {
    padding-top: 15px;
  }
}
table.form-tbl tr {
  border-bottom: 1px solid #e3e3e3;
}
table.form-tbl th {
  position: relative;
  width: 240px;
  padding: 25px 0;
  color: #5878a7;
  font-size: 1.6rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 500;
  text-align: left;
  vertical-align: top;
  letter-spacing: 0.06em;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  table.form-tbl th {
    width: 190px;
    padding: 22px 0 22px 0;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 599px) {
  table.form-tbl th {
    display: block;
    width: 100%;
    padding: 18px 0 12px 0;
    border: none;
  }
}
table.form-tbl th > span {
  display: block;
  position: relative;
  padding: 10px 0 0;
}
@media screen and (max-width: 599px) {
  table.form-tbl th > span {
    padding: 0;
  }
}
table.form-tbl td {
  padding: 28px 0 28px 30px;
  color: #30455c;
  font-size: 1.6rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  text-align: left;
}
@media screen and (max-width: 1024px) {
  table.form-tbl td {
    padding: 22px 0 22px 20px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 599px) {
  table.form-tbl td {
    display: block;
    width: 100%;
    padding: 0 0 22px;
    overflow: hidden;
  }
}
table.form-tbl td ::-webkit-input-placeholder {
  color: #9199a4;
  font-size: 1.6rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", Verdana, Meiryo, sans-serif;
}
@media screen and (max-width: 599px) {
  table.form-tbl td ::-webkit-input-placeholder {
    font-size: 1.4rem;
  }
}
table.form-tbl td ::-moz-placeholder {
  color: #9199a4;
  opacity: 1;
  font-size: 1.6rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", Verdana, Meiryo, sans-serif;
}
@media screen and (max-width: 599px) {
  table.form-tbl td ::-moz-placeholder {
    font-size: 1.4rem;
  }
}
table.form-tbl td :-ms-input-placeholder {
  color: #9199a4 !important;
  font-size: 1.6rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", Verdana, Meiryo, sans-serif;
}
@media screen and (max-width: 599px) {
  table.form-tbl td :-ms-input-placeholder {
    font-size: 1.4rem;
  }
}
table.form-tbl td .list-type {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 -40px;
}
@media screen and (max-width: 599px) {
  table.form-tbl td .list-type {
    display: block;
    margin: 0;
  }
}
table.form-tbl td .list-type > li {
  margin: 0 0 0 40px;
}
@media screen and (max-width: 599px) {
  table.form-tbl td .list-type > li {
    margin: 0;
  }
  table.form-tbl td .list-type > li:not(:last-child) {
    margin-bottom: 5px;
  }
}

.form-require {
  display: inline-block;
  position: absolute;
  top: 11px;
  right: 0;
  padding: 5px 10px 6px;
  background-color: #e23d64;
  color: #fff;
  font-size: 1.3rem;
  letter-spacing: 0.04em;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  .form-require {
    top: 12px;
    padding: 3px 6px 4px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 599px) {
  .form-require {
    top: 2px;
    font-size: 1.1rem;
  }
}

/*-- agreement --*/
.form-agreement {
  margin: 40px 0 0;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .form-agreement {
    margin: 30px 0 0;
  }
}
@media screen and (max-width: 599px) {
  .form-agreement {
    margin: 20px 0 0;
    text-align: left;
  }
}
.form-agreement__text {
  color: #30455c;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  line-height: 2;
}
@media screen and (max-width: 1024px) {
  .form-agreement__text {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 599px) {
  .form-agreement__text {
    font-size: 1.4rem;
    line-height: 1.8;
  }
}
.form-agreement__text a {
  color: #1e99c6;
  text-decoration: underline;
}
.form-agreement__text a:hover {
  text-decoration: none;
}
.form-agreement input[type=checkbox] {
  display: none;
}
.form-agreement input[type=checkbox] + label {
  display: block;
  margin: 0 auto;
  padding: 20px;
  background-color: #f3f6fa;
  font-size: 1.6rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  text-align: center;
  transition: 0.5s;
  letter-spacing: 0.06em;
  cursor: pointer;
}
@media screen and (max-width: 599px) {
  .form-agreement input[type=checkbox] + label {
    padding: 12px;
  }
}
.form-agreement input[type=checkbox] + label > span {
  display: inline-block;
  position: relative;
  padding-left: 38px;
  color: #30455c;
}
@media screen and (max-width: 599px) {
  .form-agreement input[type=checkbox] + label > span {
    padding-left: 30px;
  }
}
.form-agreement input[type=checkbox] + label > span::before {
  content: "";
  position: absolute;
  top: 2px;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 20px;
  margin: auto 0;
  border: 2px solid #5878a7;
}
@media screen and (max-width: 599px) {
  .form-agreement input[type=checkbox] + label > span::before {
    top: 1px;
    width: 18px;
    height: 18px;
  }
}
.form-agreement input[type=checkbox]:checked + label > span::after {
  content: "";
  position: absolute;
  top: 9px;
  left: 5px;
  width: 10px;
  height: 10px;
  background-color: #30455c;
}
@media screen and (max-width: 599px) {
  .form-agreement input[type=checkbox]:checked + label > span::after {
    top: 10px;
    width: 8px;
    height: 8px;
  }
}

/*-- error ---*/
.form-errors-message {
  margin: 0 0 30px;
  padding: 35px 20px;
  background: #fff4f5;
  color: #f90f38;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  text-align: center;
  line-height: 1.8;
}
@media screen and (max-width: 1024px) {
  .form-errors-message {
    margin: 0 0 30px;
    padding: 25px;
  }
}
@media screen and (max-width: 599px) {
  .form-errors-message {
    padding: 20px;
    margin-bottom: 20px;
  }
}

.error-box-text {
  margin-bottom: 12px;
  color: #f90f38;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  line-height: 1.2;
}
@media screen and (max-width: 599px) {
  .error-box-text {
    font-size: 1.4rem;
  }
}

.form-button {
  position: relative;
  margin-top: 60px;
}
@media screen and (max-width: 1024px) {
  .form-button {
    margin-top: 30px;
  }
}
.form-button button[type=submit] {
  display: block;
  position: relative;
  max-width: 270px;
  width: 100%;
  margin: 0 auto;
  padding: 15px;
  background-color: #5878a7;
  color: #fff;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.06em;
  transition: 0.5s;
}
@media screen and (max-width: 599px) {
  .form-button button[type=submit] {
    padding: 12px 20px;
  }
}
.form-button button[type=submit]::before {
  content: "";
  width: 20px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  right: 15px;
  top: 50%;
  display: block;
}
.form-button button[type=submit]::after {
  content: "";
  width: 7px;
  height: 7px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg);
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -3px;
  display: block;
}
.form-button button[type=submit]:hover {
  opacity: 0.9;
}
.form-button__back {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  max-width: 200px;
  width: 100%;
  padding: 15px;
  background-color: #989898;
  color: #fff;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  text-align: center;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1300px) {
  .form-button__back {
    position: relative;
    top: 0;
    left: 0;
    margin: 20px auto 0;
  }
}
@media screen and (max-width: 599px) {
  .form-button__back {
    margin: 25px auto 0;
    padding: 12px 20px;
    font-size: 1.4rem;
    max-width: 150px;
  }
}
.form-button__back::before {
  content: "";
  position: absolute;
  top: 0;
  left: 20px;
  bottom: 0;
  width: 22px;
  height: 4px;
  margin: auto 0;
  background-image: url(../img/common/arrow.png);
  background-repeat: no-repeat;
  background-size: 100%;
  transform: scaleX(-1);
}
.form-button__back:hover {
  opacity: 0.9;
}

/* ---------------------------------- **
		Modal Window
** ---------------------------------- */
#layer_board_area {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 3vw;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box; /*スクロールバーを非表示*/
  -ms-overflow-style: none; /*スクロールバーを非表示*/
  scrollbar-width: none; /*スクロールバーを非表示*/
  z-index: 200;
}

#layer_board_area::-webkit-scrollbar {
  display: none; /*スクロールバーを非表示*/
}

.layer_board_bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  cursor: pointer;
  background: #71a5d4;
  z-index: 0;
}

.alert-wrapper {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto auto;
  padding: 40px 40px 90px;
  width: 100%;
  max-width: 600px;
  height: 270px;
  background-color: #fff;
  box-sizing: border-box;
  z-index: 10;
  border-radius: 4px;
  position: absolute;
}
@media screen and (max-width: 599px) {
  .alert-wrapper {
    padding: 30px 30px 70px;
    width: calc(100% - 40px);
    max-width: 320px;
    height: 230px;
    border-radius: 5px;
  }
}
.alert-wrapper__text {
  padding-left: 0;
  font-size: 19px;
  line-height: 1.5;
  color: #30455c;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
}
@media screen and (max-width: 599px) {
  .alert-wrapper__text {
    font-size: 16px;
    text-align: justify;
  }
  .alert-wrapper__text br {
    display: none;
  }
}
.alert-wrapper__btn {
  margin-top: 20px;
  text-align: center;
}
@media screen and (max-width: 599px) {
  .alert-wrapper__btn {
    margin-top: 15px;
  }
}
.alert-wrapper__btn .link-text {
  position: relative;
  padding-left: 30px;
}
.alert-wrapper__btn .link-text::before {
  background: #d6ecf5;
  content: "";
  height: 22px;
  width: 22px;
  border-radius: 50px;
  left: 0;
  position: absolute;
  top: 0px;
}
.alert-wrapper__btn .link-text::after {
  display: block;
  content: "";
  position: absolute;
  vertical-align: middle;
  top: 0;
  bottom: 0;
  left: 6px;
  margin: auto;
  width: 7px;
  height: 7px;
  border-right: 2px solid #3da8d5;
  border-bottom: 2px solid #3da8d5;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.alert-wrapper__btn .link-text span {
  position: relative;
  font-weight: 700;
  color: #3da8d5;
}
.alert-wrapper__btn .link-text span::before {
  background: #3da8d5;
  content: "";
  height: 1px;
  width: 100%;
  left: 0;
  position: absolute;
  bottom: -2px;
}
.alert-wrapper .close-btn {
  bottom: 25px;
  left: calc(50% - 23px);
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background-color: #3da8d5;
  background-image: url(../img/common/icon_close.svg);
  background-size: 30% auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
  transition: 0.5s;
  cursor: pointer;
  display: block;
}
@media screen and (max-width: 599px) {
  .alert-wrapper .close-btn {
    bottom: 20px;
    left: calc(50% - 20px);
    width: 40px;
    height: 40px;
  }
}
@media screen and (min-width: 1025px) {
  .alert-wrapper .close-btn:hover {
    opacity: 0.8;
  }
}

.news-tab {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  .news-tab {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 599px) {
  .news-tab {
    margin-bottom: 10px;
  }
}
.news-tab > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50%;
}
.news-tab > li > a {
  width: 100%;
  height: 100%;
  display: block;
  padding: 20px;
  border-top: 3px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid transparent;
  color: #30455c;
  font-size: 1.7rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 0.07em;
  transition: 0.3s;
  cursor: pointer;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .news-tab > li > a {
    padding: 15px;
    font-size: 1.4rem;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 599px) {
  .news-tab > li > a {
    border-top: 2px solid transparent;
    padding: 15px 10px;
    font-size: 1.3rem;
  }
}
.news-tab > li > a.active {
  border-bottom-color: transparent;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-top-color: #749ec3;
}
@media screen and (min-width: 1025px) {
  .news-tab > li > a:hover {
    color: #6684b0;
  }
}

.news-list__item {
  border-bottom: 1px solid #dadde2;
}
.news-list__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 0;
}
@media screen and (max-width: 1024px) {
  .news-list__link {
    padding: 25px 0;
  }
}
@media screen and (max-width: 599px) {
  .news-list__link {
    display: block;
    padding: 20px 0;
  }
}
.news-list__link:hover {
  background-color: #f2f9ff;
}
.news-list__date {
  width: 100px;
  color: #6684b0;
  font-size: 1.5rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1024px) {
  .news-list__date {
    width: 88px;
    font-size: 1.3rem;
  }
}
.news-list__title {
  width: calc(100% - 100px);
  color: #30455c;
  font-size: 1.6rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1024px) {
  .news-list__title {
    width: calc(100% - 88px);
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 599px) {
  .news-list__title {
    width: 100%;
  }
}
.news-list__title .icon-new {
  display: inline-block;
  margin-left: 20px;
  color: #e03c72;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 599px) {
  .news-list__title .icon-new {
    margin-left: 15px;
  }
}

.news-pagetitle {
  position: relative;
  margin-bottom: 60px;
  padding-top: 20px;
  padding-bottom: 38px;
  border-bottom: 2px solid #dee2e9;
}
@media screen and (max-width: 1024px) {
  .news-pagetitle {
    margin-bottom: 40px;
    padding-top: 18px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 599px) {
  .news-pagetitle {
    margin-bottom: 25px;
  }
}
.news-pagetitle::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 28px;
  height: 1px;
  background-color: #5878a7;
}
.news-pagetitle__date {
  margin-bottom: 24px;
  color: #a5aab2;
  font-size: 1.5rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1024px) {
  .news-pagetitle__date {
    margin-bottom: 13px;
  }
}
@media screen and (max-width: 599px) {
  .news-pagetitle__date {
    margin-bottom: 8px;
    font-size: 1.4rem;
  }
}
.news-pagetitle__workshop-date {
  margin-top: 18px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 1.7rem;
  line-height: 1.4;
  color: #5096c2;
  font-weight: 400;
  letter-spacing: 0.05em;
  background-color: #f3f7fa;
  padding: 7px 25px;
  display: inline-block;
}
@media screen and (max-width: 1024px) {
  .news-pagetitle__workshop-date {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 599px) {
  .news-pagetitle__workshop-date {
    font-size: 1.5rem;
    padding: 6px 20px;
    margin-bottom: 0;
  }
}
.news-pagetitle__title {
  color: #30455c;
  font-size: 1.9rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 599px) {
  .news-pagetitle__title {
    font-size: 1.6rem;
  }
}
.news-pagetitle__title .icon-new {
  display: inline-block;
  margin-left: 20px;
  color: #e03c72;
  font-size: 1.6rem;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 599px) {
  .news-pagetitle__title .icon-new {
    margin-left: 10px;
    font-size: 1.4rem;
  }
}

.news-back-btn {
  display: block;
  position: relative;
  max-width: 100px;
  margin: 100px auto 0;
  color: #244970;
  font-size: 1.6rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1024px) {
  .news-back-btn {
    margin: 80px auto 0;
  }
}
@media screen and (max-width: 599px) {
  .news-back-btn {
    margin: 40px auto 0;
    font-size: 1.4rem;
  }
}
.news-back-btn::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -45%;
  width: 77px;
  height: 77px;
  margin: auto 0;
  background-color: #cfe1f1;
  border-radius: 50%;
  z-index: -1;
}
@media screen and (max-width: 599px) {
  .news-back-btn::before {
    left: -18%;
    width: 50px;
    height: 50px;
  }
}
.news-back-btn:hover {
  opacity: 0.8;
}

.news-service {
  margin-top: 80px;
  background-color: #e3f2f9;
  padding: 45px;
  border-radius: 10px;
}
@media screen and (max-width: 834px) {
  .news-service {
    margin-top: 50px;
    padding: 30px;
  }
}
@media screen and (max-width: 599px) {
  .news-service {
    margin-top: 30px;
    padding: 15px;
  }
}
.news-service__block {
  margin-bottom: 50px;
  background-color: #fff;
  border-radius: 10px;
  padding: 50px 60px;
}
@media screen and (max-width: 834px) {
  .news-service__block {
    margin-bottom: 70px;
    padding: 40px;
  }
}
@media screen and (max-width: 599px) {
  .news-service__block {
    margin-bottom: 50px;
    padding: 35px 20px 25px;
  }
}
.news-service__title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 98%;
  margin: 0 auto 40px;
}
@media screen and (max-width: 834px) {
  .news-service__title {
    width: 100%;
    margin: 0 auto 30px;
  }
}
@media screen and (max-width: 599px) {
  .news-service__title {
    flex-direction: column;
    margin: 0 auto 20px;
  }
}
.news-service__title__logo {
  width: 45%;
}
@media screen and (max-width: 599px) {
  .news-service__title__logo {
    width: 80% !important;
    margin-bottom: 5px;
    padding-right: 0;
  }
}
.short .news-service__title__logo {
  width: 40%;
  padding-right: 10px;
}
.news-service__title__catch {
  width: 55%;
  padding-left: 3.5%;
  color: #30455c;
  font-size: 1.9rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  letter-spacing: 0.1em;
  line-height: 1.8;
}
@media screen and (max-width: 834px) {
  .news-service__title__catch {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 599px) {
  .news-service__title__catch {
    width: 100% !important;
    padding-left: 0 !important;
    font-size: 1.4rem;
    text-align: center;
  }
}
.short .news-service__title__catch {
  width: 60%;
  padding-right: 10px;
}
.news-service__copy {
  margin-bottom: 50px;
  color: #5878a7;
  font-size: 2rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  text-align: center;
  line-height: 2;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 834px) {
  .news-service__copy {
    margin-bottom: 40px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 599px) {
  .news-service__copy {
    margin-bottom: 25px;
    font-size: 1.5rem;
    line-height: 1.8;
  }
}
.news-service__list {
  padding-left: 0 !important;
}
.news-service__list__item {
  display: flex;
  border-top: 1px solid #d8eaf1;
  padding-top: 45px;
}
@media screen and (max-width: 599px) {
  .news-service__list__item {
    padding-top: 25px;
    flex-direction: column;
  }
}
.news-service__list__item:not(:last-child) {
  margin-bottom: 45px;
}
@media screen and (max-width: 834px) {
  .news-service__list__item:not(:last-child) {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 599px) {
  .news-service__list__item:not(:last-child) {
    margin-bottom: 25px;
  }
}
.news-service__list__item.reverse {
  flex-direction: row-reverse;
}
@media screen and (max-width: 599px) {
  .news-service__list__item.reverse {
    flex-direction: column;
  }
}
.news-service__list__image {
  width: 35%;
}
@media screen and (max-width: 599px) {
  .news-service__list__image {
    width: 100%;
    margin-bottom: 15px;
  }
}
.news-service__list__content {
  width: 65%;
  margin-top: -8px;
  padding-left: 4.5%;
}
@media screen and (max-width: 599px) {
  .news-service__list__content {
    width: 100%;
    margin-top: 0;
    padding-left: 0;
  }
}
.reverse .news-service__list__content {
  padding-right: 4.5%;
  padding-left: 0;
}
@media screen and (max-width: 599px) {
  .reverse .news-service__list__content {
    padding-right: 0;
  }
}
.news-service__list__copy {
  margin-bottom: 20px;
  color: #5878a7;
  font-size: 2.3rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  line-height: 1.5;
}
@media screen and (max-width: 834px) {
  .news-service__list__copy {
    margin-bottom: 15px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 599px) {
  .news-service__list__copy {
    margin-bottom: 10px;
    font-size: 1.8rem;
  }
}
.news-service__list__text {
  color: #30455c;
  font-size: 1.7rem;
  font-family: "Shippori Mincho", serif !important;
  line-height: 2.1;
}
@media screen and (max-width: 834px) {
  .news-service__list__text {
    font-size: 1.6rem;
    line-height: 1.8;
  }
}
@media screen and (max-width: 599px) {
  .news-service__list__text {
    font-size: 1.5rem;
  }
}
.news-service__list__kome {
  padding-left: 1em;
  font-size: 1.4rem;
  text-indent: -1em;
}
@media screen and (max-width: 599px) {
  .news-service__list__kome {
    font-size: 1.3rem;
  }
}
.news-service__text-box {
  padding: 25px;
  background: #f3f7fa;
  border-radius: 10px;
  color: #244970;
  font-size: 1.8rem;
  font-family: "Shippori Mincho", serif !important;
  text-align: center;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 834px) {
  .news-service__text-box {
    padding: 22px;
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 599px) {
  .news-service__text-box {
    padding: 12px 15px;
    border-radius: 8px;
    font-size: 1.4rem;
  }
}
.news-service__container {
  display: flex;
  align-items: center;
  width: 84%;
  margin: 0 auto 60px;
}
@media screen and (max-width: 599px) {
  .news-service__container {
    flex-direction: column;
    margin-bottom: 40px;
    width: 100%;
  }
}
.news-service__container__image {
  width: 40%;
}
@media screen and (max-width: 599px) {
  .news-service__container__image {
    width: 55%;
    margin-bottom: 20px;
  }
}
.news-service__container__content {
  width: 60%;
  padding-left: 8%;
}
@media screen and (max-width: 834px) {
  .news-service__container__content {
    padding-left: 5%;
  }
}
@media screen and (max-width: 599px) {
  .news-service__container__content {
    width: 100%;
    padding-left: 0;
  }
}
.news-service__container__def-list > dt {
  display: inline-block;
  position: relative;
  margin-bottom: 15px;
  background-color: #71a5d4;
  border-radius: 50px;
  color: #fff;
  font-size: 2.3rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  letter-spacing: 0.1em;
  line-height: 1.5;
  padding: 7px 25px;
  min-width: 260px;
  text-align: center;
}
@media screen and (max-width: 834px) {
  .news-service__container__def-list > dt {
    margin-bottom: 12px;
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 599px) {
  .news-service__container__def-list > dt {
    margin-bottom: 10px;
    font-size: 1.7rem;
  }
}
.news-service__container__def-list > dd {
  color: #30455c;
  font-size: 1.7rem;
  font-family: "Shippori Mincho", serif !important;
  line-height: 1.8;
}
@media screen and (max-width: 834px) {
  .news-service__container__def-list > dd {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 599px) {
  .news-service__container__def-list > dd {
    font-size: 1.5rem;
    line-height: 1.8;
  }
}
.news-service__container__def-list > dd:not(:last-child) {
  margin-bottom: 30px;
}
@media screen and (max-width: 834px) {
  .news-service__container__def-list > dd:not(:last-child) {
    margin-bottom: 20px;
  }
}
.news-service .title02 {
  padding: 0px 22px !important;
  color: #5878a7 !important;
  font-size: 2.4rem !important;
  margin-bottom: 20px !important;
}
@media screen and (max-width: 599px) {
  .news-service .title02 {
    font-size: 1.6rem !important;
    padding: 0px 18px !important;
  }
}
.news-service__def-list {
  margin-bottom: 60px;
  padding-left: 25px;
}
@media screen and (max-width: 599px) {
  .news-service__def-list {
    padding-left: 0;
    margin-bottom: 40px;
  }
}
.news-service__def-list > dl {
  display: flex;
}
@media screen and (max-width: 599px) {
  .news-service__def-list > dl {
    flex-direction: column;
  }
}
.news-service__def-list > dl:not(:last-child) {
  margin-bottom: 30px;
}
@media screen and (max-width: 834px) {
  .news-service__def-list > dl:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 599px) {
  .news-service__def-list > dl:not(:last-child) {
    margin-bottom: 10px;
  }
}
.news-service__def-list > dl > dt {
  width: 155px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 834px) {
  .news-service__def-list > dl > dt {
    width: 150px;
  }
}
@media screen and (max-width: 599px) {
  .news-service__def-list > dl > dt {
    width: 100%;
  }
}
.news-service__def-list > dl > dt > span {
  color: #5878a7;
  font-size: 2rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
}
@media screen and (max-width: 834px) {
  .news-service__def-list > dl > dt > span {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 599px) {
  .news-service__def-list > dl > dt > span {
    font-size: 1.6rem;
    position: relative;
    padding-left: 15px;
  }
  .news-service__def-list > dl > dt > span::before {
    background: #abc5de;
    border-radius: 50px;
    content: "";
    height: 10px;
    width: 10px;
    left: 0;
    position: absolute;
    top: 7px;
  }
}
.news-service__def-list > dl > dd {
  width: calc(100% - 160px);
  border-left: 2px solid #e2e2e2;
  padding-left: 33px;
  color: #30455c;
  font-family: "Shippori Mincho", serif !important;
  line-height: 2;
  font-weight: 300;
}
@media screen and (max-width: 834px) {
  .news-service__def-list > dl > dd {
    width: calc(100% - 150px);
  }
}
@media screen and (max-width: 599px) {
  .news-service__def-list > dl > dd {
    width: 100%;
    border-left: none;
    padding-left: 0;
  }
}

.medical-index-24th {
  margin-bottom: 23px;
  font-size: 1.6rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  color: #5878a7;
  text-align: center;
  padding: 14px;
  border: 1px dotted #5878a7;
  letter-spacing: 1px;
}
@media screen and (max-width: 599px) {
  .medical-index-24th {
    font-size: 1.5rem;
    line-height: 1.4;
    padding: 16px;
  }
}
.medical-index-24th > span {
  display: block;
  margin-bottom: 4px;
}
@media screen and (max-width: 599px) {
  .medical-index-24th > span {
    margin-bottom: 8px;
  }
}
.medical-index-24th > a {
  text-decoration: underline;
}

.medical-index-time {
  padding: 30px 0;
  margin-bottom: 30px;
  background-color: #f3f7fa;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  color: #30455c;
}
@media screen and (max-width: 599px) {
  .medical-index-time {
    display: block;
    padding: 20px;
  }
}
.medical-index-time > dt {
  width: 195px;
  font-size: 2.3rem;
  color: #5878a7;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 400;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 599px) {
  .medical-index-time > dt {
    width: 100%;
    padding-bottom: 10px;
    font-size: 1.8rem;
  }
}
.medical-index-time > dd {
  padding: 0 45px;
  width: calc(100% - 195px);
  border-left: 1px solid #cbd3dd;
}
@media screen and (max-width: 599px) {
  .medical-index-time > dd {
    width: 100%;
    border-left: none;
    border-top: 1px solid #cbd3dd;
    padding: 15px 0 0;
  }
}
.medical-index-time__inner > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 7px;
}
.medical-index-time__inner > div:last-child {
  margin-bottom: 0;
}
.medical-index-time__inner > div > dt {
  width: 100px;
}
@media screen and (max-width: 599px) {
  .medical-index-time__inner > div > dt {
    width: 70px;
  }
}
.medical-index-time__inner > div > dd {
  width: calc(100% - 100px);
}
@media screen and (max-width: 599px) {
  .medical-index-time__inner > div > dd {
    width: calc(100% - 70px);
  }
}

.medical-index-table {
  width: 100%;
  margin-bottom: 20px;
  border-collapse: collapse;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  color: #30455c;
  letter-spacing: 0.03em;
  table-layout: fixed;
}
@media screen and (max-width: 599px) {
  .medical-index-table {
    line-height: 1.3;
    letter-spacing: 0;
  }
}
.medical-index-table tr {
  border-bottom: 1px solid #d5dce5;
}
.medical-index-table th, .medical-index-table td {
  font-weight: 400;
  text-align: center;
  padding: 25px 15px;
  vertical-align: middle;
}
@media screen and (max-width: 599px) {
  .medical-index-table th, .medical-index-table td {
    padding: 10px 2px;
    font-size: 1.3rem;
  }
}
.medical-index-table th:first-child {
  width: 190px;
}
@media screen and (max-width: 599px) {
  .medical-index-table th:first-child {
    width: 80px;
  }
}
.medical-index-table thead th, .medical-index-table thead td {
  padding: 10px 15px;
}
@media screen and (max-width: 599px) {
  .medical-index-table thead th, .medical-index-table thead td {
    padding: 5px 0;
  }
}
.medical-index-table td.cl-blue {
  color: #82aed7;
}

.medical-index-list {
  border: 1px dotted #5878a7;
  padding: 30px 40px;
}
@media screen and (max-width: 599px) {
  .medical-index-list {
    padding: 20px;
  }
}

.medical-wrapper__block:not(:last-child) {
  margin-bottom: 110px;
}
@media screen and (max-width: 1024px) {
  .medical-wrapper__block:not(:last-child) {
    margin-bottom: 90px;
  }
}
@media screen and (max-width: 599px) {
  .medical-wrapper__block:not(:last-child) {
    margin-bottom: 60px;
  }
}
.medical-wrapper__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.medical-wrapper__container__content {
  width: 61%;
  margin-right: 4%;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__container__content {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.medical-wrapper__container__image {
  width: 35%;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__container__image {
    width: 100%;
  }
}
.medical-wrapper__container02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__container02 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.medical-wrapper__container02__content {
  width: 65%;
  margin-right: 3%;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__container02__content {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.medical-wrapper__container02__wrap {
  background-color: #f3f7fa;
  margin-right: 20px;
  padding: 35px;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__container02__wrap {
    margin-right: 0;
    margin-bottom: 10px;
    padding: 25px 25px 30px;
  }
}
.medical-wrapper__container02__wrap__ttl {
  color: #5878a7;
  font-size: 1.8rem;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 15px;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__container02__wrap__ttl {
    font-size: 1.7rem;
    letter-spacing: -0.5px;
  }
}
.medical-wrapper__container02__wrap__text {
  margin-top: 8px;
  color: #30455c;
  font-size: 1.5rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  letter-spacing: 0.5px;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__container02__wrap__text {
    font-size: 1.4rem;
  }
}
.medical-wrapper__container02__image {
  width: 32%;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__container02__image {
    width: 70%;
    display: block;
    margin: 0 auto;
  }
}
.medical-wrapper__container02__kome {
  color: #30455c;
  font-size: 1.4rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  letter-spacing: 0.06em;
}
.medical-wrapper__tool {
  margin-top: 25px;
  padding: 30px 30px 0px;
  border: 10px solid #e4eef6;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__tool {
    padding: 25px 18px 0px;
    border-width: 7px;
  }
}
.medical-wrapper__tool__button {
  position: relative;
  margin-top: -30px;
  margin-bottom: 20px;
  display: block;
  max-width: 320px;
  width: 100%;
  padding: 12px 30px 12px 10px;
  background-color: #7fa9d0;
  color: #fff;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  text-align: center;
  cursor: pointer;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__tool__button {
    margin-top: 20px;
  }
}
.medical-wrapper__tool__button::before {
  background: #fff;
  content: "";
  height: 1px;
  width: 16px;
  right: 15px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.medical-wrapper__tool__button::after {
  background: #fff;
  content: "";
  height: 16px;
  width: 1px;
  right: 22px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.medical-wrapper__tool__button.open::after {
  display: none;
}
.medical-wrapper__tool__button:hover {
  background-color: #244970;
}
.medical-wrapper__tool__atlink {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__tool__atlink {
    display: block;
  }
}
.medical-wrapper__tool__atlink__box {
  width: 67%;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__tool__atlink__box {
    width: 100%;
  }
}
.medical-wrapper__tool__atlink__box .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__tool__atlink__box .inner {
    display: block;
  }
}
.medical-wrapper__tool__atlink__box .inner .inner-box {
  width: 75%;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__tool__atlink__box .inner .inner-box {
    width: 100%;
  }
}
.medical-wrapper__tool__atlink__box .inner .inner-box .ttl {
  color: #5878a7;
  font-size: 1.9rem;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 5px;
  margin-bottom: 10px;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__tool__atlink__box .inner .inner-box .ttl {
    font-size: 1.7rem;
  }
}
.medical-wrapper__tool__atlink__box .inner .inner-box .text-base {
  line-height: 1.5;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__tool__atlink__box .inner .inner-box .text-base {
    margin-right: 70px;
  }
}
.medical-wrapper__tool__atlink__box .inner .inner-logo {
  padding-top: 5px;
  width: 25%;
  padding-left: 25px;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__tool__atlink__box .inner .inner-logo {
    margin-top: -70px;
    width: 58px;
    float: right;
    padding-left: 0;
  }
}
.medical-wrapper__tool__atlink__qr {
  width: 33%;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__tool__atlink__qr {
    width: 100%;
  }
}
.medical-wrapper__tool__ecodiary {
  margin-bottom: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__tool__ecodiary {
    display: block;
    margin-bottom: 0;
  }
}
.medical-wrapper__tool__ecodiary__box {
  position: relative;
  padding: 25px 20px 25px 25px;
  background-color: #edf4f9;
  background-repeat: no-repeat;
  border-radius: 8px;
  width: -webkit-calc( ( 100% - 58px ) / 2 );
  width: calc((100% - 58px) / 2);
  font-size: 1.7rem;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 500;
  color: #5878a7;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__tool__ecodiary__box {
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 20px;
    width: 100%;
    margin-bottom: 20px;
  }
}
.medical-wrapper__tool__ecodiary__box.flow01 {
  background-image: url(../img/medical/pregnant/eco_img01.png);
  background-position: bottom right 10px;
  padding-right: 160px;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__tool__ecodiary__box.flow01 {
    background-size: 100px auto;
    padding-right: 110px;
  }
}
.medical-wrapper__tool__ecodiary__box.flow01::before {
  background-image: url(../img/medical/pregnant/arw.png);
  background-repeat: no-repeat;
  content: "";
  height: 26px;
  width: 49px;
  right: -52px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__tool__ecodiary__box.flow01::before {
    transform: rotate(90deg);
    background-size: 30px auto;
    right: 0;
    left: 0;
    top: auto;
    bottom: -30px;
    z-index: 3;
  }
}
.medical-wrapper__tool__ecodiary__box.flow02 {
  background-image: url(../img/medical/pregnant/eco_img02.png);
  background-position: bottom right 25px;
  padding-right: 120px;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__tool__ecodiary__box.flow02 {
    background-size: 60px auto;
    padding-right: 80px;
    margin-bottom: 0;
  }
}
.medical-wrapper__tool__flow {
  position: relative;
  padding: 35px 0px 30px;
  display: none;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__tool__flow {
    padding: 25px 0px 10px;
  }
}
.medical-wrapper__tool__flow::before {
  background-color: #e4eef6;
  z-index: -1;
  content: "";
  height: 100%;
  width: calc(100% + 60px);
  left: -30px;
  right: -30px;
  position: absolute;
  top: 0px;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__tool__flow::before {
    width: calc(100% + 40px);
    left: -20px;
    right: -20px;
  }
}
.medical-wrapper__tool__flow__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
.atlink .medical-wrapper__tool__flow__item {
  width: -webkit-calc( ( 100% - 60px ) / 4 );
  width: calc((100% - 60px) / 4);
  text-align: center;
}
@media screen and (max-width: 599px) {
  .atlink .medical-wrapper__tool__flow__item {
    width: -webkit-calc( ( 100% - 16px ) / 2 );
    width: calc((100% - 16px) / 2);
    margin-bottom: 15px;
  }
}
.ecodiary .medical-wrapper__tool__flow__item {
  width: -webkit-calc(100% / 3);
  width: 33.3333333333%;
  border-right: 2px dotted #7fa9d0;
  padding: 5px 30px;
}
@media screen and (max-width: 834px) {
  .ecodiary .medical-wrapper__tool__flow__item {
    padding: 5px 15px;
  }
}
@media screen and (max-width: 599px) {
  .ecodiary .medical-wrapper__tool__flow__item {
    width: 100%;
    border-right: none;
    border-bottom: 2px dotted #7fa9d0;
    padding: 20px 10px !important;
  }
}
.ecodiary .medical-wrapper__tool__flow__item:first-child {
  padding-left: 0px;
}
.ecodiary .medical-wrapper__tool__flow__item:last-child {
  border-right: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 599px) {
  .ecodiary .medical-wrapper__tool__flow__item:last-child {
    border-bottom: none;
  }
}
.ecodiary .medical-wrapper__tool__flow__item .ttl {
  font-size: 1.4rem;
  font-family: "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif !important;
  font-weight: 500;
  margin-bottom: 25px;
  padding-left: 1em;
  text-indent: -1em;
}
.ecodiary .medical-wrapper__tool__flow__item .ttl a {
  color: #e6338b;
  word-break: break-all;
}
.ecodiary .medical-wrapper__tool__flow__item .ttl a:hover {
  text-decoration: underline;
}
.ecodiary .medical-wrapper__tool__flow__item .text {
  font-size: 1.4rem;
  font-family: "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif !important;
  font-weight: 500;
  margin-bottom: 10px;
}
.ecodiary .medical-wrapper__tool__flow__item .img {
  text-align: center;
}
.ecodiary .medical-wrapper__tool__flow__item .stext {
  margin-top: 10px;
  color: #4683bb;
  font-size: 1.3rem;
  font-family: "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif !important;
  font-weight: 400;
  letter-spacing: -1px;
}
.ecodiary .medical-wrapper__tool__flow__item .qr {
  width: 140px;
  margin: 0 auto 15px;
}
.ecodiary .medical-wrapper__tool__flow__item .bnr {
  display: block;
  text-align: center;
}
.ecodiary .medical-wrapper__tool__flow__item .bnr:hover {
  opacity: 0.8;
}
.medical-wrapper__table {
  width: 100%;
}
.medical-wrapper__table th,
.medical-wrapper__table td {
  border-top: 1px solid #d5dce5;
  border-bottom: 1px solid #d5dce5;
  line-height: 1.4;
  letter-spacing: 0.06em;
}
.medical-wrapper__table th {
  width: 170px;
  padding: 25px 30px;
  background-color: #f9f9f9;
  color: #3e5d7f;
  font-size: 1.6rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  text-align: left;
  vertical-align: middle;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__table th {
    width: 150px;
    padding: 15px 20px;
    font-size: 1.5rem;
  }
}
.medical-wrapper__table td {
  padding: 25px;
  color: #30455c;
  font-size: 1.5rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__table td {
    padding: 15px;
    font-size: 1.4rem;
  }
}
.medical-wrapper__table td.box {
  position: relative;
  width: 145px;
  padding: 8px;
}
.medical-wrapper__table td.box span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 8px;
  left: 8px;
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  background-color: #f3f7fa;
  color: #5878a7;
  font-size: 1.6rem;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__table td.box span {
    font-size: 1.5rem;
  }
}
.medical-wrapper__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 38px 30px 38px 40px;
  border: 1px solid #7691b8;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px;
  }
}
.medical-wrapper__box__content {
  padding-right: 3%;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__box__content {
    margin-bottom: 15px;
    padding-right: 0;
  }
}
.medical-wrapper__box__title {
  margin-bottom: 15px;
  color: #5878a7;
  font-size: 2.3rem;
  font-family: "Shippori Mincho", serif !important;
  line-height: 1.4;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__box__title {
    margin-bottom: 10px;
    font-size: 1.8rem;
  }
}
.medical-wrapper__box__text {
  color: #30455c;
  font-size: 1.5rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  line-height: 2.1;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 599px) {
  .medical-wrapper__box__text {
    font-size: 1.4rem;
  }
}
.medical-wrapper__box__button {
  display: block;
  max-width: 180px;
  width: 100%;
  padding: 12px 30px 12px 10px;
  background-color: #7fa9d0;
  background-image: url(../img/common/arrow_btn.png);
  background-repeat: no-repeat;
  background-position: center right 13px;
  background-size: 20px auto;
  color: #fff;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  text-align: center;
}
.medical-wrapper__box__button:hover {
  background-color: #244970;
}

.medical-price__block {
  margin-bottom: 100px;
}
@media screen and (max-width: 1024px) {
  .medical-price__block {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 599px) {
  .medical-price__block {
    margin-bottom: 50px;
  }
}
.medical-price__block--last {
  margin-bottom: 0;
}

.medical-price-common {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 599px) {
  .medical-price-common {
    display: block;
    margin-bottom: 30px;
  }
}
.medical-price-common__content {
  width: 61%;
  margin-right: 4%;
}
@media screen and (max-width: 599px) {
  .medical-price-common__content {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.medical-price-common__image {
  width: 35%;
}
@media screen and (max-width: 599px) {
  .medical-price-common__image {
    width: 100%;
  }
}

.medical-price-home {
  padding: 40px 25px 40px 35px;
  border: 1px solid #7691b8;
}
@media screen and (max-width: 599px) {
  .medical-price-home {
    padding: 30px;
  }
}
.medical-price-home > dt {
  font-size: 2.3rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 300;
  color: #5878a7;
  line-height: 1.3;
  letter-spacing: 0.03em;
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .medical-price-home > dt {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 599px) {
  .medical-price-home > dt {
    font-size: 1.7rem;
  }
}
.medical-price-home .list01 > li {
  font-size: 1.5rem;
}

.medical-price-table01 {
  width: 100%;
  margin-bottom: 30px;
}
@media screen and (max-width: 599px) {
  .medical-price-table01 {
    margin-bottom: 25px;
  }
}
.medical-price-table01 th,
.medical-price-table01 td {
  border-top: 1px solid #d5dce5;
  border-bottom: 1px solid #d5dce5;
  line-height: 1.4;
  letter-spacing: 0.06em;
  font-size: 1.7rem;
  text-align: center;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  color: #30455c;
  font-weight: 400;
  padding: 25px 15px;
  vertical-align: middle;
}
.medical-price-table01 th {
  width: 32%;
  background-color: #f3f7fa;
}
@media screen and (max-width: 599px) {
  .medical-price-table01 th {
    padding: 15px 10px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 599px) {
  .medical-price-table01 td {
    padding: 15px 0px 15px 10px;
    font-size: 1.4rem;
    vertical-align: middle;
  }
}
.medical-price-table01 td .atn {
  font-size: 1.5rem;
  margin-top: 10px;
  text-align: left;
  line-height: 1.2;
}
@media screen and (max-width: 599px) {
  .medical-price-table01 td .atn {
    font-size: 1.3rem;
  }
}

.medical-gynecology__block:not(:last-child) {
  margin-bottom: 100px;
}
@media screen and (max-width: 1024px) {
  .medical-gynecology__block:not(:last-child) {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 599px) {
  .medical-gynecology__block:not(:last-child) {
    margin-bottom: 50px;
  }
}
.medical-gynecology__text-box {
  padding: 22px;
  border: 1px dotted #5878a7;
  color: #5878a7;
  font-family: "Shippori Mincho", serif !important;
  text-align: center;
  line-height: 2;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 599px) {
  .medical-gynecology__text-box {
    padding: 20px 15px;
  }
}
.medical-gynecology__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 40px;
  background-color: #f3f7fa;
}
@media screen and (max-width: 834px) {
  .medical-gynecology__box {
    padding: 30px;
  }
}
@media screen and (max-width: 599px) {
  .medical-gynecology__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px;
  }
}
.medical-gynecology__box .list01 {
  width: calc((99.9% - 20px) / 2);
}
@media screen and (max-width: 599px) {
  .medical-gynecology__box .list01 {
    width: 100%;
  }
}
.medical-gynecology__box .list01:nth-child(1) {
  margin-right: 20px;
}
@media screen and (max-width: 599px) {
  .medical-gynecology__box .list01:nth-child(1) {
    margin-right: 0;
  }
}

.medical-prenatal__block:not(:last-child) {
  margin-bottom: 100px;
}
@media screen and (max-width: 1024px) {
  .medical-prenatal__block:not(:last-child) {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 599px) {
  .medical-prenatal__block:not(:last-child) {
    margin-bottom: 50px;
  }
}
.medical-prenatal__image {
  max-width: 500px;
  margin: 0 auto;
}
.medical-prenatal__table {
  width: 100%;
  border-top: 1px solid #d5dce5;
}
.medical-prenatal__table th,
.medical-prenatal__table td {
  padding: 24px 10px;
  border-bottom: 1px solid #d5dce5;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  text-align: center;
}
@media screen and (max-width: 599px) {
  .medical-prenatal__table th,
  .medical-prenatal__table td {
    padding: 15px 10px;
  }
}
.medical-prenatal__table th {
  width: 42%;
  background-color: #f3f7fa;
}
@media screen and (max-width: 599px) {
  .medical-prenatal__table th {
    width: 110px;
  }
}

.medical-painless__block {
  margin-bottom: 100px;
}
@media screen and (max-width: 1024px) {
  .medical-painless__block {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 599px) {
  .medical-painless__block {
    margin-bottom: 50px;
  }
}
.medical-painless__block--mb-middle {
  margin-bottom: 70px;
}
@media screen and (max-width: 599px) {
  .medical-painless__block--mb-middle {
    margin-bottom: 50px;
  }
}
.medical-painless__block--last {
  margin-bottom: 0;
}

.medical-painless-select {
  margin-top: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .medical-painless-select {
    margin-top: 30px;
  }
}
@media screen and (max-width: 599px) {
  .medical-painless-select {
    margin-top: 10px;
  }
}
.medical-painless-select__text-box {
  width: 61%;
  margin-right: 5%;
}
@media screen and (max-width: 1024px) {
  .medical-painless-select__text-box {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }
}
@media screen and (max-width: 599px) {
  .medical-painless-select__text-box {
    margin-bottom: 0;
  }
}
.medical-painless-select__photos {
  width: 34%;
  padding-top: 15px;
}
@media screen and (max-width: 1024px) {
  .medical-painless-select__photos {
    width: 100%;
  }
}
.medical-painless-select__photos > ul {
  list-style: none;
}
@media screen and (max-width: 1024px) {
  .medical-painless-select__photos > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.medical-painless-select__photos > ul > li {
  margin-bottom: 35px;
}
@media screen and (max-width: 1024px) {
  .medical-painless-select__photos > ul > li {
    margin-left: 20px;
  }
  .medical-painless-select__photos > ul > li:first-child {
    margin-left: 0;
  }
}
@media screen and (max-width: 599px) {
  .medical-painless-select__photos > ul > li {
    margin-left: 10px;
    margin-bottom: 0;
  }
}
.medical-painless-select__photos > ul > li img {
  width: 100%;
}
.medical-painless-select__text-item {
  margin-bottom: 20px;
}
@media screen and (max-width: 599px) {
  .medical-painless-select__text-item {
    margin-bottom: 30px;
  }
}
.medical-painless-select__text-item > dt {
  margin-bottom: 12px;
  padding-bottom: 12px;
  font-size: 1.8rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  line-height: 1.4;
  letter-spacing: 0.03em;
  font-weight: 400;
  color: #5878a7;
  border-bottom: 1px dotted #5878a7;
}
@media screen and (max-width: 599px) {
  .medical-painless-select__text-item > dt {
    font-size: 1.7rem;
  }
}
.medical-painless-select__text-item > dt span {
  margin-bottom: 7px;
  font-size: 4rem;
  font-family: "Tangerine", cursive;
  color: #5bbfdf;
  display: block;
  line-height: 1;
}
@media screen and (max-width: 599px) {
  .medical-painless-select__text-item > dt span {
    font-size: 3rem;
  }
}
.medical-painless-select__text-item > dd {
  color: #30455c;
  font-size: 1.6rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  line-height: 1.9;
}
@media screen and (max-width: 599px) {
  .medical-painless-select__text-item > dd {
    font-size: 1.5rem;
  }
}

.medical-painless-about {
  margin-top: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 45px;
}
@media screen and (max-width: 599px) {
  .medical-painless-about {
    margin-bottom: 30px;
    display: block;
  }
}
.medical-painless-about__text-box {
  width: 65%;
  margin-right: 6%;
}
@media screen and (max-width: 599px) {
  .medical-painless-about__text-box {
    width: 100%;
    margin-right: 0;
    margin-top: 30px;
    margin-bottom: 25px;
  }
}
.medical-painless-about__text-box > dl > dt {
  padding-top: 5px;
  font-size: 1.9rem;
  color: #5878a7;
  font-weight: 300;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  letter-spacing: 0.06em;
  margin-bottom: 30px;
  line-height: 1.4;
  position: relative;
}
@media screen and (max-width: 599px) {
  .medical-painless-about__text-box > dl > dt {
    font-size: 1.7rem;
    margin-bottom: 20px;
  }
}
.medical-painless-about__text-box > dl > dt::before {
  content: "";
  position: absolute;
  top: -16px;
  left: -20px;
  width: 70px;
  height: 70px;
  background-color: #f7fca1;
  border-radius: 50%;
  z-index: -1;
}
@media screen and (max-width: 599px) {
  .medical-painless-about__text-box > dl > dt::before {
    left: -10px;
    width: 50px;
    height: 50px;
  }
}
.medical-painless-about__text-box > dl > dd {
  margin-bottom: 45px;
  color: #30455c;
  font-size: 1.6rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  line-height: 1.9;
}
.medical-painless-about__text-box > dl > dd.mb-none {
  margin-bottom: 0;
}
@media screen and (max-width: 599px) {
  .medical-painless-about__text-box > dl > dd {
    margin-bottom: 35px;
    font-size: 1.5rem;
  }
}
.medical-painless-about__photos {
  width: 29%;
}
@media screen and (max-width: 599px) {
  .medical-painless-about__photos {
    width: 100%;
    height: 200px;
  }
}
.medical-painless-about__photos img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media screen and (max-width: 599px) {
  .medical-painless-about__photos img {
    object-position: center 20%;
  }
}

.medical-painless-merit {
  margin-bottom: 30px;
  padding: 40px;
  background-color: #eff8fa;
}
@media screen and (max-width: 599px) {
  .medical-painless-merit {
    padding: 25px;
  }
}
.medical-painless-merit .list01 > li:not(:last-child) {
  margin-bottom: 12px;
}

.medical-painless-demerit {
  padding: 40px;
  background-color: #f3f7fa;
}
@media screen and (max-width: 599px) {
  .medical-painless-demerit {
    padding: 25px;
  }
}
.medical-painless-demerit__notice {
  margin-top: 20px;
  border: 1px dotted #597eaf;
  font-size: 1.5rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  line-height: 1.6;
  padding: 17px 20px;
  font-weight: 400;
  color: #30455c;
  letter-spacing: 0.03em;
}

.medical-painless-flow li {
  padding: 30px 0;
  border-bottom: 1px dotted #7691b8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
}
.medical-painless-flow li:first-child {
  border-top: 1px dotted #7691b8;
}
@media screen and (max-width: 599px) {
  .medical-painless-flow li {
    padding: 20px 0;
  }
}
.medical-painless-flow__number {
  width: 80px;
  font-size: 8.4rem;
  line-height: 0.1;
  color: #5bbfdf;
  font-family: "Tangerine", cursive;
  display: block;
  padding-bottom: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 599px) {
  .medical-painless-flow__number {
    width: 60px;
    font-size: 6rem;
  }
}
.medical-painless-flow__text-box {
  width: calc(100% - 80px);
  border-left: 1px dotted #7691b8;
  padding: 10px 0 10px 30px;
}
@media screen and (max-width: 599px) {
  .medical-painless-flow__text-box {
    width: calc(100% - 60px);
    padding: 10px 0 10px 20px;
  }
}
.medical-painless-flow__text-box dt {
  margin-bottom: 8px;
  font-size: 1.8rem;
  color: #5878a7;
  line-height: 1.4;
}
@media screen and (max-width: 599px) {
  .medical-painless-flow__text-box dt {
    font-size: 1.7rem;
  }
}

.medical-painless-table {
  width: 100%;
  margin-bottom: 20px;
  border-top: 1px solid #d5dce5;
}
@media screen and (max-width: 599px) {
  .medical-painless-table {
    margin-bottom: 20px;
  }
}
.medical-painless-table th,
.medical-painless-table td {
  padding: 24px;
  border-bottom: 1px solid #d5dce5;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
}
@media screen and (max-width: 599px) {
  .medical-painless-table th,
  .medical-painless-table td {
    padding: 15px 10px;
  }
}
.medical-painless-table td {
  padding: 24px 0 24px 30px;
}
.medical-painless-table td .small-text {
  font-size: 1.5rem;
}
@media screen and (max-width: 599px) {
  .medical-painless-table td .small-text {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 599px) {
  .medical-painless-table td {
    padding: 15px 10px;
  }
}
.medical-painless-table th {
  width: 280px;
  vertical-align: middle;
  background-color: #f3f7fa;
}
@media screen and (max-width: 1024px) {
  .medical-painless-table th {
    width: 200px;
  }
}
@media screen and (max-width: 599px) {
  .medical-painless-table th {
    width: 80px;
  }
}

.medical-programed__block {
  margin-bottom: 100px;
}
@media screen and (max-width: 1024px) {
  .medical-programed__block {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 599px) {
  .medical-programed__block {
    margin-bottom: 50px;
  }
}
.medical-programed__block--mb-middle {
  margin-bottom: 70px;
}
@media screen and (max-width: 599px) {
  .medical-programed__block--mb-middle {
    margin-bottom: 50px;
  }
}
.medical-programed__block--last {
  margin-bottom: 0;
}

.medical-programed-about {
  margin-top: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 45px;
}
@media screen and (max-width: 599px) {
  .medical-programed-about {
    margin-bottom: 30px;
    display: block;
  }
}
.medical-programed-about__text-box {
  width: 65%;
  margin-right: 6%;
}
@media screen and (max-width: 599px) {
  .medical-programed-about__text-box {
    width: 100%;
    margin-right: 0;
    margin-top: 30px;
    margin-bottom: 25px;
  }
}
.medical-programed-about__text-box > dl > dt {
  padding-top: 5px;
  font-size: 1.9rem;
  color: #5878a7;
  font-weight: 300;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  letter-spacing: 0.06em;
  margin-bottom: 30px;
  line-height: 1.4;
  position: relative;
}
@media screen and (max-width: 599px) {
  .medical-programed-about__text-box > dl > dt {
    font-size: 1.7rem;
    margin-bottom: 20px;
  }
}
.medical-programed-about__text-box > dl > dt::before {
  content: "";
  position: absolute;
  top: -16px;
  left: -20px;
  width: 70px;
  height: 70px;
  background-color: #f7fca1;
  border-radius: 50%;
  z-index: -1;
}
@media screen and (max-width: 599px) {
  .medical-programed-about__text-box > dl > dt::before {
    left: -10px;
    width: 50px;
    height: 50px;
  }
}
.medical-programed-about__text-box > dl > dd {
  margin-bottom: 45px;
  color: #30455c;
  font-size: 1.6rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  line-height: 1.9;
}
.medical-programed-about__text-box > dl > dd.mb-none {
  margin-bottom: 0;
}
@media screen and (max-width: 599px) {
  .medical-programed-about__text-box > dl > dd {
    margin-bottom: 35px;
    font-size: 1.5rem;
  }
}
.medical-programed-about__photos {
  width: 29%;
}
@media screen and (max-width: 599px) {
  .medical-programed-about__photos {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}
.medical-programed-about__photos img:first-child {
  margin-bottom: 30px;
}
@media screen and (max-width: 599px) {
  .medical-programed-about__photos img {
    width: calc((100% - 10px) / 2);
  }
  .medical-programed-about__photos img:first-child {
    margin-bottom: 0;
  }
}

.medical-programed-inner {
  display: flex;
}
@media screen and (max-width: 599px) {
  .medical-programed-inner {
    display: block;
  }
}
.medical-programed-inner h4 {
  width: 210px;
}
@media screen and (max-width: 599px) {
  .medical-programed-inner h4 {
    width: 100%;
  }
}

.medical-programed-flow {
  flex: 1;
}
.medical-programed-flow li {
  padding: 30px 0;
  border-bottom: 1px dotted #7691b8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
}
.medical-programed-flow li:first-child {
  border-top: 1px dotted #7691b8;
}
@media screen and (max-width: 599px) {
  .medical-programed-flow li {
    padding: 20px 0;
  }
}
.medical-programed-flow__number {
  width: 80px;
  font-size: 7.8rem;
  line-height: 0.1;
  color: #5bbfdf;
  font-family: "Tangerine", cursive;
  display: block;
  padding-bottom: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 599px) {
  .medical-programed-flow__number {
    width: 60px;
    font-size: 6rem;
  }
}
.medical-programed-flow__text-box {
  width: calc(100% - 80px);
  border-left: 1px dotted #7691b8;
  padding: 10px 0 10px 30px;
}
@media screen and (max-width: 599px) {
  .medical-programed-flow__text-box {
    width: calc(100% - 60px);
    padding: 10px 0 10px 20px;
  }
}
.medical-programed-flow__text-box dt {
  margin-bottom: 8px;
  font-size: 1.8rem;
  color: #5878a7;
  line-height: 1.4;
}
@media screen and (max-width: 599px) {
  .medical-programed-flow__text-box dt {
    font-size: 1.7rem;
  }
}

.medical-postpartum__block {
  margin-bottom: 70px;
}
@media screen and (max-width: 599px) {
  .medical-postpartum__block {
    margin-bottom: 50px;
  }
}
.medical-postpartum__block--last {
  margin-bottom: 0;
}
.medical-postpartum__def-list > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 599px) {
  .medical-postpartum__def-list > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.medical-postpartum__def-list > div:not(:last-child) {
  margin-bottom: 50px;
}
@media screen and (max-width: 599px) {
  .medical-postpartum__def-list > div:not(:last-child) {
    margin-bottom: 30px;
  }
}
.medical-postpartum__def-list > div > dt {
  width: 210px;
}
@media screen and (max-width: 599px) {
  .medical-postpartum__def-list > div > dt {
    width: 100%;
  }
}
.medical-postpartum__def-list > div > dd {
  width: calc(100% - 210px);
}
@media screen and (max-width: 599px) {
  .medical-postpartum__def-list > div > dd {
    width: 100%;
  }
}
.medical-postpartum__def-list__inner {
  display: flex;
  margin-bottom: 20px;
}
@media screen and (max-width: 599px) {
  .medical-postpartum__def-list__inner {
    display: block;
  }
}
.medical-postpartum__def-list__inner > p {
  width: 63%;
  margin-right: 5%;
}
@media screen and (max-width: 599px) {
  .medical-postpartum__def-list__inner > p {
    margin-right: 0;
    margin-bottom: 10px;
    width: 100%;
  }
}
.medical-postpartum__def-list__inner > img {
  width: 32%;
  height: 100%;
  flex: 1;
}
@media screen and (max-width: 599px) {
  .medical-postpartum__def-list__inner > img {
    width: 100%;
  }
}
.medical-postpartum__def-list02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 35px 0;
  border-top: 1px dotted #7691b8;
  border-bottom: 1px dotted #7691b8;
}
@media screen and (max-width: 599px) {
  .medical-postpartum__def-list02 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 0;
  }
}
.medical-postpartum__def-list02 > dt {
  align-self: center;
  width: 210px;
  color: #5878a7;
  font-size: 2rem;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 599px) {
  .medical-postpartum__def-list02 > dt {
    width: auto;
    margin-bottom: 12px;
    font-size: 1.8rem;
  }
}
.medical-postpartum__def-list02 > dd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 210px);
  padding: 20px 0 20px 5%;
  border-left: 1px dotted #7691b8;
}
@media screen and (max-width: 599px) {
  .medical-postpartum__def-list02 > dd {
    display: block;
    width: 100%;
    padding: 0 10px;
    border-left: none;
  }
}
.medical-postpartum__def-list02 > dd .list01:first-child {
  margin-right: 12%;
}
@media screen and (max-width: 599px) {
  .medical-postpartum__def-list02 > dd .list01:first-child {
    margin-right: 0;
    margin-bottom: 8px;
  }
}
.medical-postpartum__box {
  position: relative;
  margin-top: 10px;
  padding: 40px;
  width: 100%;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  border: 1px dotted #597eaf;
}
.medical-postpartum__box::before {
  content: "こんなお悩みはありませんか？";
  position: absolute;
  font-family: "Shippori Mincho", serif !important;
  color: #5878a7;
  font-size: 2.3rem;
  top: -22px;
  left: 18px;
  background-color: #fff;
}
@media screen and (max-width: 1024px) {
  .medical-postpartum__box::before {
    top: -20px;
    left: 15px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 599px) {
  .medical-postpartum__box::before {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 320px) {
  .medical-postpartum__box::before {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .medical-postpartum__box {
    padding: 20px;
  }
}
.medical-postpartum__box__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .medical-postpartum__box__inner {
    margin-bottom: 10px;
  }
}
.medical-postpartum__box__card {
  padding: 30px;
  width: calc((100% - 20px) / 2);
  background-repeat: no-repeat;
}
@media screen and (max-width: 1024px) {
  .medical-postpartum__box__card {
    padding: 20px 25px;
    width: calc((100% - 10px) / 2);
  }
}
@media screen and (max-width: 599px) {
  .medical-postpartum__box__card {
    padding: 18px 20px;
    width: 100%;
    background-image: none;
  }
  .medical-postpartum__box__card:first-child {
    margin-bottom: 10px;
  }
}
.medical-postpartum__box__card.blue {
  background-color: #edf4f9;
  background-image: url(../img/medical/postpartum/img_icon01.png);
  background-position: 91% 50%;
}
@media screen and (max-width: 1024px) {
  .medical-postpartum__box__card.blue {
    background-size: 22px auto;
  }
}
@media screen and (max-width: 599px) {
  .medical-postpartum__box__card.blue {
    background-image: none;
  }
}
.medical-postpartum__box__card.yellow {
  background-color: #f9f8ed;
  background-image: url(../img/medical/postpartum/img_icon02.png);
  background-position: 94% 50%;
}
@media screen and (max-width: 1024px) {
  .medical-postpartum__box__card.yellow {
    background-size: 40px auto;
  }
}
@media screen and (max-width: 599px) {
  .medical-postpartum__box__card.yellow {
    background-image: none;
  }
}
.medical-postpartum__box__card.pink {
  background-color: #fff4f8;
  background-image: url(../img/medical/postpartum/img_icon03.png);
  background-position: 93% 70%;
}
@media screen and (max-width: 1024px) {
  .medical-postpartum__box__card.pink {
    background-size: 50px auto;
  }
}
@media screen and (max-width: 599px) {
  .medical-postpartum__box__card.pink {
    background-image: none;
  }
}
.medical-postpartum__box__card.green {
  background-color: #f2f9f4;
  background-image: url(../img/medical/postpartum/img_icon04.png);
  background-position: 93% 70%;
}
@media screen and (max-width: 1024px) {
  .medical-postpartum__box__card.green {
    background-size: 50px auto;
  }
}
@media screen and (max-width: 599px) {
  .medical-postpartum__box__card.green {
    background-image: none;
  }
}
.medical-postpartum__box__card__ttl {
  position: relative;
  width: 80%;
  margin-bottom: 8px;
  padding-left: 18px;
  color: #5878a7;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .medical-postpartum__box__card__ttl {
    width: 95%;
  }
}
@media screen and (max-width: 599px) {
  .medical-postpartum__box__card__ttl {
    width: 100%;
  }
}
.medical-postpartum__box__card__ttl::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 1px;
  top: 11px;
  left: 0;
  background-color: #5878a7;
}
.medical-postpartum__box__card__list {
  width: 80%;
}
@media screen and (max-width: 599px) {
  .medical-postpartum__box__card__list {
    width: 100%;
  }
}
.medical-postpartum__box__card__list li {
  position: relative;
  padding-left: 20px;
  font-size: 1.4rem;
  line-height: 1.3;
}
.medical-postpartum__box__card__list li:not(:last-child) {
  margin-bottom: 5px;
}
@media screen and (max-width: 599px) {
  .medical-postpartum__box__card__list li {
    font-size: 1.3rem;
  }
}
.medical-postpartum__box__card__list li::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 5px;
  left: 0;
  border-radius: 50px;
}
.medical-postpartum__box__card__list.blue li::before {
  background-color: #59a5d5;
}
.medical-postpartum__box__card__list.yellow li::before {
  background-color: #c2bb50;
}
.medical-postpartum__box__card__list.pink li::before {
  background-color: #ff90b7;
}
.medical-postpartum__box__card__list.green li::before {
  background-color: #83c898;
}
.medical-postpartum__box__txt {
  margin-top: 10px;
  color: #5878a7;
  text-align: center;
  line-height: 1.4;
}
@media screen and (max-width: 599px) {
  .medical-postpartum__box__txt {
    text-align: justify;
  }
}

.hospitalization-index__block:not(:last-child) {
  margin-bottom: 110px;
}
@media screen and (max-width: 1024px) {
  .hospitalization-index__block:not(:last-child) {
    margin-bottom: 90px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-index__block:not(:last-child) {
    margin-bottom: 60px;
  }
}
.hospitalization-index__block .atn-text {
  color: #de4b74;
  border-top: 1px dotted #de4b74;
  border-bottom: 1px dotted #de4b74;
  margin-bottom: 40px;
  padding: 25px 0px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  font-size: 1.6rem;
  letter-spacing: 1.5px;
}
@media screen and (max-width: 599px) {
  .hospitalization-index__block .atn-text {
    font-size: 1.4rem;
    letter-spacing: 0.5px;
  }
}
.hospitalization-index__block .atn-text a {
  text-decoration: underline;
}
.hospitalization-index__intro {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 25px;
}
@media screen and (max-width: 599px) {
  .hospitalization-index__intro {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.hospitalization-index__intro__content {
  width: 63%;
  margin-right: 2%;
}
@media screen and (max-width: 599px) {
  .hospitalization-index__intro__content {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.hospitalization-index__intro__image {
  width: 35%;
}
@media screen and (max-width: 599px) {
  .hospitalization-index__intro__image {
    width: 100%;
  }
}
.hospitalization-index__box01 {
  border: 1px solid #7691b8;
  margin-bottom: 60px;
  padding: 30px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 599px) {
  .hospitalization-index__box01 {
    display: block;
    padding: 25px 0;
    margin-bottom: 30px;
  }
}
.hospitalization-index__box01 > dt {
  width: 290px;
  font-size: 2.3rem;
  color: #5878a7;
  border-right: 1px solid #7691b8;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 400;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.hospitalization-index__box01 > dt br {
  display: none;
}
@media screen and (max-width: 1024px) {
  .hospitalization-index__box01 > dt {
    width: 190px;
    font-size: 2rem;
    line-height: 1.3;
    text-align: center;
  }
  .hospitalization-index__box01 > dt br {
    display: block;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-index__box01 > dt {
    width: 100%;
    border-right: none;
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
  .hospitalization-index__box01 > dt br {
    display: none;
  }
}
.hospitalization-index__box01 > dd {
  padding: 10px 30px;
}
@media screen and (max-width: 1024px) {
  .hospitalization-index__box01 > dd {
    padding: 10px 20px;
  }
}
.hospitalization-index__box01 > dd ul {
  list-style: none;
}
.hospitalization-index__box01 > dd li {
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  color: #30455c;
  font-weight: 400;
  letter-spacing: 0.08em;
  font-size: 1.5rem;
}
@media screen and (max-width: 599px) {
  .hospitalization-index__box01 > dd li {
    font-size: 1.4rem;
  }
}
.hospitalization-index__img-box__img {
  margin-top: 8px;
  margin-left: 40px;
  margin-bottom: 20px;
  float: right;
  width: 35%;
  max-width: 310px;
}
@media screen and (max-width: 599px) {
  .hospitalization-index__img-box__img {
    margin-left: 20px;
  }
}
.hospitalization-index__notice {
  margin-bottom: 40px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 1.5rem;
  color: #30455c;
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: 0.5px;
}
@media screen and (max-width: 599px) {
  .hospitalization-index__notice {
    margin-bottom: 30px;
    font-size: 1.4rem;
    line-height: 1.7;
  }
}
.hospitalization-index__photos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 599px) {
  .hospitalization-index__photos {
    margin-top: 50px;
    display: block;
  }
}
.hospitalization-index__photos li {
  width: calc((100% - 40px) / 2);
  margin-left: 40px;
}
.hospitalization-index__photos li:first-child {
  margin-left: 0;
}
@media screen and (max-width: 1024px) {
  .hospitalization-index__photos li {
    width: calc((100% - 20px) / 2);
    margin-left: 20px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-index__photos li {
    width: 100%;
    margin-left: 0;
  }
  .hospitalization-index__photos li:first-child {
    margin-bottom: 15px;
  }
}

.hospitalization-room__body {
  padding: 0 40px;
}
@media screen and (max-width: 1024px) {
  .hospitalization-room__body {
    padding: 0;
    padding-left: 30px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-room__body {
    padding: 0 20px;
  }
}
.hospitalization-room__inner {
  max-width: 900px;
  margin: 0 auto;
}
.hospitalization-room__copy {
  margin-bottom: 40px;
  font-size: 1.9rem;
  text-align: center;
  color: #30455c;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 300;
  line-height: 2.2;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1024px) {
  .hospitalization-room__copy {
    margin-bottom: 30px;
    font-size: 1.7rem;
    line-height: 2.2;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-room__copy {
    padding: 0 20px;
    font-size: 1.6rem;
  }
}
.hospitalization-room__text {
  max-width: 780px;
  color: #5878a7;
  border-top: 1px dotted #92a6c5;
  border-bottom: 1px dotted #92a6c5;
  padding: 20px 0px;
  margin: 0px auto 60px;
  font-size: 1.5rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.07em;
}
@media screen and (max-width: 1024px) {
  .hospitalization-room__text {
    margin-bottom: 40px;
    margin-left: 40px;
    margin-right: 20px;
    font-size: 1.4rem;
    letter-spacing: 0.04em;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-room__text {
    padding: 16px 0px;
    font-size: 1.3rem;
    margin-left: 20px;
  }
}
.hospitalization-room__title {
  margin-bottom: 83px;
  font-size: 2.6rem;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 400;
  text-align: center;
  color: #5878a7;
}
@media screen and (max-width: 1024px) {
  .hospitalization-room__title {
    font-size: 2.3rem;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-room__title {
    font-size: 2rem;
    margin-bottom: 40px;
  }
}
.hospitalization-room__title span {
  padding-bottom: 4px;
  border-bottom: 1px solid #8da0bf;
}
.hospitalization-room__block {
  position: relative;
  margin-bottom: 70px;
}
@media screen and (max-width: 599px) {
  .hospitalization-room__block {
    margin-bottom: 30%;
  }
}
.hospitalization-room__block__mainimg {
  position: absolute;
  top: 0;
  left: 0;
  width: 55%;
  height: 450px;
}
.reverse .hospitalization-room__block__mainimg {
  left: auto;
  right: 0;
}
@media screen and (max-width: 599px) {
  .reverse .hospitalization-room__block__mainimg {
    right: auto;
    left: 0;
  }
}
@media screen and (max-width: 1400px) {
  .hospitalization-room__block__mainimg {
    height: 400px;
    width: 57%;
  }
}
@media screen and (max-width: 1024px) {
  .hospitalization-room__block__mainimg {
    width: 58%;
    height: 320px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-room__block__mainimg {
    width: 85%;
    height: 210px;
  }
}
.hospitalization-room__block__mainimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.hospitalization-room__block__title {
  max-width: 960px;
  margin: 0 auto;
  z-index: 1;
  position: relative;
  padding: 60px 30px 0;
  text-align: right;
}
.reverse .hospitalization-room__block__title {
  text-align: left;
}
@media screen and (max-width: 599px) {
  .reverse .hospitalization-room__block__title {
    text-align: right;
  }
}
@media screen and (max-width: 1024px) {
  .hospitalization-room__block__title {
    padding: 60px 0 0;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-room__block__title {
    padding: 200px 0 0;
  }
}
.hospitalization-room__block__title__class {
  margin-bottom: 35px;
  color: #6094c1;
  font-family: "Tangerine", cursive;
  font-size: 12rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1;
}
@media screen and (max-width: 1400px) {
  .hospitalization-room__block__title__class {
    font-size: 10rem;
  }
}
@media screen and (max-width: 1024px) {
  .hospitalization-room__block__title__class {
    font-size: 8rem;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-room__block__title__class {
    margin-right: 20px;
    margin-bottom: 15px;
    font-size: 6.4rem;
  }
}
.family .hospitalization-room__block__title__class {
  color: #d6d406;
}
@media screen and (max-width: 1400px) {
  .family .hospitalization-room__block__title__class {
    margin-left: 5%;
  }
}
@media screen and (max-width: 1024px) {
  .family .hospitalization-room__block__title__class {
    margin-left: 2%;
  }
}
@media screen and (max-width: 599px) {
  .family .hospitalization-room__block__title__class {
    margin-left: auto;
    margin-right: 20px;
  }
}
.special .hospitalization-room__block__title__class {
  margin-right: 10%;
  color: #8ab26b;
}
.hospitalization-room__block__title__class > span {
  position: relative;
}
.hospitalization-room__block__title__class > span::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 15px;
  width: 100%;
  height: 1px;
  background-color: #6094c1;
}
.family .hospitalization-room__block__title__class > span::before {
  background-color: #d6d406;
}
.special .hospitalization-room__block__title__class > span::before {
  background-color: #8ab26b;
}
@media screen and (max-width: 1024px) {
  .hospitalization-room__block__title__class > span::before {
    bottom: 10px;
  }
}
.hospitalization-room__block__title__class > span > span {
  font-size: 1.8rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  letter-spacing: 0;
  margin-left: 5px;
}
.reverse .hospitalization-room__block__title__class > span > span {
  margin-left: 0;
  margin-right: 20px;
}
@media screen and (max-width: 1024px) {
  .hospitalization-room__block__title__class > span > span {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-room__block__title__class > span > span {
    font-size: 1.5rem;
  }
}
.hospitalization-room__block__title__text {
  margin-bottom: 50px;
  margin-right: 10%;
  display: inline-block;
  text-align: left;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.03em;
}
.reverse .hospitalization-room__block__title__text {
  margin-right: 0;
  margin-left: 18%;
}
@media screen and (max-width: 599px) {
  .reverse .hospitalization-room__block__title__text {
    margin-right: 20px;
    margin-left: auto;
  }
}
.special .hospitalization-room__block__title__text {
  margin-right: 14%;
}
@media screen and (max-width: 1024px) {
  .hospitalization-room__block__title__text {
    font-size: 1.5rem;
    margin-right: 0;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-room__block__title__text {
    margin-right: 20px;
    margin-bottom: 20px;
  }
}
.hospitalization-room__block__item2 {
  width: 38%;
  position: absolute;
  right: 0;
  top: auto;
}
.reverse .hospitalization-room__block__item2 {
  right: auto;
  left: 0;
}
@media screen and (max-width: 1024px) {
  .hospitalization-room__block__item2 {
    width: 34%;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-room__block__item2 {
    right: auto;
    left: 0;
    width: 80%;
  }
}
.hospitalization-room__block__item2::before {
  content: "";
  position: absolute;
  right: 0;
  top: 33%;
  width: 85%;
  height: 450px;
  background-color: #d4e2f3;
  background-image: url(../img/hospitalization/room/bg01.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  z-index: -1;
}
@media screen and (max-width: 1400px) {
  .hospitalization-room__block__item2::before {
    width: 75%;
  }
}
@media screen and (max-width: 1024px) {
  .hospitalization-room__block__item2::before {
    height: 200px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-room__block__item2::before {
    right: auto;
    left: 0;
    top: 30px;
    width: 80%;
    height: 180px;
  }
}
.reverse .hospitalization-room__block__item2::before {
  right: auto;
  left: 0;
}
.family .hospitalization-room__block__item2::before {
  background-color: #f1f5ab;
  background-image: url(../img/hospitalization/room/bg02.png);
}
.special .hospitalization-room__block__item2::before {
  background-color: #dfead8;
  background-image: url(../img/hospitalization/room/bg03.png);
}
@media screen and (max-width: 599px) {
  .hospitalization-room__block__item2__img01 {
    margin-top: -30px;
  }
}
.hospitalization-room__block__item2__img01 img {
  max-width: 297px;
}
@media screen and (max-width: 1400px) {
  .hospitalization-room__block__item2__img01 img {
    width: 70%;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-room__block__item2__img01 img {
    width: 52%;
  }
}
.reverse .hospitalization-room__block__item2__img01 {
  text-align: right;
}
@media screen and (max-width: 599px) {
  .reverse .hospitalization-room__block__item2__img01 {
    text-align: left;
  }
}
.hospitalization-room__block__item2__img02 {
  max-width: 220px;
  position: absolute;
  top: 64%;
  right: 27%;
}
@media screen and (max-width: 1400px) {
  .hospitalization-room__block__item2__img02 {
    width: 50%;
    right: 12%;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-room__block__item2__img02 {
    width: 40%;
    top: 55%;
    right: 0;
  }
}
.reverse .hospitalization-room__block__item2__img02 {
  right: auto;
  left: 27%;
}
@media screen and (max-width: 1400px) {
  .reverse .hospitalization-room__block__item2__img02 {
    left: 12%;
  }
}
@media screen and (max-width: 599px) {
  .reverse .hospitalization-room__block__item2__img02 {
    left: auto;
    right: 0;
  }
}
.hospitalization-room__block__item3 {
  max-width: 960px;
  margin: 235px auto 0;
  padding: 0 30px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1400px) {
  .hospitalization-room__block__item3 {
    margin: 170px auto 0;
  }
}
@media screen and (max-width: 1024px) {
  .hospitalization-room__block__item3 {
    margin: 110px auto 0;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-room__block__item3 {
    margin: 63% auto 0;
    padding: 0;
    display: block;
  }
}
.reverse .hospitalization-room__block__item3 {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.hospitalization-room__block__item3__img01 {
  padding: 55px 0 0 47px;
  position: relative;
}
@media screen and (max-width: 1400px) {
  .hospitalization-room__block__item3__img01 {
    width: 40%;
  }
}
@media screen and (max-width: 1024px) {
  .hospitalization-room__block__item3__img01 {
    padding: 30px 0 0 30px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-room__block__item3__img01 {
    width: 50%;
    padding: 0;
    position: absolute;
    right: 0;
    padding: 30px 20px 0 0;
  }
}
.reverse .hospitalization-room__block__item3__img01 {
  order: 2;
  padding: 55px 47px 0 0;
}
@media screen and (max-width: 1024px) {
  .reverse .hospitalization-room__block__item3__img01 {
    padding: 30px 30px 0 0;
  }
}
@media screen and (max-width: 599px) {
  .reverse .hospitalization-room__block__item3__img01 {
    order: 1;
  }
}
.hospitalization-room__block__item3__img01::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ebf2fb;
  width: 230px;
  height: 240px;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .hospitalization-room__block__item3__img01::before {
    width: 150px;
    height: 200px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-room__block__item3__img01::before {
    left: auto;
    right: 0;
  }
}
.reverse .hospitalization-room__block__item3__img01::before {
  order: 1;
  left: auto;
  right: 0;
}
@media screen and (max-width: 599px) {
  .reverse .hospitalization-room__block__item3__img01::before {
    order: 2;
  }
}
.family .hospitalization-room__block__item3__img01::before {
  background-color: #f6f9c4;
}
.special .hospitalization-room__block__item3__img01::before {
  background-color: #eaf3e4;
}
.hospitalization-room__block__item3__img01 img {
  width: 100%;
  max-width: 300px;
}
.hospitalization-room__block__item3__img02 {
  max-width: 430px;
  padding: 110px 0 0 70px;
}
@media screen and (max-width: 1400px) {
  .hospitalization-room__block__item3__img02 {
    width: 50%;
  }
}
@media screen and (max-width: 1024px) {
  .hospitalization-room__block__item3__img02 {
    padding: 80px 0 0 40px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-room__block__item3__img02 {
    width: 50%;
    padding: 20% 0 0 20px;
    z-index: 1;
    position: relative;
  }
}
.reverse .hospitalization-room__block__item3__img02 {
  padding: 110px 70px 0 0;
}
@media screen and (max-width: 1024px) {
  .reverse .hospitalization-room__block__item3__img02 {
    padding: 80px 40px 0 0;
  }
}
@media screen and (max-width: 599px) {
  .reverse .hospitalization-room__block__item3__img02 {
    padding: 20% 0 0 20px;
  }
}
.hospitalization-room__block__item3__img02__text {
  margin-bottom: 50px;
  margin-right: 10%;
  display: inline-block;
  text-align: left;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1024px) {
  .hospitalization-room__block__item3__img02__text {
    font-size: 1.5rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-room__block__item3__img02__text {
    margin-bottom: 30%;
  }
}
.reverse .hospitalization-room__block__item3__img02__text {
  margin-right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media screen and (max-width: 599px) {
  .reverse .hospitalization-room__block__item3__img02__text {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.hospitalization-room__block__item3__img02 > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
}
@media screen and (max-width: 599px) {
  .hospitalization-room__block__item3__img02 > ul {
    display: block;
  }
}
.hospitalization-room__block__item3__img02 > ul > li {
  width: calc((100% - 20px) / 2);
  margin-left: 20px;
}
.hospitalization-room__block__item3__img02 > ul > li:first-child {
  margin-left: 0;
}
@media screen and (max-width: 599px) {
  .hospitalization-room__block__item3__img02 > ul > li {
    width: 80%;
    margin-bottom: 20px;
  }
  .hospitalization-room__block__item3__img02 > ul > li:last-child {
    width: 60%;
    position: absolute;
    top: 87%;
    left: 50%;
  }
}
.hospitalization-room__slider {
  margin-bottom: 15%;
}
@media screen and (max-width: 599px) {
  .hospitalization-room__slider {
    margin-bottom: 20%;
  }
}
.hospitalization-room__slider--mb-middle {
  margin-bottom: 110px;
}
@media screen and (max-width: 1024px) {
  .hospitalization-room__slider--mb-middle {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-room__slider--mb-middle {
    margin-bottom: 60px;
  }
}
.hospitalization-room__slider__title {
  font-size: 7rem;
  color: #6094c1;
  font-family: "Tangerine", cursive;
  font-weight: 400;
  margin-left: 350px;
  line-height: 1;
  z-index: 2;
  position: relative;
  margin-bottom: -20px;
}
@media screen and (max-width: 1400px) {
  .hospitalization-room__slider__title {
    margin-left: 150px;
  }
}
@media screen and (max-width: 1024px) {
  .hospitalization-room__slider__title {
    margin-left: 80px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-room__slider__title {
    font-size: 5rem;
    margin-left: 30px;
    margin-bottom: -13px;
  }
}
.family .hospitalization-room__slider__title {
  color: #d1cf04;
}
.special .hospitalization-room__slider__title {
  color: #8ab26b;
}
.hospitalization-room__slider .slick-next {
  right: 360px;
  width: 50px;
  height: 90px;
  z-index: 2;
}
@media screen and (max-width: 1400px) {
  .hospitalization-room__slider .slick-next {
    right: 170px;
  }
}
@media screen and (max-width: 1024px) {
  .hospitalization-room__slider .slick-next {
    right: 100px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-room__slider .slick-next {
    right: 30px;
  }
}
.hospitalization-room__slider .slick-next::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -20px;
  width: 45px;
  height: 1px;
  background-color: #6094c1;
  transform: rotate(65deg);
  display: block;
}
.hospitalization-room__slider .slick-next::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 45px;
  margin-top: 20px;
  height: 1px;
  background-color: #6094c1;
  transform: rotate(-65deg);
  display: block;
}
.hospitalization-room__slider .slick-prev {
  left: 360px;
  width: 50px;
  height: 90px;
  z-index: 2;
}
@media screen and (max-width: 1400px) {
  .hospitalization-room__slider .slick-prev {
    left: 170px;
  }
}
@media screen and (max-width: 1024px) {
  .hospitalization-room__slider .slick-prev {
    left: 100px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-room__slider .slick-prev {
    left: 30px;
  }
}
.hospitalization-room__slider .slick-prev::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -20px;
  width: 45px;
  height: 1px;
  background-color: #6094c1;
  transform: rotate(-65deg);
  display: block;
}
.hospitalization-room__slider .slick-prev::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 45px;
  margin-top: 20px;
  height: 1px;
  background-color: #6094c1;
  transform: rotate(65deg);
  display: block;
}
.hospitalization-room__inner-block {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 30px 130px;
}
@media screen and (max-width: 1024px) {
  .hospitalization-room__inner-block {
    padding: 0 0 80px 30px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-room__inner-block {
    padding: 0 20px 60px;
  }
}
.hospitalization-room__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 599px) {
  .hospitalization-room__detail {
    display: block;
  }
}
.hospitalization-room__detail > li {
  width: calc((100% - 60px) / 2);
  margin-left: 60px;
  margin-bottom: 60px;
}
.hospitalization-room__detail > li:nth-child(2n+1) {
  margin-left: 0;
}
@media screen and (max-width: 1024px) {
  .hospitalization-room__detail > li {
    width: calc((100% - 35px) / 2);
    margin-left: 35px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-room__detail > li {
    width: 100%;
    margin-left: 0;
  }
}
.hospitalization-room__detail .title02 {
  display: inline-block;
  margin-right: 20px;
}
@media screen and (max-width: 599px) {
  .hospitalization-room__detail .title02 {
    margin-bottom: 20px;
  }
}
.hospitalization-room__detail__notice {
  display: block;
  margin-bottom: 10px;
  margin-top: -10px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  color: #5878a7;
  font-weight: 400;
  letter-spacing: 0.5px;
}
.hospitalization-room__detail__data {
  border-top: 1px solid #d5dce5;
  font-size: 1.5rem;
  color: #30455c;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
}
.hospitalization-room__detail__data > div {
  padding: 20px 0;
  border-bottom: 1px solid #d5dce5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 599px) {
  .hospitalization-room__detail__data > div {
    padding: 15px 0;
  }
}
.hospitalization-room__detail__data > div > dt {
  width: 85px;
}
@media screen and (max-width: 1024px) {
  .hospitalization-room__detail__data > div > dt {
    width: 65px;
  }
}
.hospitalization-room__detail__data > div > dd {
  width: calc(100% - 85px);
}
@media screen and (max-width: 1024px) {
  .hospitalization-room__detail__data > div > dd {
    width: calc(100% - 65px);
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-room__detail__data > div > dd {
    line-height: 1.5;
  }
}
.hospitalization-room__attendant {
  margin-bottom: 110px;
  padding: 30px;
  border: 1px dotted #7691b8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1400px) {
  .hospitalization-room__attendant {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .hospitalization-room__attendant {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-room__attendant {
    margin-bottom: 60px;
    display: block;
  }
}
.hospitalization-room__attendant__photo {
  max-width: 244px;
  margin-left: 40px;
}
@media screen and (max-width: 599px) {
  .hospitalization-room__attendant__photo {
    width: 100%;
    margin-left: 0;
    max-width: 100%;
  }
}
.hospitalization-room__attendant__text-box {
  width: calc(100% - 284px);
}
@media screen and (max-width: 599px) {
  .hospitalization-room__attendant__text-box {
    width: 100%;
  }
}
.hospitalization-room__attendant__title {
  color: #5878a7;
  font-size: 1.9rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 300;
  letter-spacing: 0.02em;
  margin-bottom: 15px;
}
@media screen and (max-width: 1024px) {
  .hospitalization-room__attendant__title {
    font-size: 1.7rem;
  }
}
.hospitalization-room__attendant__title span {
  padding-bottom: 3px;
  border-bottom: 1px solid #5878a7;
}
.hospitalization-room__attendant__text {
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 1.5rem;
  color: #30455c;
  font-weight: 300;
  line-height: 1.9;
}
@media screen and (max-width: 599px) {
  .hospitalization-room__attendant__text {
    margin-bottom: 15px;
  }
}
.hospitalization-room__table {
  width: 100%;
}
.hospitalization-room__table th,
.hospitalization-room__table td {
  border-top: 1px solid #d5dce5;
  border-bottom: 1px solid #d5dce5;
  line-height: 1.4;
  letter-spacing: 0.06em;
}
.hospitalization-room__table th {
  width: 40%;
  padding: 25px 30px;
  background-color: #f3f7fa;
  color: #3e5d7f;
  font-size: 1.6rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
}
@media screen and (max-width: 599px) {
  .hospitalization-room__table th {
    width: 150px;
    padding: 15px 20px;
    font-size: 1.4rem;
  }
}
.hospitalization-room__table td {
  padding: 25px;
  color: #30455c;
  font-size: 1.6rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  text-align: center;
  font-weight: 400;
}
@media screen and (max-width: 599px) {
  .hospitalization-room__table td {
    padding: 15px;
    font-size: 1.4rem;
  }
}
.hospitalization-room__laundry__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 599px) {
  .hospitalization-room__laundry__box {
    display: block;
  }
}
.hospitalization-room__laundry__info {
  width: calc(100% - 300px);
}
@media screen and (max-width: 1024px) {
  .hospitalization-room__laundry__info {
    width: calc(100% - 280px);
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-room__laundry__info {
    width: 100%;
  }
}
.hospitalization-room__laundry__ph {
  width: 250px;
}
@media screen and (max-width: 599px) {
  .hospitalization-room__laundry__ph {
    width: 80%;
    margin: 22px auto 0px;
  }
}
.hospitalization-room__care {
  margin-top: 100px;
  padding: 55px;
  background-color: #f3f7fa;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1400px) {
  .hospitalization-room__care {
    margin-top: 70px;
  }
}
@media screen and (max-width: 1024px) {
  .hospitalization-room__care {
    margin-top: 50px;
    padding: 40px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-room__care {
    margin-top: 30px;
    display: block;
    padding: 40px 30px;
  }
}
.hospitalization-room__care__photo {
  width: 38%;
  margin-left: 5%;
}
@media screen and (max-width: 599px) {
  .hospitalization-room__care__photo {
    width: 100%;
    margin-left: 0;
    margin-top: 25px;
  }
}
.hospitalization-room__care__text-box {
  width: 57%;
}
@media screen and (max-width: 1024px) {
  .hospitalization-room__care__text-box .text-base {
    line-height: 1.5;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-room__care__text-box {
    width: 100%;
  }
}
.hospitalization-room__care__title {
  position: relative;
  margin-bottom: 25px;
  padding-bottom: 20px;
  color: #5878a7;
  font-size: 2.7rem;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1024px) {
  .hospitalization-room__care__title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-room__care__title {
    font-size: 2rem;
  }
}
.hospitalization-room__care__title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 25px;
  height: 1px;
  background-color: #5878a7;
}

.hospitalization-preparation__block {
  margin-bottom: 100px;
}
@media screen and (max-width: 1024px) {
  .hospitalization-preparation__block {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-preparation__block {
    margin-bottom: 50px;
  }
}
.hospitalization-preparation__block--last {
  margin-bottom: 0;
}

.hospitalization-preparation-list01 {
  margin-bottom: 60px;
  border: 1px dotted #46a1b5;
  padding: 50px 40px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1024px) {
  .hospitalization-preparation-list01 {
    padding: 40px 30px 10px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-preparation-list01 {
    margin-bottom: 40px;
    display: block;
    padding: 30px 20px 10px;
  }
}
.hospitalization-preparation-list01 > ul {
  width: calc((100% - 45px) / 2);
  margin-left: 45px;
  list-style: none;
}
.hospitalization-preparation-list01 > ul:first-child {
  margin-left: 0;
}
@media screen and (max-width: 599px) {
  .hospitalization-preparation-list01 > ul {
    width: 100%;
    margin-left: 0;
  }
}
.hospitalization-preparation-list01 > ul > li {
  position: relative;
  padding-left: 27px;
  margin-bottom: 30px;
}
@media screen and (max-width: 599px) {
  .hospitalization-preparation-list01 > ul > li {
    margin-bottom: 20px;
  }
}
.hospitalization-preparation-list01 > ul > li::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 14px;
  height: 14px;
  background-color: #88cad8;
  border-radius: 50%;
}
.hospitalization-preparation-list01__text01 {
  margin-bottom: 10px;
  font-size: 1.6rem;
  color: #30455c;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  line-height: 1.4;
  padding-bottom: 8px;
  border-bottom: 1px dotted #b3bdcb;
}
@media screen and (max-width: 599px) {
  .hospitalization-preparation-list01__text01 {
    font-size: 1.5rem;
    margin-bottom: 5px;
  }
}
.hospitalization-preparation-list01__text02 {
  font-size: 1.4rem;
  color: #30455c;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  line-height: 1.6;
}
.hospitalization-preparation-list01__text02 a {
  position: relative;
  color: #459bb4;
  text-decoration: underline;
  padding-left: 15px;
  margin-left: 7px;
  font-weight: 500;
}
@media screen and (max-width: 599px) {
  .hospitalization-preparation-list01__text02 a {
    padding-left: 12px;
    margin-left: 0;
  }
}
.hospitalization-preparation-list01__text02 a::after {
  display: block;
  content: "";
  position: absolute;
  vertical-align: middle;
  top: 0;
  bottom: 0;
  left: 0px;
  margin: auto;
  width: 7px;
  height: 7px;
  border-top: 2px solid #459bb4;
  border-right: 2px solid #459bb4;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.hospitalization-preparation-list02 {
  border: 1px dotted #597eaf;
  padding: 40px 40px 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1024px) {
  .hospitalization-preparation-list02 {
    padding: 40px 30px 30px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-preparation-list02 {
    display: block;
    padding: 30px 20px 0px;
  }
}
.hospitalization-preparation-list02 dl {
  width: calc((100% - 45px) / 2);
  margin-left: 45px;
}
.hospitalization-preparation-list02 dl:first-child {
  margin-left: 0;
}
@media screen and (max-width: 599px) {
  .hospitalization-preparation-list02 dl {
    width: 100%;
    margin-left: 0;
    margin-bottom: 25px;
  }
}
.hospitalization-preparation-list02 dt {
  margin-bottom: 15px;
  font-size: 1.7rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  color: #4b6fa0;
  font-weight: 300;
  letter-spacing: 0.03em;
  padding-bottom: 8px;
  border-bottom: 1px dotted #b3bdcb;
}
@media screen and (max-width: 599px) {
  .hospitalization-preparation-list02 dt {
    font-size: 1.6rem;
  }
}
.hospitalization-preparation-list02__list > li {
  position: relative;
  padding-left: 24px;
  color: #30455c;
  font-size: 1.6rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 1.4;
  margin-bottom: 10px;
}
@media screen and (max-width: 599px) {
  .hospitalization-preparation-list02__list > li {
    padding-left: 22px;
    font-size: 1.4rem;
  }
}
.hospitalization-preparation-list02__list > li:not(:last-child) {
  margin-bottom: 8px;
}
.hospitalization-preparation-list02__list > li::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 12px;
  height: 12px;
  background-color: #9abddc;
  border-radius: 50%;
}
@media screen and (max-width: 599px) {
  .hospitalization-preparation-list02__list > li::before {
    top: 6px;
    width: 12px;
    height: 12px;
  }
}
.hospitalization-preparation-list02__list--column2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.hospitalization-preparation-list02__list--column2 > li {
  width: calc((100% - 20px) / 2);
  margin-left: 20px;
}
.hospitalization-preparation-list02__list--column2 > li:nth-child(2n+1) {
  margin-left: 0;
}
.hospitalization-preparation-list02__ph {
  width: 80%;
  margin: 20px auto 0;
}
@media screen and (max-width: 1024px) {
  .hospitalization-preparation-list02__ph {
    width: 100%;
  }
}

.hospitalization-preparation-period {
  margin-bottom: 40px;
  text-align: center;
  border: 1px dotted #5878a7;
  text-align: center;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 1.6rem;
  color: #5878a7;
  font-weight: 300;
  line-height: 1.4;
  padding: 14px;
}
@media screen and (max-width: 599px) {
  .hospitalization-preparation-period {
    font-size: 1.5rem;
    margin-bottom: 30px;
  }
}

.hospitalization-preparation-period-list > li {
  margin-bottom: 35px;
}
@media screen and (max-width: 599px) {
  .hospitalization-preparation-period-list > li {
    margin-bottom: 30px;
  }
}
.hospitalization-preparation-period-list > li > dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 599px) {
  .hospitalization-preparation-period-list > li > dl {
    display: block;
  }
}
.hospitalization-preparation-period-list > li > dl > dt {
  width: 140px;
}
@media screen and (max-width: 599px) {
  .hospitalization-preparation-period-list > li > dl > dt {
    margin-bottom: 10px;
  }
}
.hospitalization-preparation-period-list > li > dl > dt span {
  font-size: 2.3rem;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 400;
  color: #5878a7;
  border-bottom: 1px solid #738fb8;
}
@media screen and (max-width: 599px) {
  .hospitalization-preparation-period-list > li > dl > dt span {
    font-size: 1.9rem;
  }
}
.hospitalization-preparation-period-list > li > dl > dd {
  width: calc(100% - 140px);
  border-left: 2px solid #e2e2e2;
  padding-left: 33px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 1.6rem;
  color: #30455c;
  line-height: 2;
  font-weight: 300;
}
@media screen and (max-width: 599px) {
  .hospitalization-preparation-period-list > li > dl > dd {
    width: 100%;
    border-left: none;
    padding-left: 0;
    font-size: 1.5rem;
  }
}

.hospitalization-preparation-welcome {
  margin-top: 95px;
  padding: 55px;
  background-color: #f3f7fa;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1400px) {
  .hospitalization-preparation-welcome {
    margin-top: 70px;
  }
}
@media screen and (max-width: 1024px) {
  .hospitalization-preparation-welcome {
    padding: 40px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-preparation-welcome {
    display: block;
    padding: 40px 30px 30px;
  }
}
.hospitalization-preparation-welcome__photo {
  width: 38%;
  margin-left: 5%;
}
@media screen and (max-width: 599px) {
  .hospitalization-preparation-welcome__photo {
    width: 100%;
    margin-left: 0;
    margin-top: 25px;
  }
}
.hospitalization-preparation-welcome__text-box {
  width: 57%;
}
@media screen and (max-width: 1024px) {
  .hospitalization-preparation-welcome__text-box .text-base {
    line-height: 1.7;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-preparation-welcome__text-box {
    width: 100%;
  }
}
.hospitalization-preparation-welcome__title {
  position: relative;
  margin-top: -90px;
  margin-bottom: 25px;
  padding-bottom: 30px;
  color: #5878a7;
  font-size: 2.7rem;
  font-family: "Shippori Mincho", serif !important;
  letter-spacing: 1px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1024px) {
  .hospitalization-preparation-welcome__title {
    font-size: 2.2rem;
    margin-top: -70px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-preparation-welcome__title {
    font-size: 2rem;
  }
}
.hospitalization-preparation-welcome__title .en {
  font-family: "Tangerine", cursive;
  font-weight: 500;
  font-size: 7rem;
  line-height: 1;
  margin-left: -20px;
}
@media screen and (max-width: 1024px) {
  .hospitalization-preparation-welcome__title .en {
    font-size: 6rem;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-preparation-welcome__title .en {
    font-size: 5.4rem;
  }
}
.hospitalization-preparation-welcome__title .jp {
  font-size: 1.5rem;
  line-height: 1;
}
.hospitalization-preparation-welcome__title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 25px;
  height: 1px;
  background-color: #5878a7;
}

.hospitalization-meal__body {
  padding: 0 40px;
}
@media screen and (max-width: 1024px) {
  .hospitalization-meal__body {
    padding: 0;
    padding-left: 30px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-meal__body {
    padding: 0 20px;
  }
}
.hospitalization-meal__inner {
  max-width: 900px;
  margin: 0 auto;
}
.hospitalization-meal__block {
  margin-bottom: 100px;
}
@media screen and (max-width: 1024px) {
  .hospitalization-meal__block {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-meal__block {
    margin-bottom: 50px;
  }
}
.hospitalization-meal__block--last {
  margin-bottom: 0;
}

.hospitalization-meal-menu {
  margin-bottom: 130px;
}
.hospitalization-meal-menu--mb-middle {
  margin-bottom: 100px;
}
@media screen and (max-width: 1024px) {
  .hospitalization-meal-menu {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-meal-menu {
    margin-bottom: 50px;
  }
}
.hospitalization-meal-menu__title {
  margin-bottom: 50px;
  text-align: center;
  font-family: "Shippori Mincho", serif !important;
  font-size: 3rem;
  color: #5878a7;
  font-weight: 400;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .hospitalization-meal-menu__title {
    font-size: 2.7rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-meal-menu__title {
    margin-bottom: 25px;
    font-size: 2.4rem;
  }
}
.hospitalization-meal-menu__title span {
  margin-top: 8px;
  display: block;
  font-size: 1.8rem;
}
@media screen and (max-width: 1024px) {
  .hospitalization-meal-menu__title span {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-meal-menu__title span {
    font-size: 1.6rem;
    margin-top: 5px;
  }
}
.hospitalization-meal-menu__photos {
  max-width: 1280px;
  padding: 0 40px;
  margin: 60px auto 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .hospitalization-meal-menu__photos {
    margin-top: 40px;
    padding: 0 0 0 30px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-meal-menu__photos {
    margin-top: 30px;
    padding: 0 20px;
  }
}
.hospitalization-meal-menu__photos > li {
  width: calc((100% - 24px) / 4);
  margin-left: 8px;
  margin-bottom: 8px;
}
.hospitalization-meal-menu__photos > li:nth-child(4n+1) {
  margin-left: 0;
}
@media screen and (max-width: 599px) {
  .hospitalization-meal-menu__photos > li {
    width: calc((100% - 8px) / 2);
  }
  .hospitalization-meal-menu__photos > li:nth-child(2n+1) {
    margin-left: 0;
  }
}

.hospitalization-meal-iwai {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  margin-bottom: 70px;
}
@media screen and (max-width: 1024px) {
  .hospitalization-meal-iwai {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-meal-iwai {
    margin-bottom: 40px;
    display: block;
  }
}
.hospitalization-meal-iwai .text-base {
  line-height: 1.7;
}
.hospitalization-meal-iwai__text-box {
  width: 45%;
  margin-right: 6%;
}
@media screen and (max-width: 1024px) {
  .hospitalization-meal-iwai__text-box {
    width: 55%;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-meal-iwai__text-box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.hospitalization-meal-iwai__photo {
  width: 49%;
}
@media screen and (max-width: 1024px) {
  .hospitalization-meal-iwai__photo {
    width: 39%;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-meal-iwai__photo {
    width: 100%;
  }
}
.hospitalization-meal-iwai__text01 {
  margin-bottom: 25px;
  font-size: 1.7rem;
  color: #5878a7;
  line-height: 1.9;
  font-weight: 400;
  padding-bottom: 18px;
  border-bottom: 1px dotted #5878a7;
}
@media screen and (max-width: 599px) {
  .hospitalization-meal-iwai__text01 {
    margin-bottom: 20px;
    font-size: 1.5rem;
    line-height: 1.7;
  }
}

.hospitalization-meal-child {
  padding: 45px 45px 45px 50px;
  background-color: #f3f7fa;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .hospitalization-meal-child {
    padding: 35px 35px 35px 40px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-meal-child {
    display: block;
    padding: 30px;
  }
}
.hospitalization-meal-child .text-base {
  line-height: 1.7;
}
.hospitalization-meal-child__ttl {
  font-family: "Shippori Mincho", serif !important;
  font-size: 2.6rem;
  font-weight: 400;
  color: #5878a7;
  position: relative;
  padding-top: 8px;
  padding-bottom: 25px;
  margin-bottom: 25px;
}
@media screen and (max-width: 1024px) {
  .hospitalization-meal-child__ttl {
    font-size: 2.4rem;
    padding-bottom: 15px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-meal-child__ttl {
    font-size: 1.9rem;
  }
}
.hospitalization-meal-child__ttl::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 25px;
  height: 1px;
  background-color: #5878a7;
}
.hospitalization-meal-child__text-box {
  width: 55%;
  margin-right: 6%;
}
@media screen and (max-width: 599px) {
  .hospitalization-meal-child__text-box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.hospitalization-meal-child__photo {
  width: 39%;
}
@media screen and (max-width: 599px) {
  .hospitalization-meal-child__photo {
    width: 100%;
  }
}

.hospitalization-meal-rest {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
}
@media screen and (max-width: 599px) {
  .hospitalization-meal-rest {
    display: block;
  }
}
.hospitalization-meal-rest__text-box {
  width: 45%;
  margin-right: 6%;
}
@media screen and (max-width: 1024px) {
  .hospitalization-meal-rest__text-box {
    width: 55%;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-meal-rest__text-box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.hospitalization-meal-rest__photo {
  width: 49%;
}
@media screen and (max-width: 1024px) {
  .hospitalization-meal-rest__photo {
    width: 39%;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-meal-rest__photo {
    width: 100%;
  }
}

.hospitalization-meal-chef {
  padding: 30px;
  border: 1px dotted #5878a7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 599px) {
  .hospitalization-meal-chef {
    padding: 20px;
    display: block;
  }
}
.hospitalization-meal-chef__photo {
  width: 250px;
}
@media screen and (max-width: 599px) {
  .hospitalization-meal-chef__photo {
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
  }
}
.hospitalization-meal-chef__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.hospitalization-meal-chef__text-box {
  width: calc(100% - 250px);
  padding-left: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #30455c;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  font-size: 1.5rem;
  letter-spacing: 1px;
}
@media screen and (max-width: 1024px) {
  .hospitalization-meal-chef__text-box {
    padding-left: 30px;
    padding-right: 0;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-meal-chef__text-box {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
.hospitalization-meal-chef__name {
  font-size: 1.6rem;
  padding-top: 10px;
  margin-bottom: 15px;
}
@media screen and (max-width: 599px) {
  .hospitalization-meal-chef__name {
    padding-top: 5px;
    margin-bottom: 10px;
  }
}
.hospitalization-meal-chef__name span {
  font-size: 1.8rem;
}
.hospitalization-meal-chef__profile {
  margin-top: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 599px) {
  .hospitalization-meal-chef__profile {
    display: block;
    margin-bottom: 5px;
  }
}
.hospitalization-meal-chef__profile dt {
  margin-right: 20px;
  padding-right: 20px;
  color: #5878a7;
  border-right: 1px dotted #5878a7;
}
@media screen and (max-width: 599px) {
  .hospitalization-meal-chef__profile dt {
    padding-right: 0;
    padding-bottom: 5px;
    margin-right: 0;
    margin-bottom: 14px;
    border-right: none;
    border-bottom: 1px dotted #5878a7;
  }
}
.hospitalization-meal-chef__profile dd {
  font-size: 1.4rem;
  letter-spacing: 0px;
}

.hospitalization-schedule__table {
  table-layout: fixed;
  width: 100%;
  margin-bottom: 90px;
}
@media screen and (max-width: 834px) {
  .hospitalization-schedule__table {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-schedule__table {
    margin-bottom: 50px;
  }
}
.hospitalization-schedule__table .col1 {
  width: 130px;
}
@media screen and (max-width: 599px) {
  .hospitalization-schedule__table .col1 {
    width: 50px;
  }
}
.hospitalization-schedule__table .col2,
.hospitalization-schedule__table .col4 {
  width: 46px;
}
@media screen and (max-width: 834px) {
  .hospitalization-schedule__table .col2,
  .hospitalization-schedule__table .col4 {
    width: 40px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-schedule__table .col2,
  .hospitalization-schedule__table .col4 {
    width: 36px;
  }
}
.hospitalization-schedule__table thead th.bg-blue {
  background-color: #e7f1fb;
}
.hospitalization-schedule__table thead th.bg-l-blue {
  background-color: #e5f6fb;
}
.hospitalization-schedule__table th,
.hospitalization-schedule__table td {
  border: 1px solid #d5dce5;
  color: #30455c;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 599px) {
  .hospitalization-schedule__table th,
  .hospitalization-schedule__table td {
    letter-spacing: 0.02em;
  }
}
.hospitalization-schedule__table th {
  padding: 16px;
  background-color: #f3f7fa;
  font-size: 1.7rem;
  vertical-align: middle;
}
@media screen and (max-width: 834px) {
  .hospitalization-schedule__table th {
    font-size: 1.6rem;
    padding: 18px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-schedule__table th {
    font-size: 1.3rem;
    padding: 8px 5px;
  }
}
.hospitalization-schedule__table th > span {
  display: block;
  font-size: 1.5rem;
}
@media screen and (max-width: 834px) {
  .hospitalization-schedule__table th > span {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-schedule__table th > span {
    font-size: 1.1rem;
  }
}
.hospitalization-schedule__table td {
  padding: 20px;
  font-size: 1.6rem;
  padding-right: 10px;
  vertical-align: top;
}
@media screen and (max-width: 834px) {
  .hospitalization-schedule__table td {
    font-size: 1.5rem;
    padding: 18px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-schedule__table td {
    font-size: 1.3rem;
    padding: 10px 8px;
  }
}
.hospitalization-schedule__table td.bd-dashed {
  border-bottom: 1px dashed #d5dce5;
}
.hospitalization-schedule__table td.bdb-none {
  border-bottom: none;
}
.hospitalization-schedule__table td.bd-none {
  border-top: none;
}
.hospitalization-schedule__table td.pdt-none {
  padding-top: 0;
}
.hospitalization-schedule__table td.pdb-none {
  padding-bottom: 0;
}
.hospitalization-schedule__table td.h100 {
  height: 100px;
}
.hospitalization-schedule__table td.bg-yellow, .hospitalization-schedule__table td.bg-green {
  padding: 10px;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 834px) {
  .hospitalization-schedule__table td.bg-yellow, .hospitalization-schedule__table td.bg-green {
    padding: 8px;
  }
}
.hospitalization-schedule__table td.bg-yellow > span, .hospitalization-schedule__table td.bg-green > span {
  display: inline-block;
  white-space: pre;
  writing-mode: vertical-rl;
  letter-spacing: 7px;
}
.hospitalization-schedule__table td.bg-yellow {
  border-bottom: 1px dashed #d5dce5;
  background-color: #f0efc6;
}
.hospitalization-schedule__table td.bg-green {
  border-top: none;
  background-color: #d7ebc8;
}
.hospitalization-schedule__table__list > li {
  position: relative;
  padding-left: 20px;
  line-height: 1.6;
  margin-bottom: 8px;
}
@media screen and (max-width: 599px) {
  .hospitalization-schedule__table__list > li {
    padding-left: 17px;
    margin-bottom: 5px;
  }
}
.hospitalization-schedule__table__list > li::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
@media screen and (max-width: 599px) {
  .hospitalization-schedule__table__list > li::before {
    top: 5px;
    width: 10px;
    height: 10px;
  }
}
.hospitalization-schedule__table__list.blue > li::before {
  background-color: #9abddc;
}
.hospitalization-schedule__table__list.l-blue > li::before {
  background-color: #88cad8;
}
.hospitalization-schedule__table__list.yellow > li::before {
  background-color: #f0efc6;
}
.hospitalization-schedule__table__list.green > li::before {
  background-color: #d7ebc8;
}
.hospitalization-schedule__list {
  margin-bottom: 140px;
}
@media screen and (max-width: 834px) {
  .hospitalization-schedule__list {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-schedule__list {
    margin-bottom: 80px;
  }
}
.hospitalization-schedule__list__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 599px) {
  .hospitalization-schedule__list__item {
    display: block;
  }
}
.hospitalization-schedule__list__item:not(:last-child) {
  margin-bottom: 80px;
}
@media screen and (max-width: 1024px) {
  .hospitalization-schedule__list__item:not(:last-child) {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-schedule__list__item:not(:last-child) {
    margin-bottom: 40px;
  }
}
.hospitalization-schedule__list__content {
  width: 58%;
  margin-right: 7%;
}
@media screen and (max-width: 834px) {
  .hospitalization-schedule__list__content {
    width: 60%;
    margin-right: 5%;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-schedule__list__content {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.hospitalization-schedule__list__image {
  width: 35%;
}
@media screen and (max-width: 599px) {
  .hospitalization-schedule__list__image {
    width: 100%;
  }
}
.hospitalization-schedule__list__copy {
  position: relative;
  margin-bottom: 35px;
  padding-top: 40px;
  color: #5878a7;
  font-size: 2.6rem;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 834px) {
  .hospitalization-schedule__list__copy {
    margin-bottom: 20px;
    padding-top: 25px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-schedule__list__copy {
    margin-bottom: 10px;
    padding-top: 20px;
    font-size: 1.8rem;
  }
}
.hospitalization-schedule__list__copy::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 1px;
  background-color: #5878a7;
}
@media screen and (max-width: 599px) {
  .hospitalization-schedule__list__copy::before {
    width: 28px;
  }
}
.hospitalization-schedule__list__text {
  color: #30455c;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.06em;
}
.hospitalization-schedule__box {
  padding: 40px 42px 50px;
  background-color: #f3f7fa;
}
@media screen and (max-width: 834px) {
  .hospitalization-schedule__box {
    padding: 40px 30px;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-schedule__box {
    padding: 30px 25px;
  }
}
.hospitalization-schedule__box__title {
  margin-top: -68px;
  margin-bottom: 25px;
  margin-left: -15px;
  color: #5878a7;
  font-size: 7rem;
  font-family: "Tangerine", cursive;
  line-height: 0.75;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 834px) {
  .hospitalization-schedule__box__title {
    margin-bottom: 20px;
    font-size: 6rem;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-schedule__box__title {
    margin-top: -50px;
    margin-bottom: 15px;
    font-size: 5rem;
  }
}
.hospitalization-schedule__box__text {
  color: #30455c;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  letter-spacing: 0.06em;
}
.hospitalization-schedule__box__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 -14px;
}
@media screen and (max-width: 599px) {
  .hospitalization-schedule__box__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -10px 0 0 0;
  }
}
.hospitalization-schedule__box__list__item {
  width: calc((99.9% - 42px) / 3);
  margin: 0 0 0 14px;
}
@media screen and (max-width: 599px) {
  .hospitalization-schedule__box__list__item {
    width: 100%;
    margin: 10px 0 0 0;
  }
}
.hospitalization-schedule__box__list__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 20px 57px 20px 22px;
  background-color: #fff;
  background-image: url(../img/common/arrow_circle.png);
  background-repeat: no-repeat;
  background-position: center right 18px;
  background-size: 38px auto;
  color: #30455c;
  font-size: 1.7rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0.06em;
  border: 1px solid #fff;
}
@media screen and (max-width: 834px) {
  .hospitalization-schedule__box__list__link {
    padding: 20px 47px 20px 20px;
    background-size: 28px auto;
    background-position: center right 16px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 599px) {
  .hospitalization-schedule__box__list__link {
    padding: 18px 45px 18px 20px;
    background-position: center right 16px;
    background-size: 25px auto;
  }
}
.hospitalization-schedule__box__list__link:hover {
  border: 1px solid #839ec7;
  color: #839ec7;
}

.top-wrapper-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -3;
  background: linear-gradient(45deg, #d1eefd, #fff, #b6e5fa); /*グラデーションを定義*/
  background-size: 200% 200%; /*サイズを大きくひきのばす*/
  animation: bggradient 8s ease infinite;
}

@keyframes bggradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.top-main-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
@media screen and (max-width: 1024px) {
  .top-main-wrapper {
    flex-wrap: wrap;
    height: auto;
  }
}
.top-main-wrapper__logo-wrapper {
  width: 47.5%;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .top-main-wrapper__logo-wrapper {
    padding-bottom: 70px;
    width: 100%;
  }
}
.top-main-wrapper__logo-wrapper__inner {
  margin: 0 auto;
  top: 18%;
  left: 0;
  right: 0;
  text-align: center;
  position: absolute;
}
@media screen and (max-width: 1400px) {
  .top-main-wrapper__logo-wrapper__inner {
    top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .top-main-wrapper__logo-wrapper__inner {
    position: relative;
    margin-top: -50px;
    top: auto;
    left: auto;
    right: auto;
  }
}
.sky-bg .top-main-wrapper__logo-wrapper__inner {
  top: 20%;
}
@media screen and (max-width: 1500px) {
  .sky-bg .top-main-wrapper__logo-wrapper__inner {
    top: 15%;
  }
}
@media screen and (max-width: 1024px) {
  .sky-bg .top-main-wrapper__logo-wrapper__inner {
    top: 0;
  }
}
.top-main-wrapper__logo-wrapper__inner__logo {
  margin: 0 auto 58px;
  width: 156px;
}
.top-main-wrapper__logo-wrapper__inner__logo.fadein--on {
  transition-delay: 1.8s !important;
}
@media screen and (max-width: 1400px) {
  .top-main-wrapper__logo-wrapper__inner__logo {
    width: 100%;
    max-width: 130px;
  }
}
@media screen and (max-width: 1024px) {
  .top-main-wrapper__logo-wrapper__inner__logo {
    margin: -65px auto 29px;
  }
}
@media screen and (max-width: 599px) {
  .top-main-wrapper__logo-wrapper__inner__logo {
    max-width: 110px;
  }
}
.sky-bg .top-main-wrapper__logo-wrapper__inner__logo {
  margin-bottom: 62px;
}
@media screen and (max-width: 1400px) {
  .sky-bg .top-main-wrapper__logo-wrapper__inner__logo {
    margin-bottom: 0;
  }
}
.top-main-wrapper__logo-wrapper__inner__copy {
  margin-bottom: 0px;
  padding-left: 0.18em;
  font-size: 19px;
  line-height: 42px;
  color: #30455c;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-align: center;
  display: block;
}
@media screen and (max-width: 1024px) {
  .top-main-wrapper__logo-wrapper__inner__copy {
    margin: 0 auto;
    padding-left: 0;
    letter-spacing: 0;
    line-height: 0.1;
  }
}
.top-main-wrapper__logo-wrapper__inner__copy--01 {
  margin: 0 auto;
  padding-left: 0;
  width: 432px;
  letter-spacing: 0;
  line-height: 0.1;
}
@media screen and (max-width: 1400px) {
  .top-main-wrapper__logo-wrapper__inner__copy--01 {
    margin: 50px auto 0;
    width: 336px;
  }
}
@media screen and (max-width: 599px) {
  .top-main-wrapper__logo-wrapper__inner__copy--01 {
    margin: 40px auto 0;
    width: 288px;
  }
}
.top-main-wrapper__logo-wrapper__inner__copy--01.fadein--on {
  transition-delay: 2.2s !important;
}
.top-main-wrapper__logo-wrapper__inner__copy--02 {
  margin: 30px auto 0;
  padding-left: 0;
  width: 334.8px;
  letter-spacing: 0;
  line-height: 0.1;
}
@media screen and (max-width: 1400px) {
  .top-main-wrapper__logo-wrapper__inner__copy--02 {
    margin: 30px auto 0;
    width: 260.4px;
  }
}
@media screen and (max-width: 599px) {
  .top-main-wrapper__logo-wrapper__inner__copy--02 {
    margin: 20px auto 0;
    width: 100%;
    max-width: 223.2px;
  }
}
.top-main-wrapper__logo-wrapper__inner__copy--02.fadein--on {
  transition-delay: 2.6s !important;
}
.top-main-wrapper__logo-wrapper__inner__copy--03 {
  margin: 30px auto 0;
  padding-left: 0;
  width: 297px;
  letter-spacing: 0;
  line-height: 0.1;
}
.top-main-wrapper__logo-wrapper__inner__copy--03.fadein--on {
  transition-delay: 3s !important;
}
@media screen and (max-width: 1400px) {
  .top-main-wrapper__logo-wrapper__inner__copy--03 {
    margin: 30px auto 0;
    width: 100%;
    max-width: 231px;
  }
}
@media screen and (max-width: 599px) {
  .top-main-wrapper__logo-wrapper__inner__copy--03 {
    margin: 20px auto 0;
    width: 100%;
    max-width: 198px;
  }
}
.top-main-wrapper__logo-wrapper__inner__copy02 {
  margin-bottom: 15px;
  padding-left: 0.18em;
  font-size: 19px;
  line-height: 42px;
  color: #30455c;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-align: center;
  display: block;
}
.top-main-wrapper__logo-wrapper__inner__copy02 img {
  width: auto;
}
.top-main-wrapper__logo-wrapper__sub-wrapper {
  left: 0;
  bottom: 0;
  width: 81.5%;
  position: absolute !important;
  transform: translateY(50%);
}
@media screen and (max-width: 1400px) {
  .top-main-wrapper__logo-wrapper__sub-wrapper {
    transform: translateY(70%);
  }
}
@media screen and (max-width: 1024px) {
  .top-main-wrapper__logo-wrapper__sub-wrapper {
    display: none;
  }
}
.top-main-wrapper__logo-wrapper__sub {
  display: block;
}
.top-main-wrapper__logo-wrapper__sub.fadein--on {
  transition-delay: 2.4s !important;
}
.top-main-wrapper__logo-wrapper__ph {
  left: 145px;
  bottom: -180px;
  width: 81.5%;
  position: absolute !important;
  transform: translateY(50%);
}
@media screen and (max-width: 1700px) {
  .top-main-wrapper__logo-wrapper__ph {
    left: 90px;
  }
}
@media screen and (max-width: 599px) {
  .top-main-wrapper__logo-wrapper__ph {
    left: auto;
    right: 0;
  }
}
.top-main-wrapper__photos {
  width: 52.5%;
}
.top-main-wrapper__photos.fadein--on {
  transition-delay: 0.8s !important;
}
@media screen and (max-width: 1024px) {
  .top-main-wrapper__photos {
    width: 100%;
  }
  .top-main-wrapper__photos.fadein {
    transform: translateY(0);
  }
}
.top-main-wrapper__photos__main {
  width: 100%;
}
.top-main-wrapper__photos__main__item {
  width: 100%;
  height: 100vh;
  max-height: 930px;
  overflow: hidden;
}
@media screen and (max-width: 1400px) {
  .top-main-wrapper__photos__main__item {
    max-height: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .top-main-wrapper__photos__main__item {
    height: 400px !important;
  }
}
@media screen and (max-width: 599px) {
  .top-main-wrapper__photos__main__item {
    height: 50vh !important;
  }
}
.top-main-wrapper__photos__main__item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
}
.top-main-wrapper.sky-bg {
  background-image: url(../img/top/sky_bg.webp);
  background-repeat: no-repeat;
  background-size: 100% auto;
  animation-name: fadeInAnime;
  animation-duration: 2.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeInAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.top-lead {
  padding: 1200px 40px 180px 100px;
  position: relative;
}
@media screen and (max-width: 1400px) {
  .top-lead {
    padding: 92vw 35px 80px 35px;
  }
}
@media screen and (max-width: 1024px) {
  .top-lead {
    padding: 142vw 0 90px;
  }
}
@media screen and (max-width: 834px) {
  .top-lead {
    padding: 154vw 0 90px;
  }
}
@media screen and (max-width: 599px) {
  .top-lead {
    padding: 322vw 0 90px;
  }
}
.top-lead__feature__box {
  max-width: 918px;
  top: 222px;
  right: 7.5%;
  position: absolute;
}
@media screen and (max-width: 1700px) {
  .top-lead__feature__box {
    right: 5.5%;
  }
}
@media screen and (max-width: 1500px) {
  .top-lead__feature__box {
    top: 266px;
    max-width: 64%;
  }
}
@media screen and (max-width: 1400px) {
  .top-lead__feature__box {
    top: 312px;
  }
}
@media screen and (max-width: 1024px) {
  .top-lead__feature__box {
    max-width: 100%;
    top: 460px;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0 35px;
  }
}
@media screen and (max-width: 599px) {
  .top-lead__feature__box {
    top: 364px;
    padding: 0 20px;
  }
}
.top-lead__feature__catch {
  margin-bottom: 118px;
  font-family: "Shippori Mincho", serif !important;
  font-size: 2.7rem;
  color: #244970;
  text-align: right;
  font-weight: 400;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1500px) {
  .top-lead__feature__catch {
    margin-bottom: 66px;
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .top-lead__feature__catch {
    margin-bottom: 48px;
    font-size: 2.3rem;
  }
}
@media screen and (max-width: 599px) {
  .top-lead__feature__catch {
    margin-bottom: 35px;
    text-align: center;
  }
}
.top-lead__feature__list {
  display: flex;
  flex-wrap: wrap;
  gap: 50px 40px;
}
@media screen and (max-width: 1500px) {
  .top-lead__feature__list {
    gap: 2.8vw 2.4vw;
  }
}
@media screen and (max-width: 1024px) {
  .top-lead__feature__list {
    gap: 30px 20px;
  }
}
@media screen and (max-width: 599px) {
  .top-lead__feature__list {
    gap: 20px 16px;
  }
}
.top-lead__feature__list__item {
  width: calc((100% - 80px) / 3);
}
@media screen and (max-width: 1500px) {
  .top-lead__feature__list__item {
    width: calc((100% - 4.8vw) / 3);
  }
}
@media screen and (max-width: 1024px) {
  .top-lead__feature__list__item {
    width: calc((100% - 40px) / 3);
  }
}
@media screen and (max-width: 599px) {
  .top-lead__feature__list__item {
    width: calc((100% - 16px) / 2);
  }
}
.top-lead__feature__list__item__link {
  display: block;
  text-align: center;
}
.top-lead__feature__list__item__link:hover {
  transform: translateY(10px);
}
.top-lead__feature__list__item__txt {
  position: relative;
  margin-top: 16px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 1.9rem;
  color: #5878a7;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1500px) {
  .top-lead__feature__list__item__txt {
    font-size: 1.3vw;
  }
}
@media screen and (max-width: 1024px) {
  .top-lead__feature__list__item__txt {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 834px) {
  .top-lead__feature__list__item__txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 599px) {
  .top-lead__feature__list__item__txt {
    margin-top: 10px;
    font-size: 1.4rem;
    letter-spacing: 0.02em;
  }
}
.top-lead__feature__list__item__txt::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 13px;
  top: 8px;
  right: 0;
  background-image: url(../img/common/arrow02.png);
  background-repeat: no-repeat;
  background-size: 20px auto;
}
@media screen and (max-width: 834px) {
  .top-lead__feature__list__item__txt::after {
    width: 16px;
    background-size: 16px auto;
  }
}
@media screen and (max-width: 599px) {
  .top-lead__feature__list__item__txt::after {
    top: 6px;
    width: 14px;
    background-size: 14px auto;
  }
}
@media screen and (max-width: 1500px) {
  .top-lead__feature__list__item__txt.item01 {
    margin-top: 10px;
  }
}
.top-lead__feature__list__item__txt.item05 {
  margin-top: 10px;
}
.top-lead__feature__ph02 {
  position: absolute;
  top: 500px;
  left: 60px;
}
@media screen and (max-width: 1700px) {
  .top-lead__feature__ph02 {
    left: 0px;
  }
}
@media screen and (max-width: 1500px) {
  .top-lead__feature__ph02 {
    top: 450px;
    width: 25%;
  }
}
@media screen and (max-width: 1024px) {
  .top-lead__feature__ph02 {
    top: 44%;
    left: 42%;
    width: 24%;
    height: 156px;
  }
}
@media screen and (max-width: 834px) {
  .top-lead__feature__ph02 {
    top: 44%;
  }
}
@media screen and (max-width: 599px) {
  .top-lead__feature__ph02 {
    top: 49%;
    left: 37%;
    width: 36%;
    height: 28vw;
  }
}
.top-lead__feature__ph02 img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.top-lead__feature__ph03 {
  position: absolute;
  top: 970px;
  left: 20%;
}
@media screen and (max-width: 1500px) {
  .top-lead__feature__ph03 {
    top: 48%;
    left: 14%;
    width: 20%;
  }
}
@media screen and (max-width: 1024px) {
  .top-lead__feature__ph03 {
    top: 41%;
    left: auto;
    right: 68px;
    width: 28%;
  }
}
@media screen and (max-width: 834px) {
  .top-lead__feature__ph03 {
    top: 42%;
  }
}
@media screen and (max-width: 599px) {
  .top-lead__feature__ph03 {
    top: 46%;
    right: 0;
    width: 40%;
  }
}
.top-lead__photo01 {
  top: 130px;
  right: 40px;
  width: 26%;
  max-width: 350px;
  position: absolute;
}
@media screen and (max-width: 1024px) {
  .top-lead__photo01 {
    top: 0;
    right: 0;
    width: 56.8vw;
  }
}
.top-lead__photo02 {
  top: 290px;
  right: 340px;
  width: 12%;
  max-width: 223px;
  text-align: right;
  position: absolute;
}
@media screen and (max-width: 1500px) {
  .top-lead__photo02 {
    top: 24%;
    right: 23%;
  }
}
@media screen and (max-width: 1024px) {
  .top-lead__photo02 {
    top: 15vw;
    right: 38vw;
    width: 34.67vw;
  }
}
@media screen and (max-width: 599px) {
  .top-lead__photo02 {
    top: 20vw;
    right: 48vw;
  }
}
.top-lead__inner {
  margin: 0 auto;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (max-width: 1400px) {
  .top-lead__inner {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1024px) {
  .top-lead__inner {
    flex-wrap: wrap;
  }
}
.top-lead__inner__photos {
  padding-top: 55px;
  padding-bottom: 65px;
  width: 50%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .top-lead__inner__photos {
    padding-top: 0;
    padding-bottom: 0;
    width: calc(100% - 70px);
    margin: 0 35px 55px;
  }
}
@media screen and (max-width: 599px) {
  .top-lead__inner__photos {
    width: 100%;
    margin: 0 0 60px;
  }
}
.top-lead__inner__photos__item {
  width: 30.263158%;
}
.top-lead__inner__photos__item.fadein--on {
  transition-delay: 0.2s !important;
}
.top-lead__inner__photos__item:nth-child(2) {
  margin-top: 10.526316%;
}
.top-lead__inner__photos__item:nth-child(2).fadein--on {
  transition-delay: 0.6s !important;
}
.top-lead__inner__photos__item:nth-child(3) {
  margin-top: 3.947368%;
}
.top-lead__inner__photos__item:nth-child(3).fadein--on {
  transition-delay: 0.8s !important;
}
.top-lead__inner__contents {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .top-lead__inner__contents {
    padding: 0 35px;
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .top-lead__inner__contents {
    padding: 0 20px;
  }
}
.top-lead__inner__contents__inner {
  margin: 0 auto;
  max-width: 490px;
  width: 100%;
}
@media screen and (max-width: 1400px) {
  .top-lead__inner__contents__inner {
    padding: 100px 40px 0;
  }
}
@media screen and (max-width: 1024px) {
  .top-lead__inner__contents__inner {
    max-width: 100%;
    padding: 0;
  }
}
.top-lead__inner__contents__inner__copy {
  font-size: 32px;
  line-height: 1.7;
  color: #244970;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 400;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1400px) {
  .top-lead__inner__contents__inner__copy {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .top-lead__inner__contents__inner__copy {
    font-size: 2.9rem;
    line-height: 1.7;
    text-align: center;
  }
}
@media screen and (max-width: 599px) {
  .top-lead__inner__contents__inner__copy {
    text-align: left;
    font-size: 2.3rem;
  }
}
.top-lead__inner__contents__inner__text {
  font-size: 16px;
  line-height: 2.1;
  color: #30455c;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 300;
}
@media screen and (max-width: 1024px) {
  .top-lead__inner__contents__inner__text {
    line-height: 2;
    text-align: center;
  }
}
@media screen and (max-width: 599px) {
  .top-lead__inner__contents__inner__text {
    text-align: left;
    font-size: 1.5rem;
  }
}
.top-lead__inner__contents__inner__text--first {
  margin-top: 35px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
  .top-lead__inner__contents__inner__text--first {
    margin-top: 30px;
  }
}
.top-lead__inner__contents__inner__link {
  width: 100%;
  height: 35px;
  margin-top: 50px;
  text-align: center;
  border-left: 1px solid #6987b3;
  border-right: 1px solid #6987b3;
  display: block;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .top-lead__inner__contents__inner__link {
    margin-top: 50px;
    height: 30px;
  }
}
@media screen and (max-width: 599px) {
  .top-lead__inner__contents__inner__link {
    margin-top: 38px;
  }
}
.top-lead__inner__contents__inner__link::before {
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #f3f7f9;
  position: absolute;
  z-index: -1;
  transition: 0.2s;
}
@media screen and (min-width: 1025px) {
  .top-lead__inner__contents__inner__link:hover .top-lead__inner__contents__inner__link__inner::before {
    width: 100%;
  }
}
.top-lead__inner__contents__inner__link__text {
  padding: 0 80px;
  font-size: 17px;
  line-height: 35px;
  color: #5878a7;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 300;
  background-image: url(../img/common/arrow02.png);
  background-repeat: no-repeat;
  background-size: 20px auto;
  background-position: 100% 50%;
  display: inline-block;
}
@media screen and (max-width: 1024px) {
  .top-lead__inner__contents__inner__link__text {
    padding: 0 55px;
    font-size: 16px;
    line-height: 30px;
  }
}
.top-lead__inner__contents__inner__link__inner {
  display: inline-block;
  position: relative;
}
.top-lead__inner__contents__inner__link__inner::before {
  content: "";
  bottom: 5px;
  left: 0;
  width: 0;
  height: 6px;
  background-color: rgba(245, 253, 111, 0.7);
  position: absolute;
  z-index: -1;
  transition: 0.5s;
}
.top-lead__inner__contents__inner__nav {
  margin-top: 34px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .top-lead__inner__contents__inner__nav {
    margin-top: 30px;
  }
}
.top-lead__inner__contents__inner__nav__item {
  border-bottom: 1px solid #dadde2;
  width: calc((100% - 30px) / 2);
}
@media screen and (max-width: 1024px) {
  .top-lead__inner__contents__inner__nav__item {
    width: calc((100% - 20px) / 2);
  }
}
.top-lead__inner__contents__inner__nav__item:nth-child(1) {
  border-top: 1px solid #dadde2;
}
.top-lead__inner__contents__inner__nav__item:nth-child(2) {
  border-top: 1px solid #dadde2;
}
.top-lead__inner__contents__inner__nav__item__link {
  padding: 25px 0 25px 15px;
  font-size: 15px;
  line-height: 1;
  color: #30455c;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  display: block;
  background-image: url(../img/common/arrow.png);
  background-repeat: no-repeat;
  background-position: 100% 46%;
  background-size: 21px auto;
}
@media screen and (max-width: 1024px) {
  .top-lead__inner__contents__inner__nav__item__link {
    padding: 25px 0 25px 0;
    font-size: 14px;
    background-size: 14px auto;
  }
}
@media screen and (min-width: 1025px) {
  .top-lead__inner__contents__inner__nav__item__link:hover .top-lead__inner__contents__inner__nav__item__link__text::before {
    width: 100%;
  }
}
.top-lead__inner__contents__inner__nav__item__link__text {
  display: inline-block;
  position: relative;
}
.top-lead__inner__contents__inner__nav__item__link__text::before {
  content: "";
  bottom: -4px;
  left: 0;
  width: 0;
  height: 6px;
  background-color: rgba(245, 253, 111, 0.7);
  position: absolute;
  z-index: -1;
  transition: 0.5s;
}
.top-lead__feature-point {
  margin-top: -70px;
  margin-left: 40px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1500px) {
  .top-lead__feature-point {
    margin-top: -140px;
    margin-left: 0;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1024px) {
  .top-lead__feature-point {
    margin-left: 40px;
    margin-bottom: 80px;
    padding-top: 40px;
  }
}
@media screen and (max-width: 599px) {
  .top-lead__feature-point {
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 45px;
  }
}
.top-lead__feature-point__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 599px) {
  .top-lead__feature-point__list {
    justify-content: center;
  }
}
.top-lead__feature-point__list.first > li:not(:first-child) {
  margin-left: 30px;
}
@media screen and (max-width: 1500px) {
  .top-lead__feature-point__list.first > li:not(:first-child) {
    margin-left: 2%;
  }
}
@media screen and (max-width: 599px) {
  .top-lead__feature-point__list.first > li:not(:first-child) {
    margin-left: 8px;
  }
}
.top-lead__feature-point__list.first > li a {
  width: 230px;
  font-size: 2.6rem;
}
@media screen and (max-width: 1500px) {
  .top-lead__feature-point__list.first > li a {
    width: 14vw;
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 1024px) {
  .top-lead__feature-point__list.first > li a {
    width: 20vw;
    font-size: 2.3vw;
  }
}
@media screen and (max-width: 599px) {
  .top-lead__feature-point__list.first > li a {
    width: 27vw;
    font-size: 1.4rem;
    line-height: 1.3;
  }
}
.top-lead__feature-point__list.second {
  margin-top: 10px;
  margin-left: 155px;
}
@media screen and (max-width: 1500px) {
  .top-lead__feature-point__list.second {
    margin-top: 0;
    margin-left: 130px;
  }
}
@media screen and (max-width: 599px) {
  .top-lead__feature-point__list.second {
    margin-top: 10px;
    margin-left: 0px;
  }
}
.top-lead__feature-point__list.second > li:not(:first-child) {
  margin-left: 80px;
}
@media screen and (max-width: 1500px) {
  .top-lead__feature-point__list.second > li:not(:first-child) {
    margin-left: 6%;
  }
}
@media screen and (max-width: 599px) {
  .top-lead__feature-point__list.second > li:not(:first-child) {
    margin-left: 10px;
  }
}
.top-lead__feature-point__list.second > li a {
  width: 180px;
  font-size: 2.2rem;
}
@media screen and (max-width: 1500px) {
  .top-lead__feature-point__list.second > li a {
    width: 11vw;
    font-size: 1.3vw;
  }
}
@media screen and (max-width: 1024px) {
  .top-lead__feature-point__list.second > li a {
    width: 19vw;
    font-size: 2vw;
  }
}
@media screen and (max-width: 599px) {
  .top-lead__feature-point__list.second > li a {
    width: 27vw;
    font-size: 1.4rem;
    line-height: 1.3;
  }
}
.top-lead__feature-point__list > li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background: #f8fe9a;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
}
.top-lead__feature-point__list > li a:hover {
  opacity: 0.7;
}

.top-links {
  padding: 0 0 115px 100px;
}
@media screen and (max-width: 1400px) {
  .top-links {
    padding: 0 0 90px 35px;
  }
}
@media screen and (max-width: 1024px) {
  .top-links {
    padding: 0 30px 80px;
  }
}
@media screen and (max-width: 599px) {
  .top-links {
    padding: 0px 30px 70px;
  }
}
.top-links__inner {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  .top-links__inner {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 599px) {
  .top-links__inner {
    display: block;
  }
}
.top-links__inner__item {
  padding: 0 0 35px 0;
  width: calc((100% - 60px) / 2);
  position: relative;
}
@media screen and (max-width: 1024px) {
  .top-links__inner__item {
    padding: 0;
    width: 100%;
  }
}
.top-links__inner__item:nth-child(2) {
  padding-top: 100px;
}
@media screen and (max-width: 1024px) {
  .top-links__inner__item:nth-child(2) {
    padding-top: 80px;
  }
}
@media screen and (max-width: 599px) {
  .top-links__inner__item:nth-child(2) {
    padding-top: 60px;
  }
  .top-links__inner__item:nth-child(2) .top-links__inner__item__photo {
    margin-right: -30px;
    margin-left: auto;
  }
}
.top-links__inner__item__photo {
  margin-right: 35px;
}
.top-links__inner__item__photo img {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .top-links__inner__item__photo {
    margin-left: -30px;
    width: auto;
  }
}
@media screen and (max-width: 599px) {
  .top-links__inner__item__photo {
    margin-right: 0px;
  }
}
.top-links__inner__item__block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 599px) {
  .top-links__inner__item__block {
    display: block;
  }
}
.top-links__inner__item__copy {
  width: calc(100% - 290px);
  padding-top: 40px;
  padding-bottom: 30px;
  font-size: 30px;
  line-height: 1.66;
  color: #244970;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 400;
  letter-spacing: 0.05em;
  position: relative;
}
@media screen and (max-width: 1400px) {
  .top-links__inner__item__copy {
    font-size: 2.2rem;
    height: 100%;
  }
}
@media screen and (max-width: 599px) {
  .top-links__inner__item__copy {
    padding-top: 33px;
    width: 100%;
    font-size: 2.1rem;
    padding-bottom: 25px;
  }
}
.top-links__inner__item__copy::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 2px;
  background-color: #f8fa5e;
}
@media screen and (max-width: 599px) {
  .top-links__inner__item__copy::before {
    content: none;
  }
}
.top-links__inner__item__box {
  margin-top: -85px;
  width: 100%;
  max-width: 290px;
  padding: 26px 35px;
  background-color: #fff;
}
@media screen and (max-width: 1024px) {
  .top-links__inner__item__box {
    right: auto;
    bottom: auto;
    height: 100%;
    position: relative;
  }
}
@media screen and (max-width: 599px) {
  .top-links__inner__item__box {
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    padding: 0;
    background-color: transparent;
  }
}
.top-links__inner__item__box > dl > dt {
  margin-bottom: 20px;
}
@media screen and (max-width: 599px) {
  .top-links__inner__item__box > dl > dt {
    margin-bottom: 30px;
  }
}
.top-links__inner__item__box > dl > dt a {
  padding: 5px 0;
  display: block;
  font-size: 1.7rem;
  color: #5878a7;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  text-align: center;
  background-image: url(../img/common/arrow02.png);
  background-repeat: no-repeat;
  background-size: 20px auto;
  background-position: 100% 50%;
  position: relative;
}
@media screen and (max-width: 599px) {
  .top-links__inner__item__box > dl > dt a {
    display: inline-block;
    border-bottom: 1px solid #5878a7;
    padding: 3px 35px 3px 0px;
    background-size: 16px auto;
    background-position: 98% 50%;
  }
}
.top-links__inner__item__box > dl > dt a > span {
  display: inline-block;
  position: relative;
}
.top-links__inner__item__box > dl > dt a > span::after {
  content: "";
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: rgba(245, 253, 111, 0.7);
  transform: scaleX(0);
  transform-origin: right bottom;
  transition: transform 0.3s;
  z-index: -1;
}
@media screen and (min-width: 1025px) {
  .top-links__inner__item__box > dl > dt a:hover > span::after {
    transform-origin: left bottom;
    transform: scaleX(1);
  }
}
.top-links__inner__item__box > dl > dd > ul {
  list-style: none;
}
@media screen and (max-width: 599px) {
  .top-links__inner__item__box > dl > dd > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.top-links__inner__item__box > dl > dd > ul > li {
  margin-bottom: 14px;
}
@media screen and (max-width: 599px) {
  .top-links__inner__item__box > dl > dd > ul > li {
    width: calc((100% - 10px) / 2);
    margin-left: 10px;
    margin-bottom: 18px;
  }
  .top-links__inner__item__box > dl > dd > ul > li:nth-child(2n+1) {
    margin-left: 0;
  }
}
.top-links__inner__item__box > dl > dd > ul > li a {
  font-size: 1.5rem;
  color: #30455c;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  line-height: 1.5;
  font-weight: 400;
  position: relative;
  display: block;
  padding-left: 20px;
}
@media screen and (max-width: 599px) {
  .top-links__inner__item__box > dl > dd > ul > li a {
    padding-left: 13px;
  }
}
@media screen and (max-width: 599px) {
  .top-links__inner__item__box > dl > dd > ul > li a.long {
    letter-spacing: -0.5px;
    font-size: 1.4rem;
  }
}
.top-links__inner__item__box > dl > dd > ul > li a > span {
  display: inline-block;
  position: relative;
}
.top-links__inner__item__box > dl > dd > ul > li a > span::after {
  content: "";
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: rgba(245, 253, 111, 0.7);
  transform: scaleX(0);
  transform-origin: right bottom;
  transition: transform 0.3s;
  z-index: -1;
}
@media screen and (min-width: 1025px) {
  .top-links__inner__item__box > dl > dd > ul > li a:hover > span::after {
    transform-origin: left bottom;
    transform: scaleX(1);
  }
}
.top-links__inner__item__box > dl > dd > ul > li a::before {
  margin-top: -3px;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  border-top: 1px solid #6987b3;
  border-right: 1px solid #6987b3;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 599px) {
  .top-links__inner__item__box > dl > dd > ul > li a::before {
    top: 11px;
  }
}

.top-workshop {
  padding: 150px 0 25px 100px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .top-workshop {
    padding: 0 0 100px;
  }
}
@media screen and (max-width: 599px) {
  .top-workshop {
    padding: 0 0 80px;
  }
}
.top-workshop::before {
  content: "";
  top: 0;
  left: 0;
  width: 655px;
  height: 100%;
  background-image: url(../img/top/workshop_photo.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .top-workshop::before {
    display: none;
  }
}
.top-workshop__title {
  top: 20px;
  right: 40px;
  position: absolute;
  z-index: 2;
  text-align: right;
}
@media screen and (max-width: 1024px) {
  .top-workshop__title {
    margin: 0 auto 40px;
    top: auto;
    right: auto;
    text-align: center;
    position: relative;
  }
}
@media screen and (max-width: 599px) {
  .top-workshop__title {
    margin: 0 auto 30px;
  }
}
.top-workshop__title .en {
  margin-bottom: 15px;
  font-family: "Marcellus", serif;
  font-weight: 300;
  font-size: 5.2rem;
  color: #9daeca;
  line-height: 1;
  display: block;
}
@media screen and (max-width: 1400px) {
  .top-workshop__title .en {
    font-size: 4.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .top-workshop__title .en {
    font-size: 4rem;
  }
}
@media screen and (max-width: 599px) {
  .top-workshop__title .en {
    margin-bottom: 10px;
    font-size: 3.6rem;
  }
}
.top-workshop__title .ja {
  font-size: 1.7rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  line-height: 1;
  color: #244970;
  display: inline-block;
  position: relative;
}
@media screen and (max-width: 599px) {
  .top-workshop__title .ja {
    font-size: 1.5rem;
  }
}
.top-workshop__title .ja::before {
  content: "";
  position: absolute;
  top: 9px;
  left: -90px;
  width: 70px;
  height: 1px;
  background-color: #a4b6d0;
}
@media screen and (max-width: 1024px) {
  .top-workshop__title .ja::before {
    content: none;
  }
}
.top-workshop__inner {
  margin: 0 0 60px 0;
  padding: 70px 40px 60px 15px;
  width: 100%;
  max-width: 1290px;
  background-color: #fff;
  float: right;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .top-workshop__inner {
    margin: 0 0 40px 0;
    padding: 0 0 40px 0;
    background-color: transparent;
  }
}
@media screen and (max-width: 599px) {
  .top-workshop__inner {
    margin: 0 0 60px 0;
  }
}
.top-workshop__inner::before {
  content: "";
  top: 0;
  left: 0;
  width: 65px;
  height: 100%;
  background-color: #fff;
  position: absolute;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  .top-workshop__inner::before {
    display: none;
  }
}
.top-workshop__list {
  width: 100%;
  position: relative;
}
.top-workshop__list .slick-prev,
.top-workshop__list .slick-next {
  width: 29px;
  height: 16px;
}
.top-workshop__list .slick-prev {
  top: auto !important;
  bottom: -50px !important;
  right: 50px !important;
  left: auto !important;
  background-image: url(../img/common/arrow_back.png);
}
@media screen and (max-width: 1024px) {
  .top-workshop__list .slick-prev {
    right: 80px !important;
  }
}
@media screen and (max-width: 599px) {
  .top-workshop__list .slick-prev {
    right: 50% !important;
    margin-right: 10px;
  }
}
.top-workshop__list .slick-next {
  top: auto !important;
  bottom: -50px !important;
  right: 0 !important;
  background-image: url(../img/common/arrow_next.png);
}
@media screen and (max-width: 1024px) {
  .top-workshop__list .slick-next {
    right: 35px !important;
  }
}
@media screen and (max-width: 599px) {
  .top-workshop__list .slick-next {
    right: 50% !important;
    margin-right: -40px;
  }
}
.top-workshop__list__item {
  padding-left: 50px;
}
@media screen and (max-width: 1024px) {
  .top-workshop__list__item {
    padding: 0 15px;
  }
}
.top-workshop__list__item__link {
  display: block;
}
@media screen and (min-width: 1025px) {
  .top-workshop__list__item__link:hover {
    transform: translateY(10px);
  }
}
.top-workshop__list__item__link__photo {
  width: 100%;
  height: 205px;
  margin-bottom: 15px;
}
@media screen and (max-width: 1024px) {
  .top-workshop__list__item__link__photo {
    height: 180px;
  }
}
.top-workshop__list__item__link__photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
}
.top-workshop__list__item__link__time {
  margin-bottom: 18px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 1.7rem;
  line-height: 1.4;
  color: #5096c2;
  font-weight: 400;
  letter-spacing: 0.05em;
}
.top-workshop__list__item__link__time span {
  border-bottom: 1px solid #5096c2;
}
.top-workshop__list__item__link__text {
  margin-bottom: 17px;
  font-size: 1.5rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  color: #30455c;
  line-height: 1.4;
}
.top-workshop__list__item__link__text .icon-new {
  display: inline-block;
  margin-left: 5px;
  color: #e03c72;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 599px) {
  .top-workshop__list__item__link__text .icon-new {
    margin-left: 5px;
    font-size: 1.4rem;
  }
}
.top-workshop__list__item__link__date {
  font-size: 1.4rem;
  color: #a5aab2;
}
.top-workshop__btn-wrapper {
  padding-right: 40px;
  text-align: right;
}
@media screen and (max-width: 1024px) {
  .top-workshop__btn-wrapper {
    padding-right: 0;
    padding-left: 30px;
    text-align: center;
  }
}

.top-topics {
  padding: 170px 40px 170px 100px;
}
@media screen and (max-width: 1400px) {
  .top-topics {
    padding: 100px 35px 100px 35px;
  }
}
@media screen and (max-width: 1024px) {
  .top-topics {
    margin-bottom: 100px;
    padding: 0 35px;
  }
}
@media screen and (max-width: 599px) {
  .top-topics {
    margin-bottom: 90px;
    padding: 0 20px 0;
  }
}
.top-topics__inner {
  margin: 0 auto;
  width: 100%;
  max-width: 1470px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .top-topics__inner {
    flex-wrap: wrap;
  }
}
.top-topics__inner__item {
  padding-right: 70px;
  width: 68.707483%;
  text-align: left;
}
@media screen and (max-width: 1024px) {
  .top-topics__inner__item {
    padding: 0;
    width: 100%;
  }
}
.top-topics__inner__item:nth-child(2) {
  padding-right: 0;
  padding-left: 65px;
  width: 31.292517%;
  text-align: right;
}
@media screen and (max-width: 1024px) {
  .top-topics__inner__item:nth-child(2) {
    margin-top: 80px;
    padding: 0;
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 599px) {
  .top-topics__inner__item:nth-child(2) {
    margin-top: 70px;
  }
}
.top-topics__inner__item:nth-child(2) .top-topics__inner__item__box::before {
  content: "";
  top: 0;
  left: -65px;
  width: 1px;
  height: 100%;
  background-color: #a4b6d0;
  position: absolute;
}
@media screen and (max-width: 1024px) {
  .top-topics__inner__item:nth-child(2) .top-topics__inner__item__box::before {
    display: none;
  }
}
.top-topics__inner__item__title {
  margin: 0 auto 40px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .top-topics__inner__item__title {
    margin-bottom: 30px;
    padding-left: 0;
  }
}
@media screen and (max-width: 599px) {
  .top-topics__inner__item__title {
    margin-bottom: 25px;
  }
}
.top-topics__inner__item__title .en {
  margin-bottom: 7px;
  font-family: "Marcellus", serif;
  font-size: 3.6rem;
  color: #5878a7;
  font-weight: 400;
  display: block;
  line-height: 1;
}
@media screen and (max-width: 599px) {
  .top-topics__inner__item__title .en {
    margin-bottom: 6px;
    font-size: 3.2rem;
  }
}
.top-topics__inner__item__title .ja {
  font-size: 1.5rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  line-height: 1;
}
@media screen and (max-width: 599px) {
  .top-topics__inner__item__title .ja {
    font-size: 1.4rem;
  }
}
.top-topics__inner__item__box {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1024px) {
  .top-topics__inner__item__box {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 599px) {
  .top-topics__inner__item__box {
    margin-bottom: 40px;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.top-topics__inner__item__box__list {
  width: 61%;
  margin-right: 5%;
}
@media screen and (max-width: 599px) {
  .top-topics__inner__item__box__list {
    width: 100%;
    margin-right: 0;
    -ms-flex-order: 2;
    order: 2;
  }
}
.top-topics__inner__item__box__pickup {
  width: 34%;
}
@media screen and (max-width: 599px) {
  .top-topics__inner__item__box__pickup {
    width: 100%;
    -ms-flex-order: 1;
    order: 1;
  }
}
.top-topics__inner__item__box .top-topics-list__item {
  border-bottom: 1px solid #dadde2;
}
.top-topics__inner__item__box .top-topics-list__item:first-child {
  border-top: 1px solid #dadde2;
}
.top-topics__inner__item__box .top-topics-list__link {
  padding: 30px 0;
  display: block;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.3;
  color: #30455c;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1024px) {
  .top-topics__inner__item__box .top-topics-list__link {
    display: block;
    padding: 20px 0;
  }
}
.top-topics__inner__item__box .top-topics-list__link .day {
  color: #6684b0;
  width: 100px;
}
@media screen and (max-width: 1024px) {
  .top-topics__inner__item__box .top-topics-list__link .day {
    margin-bottom: 5px;
    width: 100%;
  }
}
.top-topics__inner__item__box .top-topics-list__link .text {
  width: calc(100% - 100px);
  transition: 0.3s;
}
@media screen and (max-width: 1024px) {
  .top-topics__inner__item__box .top-topics-list__link .text {
    width: 100%;
  }
}
.top-topics__inner__item__box .top-topics-list__link .text .icon-new {
  display: inline-block;
  margin-left: 5px;
  color: #e03c72;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 599px) {
  .top-topics__inner__item__box .top-topics-list__link .text .icon-new {
    margin-left: 5px;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 1025px) {
  .top-topics__inner__item__box .top-topics-list__link:hover .text {
    padding-left: 10px;
  }
}
.top-topics__inner__item__box .top-topics-pickup {
  transition: 0.2s;
  display: block;
}
@media screen and (min-width: 1025px) {
  .top-topics__inner__item__box .top-topics-pickup:hover {
    transform: translateY(10px);
  }
}
@media screen and (max-width: 599px) {
  .top-topics__inner__item__box .top-topics-pickup {
    padding: 0 10px;
    margin-bottom: 30px;
  }
}
.top-topics__inner__item__box .top-topics-pickup__photo {
  margin-bottom: 15px;
  height: 234px;
}
@media screen and (max-width: 1024px) {
  .top-topics__inner__item__box .top-topics-pickup__photo {
    height: 170px;
  }
}
@media screen and (max-width: 599px) {
  .top-topics__inner__item__box .top-topics-pickup__photo {
    height: 220px;
  }
}
.top-topics__inner__item__box .top-topics-pickup__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.top-topics__inner__item__box .top-topics-pickup__text-box {
  padding-right: 80px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .top-topics__inner__item__box .top-topics-pickup__text-box {
    padding-right: 40px;
  }
}
@media screen and (max-width: 599px) {
  .top-topics__inner__item__box .top-topics-pickup__text-box {
    padding-right: 60px;
  }
}
.top-topics__inner__item__box .top-topics-pickup__text-box::before {
  position: absolute;
  right: 0;
  bottom: 0;
  content: "";
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 1px solid #6987b3;
  background-image: url(../img/common/arrow02.png);
  background-repeat: no-repeat;
  display: block;
  background-position: center;
}
@media screen and (max-width: 1024px) {
  .top-topics__inner__item__box .top-topics-pickup__text-box::before {
    width: 30px;
    height: 30px;
    background-size: 15px auto;
  }
}
@media screen and (max-width: 599px) {
  .top-topics__inner__item__box .top-topics-pickup__text-box::before {
    bottom: 50%;
    width: 40px;
    height: 40px;
    margin-bottom: -20px;
  }
}
.top-topics__inner__item__box .top-topics-pickup__text-box .day {
  margin-bottom: 5px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 1.5rem;
  color: #6684b0;
  font-weight: 400;
}
.top-topics__inner__item__box .top-topics-pickup__text-box .text {
  font-size: 1.5rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  color: #5e636d;
  line-height: 1.6;
  font-weight: 400;
}
@media screen and (max-width: 599px) {
  .top-topics__inner__item__box .top-topics-pickup__text-box .text {
    font-size: 1.6rem;
  }
}
.top-topics__inner__item__box .top-topics-pickup__text-box .text .icon-new {
  display: inline-block;
  margin-left: 5px;
  color: #e03c72;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 599px) {
  .top-topics__inner__item__box .top-topics-pickup__text-box .text .icon-new {
    margin-left: 5px;
    font-size: 1.4rem;
  }
}
.top-topics__inner__item__box .top-blog-list {
  width: 100%;
  text-align: left;
}
.top-topics__inner__item__box .top-blog-list__item {
  border-bottom: 1px solid #dadde2;
}
.top-topics__inner__item__box .top-blog-list__item:first-child {
  border-top: 1px solid #dadde2;
}
.top-topics__inner__item__box .top-blog-list__link {
  width: 100%;
  padding: 30px 0;
  display: block;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.3;
  color: #30455c;
}
@media screen and (max-width: 1024px) {
  .top-topics__inner__item__box .top-blog-list__link {
    padding: 20px 0;
  }
}
.top-topics__inner__item__box .top-blog-list__link .day {
  color: #969aa3;
}
@media screen and (max-width: 599px) {
  .top-topics__inner__item__box .top-blog-list__link .day {
    font-size: 1.4rem;
  }
}
.top-topics__inner__item__box .top-blog-list__link .category {
  color: #70a3d0;
  padding-left: 20px;
  position: relative;
}
@media screen and (max-width: 599px) {
  .top-topics__inner__item__box .top-blog-list__link .category {
    font-size: 1.4rem;
  }
}
.top-topics__inner__item__box .top-blog-list__link .category::before {
  content: "/";
  position: absolute;
  top: 0;
  left: 8px;
  color: #d6d6d6;
}
.top-topics__inner__item__box .top-blog-list__link .text {
  margin-top: 10px;
  line-height: 1.3;
  font-size: 1.6rem;
  color: #30455c;
  transition: 0.2s;
}
@media screen and (max-width: 599px) {
  .top-topics__inner__item__box .top-blog-list__link .text {
    font-size: 1.5rem;
  }
}
.top-topics__inner__item__box .top-blog-list__link .text .icon-new {
  display: inline-block;
  margin-left: 5px;
  color: #e03c72;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 599px) {
  .top-topics__inner__item__box .top-blog-list__link .text .icon-new {
    margin-left: 5px;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 1025px) {
  .top-topics__inner__item__box .top-blog-list__link:hover .text {
    padding-left: 10px;
  }
}
.top-topics__inner__item__btn-wrapper {
  padding-left: 30px;
  margin-top: 80px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .top-topics__inner__item__btn-wrapper {
    margin-top: 40px;
  }
}

.top-instagram {
  padding: 0 0 160px;
}
@media screen and (max-width: 1400px) {
  .top-instagram {
    padding: 0 0 110px;
  }
}
@media screen and (max-width: 1024px) {
  .top-instagram {
    padding-bottom: 75px;
  }
}
.top-instagram__title {
  text-align: center;
  margin-bottom: 65px;
}
@media screen and (max-width: 1024px) {
  .top-instagram__title {
    margin-bottom: 25px;
  }
}
.top-instagram__title img {
  width: auto;
}
@media screen and (max-width: 1024px) {
  .top-instagram__title img {
    width: 148px;
  }
}
.top-instagram__list__item {
  position: relative;
  margin: 0 20px !important;
}
.top-instagram__list__item::before {
  content: "";
  width: 100%;
  height: 100%;
  padding-bottom: 100%;
  display: block;
}
@media screen and (max-width: 1024px) {
  .top-instagram__list__item {
    padding: 0 3px;
  }
}
@media screen and (max-width: 599px) {
  .top-instagram__list__item {
    margin: 0 3px !important;
  }
}
.top-instagram__list__item__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
@media screen and (min-width: 1025px) {
  .top-instagram__list__item__link:hover {
    transform: translateY(10px);
  }
}
.top-instagram__list__item__link img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
}

.workshop-list {
  margin-top: 80px;
  margin-bottom: -60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .workshop-list {
    margin-top: 60px;
  }
}
@media screen and (max-width: 599px) {
  .workshop-list {
    margin-top: 40px;
  }
}
.workshop-list__item {
  width: calc((100% - 80px) / 3);
  margin-left: 40px;
  margin-bottom: 50px;
}
.workshop-list__item:nth-child(3n+1) {
  margin-left: 0;
}
@media screen and (max-width: 1024px) {
  .workshop-list__item {
    width: calc((100% - 60px) / 3);
    margin-bottom: 40px;
    margin-left: 30px;
  }
}
@media screen and (max-width: 599px) {
  .workshop-list__item {
    width: calc((100% - 20px) / 2);
    margin-left: 20px;
  }
  .workshop-list__item:nth-child(3n+1) {
    margin-left: 20px;
  }
  .workshop-list__item:nth-child(2n+1) {
    margin-left: 0;
  }
}
.workshop-list__item__link {
  display: block;
}
@media screen and (min-width: 1025px) {
  .workshop-list__item__link:hover {
    transform: translateY(10px);
  }
}
.workshop-list__item__link__photo {
  width: 100%;
  height: 205px;
  margin-bottom: 15px;
}
@media screen and (max-width: 1024px) {
  .workshop-list__item__link__photo {
    height: 180px;
  }
}
@media screen and (max-width: 599px) {
  .workshop-list__item__link__photo {
    height: 130px;
  }
}
.workshop-list__item__link__photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
}
.workshop-list__item__link__time {
  margin-bottom: 18px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 1.7rem;
  line-height: 1.4;
  color: #5096c2;
  font-weight: 400;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 599px) {
  .workshop-list__item__link__time {
    margin-bottom: 13px;
    font-size: 1.5rem;
    letter-spacing: 0;
  }
}
.workshop-list__item__link__time span {
  border-bottom: 1px solid #5096c2;
}
.workshop-list__item__link__text {
  margin-bottom: 17px;
  font-size: 1.5rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  color: #30455c;
  line-height: 1.4;
}
@media screen and (max-width: 599px) {
  .workshop-list__item__link__text {
    margin-bottom: 13px;
  }
}
.workshop-list__item__link__text .icon-new {
  display: inline-block;
  margin-left: 5px;
  color: #e03c72;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 599px) {
  .workshop-list__item__link__text .icon-new {
    margin-left: 5px;
    font-size: 1.4rem;
  }
}
.workshop-list__item__link__date {
  font-size: 1.4rem;
  color: #a5aab2;
}

.about-index__block {
  margin-bottom: 100px;
}
@media screen and (max-width: 1024px) {
  .about-index__block {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 599px) {
  .about-index__block {
    margin-bottom: 50px;
  }
}
.about-index__copy {
  margin-bottom: 70px;
  text-align: center;
  font-family: "Shippori Mincho", serif !important;
  font-size: 3.2rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #5878a7;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .about-index__copy {
    font-size: 2.7rem;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 599px) {
  .about-index__copy {
    margin-bottom: 30px;
    font-size: 2rem;
  }
}

.about-index-greeting {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 599px) {
  .about-index-greeting {
    display: block;
  }
}
.about-index-greeting__photo {
  width: 43%;
  margin-right: 8%;
}
@media screen and (max-width: 1024px) {
  .about-index-greeting__photo {
    width: 47%;
    margin-right: 4%;
  }
}
@media screen and (max-width: 599px) {
  .about-index-greeting__photo {
    width: 100%;
    margin-right: 0;
    margin-bottom: 70px;
    position: relative;
  }
  .about-index-greeting__photo img {
    width: 70%;
    box-shadow: 12px 12px 0 0 #f3f7fa;
  }
}
.about-index-greeting__box {
  width: 49%;
}
@media screen and (max-width: 599px) {
  .about-index-greeting__box {
    width: 100%;
  }
}
.about-index-greeting__university {
  margin-bottom: 25px;
  font-size: 1.7rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  color: #30455c;
  font-weight: 400;
  padding-top: 6px;
  line-height: 1.4;
  padding-bottom: 14px;
  border-bottom: 1px dotted #c4c7cc;
}
.about-index-greeting__list > li {
  margin-bottom: 11px;
  line-height: 1.4;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #30455c;
}
.about-index-greeting__name {
  padding: 50px 30px 0;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 2.4rem;
  color: #30455c;
  font-weight: 400;
  position: relative;
}
@media screen and (max-width: 599px) {
  .about-index-greeting__name {
    position: absolute;
    right: 0;
    bottom: -50px;
    z-index: 1;
    padding-right: 0;
  }
}
.about-index-greeting__name::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 0;
  width: 70px;
  height: 70px;
  background-color: #f7fca1;
  border-radius: 50%;
  z-index: -1;
}
.about-index-greeting__name .small {
  font-size: 1.7rem;
}
.about-index-greeting__name .en-text {
  margin-top: 5px;
  display: block;
  font-size: 1.5rem;
  color: #5878a7;
  letter-spacing: 0.05em;
}

.about-feature-wrapper {
  padding: 0 40px;
}
@media screen and (max-width: 1024px) {
  .about-feature-wrapper {
    padding: 0;
    padding-left: 30px;
  }
}
@media screen and (max-width: 599px) {
  .about-feature-wrapper {
    padding: 0 20px;
  }
}
.about-feature-wrapper__inner {
  max-width: 900px;
  margin: 0 auto;
}

.about-feature__block {
  margin-bottom: 100px;
}
@media screen and (max-width: 1024px) {
  .about-feature__block {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 599px) {
  .about-feature__block {
    margin-bottom: 50px;
  }
}

.about-feature-copy {
  margin-bottom: 85px;
  color: #30455c;
  font-size: 1.7rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  text-align: center;
  line-height: 2.3;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1400px) {
  .about-feature-copy {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 1024px) {
  .about-feature-copy {
    margin-bottom: 50px;
    padding: 0 0 0 30px;
  }
}
@media screen and (max-width: 599px) {
  .about-feature-copy {
    font-size: 1.5rem;
    padding: 0 20px;
    line-height: 2;
    text-align: justify;
    margin-bottom: 30px;
  }
}

.about-feature-point {
  max-width: 832px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .about-feature-point {
    padding: 0 40px 0 60px;
  }
}
@media screen and (max-width: 599px) {
  .about-feature-point {
    padding: 0 15px;
  }
}
.about-feature-point.left {
  padding-right: 130px;
}
@media screen and (max-width: 599px) {
  .about-feature-point.left {
    padding-right: 45px;
  }
}
.about-feature-point.right {
  padding-left: 130px;
  margin-top: -10px;
}
@media screen and (max-width: 599px) {
  .about-feature-point.right {
    margin-top: 0px;
    padding-left: 45px;
  }
}
.about-feature-point > li {
  width: calc((100% - 80px) / 3);
  border-radius: 100%;
  padding: 16px;
  background: #f8fe9a;
  font-family: "Shippori Mincho", serif !important;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  margin-left: 40px;
}
.about-feature-point > li:nth-child(1), .about-feature-point > li:nth-child(4) {
  margin-left: 0;
}
.about-feature-point > li {
  /* 以下のFlexboxで文字を中央寄せ */
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 599px) {
  .about-feature-point > li {
    padding: 10px;
  }
}
.about-feature-point > li::before {
  display: block;
  content: "";
  padding-top: 100%;
}
@media screen and (max-width: 1400px) {
  .about-feature-point > li {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .about-feature-point > li {
    width: calc((100% - 40px) / 3);
    margin-left: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 599px) {
  .about-feature-point > li {
    width: calc((100% - 20px) / 3);
    margin-left: 10px;
    font-size: 1.5rem;
    line-height: 1.3;
  }
}

.about-feature-item {
  position: relative;
  padding: 55px 40px;
  margin-bottom: 70px;
}
@media screen and (max-width: 1024px) {
  .about-feature-item {
    padding: 25px 0 55px 40px;
  }
}
@media screen and (max-width: 599px) {
  .about-feature-item {
    margin-bottom: 30px;
    padding: 40px 20px;
  }
}
.about-feature-item--last {
  margin-bottom: 130px;
}
@media screen and (max-width: 1024px) {
  .about-feature-item--last {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 599px) {
  .about-feature-item--last {
    margin-bottom: 50px;
  }
}
.about-feature-item::before {
  content: "";
  width: calc(100% - (100% - 900px) / 2);
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #f3f7fa;
  display: block;
  z-index: -1;
}
@media screen and (max-width: 1500px) {
  .about-feature-item::before {
    width: 80%;
  }
}
@media screen and (max-width: 1024px) {
  .about-feature-item::before {
    width: 90%;
    height: 70%;
  }
}
@media screen and (max-width: 599px) {
  .about-feature-item::before {
    width: 100%;
  }
}
.about-feature-item.reverse::before {
  left: auto;
  right: 0;
}
@media screen and (max-width: 1024px) {
  .about-feature-item.reverse::before {
    left: 0;
    right: auto;
  }
}
.about-feature-item__inner {
  max-width: 1100px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.about-feature-item__inner--01 {
  position: relative;
}
.about-feature-item__inner--01::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -90px;
  width: 140px;
  height: 140px;
  background-color: rgba(245, 253, 111, 0.6);
  display: block;
}
@media screen and (max-width: 1400px) {
  .about-feature-item__inner--01::before {
    width: 80px;
    height: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .about-feature-item__inner--01::before {
    bottom: 18%;
    left: 70px;
    width: 100px;
    height: 100px;
  }
}
@media screen and (max-width: 599px) {
  .about-feature-item__inner--01::before {
    bottom: -30px;
    left: 20px;
    width: 70px;
    height: 70px;
  }
}
.about-feature-item__inner--02 {
  position: relative;
}
.about-feature-item__inner--02::before {
  content: "";
  position: absolute;
  right: 100px;
  top: -80px;
  width: 70px;
  height: 70px;
  background-color: rgba(245, 253, 111, 0.6);
  display: block;
}
@media screen and (max-width: 1024px) {
  .about-feature-item__inner--02::before {
    right: 40px;
    top: -60px;
    width: 80px;
    height: 80px;
  }
}
@media screen and (max-width: 599px) {
  .about-feature-item__inner--02::before {
    right: 10px;
    width: 40px;
    height: 40px;
  }
}
.about-feature-item__inner--03 {
  position: relative;
}
.about-feature-item__inner--03::before {
  content: "";
  position: absolute;
  left: 130px;
  top: -90px;
  width: 106px;
  height: 106px;
  background-color: rgba(245, 253, 111, 0.6);
  display: block;
}
@media screen and (max-width: 1400px) {
  .about-feature-item__inner--03::before {
    left: 100px;
    width: 90px;
    height: 90px;
  }
}
@media screen and (max-width: 1024px) {
  .about-feature-item__inner--03::before {
    left: 40px;
    top: -110px;
    width: 140px;
    height: 140px;
  }
}
@media screen and (max-width: 599px) {
  .about-feature-item__inner--03::before {
    left: 20px;
    top: -70px;
    width: 80px;
    height: 80px;
  }
}
.about-feature-item__inner--04 {
  position: relative;
}
@media screen and (max-width: 1024px) {
  .about-feature-item__inner--04 {
    margin-bottom: -95px;
  }
}
@media screen and (max-width: 599px) {
  .about-feature-item__inner--04 {
    margin-bottom: -50px;
  }
}
.about-feature-item__inner--04::before {
  content: "";
  position: absolute;
  right: 20px;
  top: -90px;
  width: 140px;
  height: 140px;
  background-color: rgba(245, 253, 111, 0.6);
  display: block;
}
@media screen and (max-width: 1400px) {
  .about-feature-item__inner--04::before {
    width: 110px;
    height: 110px;
  }
}
@media screen and (max-width: 599px) {
  .about-feature-item__inner--04::before {
    top: -70px;
    width: 60px;
    height: 60px;
  }
}
.about-feature-item__inner--05 {
  position: relative;
}
.about-feature-item__inner--05::before {
  content: "";
  position: absolute;
  left: 100px;
  top: -90px;
  width: 110px;
  height: 110px;
  background-color: rgba(245, 253, 111, 0.6);
  display: block;
}
@media screen and (max-width: 1400px) {
  .about-feature-item__inner--05::before {
    left: 0;
    width: 90px;
    height: 90px;
  }
}
@media screen and (max-width: 1024px) {
  .about-feature-item__inner--05::before {
    left: 50px;
    width: 130px;
    height: 130px;
  }
}
@media screen and (max-width: 599px) {
  .about-feature-item__inner--05::before {
    left: 30px;
    top: -70px;
    width: 70px;
    height: 70px;
  }
}
.about-feature-item__text-box {
  width: 56%;
  padding: 20px 50px 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.reverse .about-feature-item__text-box {
  order: 2;
}
@media screen and (max-width: 1024px) {
  .reverse .about-feature-item__text-box {
    order: 1;
  }
}
@media screen and (max-width: 1400px) {
  .about-feature-item__text-box {
    padding: 20px 30px 45px;
  }
}
@media screen and (max-width: 1024px) {
  .about-feature-item__text-box {
    width: 85%;
  }
}
@media screen and (max-width: 599px) {
  .about-feature-item__text-box {
    width: 100%;
    padding: 0;
    margin-bottom: 25px;
  }
}
.about-feature-item__photo {
  width: 44%;
}
@media screen and (max-width: 1024px) {
  .about-feature-item__photo {
    width: 70%;
    height: 300px;
    margin: 0 0 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .about-feature-item__photo {
    height: 250px;
    width: 100%;
  }
}
.about-feature-item__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.reverse .about-feature-item__photo {
  order: 1;
}
@media screen and (max-width: 1024px) {
  .reverse .about-feature-item__photo {
    order: 2;
  }
}
.about-feature-item__number {
  margin-bottom: 45px;
  font-size: 9rem;
  line-height: 0.5;
  color: #5bbfdf;
  font-family: "Tangerine", cursive;
  font-weight: 400;
  text-align: center;
}
@media screen and (max-width: 599px) {
  .about-feature-item__number {
    margin-bottom: 35px;
    font-size: 7rem;
  }
}
.about-feature-item__number span {
  position: relative;
}
.about-feature-item__number span::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 18px;
  width: 100%;
  height: 1px;
  border-bottom: 1px dotted #52badc;
}
@media screen and (max-width: 599px) {
  .about-feature-item__number span::before {
    bottom: 8px;
  }
}
.about-feature-item__number--03 span::before {
  bottom: 0;
}
.about-feature-item__number--05 span::before {
  bottom: 0;
}
.about-feature-item__copy {
  font-size: 3.2rem;
  color: #5878a7;
  font-weight: 400;
  font-family: "Shippori Mincho", serif !important;
  text-align: center;
  line-height: 1.4;
  letter-spacing: 0.03em;
  margin-bottom: 25px;
}
@media screen and (max-width: 1400px) {
  .about-feature-item__copy {
    font-size: 2.7rem;
  }
}
@media screen and (max-width: 599px) {
  .about-feature-item__copy {
    margin-bottom: 20px;
    font-size: 2.3rem;
  }
}
.about-feature-item__text {
  max-width: 430px;
  margin: 0 auto;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.9;
}

.accordion-area {
  margin: -30px auto 70px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .accordion-area {
    margin: 0 0 125px 70px;
  }
}
@media screen and (max-width: 599px) {
  .accordion-area {
    margin: 0 20px 70px;
  }
}
.accordion-area__btn {
  display: inline-block;
  position: relative;
  padding: 15px 50px 15px 25px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.3;
  background-color: #7fa9d0;
  transition: 0.3s;
  cursor: pointer;
}
@media screen and (min-width: 1025px) {
  .accordion-area__btn:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 599px) {
  .accordion-area__btn {
    padding: 15px 45px 15px 20px;
  }
}
.accordion-area__btn::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 1px;
  top: 50%;
  right: 18px;
  background-color: #fff;
}
.accordion-area__btn::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 15px;
  top: calc(50% - 7px);
  right: 25px;
  background-color: #fff;
  transition: 0.3s;
}
.accordion-area__btn.close::after {
  transform: rotate(90deg);
}
.accordion-area__box {
  display: none;
  margin: 20px auto 0;
  padding: 45px 50px;
  width: 100%;
  max-width: 900px;
  border: 1px solid #7fa9d0;
}
@media screen and (max-width: 1024px) {
  .accordion-area__box {
    padding: 30px 35px;
  }
}
@media screen and (max-width: 599px) {
  .accordion-area__box {
    padding: 20px;
  }
}
.accordion-area__box p {
  margin-bottom: 50px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.9;
  text-align: justify;
}
@media screen and (max-width: 1024px) {
  .accordion-area__box p {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 599px) {
  .accordion-area__box p {
    margin-bottom: 20px;
  }
}

.about-gallery-wrapper {
  padding: 0 40px;
}
@media screen and (max-width: 1024px) {
  .about-gallery-wrapper {
    padding: 0;
    padding-left: 30px;
  }
}
@media screen and (max-width: 599px) {
  .about-gallery-wrapper {
    padding: 0 20px;
  }
}
.about-gallery-wrapper__inner {
  max-width: 900px;
  margin: 0 auto;
}

.about-gallery {
  padding: 0 40px;
}
@media screen and (max-width: 1024px) {
  .about-gallery {
    padding: 0 0 0 30px;
  }
}
@media screen and (max-width: 599px) {
  .about-gallery {
    padding: 0 20px;
  }
}

.about-gallery-en {
  font-size: 6.2rem;
  font-family: "Tangerine", cursive;
  font-weight: 400;
  color: #5bbfdf;
  line-height: 0.5;
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
  .about-gallery-en {
    margin-bottom: 40px;
    font-size: 5.2rem;
  }
}
@media screen and (max-width: 599px) {
  .about-gallery-en {
    margin-bottom: 30px;
    font-size: 4rem;
  }
}
.about-gallery-en span {
  position: relative;
}
.about-gallery-en span::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 5px;
  width: 100%;
  height: 1px;
  border-bottom: 1px dotted #5bbfdf;
}

.about-gallery-title {
  margin-bottom: 30px;
  color: #5878a7;
  font-size: 3rem;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 400;
  text-align: center;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .about-gallery-title {
    margin-bottom: 25px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 599px) {
  .about-gallery-title {
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}

.about-gallery-text {
  margin-bottom: 70px;
  text-align: center;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  color: #30455c;
  line-height: 1.9;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1024px) {
  .about-gallery-text {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 599px) {
  .about-gallery-text {
    margin-bottom: 30px;
    text-align: justify;
  }
}

.about-gallery-list {
  max-width: 1115px;
  margin: 0 auto 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .about-gallery-list {
    margin: 0 auto 60px;
  }
}
.about-gallery-list__item {
  width: calc((100% - 75px) / 4);
  margin-left: 25px;
  margin-bottom: 25px;
  font-size: 1.6rem;
  font-family: "Shippori Mincho", serif !important;
  text-align: center;
  letter-spacing: 0.1em;
}
.about-gallery-list__item:nth-child(4n+1) {
  margin-left: 0;
}
@media screen and (max-width: 1024px) {
  .about-gallery-list__item {
    font-size: 1.5rem;
    width: calc((100% - 50px) / 3);
  }
  .about-gallery-list__item:nth-child(4n+1) {
    margin-left: 25px;
  }
  .about-gallery-list__item:nth-child(3n+1) {
    margin-left: 0;
  }
}
@media screen and (max-width: 599px) {
  .about-gallery-list__item {
    width: calc((100% - 10px) / 2);
    font-size: 1.4rem;
    margin-left: 10px;
    margin-bottom: 10px;
  }
  .about-gallery-list__item:nth-child(3n+1) {
    margin-left: 10px;
  }
  .about-gallery-list__item:nth-child(2n+1) {
    margin-left: 0;
  }
}

.about-gallery-movie {
  max-width: 500px;
  margin: 0 auto 130px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1024px) {
  .about-gallery-movie {
    margin: 0 auto 90px;
  }
}
@media screen and (max-width: 599px) {
  .about-gallery-movie {
    margin: 0 auto 70px;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.about-gallery-movie > li {
  margin-left: 40px;
}
.about-gallery-movie > li:first-child {
  margin-left: 0;
}
@media screen and (max-width: 1024px) {
  .about-gallery-movie > li {
    margin-left: 30px;
  }
}
@media screen and (max-width: 599px) {
  .about-gallery-movie > li {
    width: 100%;
    margin-left: 0;
  }
  .about-gallery-movie > li:first-child {
    margin-bottom: 20px;
  }
}
.about-gallery-movie > li > a {
  cursor: pointer;
}
.about-gallery-movie > li > a:hover {
  opacity: 0.7;
}
.about-gallery-movie > li .movie {
  margin: 0 auto;
  width: 100%;
  max-width: 790px;
  position: relative;
}
.about-gallery-movie > li .movie::before {
  content: "";
  padding-bottom: 56.25%;
  display: block;
}
.about-gallery-movie > li .movie iframe {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.about-gallery-popup .popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: 0.6s;
}
.about-gallery-popup .popup.is-show {
  opacity: 1;
  visibility: visible;
}
.about-gallery-popup .popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 840px;
  background-color: #fff;
  z-index: 2;
  position: relative;
}
@media screen and (max-width: 599px) {
  .about-gallery-popup .popup-inner {
    width: 90%;
  }
}
.about-gallery-popup .popup-inner::before {
  content: "";
  padding-bottom: 56.25%;
  display: block;
}
.about-gallery-popup .popup-inner iframe {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.about-gallery-popup .popup-inner img {
  width: 100%;
}
.about-gallery-popup .close-btn {
  position: absolute;
  right: -45px;
  top: -45px;
  width: 40px;
  height: 40px;
  color: #fff;
  font-size: 3rem;
  font-family: "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif !important;
  font-weight: 200;
  cursor: pointer;
}
@media screen and (max-width: 599px) {
  .about-gallery-popup .close-btn {
    right: -10px;
    text-align: center;
  }
}
.about-gallery-popup .close-btn i {
  font-size: 20px;
  color: #333;
}
.about-gallery-popup .black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1;
  cursor: pointer;
}

.about-sorairo-lead {
  margin-bottom: 60px;
}
@media screen and (max-width: 834px) {
  .about-sorairo-lead {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 599px) {
  .about-sorairo-lead {
    margin-bottom: 35px;
  }
}
.about-sorairo-lead__title {
  margin-bottom: 65px;
  color: #5878a7;
  font-size: 3.2rem;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 834px) {
  .about-sorairo-lead__title {
    margin-bottom: 40px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 599px) {
  .about-sorairo-lead__title {
    margin-bottom: 20px;
    font-size: 2rem;
  }
}

.about-sorairo-group {
  max-width: 1140px;
  margin: 0 auto 80px;
}
@media screen and (max-width: 834px) {
  .about-sorairo-group {
    margin: 0 auto 60px;
  }
}
@media screen and (max-width: 599px) {
  .about-sorairo-group {
    margin: 0 auto 40px;
  }
}

.about-sorairo-info {
  position: relative;
  max-width: 1060px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media screen and (max-width: 834px) {
  .about-sorairo-info {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 599px) {
  .about-sorairo-info {
    padding-top: 35px;
    padding-bottom: 40px;
  }
}
.group02 .about-sorairo-info {
  padding-bottom: 60px;
}
@media screen and (max-width: 599px) {
  .group02 .about-sorairo-info {
    padding-bottom: 0;
  }
}
.reverse .about-sorairo-info {
  flex-direction: row-reverse;
}
.about-sorairo-info::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 72.2%;
  height: 100%;
  z-index: -1;
}
@media screen and (max-width: 599px) {
  .about-sorairo-info::before {
    left: -20px;
    width: 100%;
  }
}
.group01 .about-sorairo-info::before {
  background-color: #eaf6e0;
}
.group02 .about-sorairo-info::before {
  background-color: #e8f0fb;
}
.group03 .about-sorairo-info::before {
  background-color: #f7f9ce;
}
.reverse .about-sorairo-info::before {
  right: 0;
  left: auto;
}
@media screen and (max-width: 599px) {
  .reverse .about-sorairo-info::before {
    right: -20px;
  }
}
.about-sorairo-info__inner {
  display: flex;
  align-items: center;
  max-width: 980px;
  margin: 0 auto;
  padding: 0 40px;
}
@media screen and (max-width: 599px) {
  .about-sorairo-info__inner {
    flex-direction: column;
    padding: 0;
  }
}
.reverse .about-sorairo-info__inner {
  flex-direction: row-reverse;
}
@media screen and (max-width: 599px) {
  .reverse .about-sorairo-info__inner {
    flex-direction: column;
  }
}
.about-sorairo-info__content {
  width: 56%;
  padding-right: 6%;
  position: relative;
}
@media screen and (max-width: 834px) {
  .about-sorairo-info__content {
    padding-right: 5%;
  }
}
@media screen and (max-width: 599px) {
  .about-sorairo-info__content {
    width: 100%;
    margin-bottom: 20px;
    padding-right: 0;
  }
}
.reverse .about-sorairo-info__content {
  padding-right: 0;
  padding-left: 6%;
}
@media screen and (max-width: 834px) {
  .reverse .about-sorairo-info__content {
    padding-left: 5%;
  }
}
@media screen and (max-width: 599px) {
  .reverse .about-sorairo-info__content {
    padding-left: 0;
  }
}
.about-sorairo-info__image {
  width: 44%;
}
@media screen and (max-width: 599px) {
  .about-sorairo-info__image {
    width: 100%;
  }
}
.about-sorairo-info__title {
  position: relative;
  margin-bottom: 25px;
  padding-bottom: 35px;
  color: #5878a7;
  font-size: 3.1rem;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1300px) {
  .about-sorairo-info__title {
    font-size: 2.9rem;
  }
}
@media screen and (max-width: 834px) {
  .about-sorairo-info__title {
    margin-bottom: 20px;
    padding-bottom: 30px;
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 599px) {
  .about-sorairo-info__title {
    margin-bottom: 15px;
    padding-bottom: 25px;
    font-size: 2.3rem;
  }
}
.about-sorairo-info__title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 28px;
  height: 1px;
  background-color: #5878a7;
}
.about-sorairo-info__title > span.small {
  font-size: 2rem;
  letter-spacing: 0;
}
@media screen and (max-width: 1300px) {
  .about-sorairo-info__title > span.small {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 834px) {
  .about-sorairo-info__title > span.small {
    font-size: 1.7rem;
  }
}
.about-sorairo-info .text-base {
  text-align: justify;
}

.about-sorairo-detail {
  position: relative;
  max-width: 900px;
  margin: -200px auto 0;
  padding: 250px 0 60px;
}
@media screen and (max-width: 599px) {
  .about-sorairo-detail {
    padding: 230px 0 40px;
  }
}
.group01 .about-sorairo-detail {
  padding-left: 50px;
}
@media screen and (max-width: 599px) {
  .group01 .about-sorairo-detail {
    padding-left: 0;
  }
}
.group02 .about-sorairo-detail {
  padding-right: 45px;
}
@media screen and (max-width: 599px) {
  .group02 .about-sorairo-detail {
    padding-right: 0;
  }
}
.about-sorairo-detail::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  z-index: -1;
}
@media screen and (max-width: 599px) {
  .about-sorairo-detail::before {
    left: -20px;
  }
}
.group01 .about-sorairo-detail::before {
  background-color: #f7fcf3;
}
.group02 .about-sorairo-detail::before {
  background-color: #f5f8fc;
}
.reverse .about-sorairo-detail::before {
  right: 0;
  left: auto;
}
@media screen and (max-width: 599px) {
  .reverse .about-sorairo-detail::before {
    right: -20px;
  }
}

.about-sorairo-des-list > div {
  display: flex;
}
@media screen and (max-width: 599px) {
  .about-sorairo-des-list > div {
    flex-direction: column;
  }
}
.about-sorairo-des-list > div:not(:last-child) {
  margin-bottom: 30px;
}
@media screen and (max-width: 834px) {
  .about-sorairo-des-list > div:not(:last-child) {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 599px) {
  .about-sorairo-des-list > div:not(:last-child) {
    margin-bottom: 20px;
  }
}
.about-sorairo-des-list > div > dt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  border: 1px solid #9cbc82;
  border-radius: 5px;
  color: #5f883c;
  font-size: 4rem;
  font-family: "Tangerine", cursive;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 834px) {
  .about-sorairo-des-list > div > dt {
    width: 140px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 599px) {
  .about-sorairo-des-list > div > dt {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 3px;
    font-size: 2.5rem;
    line-height: 1.3;
  }
}
.about-sorairo-des-list > div > dd {
  align-self: center;
  width: calc(100% - 160px);
  padding-left: 30px;
  color: #30455c;
  font-size: 1.5rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 834px) {
  .about-sorairo-des-list > div > dd {
    width: calc(100% - 140px);
  }
}
@media screen and (max-width: 599px) {
  .about-sorairo-des-list > div > dd {
    width: 100%;
    padding-left: 0;
    font-size: 1.4rem;
  }
}

.about-sorairo-container {
  display: flex;
  position: relative;
  margin-bottom: 30px;
}
@media screen and (max-width: 599px) {
  .about-sorairo-container {
    flex-direction: column;
  }
}
.about-sorairo-container__content {
  width: 56.5%;
}
@media screen and (max-width: 599px) {
  .about-sorairo-container__content {
    width: 100%;
    margin-bottom: 20px;
  }
}
.about-sorairo-container__image {
  width: 43.5%;
  margin-top: -110px;
  padding-left: 30px;
}
@media screen and (max-width: 599px) {
  .about-sorairo-container__image {
    width: 65%;
    margin: 0 auto;
    padding-left: 0;
  }
}
.about-sorairo-container__sub {
  margin-bottom: 5px;
  color: #30455c;
  font-size: 1.5rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  letter-spacing: 0.06em;
}
.about-sorairo-container__box {
  margin-bottom: 23px;
  padding: 18px 20px;
  border: 1px dotted #5c80b1;
  color: #30455c;
  font-size: 1.5rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 599px) {
  .about-sorairo-container__box {
    padding: 15px;
  }
}

.about-sorairo-box {
  display: flex;
  padding: 45px 40px 35px;
  background-color: #fff;
  border-radius: 10px;
}
@media screen and (max-width: 599px) {
  .about-sorairo-box {
    flex-direction: column;
    padding: 30px 20px;
  }
}
.about-sorairo-box__content {
  width: 69.3%;
  margin-top: -10px;
  padding-right: 5%;
}
@media screen and (max-width: 599px) {
  .about-sorairo-box__content {
    width: 100%;
    margin-top: 0;
    margin-bottom: 20px;
    padding-right: 0;
  }
}
.about-sorairo-box__image {
  width: 30.7%;
}
@media screen and (max-width: 599px) {
  .about-sorairo-box__image {
    width: 100%;
  }
}
.about-sorairo-box__title {
  margin-bottom: 18px;
  color: #349ac7;
  font-size: 2.3rem;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 599px) {
  .about-sorairo-box__title {
    margin-bottom: 12px;
    font-size: 2rem;
  }
}
.about-sorairo-box__text01 {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #aaa9a9;
  color: #30455c;
  font-size: 1.5rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 599px) {
  .about-sorairo-box__text01 {
    font-size: 1.4rem;
    line-height: 1.8;
  }
}
.about-sorairo-box__text02 {
  color: #30455c;
  font-size: 1.4rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  letter-spacing: 0.06em;
}
.about-sorairo-box__button {
  display: block;
  position: relative;
  max-width: 168px;
  margin: 19px auto 0;
  padding: 5px;
  border: 1px solid #349ac7;
  border-radius: 30px;
  color: #349ac7;
  font-size: 1.4rem;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 400;
  text-align: center;
}
.about-sorairo-box__button::after {
  content: "";
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  margin: auto 0;
  width: 7px;
  height: 7px;
  border-top: 1px solid #349ac7;
  border-right: 1px solid #349ac7;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: 0.3s;
}
.about-sorairo-box__button:hover {
  background-color: #349ac7;
  color: #fff;
}
.about-sorairo-box__button:hover::after {
  border-top-color: #fff;
  border-right-color: #fff;
}

.about-family__lead {
  margin-bottom: 65px;
  color: #5878a7;
  font-size: 3.2rem;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 834px) {
  .about-family__lead {
    margin-bottom: 40px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 599px) {
  .about-family__lead {
    margin-bottom: 20px;
    font-size: 2rem;
  }
}
.about-family__intro {
  padding: 45px;
  background-color: #f7fcf3;
}
@media screen and (max-width: 834px) {
  .about-family__intro {
    padding: 40px 30px;
  }
}
@media screen and (max-width: 599px) {
  .about-family__intro {
    padding: 40px 20px;
  }
}
.about-family__intro__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin: 0 auto;
  padding: 75px 60px 75px 65px;
  max-width: 900px;
}
@media screen and (max-width: 834px) {
  .about-family__intro__inner {
    padding: 90px 30px;
  }
}
@media screen and (max-width: 599px) {
  .about-family__intro__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 50px 40px 80px;
  }
}
.about-family__intro__inner::before, .about-family__intro__inner::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 126px;
  background-size: 100%;
  background-repeat: no-repeat;
}
.about-family__intro__inner::before {
  top: 0;
  left: 0;
  background-image: url(../img/about/family/decoration01.png);
  background-position: top center;
}
@media screen and (max-width: 599px) {
  .about-family__intro__inner::before {
    background-image: url(../img/about/family/decoration01_sp.png);
  }
}
.about-family__intro__inner::after {
  bottom: 0;
  left: 0;
  background-image: url(../img/about/family/decoration02.png);
  background-position: bottom center;
}
@media screen and (max-width: 599px) {
  .about-family__intro__inner::after {
    background-image: url(../img/about/family/decoration02_sp.png);
  }
}
.about-family__intro__read {
  margin-right: 40px;
  flex: 1;
}
@media screen and (max-width: 834px) {
  .about-family__intro__read {
    margin-right: 20px;
  }
}
@media screen and (max-width: 599px) {
  .about-family__intro__read {
    width: 100%;
  }
}
.about-family__intro__read__catch {
  margin-bottom: 10px;
  font-family: "Shippori Mincho", serif !important;
  font-size: 2.8rem;
  color: #ff9265;
  font-weight: 400;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 834px) {
  .about-family__intro__read__catch {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 599px) {
  .about-family__intro__read__catch {
    margin-bottom: 5px;
    font-size: 1.9rem;
  }
}
.about-family__intro__read__text {
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 1.7rem;
  color: #30455c;
  font-weight: 300;
  line-height: 2.2;
}
@media screen and (max-width: 834px) {
  .about-family__intro__read__text {
    font-size: 1.6rem;
    line-height: 1.8;
  }
}
@media screen and (max-width: 599px) {
  .about-family__intro__read__text {
    font-size: 1.5rem;
  }
}
.about-family__intro__img {
  max-width: 264px;
}
.about-family__intro__img img {
  width: 100%;
}
@media screen and (max-width: 1300px) {
  .about-family__intro__img {
    max-width: 220px;
  }
}
@media screen and (max-width: 834px) {
  .about-family__intro__img {
    max-width: 200px;
  }
}
@media screen and (max-width: 599px) {
  .about-family__intro__img {
    margin-bottom: 10px;
    width: 80%;
  }
}
.about-family__character01 {
  margin: 0 auto;
  padding: 60px 50px 80px;
}
@media screen and (max-width: 1300px) {
  .about-family__character01 {
    padding: 60px 30px 80px;
  }
}
@media screen and (max-width: 599px) {
  .about-family__character01 {
    padding: 40px 20px 60px;
  }
}
.about-family__character01__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 599px) {
  .about-family__character01__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.about-family__character01__list li {
  width: 330px;
  text-align: center;
}
@media screen and (max-width: 599px) {
  .about-family__character01__list li {
    width: 80%;
    margin: 0 auto;
  }
}
.about-family__character01__list li:first-child {
  margin-right: 74px;
}
@media screen and (max-width: 1300px) {
  .about-family__character01__list li:first-child {
    margin-right: 30px;
  }
}
@media screen and (max-width: 599px) {
  .about-family__character01__list li:first-child {
    margin-right: auto;
    margin-bottom: 30px;
  }
}
.about-family__character01__list__img {
  max-width: 224px;
}
@media screen and (max-width: 1300px) {
  .about-family__character01__list__img {
    max-width: 200px;
  }
}
@media screen and (max-width: 834px) {
  .about-family__character01__list__img {
    max-width: 180px;
  }
}
.about-family__character01__list__box {
  position: relative;
  margin-top: 20px;
  padding: 22px 0 25px;
  color: #30455c;
  border-top: 1px solid #e5c97a;
  border-bottom: 1px solid #e5c97a;
}
@media screen and (max-width: 1300px) {
  .about-family__character01__list__box {
    margin-top: 15px;
    padding: 18px 0 20px;
  }
}
@media screen and (max-width: 599px) {
  .about-family__character01__list__box {
    margin-top: 10px;
    padding: 13px 0;
  }
}
.about-family__character01__list__box::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 2px;
  left: 0;
  border-top: 1px dotted #e5c97a;
}
.about-family__character01__list__box::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 2px;
  left: 0;
  border-bottom: 1px dotted #e5c97a;
}
.about-family__character01__list__box__name {
  margin-bottom: 10px;
  font-family: "Shippori Mincho", serif !important;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1300px) {
  .about-family__character01__list__box__name {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 834px) {
  .about-family__character01__list__box__name {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 599px) {
  .about-family__character01__list__box__name {
    margin-bottom: 3px;
    font-size: 1.8rem;
  }
}
.about-family__character01__list__box__text {
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 300;
  line-height: 1.875;
}
.about-family__character02 {
  background-image: url(../img/about/family/character_img09.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  text-align: center;
  padding: 80px 50px 355px;
  background-color: #f7fcf3;
}
@media screen and (max-width: 1300px) {
  .about-family__character02 {
    padding: 60px 30px 300px;
    background-size: 100%;
  }
}
@media screen and (max-width: 834px) {
  .about-family__character02 {
    padding-bottom: 250px;
  }
}
@media screen and (max-width: 599px) {
  .about-family__character02 {
    padding: 40px 20px 270px;
    background-image: url(../img/about/family/character_img09_sp.png);
  }
}
.about-family__character02__title {
  position: relative;
  padding-top: 55px;
  font-family: "Tangerine", cursive;
  font-size: 6.2rem;
  color: #87c796;
  font-weight: 400;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1024px) {
  .about-family__character02__title {
    font-size: 5.8rem;
  }
}
@media screen and (max-width: 834px) {
  .about-family__character02__title {
    padding-top: 45px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 599px) {
  .about-family__character02__title {
    padding-top: 35px;
    padding-bottom: 0;
    font-size: 4.8rem;
  }
}
.about-family__character02__title::before {
  content: "";
  position: absolute;
  width: 302px;
  height: 42px;
  top: 0;
  left: calc(50% - 151px);
  background-image: url(../img/about/family/decoration03.png);
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 599px) {
  .about-family__character02__title::before {
    width: 260px;
    left: calc(50% - 130px);
  }
}
.about-family__character02__catch {
  position: relative;
}
.about-family__character02__catch img {
  position: absolute;
  top: -100px;
  right: calc(50% - 290px);
  width: 148px;
  height: 148px;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .about-family__character02__catch img {
    top: -82px;
    right: calc(50% - 256px);
    width: 120px;
    height: 120px;
  }
}
@media screen and (max-width: 599px) {
  .about-family__character02__catch img {
    width: 25%;
    height: auto;
    top: 0;
    right: 0;
    margin-top: -40px;
  }
}
.about-family__character02__catch__text {
  position: relative;
  margin-bottom: 46px;
  padding-right: 90px;
  font-family: "Shippori Mincho", serif !important;
  font-size: 2.4rem;
  color: #fff;
  font-weight: 400;
  line-height: 1.6;
}
@media screen and (max-width: 1024px) {
  .about-family__character02__catch__text {
    margin-bottom: 40px;
    font-size: 2rem;
    line-height: 1.3;
  }
}
@media screen and (max-width: 599px) {
  .about-family__character02__catch__text {
    margin-bottom: 30px;
    padding-right: 23%;
    padding-top: 2.2%;
    font-size: 1.5rem;
    text-align: center;
  }
}
@media screen and (max-width: 320px) {
  .about-family__character02__catch__text {
    padding-top: 2%;
    font-size: 1.3rem;
  }
}
.about-family__character02__catch__text::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 55px;
  top: -8px;
  left: calc(50% - 250px);
  background-image: url(../img/about/family/decoration06.png);
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .about-family__character02__catch__text::before {
    width: 382px;
    height: 50px;
    top: -12px;
    left: calc(50% - 228px);
  }
}
@media screen and (max-width: 599px) {
  .about-family__character02__catch__text::before {
    width: 80%;
    height: 50px;
    top: 0;
    left: 0;
  }
}
.about-family__character02__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1064px;
  margin: 0 auto;
}
.about-family__character02__list::after {
  content: "";
  display: block;
  width: calc((100% - 28px) / 3);
}
.about-family__character02__list li {
  margin-top: 14px;
  padding: 35px 25px 0 10px;
  width: calc((100% - 28px) / 3);
  aspect-ratio: 664/448;
  background-image: url(../img/about/family/decoration04.png);
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1500px) {
  .about-family__character02__list li {
    padding-top: 20px;
  }
}
@media screen and (max-width: 1300px) {
  .about-family__character02__list li {
    margin-top: 10px;
    padding-top: 35px;
    width: calc((100% - 10px) / 2);
  }
}
@media screen and (max-width: 1024px) {
  .about-family__character02__list li {
    padding-top: 25px;
    width: calc((100% - 20px) / 3);
  }
}
@media screen and (max-width: 834px) {
  .about-family__character02__list li {
    width: calc((100% - 10px) / 2);
  }
}
@media screen and (max-width: 599px) {
  .about-family__character02__list li {
    padding-top: 35px;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 320px) {
  .about-family__character02__list li {
    padding-top: 25px;
  }
}
.about-family__character02__list__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-left: 135px;
  text-align: left;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1500px) {
  .about-family__character02__list__box {
    padding-left: 42%;
  }
}
@media screen and (max-width: 834px) {
  .about-family__character02__list__box {
    padding-left: 46%;
  }
}
@media screen and (max-width: 599px) {
  .about-family__character02__list__box {
    padding-left: 42%;
  }
}
.about-family__character02__list__box.character01 {
  background-image: url(../img/about/family/character_img04.png);
  background-size: 104px auto;
  background-position: 17px 19px;
}
@media screen and (max-width: 1500px) {
  .about-family__character02__list__box.character01 {
    background-size: 32% auto;
    background-position: 8px 15px;
  }
}
@media screen and (max-width: 834px) {
  .about-family__character02__list__box.character01 {
    background-size: 34% auto;
    background-position: 10px 10px;
  }
}
.about-family__character02__list__box.character02 {
  background-image: url(../img/about/family/character_img05.png);
  background-size: 116px auto;
  background-position: 10px 31px;
}
@media screen and (max-width: 1500px) {
  .about-family__character02__list__box.character02 {
    background-size: 38% auto;
    background-position: 5px 15px;
  }
}
@media screen and (max-width: 834px) {
  .about-family__character02__list__box.character02 {
    background-size: 40% auto;
  }
}
@media screen and (max-width: 599px) {
  .about-family__character02__list__box.character02 {
    background-size: 38% auto;
    background-position: 10px 20px;
  }
}
.about-family__character02__list__box.character03 {
  background-image: url(../img/about/family/character_img06.png);
  background-size: 115px auto;
  background-position: 8px 25px;
}
@media screen and (max-width: 1500px) {
  .about-family__character02__list__box.character03 {
    background-size: 38% auto;
    background-position: 5px 15px;
  }
}
@media screen and (max-width: 834px) {
  .about-family__character02__list__box.character03 {
    background-size: 40% auto;
  }
}
@media screen and (max-width: 599px) {
  .about-family__character02__list__box.character03 {
    background-size: 38% auto;
    background-position: 10px 20px;
  }
}
.about-family__character02__list__box.character04 {
  background-image: url(../img/about/family/character_img07.png);
  background-size: 117px auto;
  background-position: 8px 15px;
}
@media screen and (max-width: 1500px) {
  .about-family__character02__list__box.character04 {
    background-size: 38% auto;
    background-position: 5px 15px;
  }
}
@media screen and (max-width: 834px) {
  .about-family__character02__list__box.character04 {
    background-size: 40% auto;
  }
}
@media screen and (max-width: 599px) {
  .about-family__character02__list__box.character04 {
    background-size: 38% auto;
    background-position: 10px 20px;
  }
}
.about-family__character02__list__box.character05 {
  background-image: url(../img/about/family/character_img08.png);
  background-size: 113px auto;
  background-position: 10px 19px;
}
@media screen and (max-width: 1500px) {
  .about-family__character02__list__box.character05 {
    background-size: 36% auto;
    background-position: 5px 15px;
  }
}
@media screen and (max-width: 834px) {
  .about-family__character02__list__box.character05 {
    background-size: 38% auto;
  }
}
@media screen and (max-width: 599px) {
  .about-family__character02__list__box.character05 {
    background-size: 36% auto;
    background-position: 10px 20px;
  }
}
.about-family__character02__list__box__name {
  position: relative;
  margin-bottom: 12px;
  padding-bottom: 5px;
  font-family: "Shippori Mincho", serif !important;
  font-size: 1.9rem;
  color: #30455c;
  font-weight: 500;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1500px) {
  .about-family__character02__list__box__name {
    font-size: 1.2vw;
  }
}
@media screen and (max-width: 1300px) {
  .about-family__character02__list__box__name {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .about-family__character02__list__box__name {
    margin-bottom: 8px;
    padding-bottom: 2px;
  }
}
@media screen and (max-width: 834px) {
  .about-family__character02__list__box__name {
    margin-bottom: 12px;
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 599px) {
  .about-family__character02__list__box__name {
    font-size: 1.7rem;
  }
}
.about-family__character02__list__box__name::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 1px;
  bottom: 0;
  left: 0;
  border-top: 1px dotted #e5c97a;
}
.about-family__character02__list__box__text {
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 1.4rem;
  color: #30455c;
  font-weight: 300;
  text-align: justify;
  line-height: 1.6;
}
@media screen and (max-width: 1500px) {
  .about-family__character02__list__box__text {
    font-size: 1vw;
    line-height: 1.2;
  }
}
@media screen and (max-width: 1300px) {
  .about-family__character02__list__box__text {
    font-size: 1.4rem;
    line-height: 1.6;
  }
}
@media screen and (max-width: 1024px) {
  .about-family__character02__list__box__text {
    line-height: 1.4;
  }
}
@media screen and (max-width: 599px) {
  .about-family__character02__list__box__text {
    line-height: 1.6;
  }
}
@media screen and (max-width: 320px) {
  .about-family__character02__list__box__text {
    font-size: 1.3rem;
    line-height: 1.4;
  }
}
.about-family__character02__list__box__text.ls {
  letter-spacing: -0.05em;
}
.about-family__character02__book {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
}
.about-family__character02__book__box {
  position: relative;
  margin-top: 110px;
  padding: 30px 0 30px 50px;
  width: calc(100% - 60px);
  text-align: left;
  border: 1px solid #87c796;
  background-color: #fff;
}
@media screen and (max-width: 1500px) {
  .about-family__character02__book__box {
    margin-top: 60px;
    padding-right: 180px;
  }
}
@media screen and (max-width: 1300px) {
  .about-family__character02__book__box {
    padding-right: 150px;
  }
}
@media screen and (max-width: 834px) {
  .about-family__character02__book__box {
    padding: 20px 140px 20px 35px;
  }
}
@media screen and (max-width: 599px) {
  .about-family__character02__book__box {
    margin-top: 70px;
    width: 100%;
    padding: 50px 20px 15px;
  }
}
.about-family__character02__book__box::before {
  content: "";
  position: absolute;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  top: 4px;
  left: 4px;
  border: 1px dotted #87c796;
}
.about-family__character02__book__box__title {
  position: relative;
  margin-bottom: 8px;
  padding-left: 116px;
  font-family: "Shippori Mincho", serif !important;
  font-size: 2.2rem;
  color: #30455c;
  font-weight: 500;
}
@media screen and (max-width: 1500px) {
  .about-family__character02__book__box__title {
    padding-top: 38px;
    padding-left: 0;
    font-size: 2rem;
  }
}
@media screen and (max-width: 1024px) {
  .about-family__character02__book__box__title {
    margin-bottom: 4px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 599px) {
  .about-family__character02__book__box__title {
    margin-bottom: 10px;
    padding-top: 20px;
    font-size: 1.7rem;
    line-height: 1.4;
  }
}
@media screen and (max-width: 320px) {
  .about-family__character02__book__box__title {
    font-size: 1.6rem;
  }
}
.about-family__character02__book__box__title::before {
  content: "check!";
  position: absolute;
  top: 5px;
  left: 0;
  width: 97px;
  height: 27px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 2rem;
  color: #fff;
  font-weight: 200 !important;
  line-height: 1.4;
  text-align: center;
  background-color: #87c796;
  border-radius: 3px;
}
@media screen and (max-width: 599px) {
  .about-family__character02__book__box__title::before {
    width: 150px;
    height: 38px;
    top: -30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 320px) {
  .about-family__character02__book__box__title::before {
    width: 120px;
  }
}
.about-family__character02__book__box__title::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 15px;
  left: 97px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 14px solid #87c796;
  border-right: 0;
}
@media screen and (max-width: 1500px) {
  .about-family__character02__book__box__title::after {
    top: 32px;
    left: 47px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 10px solid #87c796;
    border-bottom: 0;
  }
}
@media screen and (max-width: 599px) {
  .about-family__character02__book__box__title::after {
    top: -17px;
    left: 150px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 22px solid #87c796;
    border-right: 0;
  }
}
@media screen and (max-width: 320px) {
  .about-family__character02__book__box__title::after {
    left: 120px;
  }
}
.about-family__character02__book__box__text {
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 300;
}
@media screen and (max-width: 599px) {
  .about-family__character02__book__box__text {
    font-size: 1.4rem;
    text-align: justify;
    line-height: 1.6;
  }
}
.about-family__character02__book__img {
  position: absolute;
  width: 239px;
  height: auto;
  top: -94px;
  right: 0;
  z-index: 1;
}
@media screen and (max-width: 1500px) {
  .about-family__character02__book__img {
    top: -48px;
  }
}
@media screen and (max-width: 1300px) {
  .about-family__character02__book__img {
    top: -38px;
    width: 210px;
  }
}
@media screen and (max-width: 599px) {
  .about-family__character02__book__img {
    top: -60px;
    width: 40%;
  }
}
.about-family__character02__book__img img {
  width: 100%;
}

.access-index__block {
  margin-bottom: 100px;
}
@media screen and (max-width: 1024px) {
  .access-index__block {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 599px) {
  .access-index__block {
    margin-bottom: 50px;
  }
}
.access-index__block--mb-none {
  margin-bottom: 0;
}

.access-index-head {
  margin-bottom: 75px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1024px) {
  .access-index-head {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 599px) {
  .access-index-head {
    display: block;
    margin-bottom: 40px;
  }
}
.access-index-head__text-box {
  width: 50%;
  margin-right: 4%;
}
@media screen and (max-width: 599px) {
  .access-index-head__text-box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 25px;
  }
}
.access-index-head__photo {
  width: 46%;
}
@media screen and (max-width: 599px) {
  .access-index-head__photo {
    width: 100%;
  }
}
.access-index-head__title {
  margin-bottom: 35px;
  font-size: 2.6rem;
  color: #5878a7;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 400;
  line-height: 1.7;
  padding-top: 45px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .access-index-head__title {
    margin-bottom: 20px;
    padding-top: 30px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 599px) {
  .access-index-head__title {
    padding-top: 20px;
    margin-bottom: 15px;
    font-size: 1.9rem;
  }
}
.access-index-head__title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 1px;
  background-color: #5878a7;
}
.access-index-head__address {
  font-family: "Shippori Mincho", serif !important;
  font-weight: 400;
  color: #30455c;
  letter-spacing: 0.03em;
}

.access-index-google {
  margin-bottom: 75px;
}
@media screen and (max-width: 1024px) {
  .access-index-google {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 599px) {
  .access-index-google {
    margin-bottom: 40px;
  }
}
.access-index-google iframe {
  width: 100%;
  height: 460px;
}
@media screen and (max-width: 1024px) {
  .access-index-google iframe {
    height: 370px;
  }
}
@media screen and (max-width: 599px) {
  .access-index-google iframe {
    height: 340px;
  }
}

.access-index-flow {
  margin-bottom: 75px;
}
@media screen and (max-width: 1024px) {
  .access-index-flow {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 599px) {
  .access-index-flow {
    margin-bottom: 40px;
  }
}
.access-index-flow__img {
  margin-bottom: 5px;
  border: 2px solid #ececec;
  padding: 45px 30px;
  text-align: center;
}
@media screen and (max-width: 599px) {
  .access-index-flow__img {
    padding: 20px 5px;
  }
}
.access-index-flow__caution {
  color: #30455c;
  font-size: 1.5rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  text-align: right;
}
@media screen and (max-width: 1024px) {
  .access-index-flow__caution {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 599px) {
  .access-index-flow__caution {
    font-size: 1.3rem;
  }
}

.access-index-root {
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  color: #30455c;
  font-weight: 400;
}
.access-index-root > li {
  padding: 10px 0;
  border-bottom: 1px dotted #b4c1d4;
}
.access-index-root > li:first-child {
  border-top: 1px dotted #b4c1d4;
}
@media screen and (max-width: 599px) {
  .access-index-root > li {
    padding: 20px 0;
  }
}
.access-index-root > li > dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.access-index-root > li > dl > dt {
  background-color: #f3f7fa;
  width: 270px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 25px;
}
@media screen and (max-width: 1024px) {
  .access-index-root > li > dl > dt {
    width: 250px;
  }
}
@media screen and (max-width: 599px) {
  .access-index-root > li > dl > dt {
    width: 100%;
    padding: 15px;
  }
}
.access-index-root > li > dl > dt span {
  font-size: 1.9rem;
  display: inline-block;
  color: #30455c;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 400;
  padding: 8px 5px 7px 55px;
  background-repeat: no-repeat;
  background-position: left top;
}
@media screen and (max-width: 1024px) {
  .access-index-root > li > dl > dt span {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 599px) {
  .access-index-root > li > dl > dt span {
    font-size: 1.6rem;
    padding: 5px 5px 4px 45px;
  }
}
.access-index-root > li > dl > dt span.train {
  background-image: url(../img/access/icon_01.png);
  background-size: 32px 46px;
  background-position: 5px 0;
}
@media screen and (max-width: 599px) {
  .access-index-root > li > dl > dt span.train {
    background-size: 25px auto;
  }
}
.access-index-root > li > dl > dt span.bus {
  background-image: url(../img/access/icon_02.png);
  background-size: 34px 43px;
  background-position: 5px 0;
}
@media screen and (max-width: 599px) {
  .access-index-root > li > dl > dt span.bus {
    background-size: 25px auto;
    background-position: 5px 2px;
  }
}
.access-index-root > li > dl > dt span.car {
  background-image: url(../img/access/icon_03.png);
  background-size: 48px 37px;
  background-position: 0 4px;
}
@media screen and (max-width: 599px) {
  .access-index-root > li > dl > dt span.car {
    background-size: 35px auto;
  }
}
.access-index-root > li > dl > dd {
  width: calc(100% - 270px);
  padding-left: 35px;
  padding: 35px 0 35px 35px;
}
@media screen and (max-width: 1024px) {
  .access-index-root > li > dl > dd {
    width: calc(100% - 250px);
  }
}
@media screen and (max-width: 599px) {
  .access-index-root > li > dl > dd {
    width: 100%;
    padding: 20px 0 10px;
  }
}
.access-index-root__text-list {
  padding-left: 20px;
  letter-spacing: 0.03em;
  position: relative;
}
.access-index-root__text-list::before {
  content: "";
  width: 13px;
  height: 13px;
  position: absolute;
  top: 8px;
  left: 0;
  background-color: #9dbdda;
  border-radius: 50%;
}
.access-index-root__example {
  color: #5878a7;
}
.access-index-root__fs15 {
  font-size: 1.5rem;
}
.access-index-root__list > li {
  margin-bottom: 20px;
}
.access-index-root__list > li:last-child {
  margin-bottom: 0;
}

.access-index-map {
  margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  .access-index-map {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 599px) {
  .access-index-map {
    margin-bottom: 20px;
  }
}

.support-index__block {
  margin-bottom: 60px;
}
@media screen and (max-width: 1024px) {
  .support-index__block {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 599px) {
  .support-index__block {
    margin-bottom: 50px;
  }
}
.support-index__block--last {
  margin-bottom: 0;
}

.support-index-common {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 599px) {
  .support-index-common {
    display: block;
    margin-bottom: 30px;
  }
}
.support-index-common__content {
  width: 61%;
  margin-right: 4%;
}
@media screen and (max-width: 599px) {
  .support-index-common__content {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.support-index-common__image {
  width: 35%;
}
@media screen and (max-width: 599px) {
  .support-index-common__image {
    width: 100%;
  }
}

.support-index-postpartumcheckup {
  position: relative;
  border: 1px solid #63bedc;
  padding: 44px 30px 30px 40px;
  margin-top: 90px;
  margin-bottom: 90px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1024px) {
  .support-index-postpartumcheckup {
    padding: 39px 25px 25px 35px;
  }
}
@media screen and (max-width: 599px) {
  .support-index-postpartumcheckup {
    display: block;
    padding: 35px 25px 25px 25px;
    margin-top: 80px;
    margin-bottom: 50px;
  }
}
.support-index-postpartumcheckup::before {
  background: #fff;
  content: "Postpartum checkup";
  font-family: "Tangerine", cursive;
  font-size: 6.2rem;
  font-weight: 400;
  letter-spacing: 2.5px;
  color: #63bedc;
  height: 75px;
  width: 375px;
  left: 10px;
  position: absolute;
  top: -60px;
}
@media screen and (max-width: 599px) {
  .support-index-postpartumcheckup::before {
    font-size: 4.2rem;
    height: 70px;
    width: 255px;
    top: -42px;
  }
}
.support-index-postpartumcheckup__content {
  width: 64%;
  margin-right: 4%;
}
@media screen and (max-width: 1024px) {
  .support-index-postpartumcheckup__content {
    width: 59%;
  }
}
@media screen and (max-width: 599px) {
  .support-index-postpartumcheckup__content {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.support-index-postpartumcheckup__content .btn02 {
  background-color: #63bedc;
}
.support-index-postpartumcheckup__image {
  width: 32%;
}
@media screen and (max-width: 1024px) {
  .support-index-postpartumcheckup__image {
    width: 39%;
  }
}
@media screen and (max-width: 599px) {
  .support-index-postpartumcheckup__image {
    width: 100%;
  }
}
.support-index-postpartumcheckup__ttl {
  margin-bottom: 10px;
  color: #2c94b6;
  font-size: 3rem;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 400;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1024px) {
  .support-index-postpartumcheckup__ttl {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 599px) {
  .support-index-postpartumcheckup__ttl {
    font-size: 2rem;
  }
}

.support-index-workshop {
  position: relative;
  border: 1px solid #63bedc;
  padding: 44px 30px 30px 40px;
  margin-top: 90px;
  margin-bottom: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1024px) {
  .support-index-workshop {
    padding: 39px 25px 25px 35px;
  }
}
@media screen and (max-width: 599px) {
  .support-index-workshop {
    display: block;
    padding: 35px 25px 25px 25px;
    margin-bottom: 30px;
  }
}
.support-index-workshop::before {
  background: #fff;
  content: "Work shop";
  font-family: "Tangerine", cursive;
  font-size: 6.6rem;
  font-weight: 400;
  letter-spacing: 2.5px;
  color: #63bedc;
  height: 75px;
  width: 220px;
  left: 10px;
  position: absolute;
  top: -65px;
}
@media screen and (max-width: 599px) {
  .support-index-workshop::before {
    font-size: 5.8rem;
    height: 70px;
    width: 180px;
    top: -55px;
  }
}
.support-index-workshop__content {
  width: 64%;
  margin-right: 4%;
}
@media screen and (max-width: 1024px) {
  .support-index-workshop__content {
    width: 59%;
  }
}
@media screen and (max-width: 599px) {
  .support-index-workshop__content {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.support-index-workshop__content .btn02 {
  background-color: #63bedc;
}
.support-index-workshop__image {
  width: 32%;
}
@media screen and (max-width: 1024px) {
  .support-index-workshop__image {
    width: 39%;
  }
}
@media screen and (max-width: 599px) {
  .support-index-workshop__image {
    width: 100%;
  }
}
.support-index-workshop__ttl {
  margin-bottom: 10px;
  color: #2c94b6;
  font-size: 3rem;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 400;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1024px) {
  .support-index-workshop__ttl {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 599px) {
  .support-index-workshop__ttl {
    font-size: 2rem;
  }
}

.support-midwife__block {
  margin-bottom: 100px;
}
@media screen and (max-width: 1024px) {
  .support-midwife__block {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 599px) {
  .support-midwife__block {
    margin-bottom: 50px;
  }
}
.support-midwife__block--mg-none {
  margin-bottom: 0;
}

.support-midwife-common {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
  .support-midwife-common {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 599px) {
  .support-midwife-common {
    display: block;
    margin-bottom: 30px;
  }
}
.support-midwife-common__content {
  width: 60%;
  margin-right: 5%;
}
@media screen and (max-width: 599px) {
  .support-midwife-common__content {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.support-midwife-common__image {
  width: 35%;
}
@media screen and (max-width: 599px) {
  .support-midwife-common__image {
    width: 100%;
  }
}

.support-midwife-table {
  width: 100%;
  margin-bottom: 30px;
  border-top: 1px solid #d5dce5;
}
@media screen and (max-width: 599px) {
  .support-midwife-table {
    margin-bottom: 20px;
  }
}
.support-midwife-table th,
.support-midwife-table td {
  padding: 24px;
  border-bottom: 1px solid #d5dce5;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  letter-spacing: 0.07em;
}
@media screen and (max-width: 599px) {
  .support-midwife-table th,
  .support-midwife-table td {
    padding: 15px 10px;
    font-size: 1.4rem;
  }
}
.support-midwife-table td {
  padding: 24px 0 24px 40px;
}
@media screen and (max-width: 1024px) {
  .support-midwife-table td {
    padding-left: 30px;
  }
}
@media screen and (max-width: 599px) {
  .support-midwife-table td {
    padding: 15px 0px 15px 15px;
  }
}
.support-midwife-table th {
  width: 220px;
  vertical-align: middle;
  background-color: #f3f7fa;
}
@media screen and (max-width: 1024px) {
  .support-midwife-table th {
    width: 180px;
  }
}
@media screen and (max-width: 599px) {
  .support-midwife-table th {
    width: 100px;
  }
}

.support-midwife-table02 {
  width: 100%;
  margin-bottom: 20px;
  border-top: 1px solid #d5dce5;
}
@media screen and (max-width: 599px) {
  .support-midwife-table02 {
    margin-bottom: 15px;
  }
}
.support-midwife-table02 th,
.support-midwife-table02 td {
  padding: 20px;
  border-bottom: 1px solid #d5dce5;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  font-size: 1.5rem;
  letter-spacing: 0.07em;
}
@media screen and (max-width: 599px) {
  .support-midwife-table02 th,
  .support-midwife-table02 td {
    padding: 15px 10px;
    font-size: 1.4rem;
  }
}
.support-midwife-table02 td {
  padding: 20px 0 20px 30px;
}
@media screen and (max-width: 1024px) {
  .support-midwife-table02 td {
    padding-left: 25px;
    line-height: 1.4;
    padding-left: 20px;
  }
}
@media screen and (max-width: 599px) {
  .support-midwife-table02 td {
    padding: 15px 0px 15px 15px;
  }
}
.support-midwife-table02 th {
  width: 100px;
  vertical-align: middle;
  background-color: #f3f7fa;
}
@media screen and (max-width: 1024px) {
  .support-midwife-table02 th {
    width: 80px;
  }
}
@media screen and (max-width: 599px) {
  .support-midwife-table02 th {
    width: 60px;
  }
}

.support-midwife-2week {
  padding: 50px 30px;
  border: 1px solid #7691b8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1024px) {
  .support-midwife-2week {
    padding: 30px;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 599px) {
  .support-midwife-2week {
    padding: 30px 20px;
  }
}
.support-midwife-2week__text {
  width: 52%;
  margin-right: 5%;
  font-size: 1.7rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  color: #30455c;
  font-weight: 400;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1024px) {
  .support-midwife-2week__text {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 599px) {
  .support-midwife-2week__text {
    font-size: 1.5rem;
  }
}
.support-midwife-2week__links {
  width: 43%;
}
@media screen and (max-width: 1024px) {
  .support-midwife-2week__links {
    width: 100%;
  }
}
.support-midwife-2week__links-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.support-midwife-2week__links-wrapper > li {
  width: calc((100% - 14px) / 2);
  margin-left: 14px;
}
.support-midwife-2week__links-wrapper > li:first-child {
  margin-left: 0;
}
.support-midwife-2week__links-wrapper > li > a {
  width: 100%;
  padding: 13px 20px;
  color: #fff;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 1.5rem;
  font-weight: 400;
  background-color: #7fa9d0;
  display: block;
  position: relative;
}
@media screen and (max-width: 599px) {
  .support-midwife-2week__links-wrapper > li > a {
    padding: 13px 15px;
  }
}
.support-midwife-2week__links-wrapper > li > a:hover {
  color: #fff;
  opacity: 0.8;
}
.support-midwife-2week__links-wrapper > li > a::before {
  content: "";
  width: 15px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  right: 15px;
  top: 50%;
}
.support-midwife-2week__links-wrapper > li > a::after {
  content: "";
  width: 7px;
  height: 7px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  display: block;
  transform: rotate(45deg);
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -3px;
}

.support-class__block {
  margin-bottom: 100px;
}
@media screen and (max-width: 1024px) {
  .support-class__block {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 599px) {
  .support-class__block {
    margin-bottom: 50px;
  }
}
.support-class__block.postpartum .title01 {
  color: #8ab26b;
}
.support-class__block.postpartum .title01::before {
  background-color: #8ab26b;
}

.support-class-ttl {
  margin-bottom: 30px;
}
@media screen and (max-width: 599px) {
  .support-class-ttl {
    margin-bottom: 20px;
  }
}
.support-class-ttl__ttl {
  background: #f3f7fa;
  padding: 29px;
  font-size: 2.4rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
  margin-bottom: 27px;
  letter-spacing: 1.5px;
}
.postpartum .support-class-ttl__ttl {
  background-color: #f4f9f1;
}
@media screen and (max-width: 1024px) {
  .support-class-ttl__ttl {
    padding: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 599px) {
  .support-class-ttl__ttl {
    font-size: 1.8rem !important;
    padding: 18px;
    margin-bottom: 20px;
  }
}
.support-class-ttl__schedule {
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  letter-spacing: 1px;
}

.support-class-common {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
  .support-class-common {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 599px) {
  .support-class-common {
    display: block;
    margin-bottom: 30px;
    margin-top: 25px;
  }
}
.support-class-common__content {
  width: 60%;
  margin-right: 5%;
}
@media screen and (max-width: 599px) {
  .support-class-common__content {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.support-class-common__ttl {
  display: inline-block;
  color: #5878a7;
  font-size: 1.9rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 1px;
  padding-bottom: 4px;
  border-bottom: 1px solid #5878a7;
  margin-bottom: 10px;
}
@media screen and (max-width: 599px) {
  .support-class-common__ttl {
    font-size: 1.7rem;
  }
}
.support-class-common__ttl span {
  font-size: 1.7rem;
}
@media screen and (max-width: 599px) {
  .support-class-common__ttl span {
    font-size: 1.4rem;
  }
}
.support-class-common__image {
  width: 35%;
}
@media screen and (max-width: 599px) {
  .support-class-common__image {
    width: 100%;
  }
}
.postpartum .support-class-common .title02 {
  color: #8ab26b;
}
.postpartum .support-class-common .list01 li::before {
  background-color: #bdd5ac;
}
.postpartum .support-class-common .title02::before, .postpartum .support-class-common .title02::after {
  border-top: 1px solid #8ab26b;
  border-right: 1px solid #8ab26b;
}
.support-class-common .atn-text {
  color: #de4b74;
  margin-bottom: 10px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  font-size: 1.5rem;
  letter-spacing: 1.5px;
}
@media screen and (max-width: 599px) {
  .support-class-common .atn-text {
    font-size: 1.4rem;
    letter-spacing: 0.5px;
  }
}
.support-class-common .atn-text a {
  text-decoration: underline;
}

.support-class-text {
  margin-bottom: 35px;
  text-align: center;
}
@media screen and (max-width: 599px) {
  .support-class-text {
    margin-bottom: 20px;
    text-align: justify;
  }
}
.support-class-text .text-base {
  font-size: 1.5rem;
}
@media screen and (max-width: 599px) {
  .support-class-text .text-base {
    font-size: 1.4rem;
  }
}

.support-class-image {
  text-align: center;
  max-width: 400px;
  margin: 0 auto 50px;
}
@media screen and (max-width: 599px) {
  .support-class-image {
    margin-bottom: 30px;
  }
}

.support-class-table {
  width: 100%;
  margin-bottom: 30px;
  border-top: 1px solid #d5dce5;
}
@media screen and (max-width: 599px) {
  .support-class-table {
    margin-bottom: 20px;
  }
}
.support-class-table th,
.support-class-table td {
  padding: 24px;
  border-bottom: 1px solid #d5dce5;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  letter-spacing: 0.07em;
  font-weight: 400;
}
@media screen and (max-width: 599px) {
  .support-class-table th,
  .support-class-table td {
    padding: 15px 5px;
    font-size: 1.4rem;
  }
}
.support-class-table td {
  padding: 24px 0 24px 40px;
}
@media screen and (max-width: 1024px) {
  .support-class-table td {
    padding-left: 30px;
  }
}
@media screen and (max-width: 599px) {
  .support-class-table td {
    padding: 15px 0px 15px 15px;
    vertical-align: middle;
  }
}
.support-class-table td span {
  font-size: 1.4rem;
}
.support-class-table th {
  width: 260px;
  vertical-align: middle;
  background-color: #f3f7fa;
}
@media screen and (max-width: 1024px) {
  .support-class-table th {
    width: 180px;
  }
}
@media screen and (max-width: 599px) {
  .support-class-table th {
    width: 90px;
    line-height: 1.4;
  }
}
.postpartum .support-class-table th {
  background-color: #f4f9f1;
}
.support-class-table__def-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 599px) {
  .support-class-table__def-list {
    display: block;
  }
}
.support-class-table__def-list > dt {
  width: 170px;
  margin-right: 30px;
}
@media screen and (max-width: 834px) {
  .support-class-table__def-list > dt {
    width: 150px;
  }
}
@media screen and (max-width: 599px) {
  .support-class-table__def-list > dt {
    width: auto;
    margin-right: 0;
  }
}

.support-class-table02 {
  width: 100%;
  margin-bottom: 20px;
  border-top: 1px solid #d5dce5;
}
@media screen and (max-width: 599px) {
  .support-class-table02 {
    margin-bottom: 15px;
  }
}
.support-class-table02 th,
.support-class-table02 td {
  padding: 20px;
  border-bottom: 1px solid #d5dce5;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  font-size: 1.5rem;
  letter-spacing: 0.07em;
}
@media screen and (max-width: 599px) {
  .support-class-table02 th,
  .support-class-table02 td {
    padding: 15px 10px;
    font-size: 1.4rem;
  }
}
.support-class-table02 td {
  padding: 20px 0 20px 30px;
}
@media screen and (max-width: 1024px) {
  .support-class-table02 td {
    padding-left: 25px;
    line-height: 1.4;
    padding-left: 20px;
  }
}
@media screen and (max-width: 599px) {
  .support-class-table02 td {
    padding: 15px 0px 15px 15px;
  }
}
.support-class-table02 th {
  width: 100px;
  vertical-align: middle;
  background-color: #f3f7fa;
}
.postpartum .support-class-table02 th {
  background-color: #f4f9f1;
}
@media screen and (max-width: 1024px) {
  .support-class-table02 th {
    width: 80px;
  }
}
@media screen and (max-width: 599px) {
  .support-class-table02 th {
    width: 60px;
  }
}

.support-yoga__block:not(:last-child) {
  margin-bottom: 80px;
}
@media screen and (max-width: 1024px) {
  .support-yoga__block:not(:last-child) {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 599px) {
  .support-yoga__block:not(:last-child) {
    margin-bottom: 50px;
  }
}
.support-yoga__list {
  counter-reset: num;
  margin-bottom: 80px;
  margin-top: 20px;
}
@media screen and (max-width: 1024px) {
  .support-yoga__list {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 599px) {
  .support-yoga__list {
    margin-top: 10px;
    margin-bottom: 50px;
  }
}
.support-yoga__list__item {
  padding: 50px 0;
  border-top: 1px solid #d5dce5;
}
@media screen and (max-width: 599px) {
  .support-yoga__list__item {
    padding: 35px 0 35px;
  }
}
.support-yoga__list__item:last-child {
  border-bottom: 1px solid #d5dce5;
}
.support-yoga__list__item.col2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media screen and (max-width: 834px) {
  .support-yoga__list__item.col2 {
    display: block;
  }
}
.support-yoga__list__item.col2 .support-yoga__list__content {
  width: 60%;
  margin-right: 5%;
}
@media screen and (max-width: 834px) {
  .support-yoga__list__item.col2 .support-yoga__list__content {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 599px) {
  .support-yoga__list__item.col2 .support-yoga__list__content {
    margin-bottom: 20px;
  }
}
.support-yoga__list__item.col2 .support-yoga__list__image {
  width: 35%;
}
@media screen and (max-width: 834px) {
  .support-yoga__list__item.col2 .support-yoga__list__image {
    width: 60%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .support-yoga__list__item.col2 .support-yoga__list__image {
    width: 100%;
  }
}
.support-yoga__list__title {
  position: relative;
  margin-bottom: 35px;
  padding-left: 78px;
}
@media screen and (max-width: 834px) {
  .support-yoga__list__title {
    margin-bottom: 30px;
    padding-left: 70px;
  }
}
@media screen and (max-width: 599px) {
  .support-yoga__list__title {
    margin-bottom: 20px;
    padding-left: 50px;
  }
}
.support-yoga__list__title::before {
  content: counter(num, decimal-leading-zero);
  counter-increment: num;
  position: absolute;
  top: -16px;
  left: 0;
  color: #5bbfdf;
  font-size: 8.4rem;
  font-family: "Tangerine", cursive;
  line-height: 0.75;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 834px) {
  .support-yoga__list__title::before {
    font-size: 7.8rem;
  }
}
@media screen and (max-width: 599px) {
  .support-yoga__list__title::before {
    top: -13px;
    font-size: 6rem;
  }
}
.support-yoga__list__title > span {
  display: inline-block;
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid #5878a7;
  color: #5878a7;
  font-size: 1.9rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 599px) {
  .support-yoga__list__title > span {
    padding-bottom: 8px;
    font-size: 1.7rem;
    letter-spacing: 0;
  }
}
.support-yoga__list__text {
  color: #30455c;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  line-height: 2;
  letter-spacing: 0.06em;
}
.support-yoga__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 45px 38px;
  background-color: #f3f7fa;
}
@media screen and (max-width: 599px) {
  .support-yoga__box {
    display: block;
    padding: 35px 30px;
  }
}
.support-yoga__box__image {
  width: 29.5%;
  margin-right: 5.5%;
}
@media screen and (max-width: 834px) {
  .support-yoga__box__image {
    width: 31%;
    margin-right: 4%;
  }
}
@media screen and (max-width: 599px) {
  .support-yoga__box__image {
    width: 90%;
    margin: 0 auto 30px;
  }
}
.support-yoga__box__content {
  width: 65%;
}
@media screen and (max-width: 599px) {
  .support-yoga__box__content {
    width: 100%;
  }
}
.support-yoga__box__name {
  margin-bottom: 28px;
  padding-bottom: 8px;
  border-bottom: 1px dotted #5878a7;
  color: #30455c;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  font-size: 1.6rem;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 599px) {
  .support-yoga__box__name {
    margin-bottom: 20px;
  }
}
.support-yoga__box__name > span {
  font-size: 2.1rem;
}
@media screen and (max-width: 599px) {
  .support-yoga__box__name > span {
    font-size: 2rem;
  }
}
.support-yoga__box__copy {
  margin-bottom: 8px;
  color: #5878a7;
  font-size: 1.7rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  letter-spacing: 0.06em;
}
.support-yoga__box__text {
  color: #30455c;
  font-size: 1.5rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  text-align: justify;
  line-height: 2.2;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 599px) {
  .support-yoga__box__text {
    font-size: 1.4rem;
    line-height: 2;
  }
}

.support-yoga-table {
  width: 100%;
  margin-bottom: 30px;
  border-top: 1px solid #d5dce5;
}
@media screen and (max-width: 599px) {
  .support-yoga-table {
    margin-bottom: 20px;
  }
}
.support-yoga-table th,
.support-yoga-table td {
  padding: 24px;
  border-bottom: 1px solid #d5dce5;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  letter-spacing: 0.07em;
  font-weight: 400;
}
@media screen and (max-width: 599px) {
  .support-yoga-table th,
  .support-yoga-table td {
    padding: 15px 5px;
    font-size: 1.4rem;
  }
}
.support-yoga-table td {
  padding: 24px 0 24px 40px;
}
@media screen and (max-width: 1024px) {
  .support-yoga-table td {
    padding-left: 30px;
  }
}
@media screen and (max-width: 599px) {
  .support-yoga-table td {
    padding: 15px 0px 15px 15px;
    vertical-align: middle;
  }
}
.support-yoga-table td span {
  font-size: 1.4rem;
}
.support-yoga-table th {
  width: 260px;
  vertical-align: middle;
  background-color: #f3f7fa;
}
@media screen and (max-width: 1024px) {
  .support-yoga-table th {
    width: 210px;
  }
}
@media screen and (max-width: 599px) {
  .support-yoga-table th {
    width: 170px;
    line-height: 1.4;
  }
}
.postpartum .support-yoga-table th {
  background-color: #f4f9f1;
}
.support-yoga-table__def-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 599px) {
  .support-yoga-table__def-list {
    display: block;
  }
}
.support-yoga-table__def-list > dt {
  width: 170px;
  margin-right: 30px;
}
@media screen and (max-width: 834px) {
  .support-yoga-table__def-list > dt {
    width: 150px;
  }
}
@media screen and (max-width: 599px) {
  .support-yoga-table__def-list > dt {
    width: auto;
    margin-right: 0;
  }
}

.support-felice__intro {
  margin-bottom: 60px;
  padding-top: 50px;
}
@media screen and (max-width: 1024px) {
  .support-felice__intro {
    padding-top: 0;
  }
}
@media screen and (max-width: 599px) {
  .support-felice__intro {
    margin-bottom: 40px;
  }
}
.support-felice__intro__copy {
  margin-bottom: 50px;
  color: #5878a7;
  font-size: 2.5rem;
  font-family: "Shippori Mincho", serif !important;
  text-align: center;
  line-height: 1.6;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 834px) {
  .support-felice__intro__copy {
    margin-bottom: 30px;
    font-size: 2.3rem;
  }
}
@media screen and (max-width: 599px) {
  .support-felice__intro__copy {
    font-size: 1.9rem;
  }
}
.support-felice__intro__image {
  max-width: 500px;
  margin: 0 auto;
}
.support-felice__intro__table {
  width: 100%;
  border-top: 1px solid #d5dce5;
}
.support-felice__intro__table th,
.support-felice__intro__table td {
  padding: 24px;
  border-bottom: 1px solid #d5dce5;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  letter-spacing: 0.07em;
}
@media screen and (max-width: 599px) {
  .support-felice__intro__table th,
  .support-felice__intro__table td {
    padding: 15px 10px;
    font-size: 1.4rem;
  }
}
.support-felice__intro__table th {
  width: 383px;
  vertical-align: middle;
  background-color: #f3f7fa;
}
@media screen and (max-width: 1300px) {
  .support-felice__intro__table th {
    width: 300px;
  }
}
@media screen and (max-width: 1200px) {
  .support-felice__intro__table th {
    width: 50%;
  }
}
@media screen and (max-width: 599px) {
  .support-felice__intro__table th {
    width: 170px;
  }
}
.support-felice__intro__table td {
  padding: 24px 0;
  text-align: center;
}
@media screen and (max-width: 599px) {
  .support-felice__intro__table td {
    padding: 15px;
  }
}
.support-felice__intro__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 599px) {
  .support-felice__intro__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.support-felice__intro__container__content {
  width: 62%;
  margin-right: 9%;
}
@media screen and (max-width: 599px) {
  .support-felice__intro__container__content {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.support-felice__intro__container__image {
  width: 29%;
}
@media screen and (max-width: 599px) {
  .support-felice__intro__container__image {
    width: 100%;
  }
}
.support-felice__block:not(:last-child) {
  margin-bottom: 90px;
}
@media screen and (max-width: 834px) {
  .support-felice__block:not(:last-child) {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 599px) {
  .support-felice__block:not(:last-child) {
    margin-bottom: 50px;
  }
}
.support-felice__staff {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 599px) {
  .support-felice__staff {
    display: block;
  }
}
.support-felice__staff__item {
  width: 50%;
}
@media screen and (max-width: 599px) {
  .support-felice__staff__item {
    width: 100%;
  }
}
.support-felice__staff__item:nth-child(1) {
  padding-right: 7%;
  border-right: 1px solid #d5dce5;
}
@media screen and (max-width: 1200px) {
  .support-felice__staff__item:nth-child(1) {
    padding-right: 5%;
  }
}
@media screen and (max-width: 599px) {
  .support-felice__staff__item:nth-child(1) {
    margin-bottom: 35px;
    padding-right: 0;
    padding-bottom: 25px;
    border-right: none;
    border-bottom: 1px solid #d5dce5;
  }
}
.support-felice__staff__item:nth-child(2) {
  padding-left: 7%;
}
@media screen and (max-width: 1200px) {
  .support-felice__staff__item:nth-child(2) {
    padding-left: 5%;
  }
}
@media screen and (max-width: 599px) {
  .support-felice__staff__item:nth-child(2) {
    padding-left: 0;
  }
}
.support-felice__staff__image {
  max-width: 320px;
  margin: 0 auto 30px;
}
@media screen and (max-width: 834px) {
  .support-felice__staff__image {
    margin: 0 auto 20px;
  }
}
.support-felice__staff__name {
  display: inline-block;
  margin-bottom: 25px;
  border-bottom: 1px solid #5878a7;
  color: #5878a7;
  font-size: 1.6rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1200px) {
  .support-felice__staff__name {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 834px) {
  .support-felice__staff__name {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 599px) {
  .support-felice__staff__name {
    margin-bottom: 18px;
  }
}
.support-felice__staff__name span {
  display: inline-block;
  margin-left: 20px;
  font-size: 2.1rem;
}
@media screen and (max-width: 1200px) {
  .support-felice__staff__name span {
    margin-left: 10px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 599px) {
  .support-felice__staff__name span {
    margin-left: 15px;
    font-size: 1.9rem;
  }
}
.support-felice__flow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 40px -28px;
}
@media screen and (max-width: 1200px) {
  .support-felice__flow {
    margin: 0 0 30px -20px;
  }
}
@media screen and (max-width: 599px) {
  .support-felice__flow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -20px 0 20px 0;
  }
}
.support-felice__flow__item {
  width: calc((99.9% - 84px) / 3);
  margin: 0 0 0 28px;
}
@media screen and (max-width: 1200px) {
  .support-felice__flow__item {
    width: calc((99.9% - 60px) / 3);
    margin: 0 0 0 20px;
  }
}
@media screen and (max-width: 599px) {
  .support-felice__flow__item {
    width: 100%;
    margin: 20px 0 0 0;
  }
}
.support-felice__flow__content {
  padding: 20px 10px 28px;
  background-color: #f3f7fa;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .support-felice__flow__content {
    padding: 15px 10px 23px;
  }
}
@media screen and (max-width: 599px) {
  .support-felice__flow__content {
    padding: 8px 10px 20px;
  }
}
.support-felice__flow__text01 {
  display: inline-block;
  margin-bottom: 20px;
  padding-bottom: 8px;
  border-bottom: 1px dotted #52badc;
  color: #5bbfdf;
  font-size: 8.4rem;
  font-family: "Tangerine", cursive;
  line-height: 0.75;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1200px) {
  .support-felice__flow__text01 {
    margin-bottom: 15px;
    font-size: 8rem;
  }
}
@media screen and (max-width: 599px) {
  .support-felice__flow__text01 {
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-size: 6.2rem;
  }
}
.support-felice__flow__text02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #30455c;
  font-size: 1.8rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1200px) {
  .support-felice__flow__text02 {
    font-size: 1.7rem;
  }
}
.support-felice__box {
  margin-bottom: 100px;
  padding: 50px 50px 40px;
  border: 1px dotted #597eaf;
}
@media screen and (max-width: 1200px) {
  .support-felice__box {
    margin-bottom: 80px;
    padding: 40px 40px 30px;
  }
}
@media screen and (max-width: 599px) {
  .support-felice__box {
    margin-bottom: 60px;
    padding: 30px 25px;
  }
}
.support-felice__box.mt150 {
  margin-top: 150px;
}
@media screen and (max-width: 1024px) {
  .support-felice__box.mt150 {
    margin-top: 130px;
  }
}
@media screen and (max-width: 834px) {
  .support-felice__box.mt150 {
    margin-top: 90px;
  }
}
@media screen and (max-width: 599px) {
  .support-felice__box.mt150 {
    margin-top: 60px;
  }
}
.support-felice__box__title {
  margin-top: -85px;
  margin-bottom: 30px;
  margin-left: -35px;
  color: #5878a7;
  font-size: 7rem;
  font-family: "Tangerine", cursive;
  line-height: 0.75;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 834px) {
  .support-felice__box__title {
    margin-top: -70px;
    font-size: 6rem;
  }
}
@media screen and (max-width: 599px) {
  .support-felice__box__title {
    margin-top: -50px;
    margin-bottom: 20px;
    margin-left: -20px;
    font-size: 4.5rem;
  }
}
.support-felice__box__title > span {
  display: inline-block;
  padding: 0 20px 0 8px;
  background-color: #fff;
}
.support-felice__box__text01 {
  color: #5878a7;
  font-size: 1.7rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 599px) {
  .support-felice__box__text01 {
    font-size: 1.6rem;
  }
}
.support-felice__box__text01 > span {
  display: inline-block;
  margin-left: 1.5em;
  color: #5096c2;
  font-size: 1.6rem;
}
@media screen and (max-width: 599px) {
  .support-felice__box__text01 > span {
    font-size: 1.4rem;
  }
}
.support-felice__box__text02 {
  color: #5096c2;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.06em;
}
.support-felice__box__text03 {
  position: relative;
  padding-left: 20px;
  color: #5878a7;
  font-size: 1.7rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 599px) {
  .support-felice__box__text03 {
    font-size: 1.6rem;
  }
}
.support-felice__box__text03::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 1px;
  top: 50%;
  left: 0;
  background-color: #5878a7;
}
.support-felice__box__def-list {
  border-top: 1px dotted #b3bdcb;
  color: #30455c;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.06em;
}
.support-felice__box__def-list > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding: 18px 0;
  border-bottom: 1px dotted #b3bdcb;
}
@media screen and (max-width: 599px) {
  .support-felice__box__def-list > div {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px 0;
  }
}
.support-felice__box__def-list > div > dt {
  position: relative;
  padding-left: 25px;
}
@media screen and (max-width: 834px) {
  .support-felice__box__def-list > div > dt {
    padding-left: 20px;
  }
}
@media screen and (max-width: 599px) {
  .support-felice__box__def-list > div > dt {
    width: 100% !important;
    margin-bottom: 5px;
    text-align: justify;
  }
}
.support-felice__box__def-list > div > dt::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 12px;
  height: 12px;
  background-color: #9abddc;
  border-radius: 50%;
}
@media screen and (max-width: 834px) {
  .support-felice__box__def-list > div > dt::before {
    top: 7px;
    width: 11px;
    height: 11px;
  }
}
.support-felice__box__def-list > div > dt > span {
  display: block;
  font-size: 1.4rem;
  line-height: 1.4;
}
@media screen and (max-width: 599px) {
  .support-felice__box__def-list > div > dt > span {
    font-size: 1.3rem;
  }
}
.support-felice__box__def-list > div > dt.w190 {
  width: 190px;
}
@media screen and (max-width: 834px) {
  .support-felice__box__def-list > div > dt.w190 {
    width: 150px;
  }
}
.support-felice__box__def-list > div > dt.w390 {
  width: 390px;
}
@media screen and (max-width: 834px) {
  .support-felice__box__def-list > div > dt.w390 {
    width: 350px;
  }
}
.support-felice__box__def-list > div > dd.arrow {
  position: relative;
  padding-right: 17%;
}
@media screen and (max-width: 834px) {
  .support-felice__box__def-list > div > dd.arrow {
    padding-right: 10%;
  }
}
@media screen and (max-width: 599px) {
  .support-felice__box__def-list > div > dd.arrow {
    padding-right: 29px;
  }
}
.support-felice__box__def-list > div > dd.arrow::after {
  content: "";
  position: absolute;
  top: 0;
  right: 20%;
  bottom: 0;
  width: 29px;
  height: 15px;
  margin: auto 0;
  background-image: url(../img/common/arrow_next.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
@media screen and (max-width: 834px) {
  .support-felice__box__def-list > div > dd.arrow::after {
    right: 12%;
    width: 24px;
    height: 12px;
  }
}
@media screen and (max-width: 599px) {
  .support-felice__box__def-list > div > dd.arrow::after {
    top: 9px;
    right: 5px;
    bottom: auto;
    width: 18px;
    height: 10px;
  }
}
.support-felice__box__def-list > div > dd > span {
  display: inline-block;
  margin-right: 3em;
}
@media screen and (max-width: 834px) {
  .support-felice__box__def-list > div > dd > span {
    margin-right: 2em;
  }
}
@media screen and (max-width: 599px) {
  .support-felice__box__def-list > div > dd > span {
    margin-right: 1em;
  }
}
.support-felice__contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 599px) {
  .support-felice__contact {
    display: block;
  }
}
.support-felice__contact__box {
  width: 48%;
  padding: 35px 30px;
  background-color: #f3f7fa;
}
@media screen and (max-width: 834px) {
  .support-felice__contact__box {
    width: 49%;
    padding: 30px 30px 30px 35px;
  }
}
@media screen and (max-width: 599px) {
  .support-felice__contact__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 18px;
    margin-bottom: 15px;
  }
}
.support-felice__contact__box__title {
  margin-bottom: 20px;
  padding: 3px 0px 25px;
  border-bottom: 1px dotted #5878a7;
  color: #5878a7;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  text-align: center;
}
@media screen and (max-width: 834px) {
  .support-felice__contact__box__title {
    padding: 3px 0px 15px;
  }
}
@media screen and (max-width: 599px) {
  .support-felice__contact__box__title {
    width: 44%;
    padding: 8px 15px 0px 0px;
    margin-bottom: 0px;
    margin-right: 20px;
    border-bottom: none;
    border-right: 1px dotted #5878a7;
  }
}
.support-felice__contact__box__title__image {
  max-width: 41px;
  margin-bottom: 16px;
}
@media screen and (max-width: 834px) {
  .support-felice__contact__box__title__image {
    max-width: 38px;
  }
}
@media screen and (max-width: 599px) {
  .support-felice__contact__box__title__image {
    max-width: 32px;
  }
}
.support-felice__contact__box__title__image.mail {
  max-width: 44px;
}
@media screen and (max-width: 834px) {
  .support-felice__contact__box__title__image.mail {
    max-width: 42px;
  }
}
@media screen and (max-width: 599px) {
  .support-felice__contact__box__title__image.mail {
    max-width: 34px;
  }
}
.support-felice__contact__box__title__text01 {
  margin-bottom: 16px;
  font-size: 2.4rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 834px) {
  .support-felice__contact__box__title__text01 {
    margin-bottom: 12px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 599px) {
  .support-felice__contact__box__title__text01 {
    font-size: 1.7rem;
    margin-bottom: 10px;
  }
}
.support-felice__contact__box__title__text02 {
  text-align: center;
  font-size: 1.7rem;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 834px) {
  .support-felice__contact__box__title__text02 {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 599px) {
  .support-felice__contact__box__title__text02 {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 599px) {
  .support-felice__contact__box__content {
    width: 56%;
  }
}
.support-felice__contact__box__content .text-base {
  font-size: 1.5rem;
  margin-bottom: 15px;
  text-align: center;
}
@media screen and (max-width: 834px) {
  .support-felice__contact__box__content .text-base {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 599px) {
  .support-felice__contact__box__content .text-base {
    font-size: 1.3rem;
    text-align: left;
    margin-bottom: 10px;
  }
}
.support-felice__contact__box__content .qr-code {
  display: block;
  width: 180px;
  text-align: center;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .support-felice__contact__box__content .qr-code {
    margin-top: 10px;
  }
}
@media screen and (max-width: 834px) {
  .support-felice__contact__box__content .qr-code {
    max-width: 130px;
  }
}
@media screen and (max-width: 599px) {
  .support-felice__contact__box__content .qr-code {
    display: block;
    max-width: none;
    width: 65%;
    margin: 12px auto 0;
  }
}

.faq-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 100px;
}
@media screen and (max-width: 1024px) {
  .faq-nav {
    margin-top: 30px;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 599px) {
  .faq-nav {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 50px;
  }
}
.faq-nav li {
  width: 260px;
  margin-right: 15px;
}
@media screen and (max-width: 1024px) {
  .faq-nav li {
    width: 240px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 599px) {
  .faq-nav li {
    width: calc(45% - 3px);
    margin-right: 0;
  }
  .faq-nav li:last-child {
    width: calc(55% - 3px);
  }
}
.faq-nav li a {
  display: block;
  padding: 25px 25px 25px 45px;
  background-color: #f3f7fa;
  background-image: url(../img/common/arrow03.png);
  background-position: 22px center;
  background-repeat: no-repeat;
  font-size: 1.6rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 300;
  color: #5878a7;
  letter-spacing: 1.5px;
  line-height: 1.4;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .faq-nav li a {
    font-size: 1.5rem;
    padding: 20px 20px 20px 40px;
  }
}
@media screen and (max-width: 599px) {
  .faq-nav li a {
    font-size: 1.4rem;
    padding: 15px 5px 15px 20px;
    background-position: 12px center;
    background-size: 10px auto;
    letter-spacing: 0;
  }
}

.faq-block {
  margin-bottom: 100px;
}
@media screen and (max-width: 1024px) {
  .faq-block {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 599px) {
  .faq-block {
    margin-bottom: 60px;
  }
}
.faq-block--last {
  margin-bottom: 0;
}
.faq-block__box {
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 47px;
  margin-bottom: 47px;
}
@media screen and (max-width: 599px) {
  .faq-block__box {
    padding-bottom: 32px;
    margin-bottom: 32px;
  }
}
.faq-block__box dt {
  position: relative;
  font-size: 1.7rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  color: #5878a7;
  letter-spacing: 1px;
  padding: 10px 0px 10px 65px;
  margin-bottom: 15px;
}
@media screen and (max-width: 599px) {
  .faq-block__box dt {
    font-size: 1.5rem;
    padding-left: 47px;
    margin-bottom: 10px;
    padding-top: 2px;
    letter-spacing: 0.5px;
  }
}
.faq-block__box dt::before {
  background: #f3f7fa;
  border-radius: 100%;
  content: "";
  height: 48px;
  width: 48px;
  left: 0;
  position: absolute;
  top: 0px;
}
@media screen and (max-width: 599px) {
  .faq-block__box dt::before {
    width: 38px;
    height: 38px;
  }
}
.faq-block__box dt::after {
  content: "Q";
  left: 13px;
  position: absolute;
  top: 2px;
  font-size: 2.8rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  line-height: 1.4;
  color: #5878a7;
}
@media screen and (max-width: 599px) {
  .faq-block__box dt::after {
    font-size: 2.2rem;
    left: 10px;
  }
}
.faq-block__box dd {
  position: relative;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  letter-spacing: 1px;
  padding: 0px 0px 0px 65px;
  line-height: 1.8;
}
@media screen and (max-width: 599px) {
  .faq-block__box dd {
    font-size: 1.4rem;
    padding-left: 47px;
    letter-spacing: 0.5px;
  }
}
.faq-block__box dd::before {
  background: #ebf5f9;
  border-radius: 100%;
  content: "";
  height: 48px;
  width: 48px;
  left: 0;
  position: absolute;
  top: 0px;
}
@media screen and (max-width: 599px) {
  .faq-block__box dd::before {
    width: 38px;
    height: 38px;
  }
}
.faq-block__box dd::after {
  content: "A";
  left: 14px;
  position: absolute;
  top: 2px;
  font-size: 2.8rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  line-height: 1.4;
  color: #45acd6;
}
@media screen and (max-width: 599px) {
  .faq-block__box dd::after {
    font-size: 2.2rem;
    left: 10px;
  }
}

.blog-list {
  border-top: 1px solid #d1d4d8;
}
.blog-list__item {
  border-bottom: 1px solid #d1d4d8;
}
.blog-list__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 40px 0;
}
@media screen and (max-width: 1024px) {
  .blog-list__link {
    padding: 30px 0;
  }
}
@media screen and (max-width: 599px) {
  .blog-list__link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 28px 10px 34px;
  }
}
@media screen and (min-width: 1025px) {
  .blog-list__link:hover {
    background-color: #f9fbfd;
  }
  .blog-list__link:hover .blog-list__title {
    color: #5878a7;
  }
}
.blog-list__image {
  width: 34%;
  margin-right: 4%;
}
@media screen and (max-width: 834px) {
  .blog-list__image {
    width: 30%;
  }
}
@media screen and (max-width: 599px) {
  .blog-list__image {
    width: 84%;
    margin: 20px auto 0;
  }
}
.blog-list__image img {
  width: 100%;
  height: 174px;
  object-fit: cover;
  object-position: center center;
  font-family: "object-fit: cover; object-position: center center;";
}
.blog-list__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 62%;
}
@media screen and (max-width: 834px) {
  .blog-list__content {
    width: 66%;
  }
}
@media screen and (max-width: 599px) {
  .blog-list__content {
    width: 100%;
  }
}
.blog-list__date {
  position: relative;
  padding-right: 25px;
  color: #969aa3;
  font-size: 1.5rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  letter-spacing: 0.05em;
}
.blog-list__date::after {
  content: "/";
  position: absolute;
  top: -1px;
  right: 8px;
}
.blog-list__category {
  margin-top: 2px;
  color: #70a3d0;
  font-size: 1.4rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  letter-spacing: 0.05em;
}
.blog-list__new {
  margin-left: 1em;
  color: #e03c72;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  letter-spacing: 0.03em;
}
.blog-list__title {
  width: 100%;
  margin-top: 13px;
  color: #30455c;
  font-size: 2rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  line-height: 1.6;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 834px) {
  .blog-list__title {
    margin-top: 10px;
  }
}
@media screen and (max-width: 599px) {
  .blog-list__title {
    margin-top: 5px;
    font-size: 1.8rem;
  }
}
.blog-list__text {
  margin-top: 18px;
  color: #5e636d;
  font-size: 1.5rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  text-align: justify;
  line-height: 1.9;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 834px) {
  .blog-list__text {
    margin-top: 15px;
  }
}
@media screen and (max-width: 599px) {
  .blog-list__text {
    margin-top: 10px;
    font-size: 1.4rem;
  }
}

.blog-results {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 25px;
}
@media screen and (max-width: 599px) {
  .blog-results {
    margin-bottom: 20px;
  }
}
.blog-results__ttl {
  background: #5878a7;
  color: #fff;
  font-size: 1.5rem;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 400;
  padding: 0px 10px;
  margin-right: 18px;
}
@media screen and (max-width: 834px) {
  .blog-results__ttl {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 599px) {
  .blog-results__ttl {
    font-size: 1.3rem;
    margin-right: 12px;
    padding: 0px 7px;
  }
}
.blog-results__word {
  font-size: 2.8rem;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 400;
  color: #5878a7;
  letter-spacing: 1px;
}
@media screen and (max-width: 834px) {
  .blog-results__word {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 599px) {
  .blog-results__word {
    font-size: 2rem;
  }
}

.blog-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 50px;
  padding-top: 20px;
  padding-bottom: 38px;
  border-bottom: 2px solid #dee2e9;
}
@media screen and (max-width: 1024px) {
  .blog-title {
    margin-bottom: 40px;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 599px) {
  .blog-title {
    margin-bottom: 30px;
    padding-top: 15px;
    padding-bottom: 20px;
  }
}
.blog-title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 28px;
  height: 1px;
  background-color: #5878a7;
}
.blog-title__date {
  position: relative;
  padding-right: 25px;
  color: #969aa3;
  font-size: 1.5rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  letter-spacing: 0.05em;
}
.blog-title__date::after {
  content: "/";
  position: absolute;
  top: -1px;
  right: 8px;
}
.blog-title__category {
  margin-top: 2px;
  color: #70a3d0;
  font-size: 1.4rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  letter-spacing: 0.05em;
}
.blog-title__new {
  margin-left: 1em;
  color: #e03c72;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  letter-spacing: 0.03em;
}
.blog-title__title {
  width: 100%;
  margin-top: 20px;
  color: #30455c;
  font-size: 2rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  line-height: 1.6;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 834px) {
  .blog-title__title {
    margin-top: 10px;
  }
}
@media screen and (max-width: 599px) {
  .blog-title__title {
    margin-top: 5px;
    font-size: 1.8rem;
  }
}

.blog-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 80px;
  margin-bottom: -127px;
}
@media screen and (max-width: 1024px) {
  .blog-pagination {
    margin-bottom: -107px;
  }
}
@media screen and (max-width: 599px) {
  .blog-pagination {
    margin-top: 20px;
    margin-bottom: 0;
  }
}
.blog-pagination__link {
  position: relative;
  color: #5878a7;
  font-size: 1.5rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 599px) {
  .blog-pagination__link {
    font-size: 1.4rem;
  }
}
.blog-pagination__link::before {
  content: "";
  position: absolute;
  top: 7px;
  width: 9px;
  height: 9px;
  border-top: 1px solid #5878a7;
  border-right: 1px solid #5878a7;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 599px) {
  .blog-pagination__link::before {
    width: 8px;
    height: 8px;
    border-top: 1px solid #5878a7;
    border-right: 1px solid #5878a7;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
.prev .blog-pagination__link {
  padding-left: 25px;
}
@media screen and (max-width: 599px) {
  .prev .blog-pagination__link {
    padding-left: 20px;
  }
}
.prev .blog-pagination__link::before {
  left: 1px;
  transform: rotate(225deg);
}
.next .blog-pagination__link {
  padding-right: 25px;
}
@media screen and (max-width: 599px) {
  .next .blog-pagination__link {
    padding-right: 20px;
  }
}
.next .blog-pagination__link::before {
  right: 1px;
}
.blog-pagination__link:hover {
  opacity: 0.9;
}

.blog-side {
  padding: 28px 22px 40px;
  background-color: #f3f7fa;
}
@media screen and (max-width: 834px) {
  .blog-side {
    padding: 30px 30px 40px;
  }
}
.blog-side__title {
  margin-bottom: 25px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #30455c;
  color: #30455c;
  font-size: 1.5rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  text-align: center;
}
@media screen and (max-width: 599px) {
  .blog-side__title {
    margin-bottom: 20px;
  }
}
.blog-side__nav__item:not(:last-child) {
  margin-bottom: 12px;
}
@media screen and (max-width: 599px) {
  .blog-side__nav__item:not(:last-child) {
    margin-bottom: 10px;
  }
}
.blog-side__nav__link {
  position: relative;
  padding-left: 20px;
  color: #5878a7;
  font-size: 1.5rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  letter-spacing: 0.08em;
}
.blog-side__nav__link::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 6px;
  height: 6px;
  border-top: 1px solid #5878a7;
  border-right: 1px solid #5878a7;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: 0.3s;
}
@media screen and (min-width: 1025px) {
  .blog-side__nav__link:hover {
    color: #4dbfe3;
  }
  .blog-side__nav__link:hover::before {
    border-top-color: #4dbfe3;
    border-right-color: #4dbfe3;
  }
}

.blog-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (max-width: 1300px) {
  .blog-wrap {
    display: block;
  }
}
.blog-wrap .blog-content {
  width: calc(100% - 180px - 6.5%);
}
@media screen and (max-width: 1300px) {
  .blog-wrap .blog-content {
    width: 100%;
    margin-top: 50px;
  }
}
@media screen and (max-width: 599px) {
  .blog-wrap .blog-content {
    margin-top: 35px;
  }
}
.blog-wrap .blog-side {
  width: 180px;
  margin-left: 6.5%;
}
@media screen and (max-width: 1300px) {
  .blog-wrap .blog-side {
    width: 100%;
    margin-top: 50px;
    margin-left: 0;
  }
}

.recruit-index-wrapper {
  padding: 0 40px;
}
@media screen and (max-width: 1024px) {
  .recruit-index-wrapper {
    padding: 0;
    padding-left: 30px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-index-wrapper {
    padding: 0 20px;
  }
}
.recruit-index-wrapper__inner {
  max-width: 900px;
  margin: 0 auto;
}

.recruit-index {
  margin-bottom: 30px;
}
@media screen and (max-width: 599px) {
  .recruit-index {
    margin-bottom: 20px;
  }
}
.recruit-index__box-title {
  position: relative;
  top: 12px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 2.3rem;
  color: #48b6d9;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.08em;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .recruit-index__box-title {
    font-size: 2rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-index__box-title {
    font-size: 1.8rem;
  }
}
.recruit-index__box-title span {
  border-bottom: 1px solid #48b6d9;
}
.recruit-index__intro {
  margin-bottom: 40px;
}
.recruit-index__intro .recruit-index__box__button {
  margin: 0;
}
.recruit-index__stressfree {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 25px 30px;
  background-color: #f3f6fa;
}
@media screen and (max-width: 599px) {
  .recruit-index__stressfree {
    padding: 20px 20px 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.recruit-index__stressfree__logo {
  margin-right: 20px;
  width: 100%;
  max-width: 260px;
}
@media screen and (max-width: 1024px) {
  .recruit-index__stressfree__logo {
    max-width: 200px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-index__stressfree__logo {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.recruit-index__stressfree__text {
  flex: 1;
}
.recruit-index__box {
  padding: 30px 30px 25px;
  background-color: #f9feae;
}
@media screen and (max-width: 599px) {
  .recruit-index__box {
    padding: 20px 25px 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.recruit-index__box.crosstalk {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 40px 40px 30px 45px;
}
@media screen and (max-width: 599px) {
  .recruit-index__box.crosstalk {
    padding: 30px 25px 25px;
  }
}
.recruit-index__box__text {
  margin-right: 20px;
  font-size: 1.8rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  line-height: 2;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1024px) {
  .recruit-index__box__text {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-index__box__text {
    margin-right: 0;
    margin-bottom: 20px;
    font-size: 1.5rem;
    line-height: 1.8;
    text-align: justify;
  }
}
.recruit-index__box__text > span {
  display: inline-block;
  border-bottom: 1px solid #48b6d9;
  color: #48b6d9;
}
.recruit-index__box__button {
  display: block;
  max-width: 220px;
  width: 100%;
  margin: 0 auto;
  padding: 14px 50px 14px 45px;
  background-color: #5878a7;
  background-image: url(../img/common/arrow_btn.png);
  background-repeat: no-repeat;
  background-position: center right 20px;
  background-size: 20px auto;
  color: #fff;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  letter-spacing: 0.06em;
}
.recruit-index__box__button:hover {
  opacity: 0.85;
}
.crosstalk .recruit-index__box__button {
  max-width: 210px;
  margin: 0;
  padding: 12px 50px 12px 24px;
  background-color: #30455c;
}
.recruit-index__merit {
  padding: 60px 30px 80px 90px;
  background-color: #f9feae;
  margin-bottom: 70px;
}
@media screen and (max-width: 1024px) {
  .recruit-index__merit {
    padding: 50px 40px 40px;
  }
}
@media screen and (max-width: 834px) {
  .recruit-index__merit {
    padding: 50px 30px 40px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-index__merit {
    padding: 35px 20px 35px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.recruit-index__merit__inner {
  position: relative;
  max-width: 980px;
  margin: 0 auto;
}
.recruit-index__merit__inner .text-base {
  font-weight: 500;
}
@media screen and (max-width: 599px) {
  .recruit-index__merit__inner .text-base {
    line-height: 1.8;
  }
}
.recruit-index__merit__box {
  display: flex;
}
@media screen and (max-width: 834px) {
  .recruit-index__merit__box {
    flex-direction: column;
  }
}
.recruit-index__merit__point {
  flex: 1;
}
.recruit-index__merit__point .point-box {
  margin-bottom: 28px;
  padding-right: 35px;
}
@media screen and (max-width: 834px) {
  .recruit-index__merit__point .point-box {
    padding-right: 0px;
    margin-bottom: 20px;
  }
}
.recruit-index__merit__point .point-box__catch {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 834px) {
  .recruit-index__merit__point .point-box__catch {
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-index__merit__point .point-box__catch {
    flex-direction: column;
    align-items: start;
  }
}
.recruit-index__merit__point .point-box__catch .point {
  background-color: #5bbfdf;
  color: #fff;
  font-family: "Tangerine", cursive;
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 0.6;
  letter-spacing: 0.03em;
  margin-right: 12px;
  padding: 0px 10px 5px 7px;
}
@media screen and (max-width: 834px) {
  .recruit-index__merit__point .point-box__catch .point {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-index__merit__point .point-box__catch .point {
    padding: 0px 6px 5px 5px;
    margin-bottom: 3px;
  }
}
.recruit-index__merit__point .point-box__catch .point span {
  font-size: 5rem;
  margin-left: 5px;
  line-height: 0.6;
  font-weight: 500;
}
@media screen and (max-width: 834px) {
  .recruit-index__merit__point .point-box__catch .point span {
    font-size: 4rem;
  }
}
.recruit-index__merit__point .point-box__catch .ttl {
  position: relative;
  font-size: 1.9rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 500;
  letter-spacing: 0.06em;
  color: #5878a7;
  line-height: 1.5;
  padding: 3px 0px 4px;
}
@media screen and (max-width: 834px) {
  .recruit-index__merit__point .point-box__catch .ttl {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-index__merit__point .point-box__catch .ttl {
    letter-spacing: 0;
    font-size: 1.6rem;
  }
}
.recruit-index__merit__point .point-box__catch .ttl::before {
  background: #5878a7;
  content: "";
  height: 1px;
  width: 100%;
  left: 0;
  position: absolute;
  bottom: 0;
}
.recruit-index__merit__point .point-box__text {
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: 0.08em;
  color: #30455c;
}
@media screen and (max-width: 834px) {
  .recruit-index__merit__point .point-box__text {
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 599px) {
  .recruit-index__merit__point .point-box__text {
    line-height: 1.6;
    font-size: 1.4rem;
  }
}
.recruit-index__merit__ph {
  padding-top: 15px;
  width: 380px;
}
@media screen and (max-width: 1024px) {
  .recruit-index__merit__ph {
    width: 300px;
  }
}
@media screen and (max-width: 834px) {
  .recruit-index__merit__ph {
    padding-top: 0;
    display: block;
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .recruit-index__merit__ph {
    width: 250px;
  }
}
.recruit-index__work {
  background: #f3f6fa;
  margin-bottom: 90px;
  padding: 0 40px;
}
@media screen and (max-width: 599px) {
  .recruit-index__work {
    margin-bottom: 70px;
    padding: 0 20px;
  }
}
.recruit-index__work__inner {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  padding: 60px 0 52px;
}
@media screen and (max-width: 834px) {
  .recruit-index__work__inner {
    padding: 0 0 40px;
  }
}
.recruit-index__work__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  width: 260px;
  aspect-ratio: 1/1;
  top: -25px;
  left: 0;
  color: #fff;
  text-align: center;
  background-color: #87b2d8;
}
@media screen and (max-width: 1400px) {
  .recruit-index__work__title {
    width: 30%;
  }
}
@media screen and (max-width: 1024px) {
  .recruit-index__work__title {
    width: 220px;
  }
}
@media screen and (max-width: 834px) {
  .recruit-index__work__title {
    position: relative;
    width: 280px;
    height: 128px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-index__work__title {
    margin: 0 auto;
    width: 240px;
    height: 100px;
    top: -30px;
    font-size: 1.6rem;
  }
}
.recruit-index__work__title > .eng-txt {
  margin-top: 10px;
  font-family: "Tangerine", cursive;
  font-size: 5.6rem;
  line-height: 1;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 1400px) {
  .recruit-index__work__title > .eng-txt {
    font-size: 5rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-index__work__title > .eng-txt {
    font-size: 4.4rem;
  }
}
.recruit-index__work__title > .ja-txt {
  margin-top: 8px;
  font-family: "Shippori Mincho", serif !important;
  font-size: 2.4rem;
  font-weight: 400;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1400px) {
  .recruit-index__work__title > .ja-txt {
    margin-top: -5px;
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-index__work__title > .ja-txt {
    margin-top: -10px;
    font-size: 1.6rem;
  }
}
.recruit-index__work__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 260px;
}
@media screen and (max-width: 1400px) {
  .recruit-index__work__link {
    margin-left: 30%;
  }
}
@media screen and (max-width: 1024px) {
  .recruit-index__work__link {
    margin-left: 220px;
  }
}
@media screen and (max-width: 834px) {
  .recruit-index__work__link {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -30px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-index__work__link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 0;
  }
}
.recruit-index__work__link__item {
  width: calc((100% - 90px) / 3);
  margin-left: 30px;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .recruit-index__work__link__item {
    width: calc((100% - 60px) / 3);
    margin-left: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .recruit-index__work__link__item {
    width: calc((100% - 90px) / 3);
    margin-left: 30px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-index__work__link__item {
    margin: 0 auto;
    width: 66%;
  }
  .recruit-index__work__link__item:not(:last-child) {
    margin-bottom: 25px;
  }
}
.recruit-index__work__link__item__photo {
  max-width: 180px;
  transition: 0.3s;
}
@media screen and (max-width: 599px) {
  .recruit-index__work__link__item__photo {
    margin: 0 auto;
    max-width: 100%;
    height: auto;
  }
}
.recruit-index__work__link__item__photo img {
  width: 100%;
}
.recruit-index__work__link__item__title {
  position: relative;
  margin-top: 15px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 1.8rem;
  color: #30455c;
  font-weight: 400;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1400px) {
  .recruit-index__work__link__item__title {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-index__work__link__item__title {
    display: inline-block;
    margin-top: 8px;
    font-size: 1.6rem;
  }
}
.recruit-index__work__link__item__title::before, .recruit-index__work__link__item__title::after {
  content: "";
  position: absolute;
  right: calc(50% - 85px);
  background: #70a5d4;
  transition: 0.3s;
}
@media screen and (max-width: 1300px) {
  .recruit-index__work__link__item__title::before, .recruit-index__work__link__item__title::after {
    right: calc(50% - 80px);
  }
}
@media screen and (max-width: 599px) {
  .recruit-index__work__link__item__title::before, .recruit-index__work__link__item__title::after {
    right: calc(50% - 75px);
  }
}
.recruit-index__work__link__item__title::before {
  top: 20px;
  width: 20px;
  height: 1px;
}
@media screen and (max-width: 1400px) {
  .recruit-index__work__link__item__title::before {
    top: 16px;
    width: 18px;
  }
}
.recruit-index__work__link__item__title::after {
  top: 17px;
  width: 8px;
  height: 1px;
  transform: rotate(40deg);
}
@media screen and (max-width: 1400px) {
  .recruit-index__work__link__item__title::after {
    top: 14px;
    width: 6px;
  }
}
.recruit-index__work__link__item:hover .recruit-index__work__link__item__photo {
  opacity: 0.8;
}
.recruit-index__work__link__item:hover .recruit-index__work__link__item__title::before, .recruit-index__work__link__item:hover .recruit-index__work__link__item__title::after {
  right: calc(50% - 90px);
}
@media screen and (max-width: 1300px) {
  .recruit-index__work__link__item:hover .recruit-index__work__link__item__title::before, .recruit-index__work__link__item:hover .recruit-index__work__link__item__title::after {
    right: calc(50% - 85px);
  }
}
@media screen and (max-width: 599px) {
  .recruit-index__work__link__item:hover .recruit-index__work__link__item__title::before, .recruit-index__work__link__item:hover .recruit-index__work__link__item__title::after {
    right: calc(50% - 80px);
  }
}
.recruit-index__crosstalk {
  margin-bottom: 85px;
  padding: 50px 50px 90px;
  background: linear-gradient(180deg, #f3f6fa 0%, #f3f6fa 44%, #cee3f5 44%, #cee3f5 100%);
}
@media screen and (max-width: 1500px) {
  .recruit-index__crosstalk {
    padding: 50px 40px 80px;
  }
}
@media screen and (max-width: 834px) {
  .recruit-index__crosstalk {
    padding: 50px 40px 60px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-index__crosstalk {
    margin-bottom: 50px;
    padding: 50px 30px;
    background: linear-gradient(180deg, #f3f6fa 0%, #f3f6fa 30%, #cee3f5 30%, #cee3f5 100%);
  }
}
.recruit-index__crosstalk__inner {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
}
.recruit-index__crosstalk__title-en {
  margin-top: -70px;
  margin-bottom: 60px;
  color: #5bbfdf;
  font-size: 6.2rem;
  font-family: "Tangerine", cursive;
  text-align: center;
  line-height: 0.75;
}
@media screen and (max-width: 834px) {
  .recruit-index__crosstalk__title-en {
    margin-bottom: 40px;
    font-size: 5.8rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-index__crosstalk__title-en {
    margin-bottom: 30px;
    font-size: 5rem;
  }
}
.recruit-index__crosstalk__title-en > span {
  display: inline-block;
  border-bottom: 1px dotted #52badc;
}
.recruit-index__crosstalk__title-jp {
  margin-bottom: 55px;
  color: #5878a7;
  font-size: 3.2rem;
  font-family: "Shippori Mincho", serif !important;
  text-align: center;
  line-height: 0.75;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 834px) {
  .recruit-index__crosstalk__title-jp {
    margin-bottom: 45px;
    font-size: 2.7rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-index__crosstalk__title-jp {
    margin-bottom: 40px;
    font-size: 2.2rem;
  }
}
.recruit-index__crosstalk__image {
  margin-bottom: 30px;
}
@media screen and (max-width: 599px) {
  .recruit-index__crosstalk__image {
    margin-bottom: 20px;
  }
}
.recruit-index__crosstalk .text-base {
  padding-right: 150px;
}
@media screen and (max-width: 599px) {
  .recruit-index__crosstalk .text-base {
    padding-right: 0;
  }
}
.recruit-index__crosstalk__button {
  display: block;
  position: absolute;
  right: -25px;
  bottom: 80px;
  width: 148px;
  height: 148px;
  padding-top: 55px;
  background-color: #4dbfe3;
  border-radius: 50%;
  color: #fff;
  font-size: 1.9rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  text-align: center;
  line-height: 1.4;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1500px) {
  .recruit-index__crosstalk__button {
    right: -25px;
    bottom: 100px;
    width: 140px;
    height: 140px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-index__crosstalk__button {
    position: relative;
    right: auto;
    bottom: auto;
    width: 85%;
    height: auto;
    margin: 20px auto 0;
    padding: 15px 10px;
    border-radius: 0;
    font-size: 1.5rem;
  }
}
.recruit-index__crosstalk__button::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  border: 2px dotted #4dbfe3;
  border-radius: 50%;
}
@media screen and (max-width: 599px) {
  .recruit-index__crosstalk__button::before {
    border-radius: 0;
  }
}
.recruit-index__crosstalk__button > span {
  display: inline-block;
  margin-top: 17px;
  padding-right: 25px;
  background-image: url(../img/common/arrow_white.png);
  background-repeat: no-repeat;
  background-position: right bottom 6px;
  background-size: 20px auto;
  font-size: 1.6rem;
}
@media screen and (max-width: 1500px) {
  .recruit-index__crosstalk__button > span {
    margin-top: 12px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-index__crosstalk__button > span {
    margin-top: 0;
    margin-left: 10px;
  }
}
.recruit-index__crosstalk__button:hover {
  opacity: 0.9;
}
.recruit-index__crosstalk__backnum {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  border-left: 1px dotted #5878a7;
}
.recruit-index__crosstalk__backnum li {
  border-right: 1px dotted #5878a7;
  font-size: 1.6rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1024px) {
  .recruit-index__crosstalk__backnum li {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-index__crosstalk__backnum li {
    font-size: 1.4rem;
  }
}
.recruit-index__crosstalk__backnum li a {
  position: relative;
  display: inline-block;
  padding: 5px 30px;
  color: #5878a7;
}
.recruit-index__data {
  margin-bottom: 90px;
}
@media screen and (max-width: 834px) {
  .recruit-index__data {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-index__data {
    margin-bottom: 50px;
  }
}
.recruit-index__data__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -26px 0 0 -19px;
}
@media screen and (max-width: 1200px) {
  .recruit-index__data__list {
    margin: -20px 0 0 -15px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-index__data__list {
    margin: -15px 0 0;
  }
}
.recruit-index__data__list__item {
  width: calc((99.9% - 57px) / 3);
  margin: 26px 0 0 19px;
  padding: 27px 0 15px;
  border: 2px dotted #819dc7;
}
@media screen and (max-width: 1200px) {
  .recruit-index__data__list__item {
    width: calc((99.9% - 30px) / 2);
    margin: 20px 0 0 15px;
    padding: 22px 5px 15px;
  }
}
@media screen and (max-width: 1024px) {
  .recruit-index__data__list__item {
    width: calc((99.9% - 45px) / 3);
  }
}
@media screen and (max-width: 599px) {
  .recruit-index__data__list__item {
    width: 90%;
    margin: 15px auto 0;
    padding: 22px 10px 15px;
  }
}
.recruit-index__data__list__title {
  max-width: 170px;
  margin: 0 auto 20px;
  padding: 3px 5px 2px;
  background-color: #70a5d4;
  border-radius: 30px;
  color: #fff;
  font-size: 1.7rem;
  text-align: center;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1200px) {
  .recruit-index__data__list__title {
    margin: 0 auto 15px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 834px) {
  .recruit-index__data__list__title {
    font-size: 1.5rem;
  }
}
.recruit-index__data__list__image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 599px) {
  .recruit-index__data > .btn-wrapper {
    text-align: center;
  }
}
.recruit-index__well-being {
  margin-bottom: 40px;
  padding: 15px 20px;
  font-family: "Shippori Mincho", serif !important;
  border: 1px dotted #244970;
}
@media screen and (max-width: 599px) {
  .recruit-index__well-being {
    margin-bottom: 25px;
    padding: 10px 15px;
  }
}
.recruit-index__well-being__title {
  font-weight: 600;
}
.recruit-index__well-being__text {
  font-size: 1.4rem;
  text-align: justify;
}
@media screen and (max-width: 1024px) {
  .recruit-index__well-being__text {
    font-size: 1.3rem;
  }
}
.recruit-index__benefits {
  margin-bottom: 140px;
  padding: 0 60px;
}
@media screen and (max-width: 1024px) {
  .recruit-index__benefits {
    padding: 0 30px;
  }
}
@media screen and (max-width: 834px) {
  .recruit-index__benefits {
    margin-bottom: 100px;
    padding: 0 20px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-index__benefits {
    margin-bottom: 80px;
  }
}
.recruit-index__benefits__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: -10px 0 75px -10px;
}
@media screen and (max-width: 1024px) {
  .recruit-index__benefits__list {
    margin: -10px 0 70px -10px;
  }
}
@media screen and (max-width: 834px) {
  .recruit-index__benefits__list {
    margin: -10px 0 55px -15px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-index__benefits__list {
    margin: -10px 0 50px 0;
  }
}
.recruit-index__benefits__list.yellow {
  margin-bottom: 10px;
}
.recruit-index__benefits__list__item {
  position: relative;
  width: 300px;
  height: 300px;
  margin: 10px 0 0 10px;
  background-color: #e5f6fb;
  border-radius: 50%;
}
@media screen and (max-width: 599px) {
  .recruit-index__benefits__list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 94%;
    height: auto;
    margin: 10px 0 0 0;
  }
  .recruit-index__benefits__list__item::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
  }
}
.yellow .recruit-index__benefits__list__item {
  width: 320px;
  height: 320px;
  background-color: #fbffbd;
}
@media screen and (max-width: 599px) {
  .yellow .recruit-index__benefits__list__item {
    width: 94%;
    height: auto;
  }
}
.recruit-index__benefits__list__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  padding: 45px 30px;
}
@media screen and (max-width: 1024px) {
  .recruit-index__benefits__list__inner {
    padding: 50px 30px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-index__benefits__list__inner {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px;
  }
}
.recruit-index__benefits__list__title {
  color: #32afd6;
  font-size: 2rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 599px) {
  .recruit-index__benefits__list__title {
    font-size: 1.9rem;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 320px) {
  .recruit-index__benefits__list__title {
    font-size: 1.8rem;
    margin-bottom: 0;
  }
}
.recruit-index__benefits__list__title .text-s {
  display: block;
  font-size: 1.6rem;
}
@media screen and (max-width: 320px) {
  .recruit-index__benefits__list__title .text-s {
    font-size: 1.4rem;
  }
}
.recruit-index__benefits__list__title .text-l {
  display: block;
  font-size: 2.1rem;
  color: #118fc0;
  font-weight: bold;
}
@media screen and (max-width: 599px) {
  .recruit-index__benefits__list__title .text-l {
    font-size: 2rem;
  }
}
@media screen and (max-width: 320px) {
  .recruit-index__benefits__list__title .text-l {
    font-size: 1.9rem;
  }
}
.recruit-index__benefits__list__title.mt-12 {
  margin-top: -12px;
}
@media screen and (max-width: 599px) {
  .recruit-index__benefits__list__title.mt-12 {
    margin-bottom: 0;
  }
}
.recruit-index__benefits__list__title.mt12 {
  margin-top: 12px;
}
@media screen and (max-width: 599px) {
  .recruit-index__benefits__list__title.mt12 {
    margin-top: 0;
  }
}
.recruit-index__benefits__list__image {
  margin-bottom: 5px;
}
@media screen and (max-width: 599px) {
  .recruit-index__benefits__list__image {
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 320px) {
  .recruit-index__benefits__list__image {
    margin-bottom: 5px;
  }
}
.item01 .recruit-index__benefits__list__image {
  max-width: 114px;
}
@media screen and (max-width: 599px) {
  .item01 .recruit-index__benefits__list__image {
    max-width: 91.2px;
  }
}
@media screen and (max-width: 320px) {
  .item01 .recruit-index__benefits__list__image {
    max-width: 74.1px;
  }
}
.item02 .recruit-index__benefits__list__image {
  max-width: 88px;
  margin: 12px 0 16px;
}
@media screen and (max-width: 599px) {
  .item02 .recruit-index__benefits__list__image {
    max-width: 70.4px;
    margin: 0 0 12px;
  }
}
@media screen and (max-width: 320px) {
  .item02 .recruit-index__benefits__list__image {
    max-width: 57.2px;
  }
}
.item03 .recruit-index__benefits__list__image {
  max-width: 68px;
}
@media screen and (max-width: 599px) {
  .item03 .recruit-index__benefits__list__image {
    max-width: 54.4px;
  }
}
@media screen and (max-width: 320px) {
  .item03 .recruit-index__benefits__list__image {
    max-width: 44.2px;
  }
}
.item04 .recruit-index__benefits__list__image {
  max-width: 80px;
  margin-top: 4px;
}
@media screen and (max-width: 599px) {
  .item04 .recruit-index__benefits__list__image {
    max-width: 64px;
  }
}
@media screen and (max-width: 320px) {
  .item04 .recruit-index__benefits__list__image {
    max-width: 52px;
  }
}
.item05 .recruit-index__benefits__list__image {
  max-width: 76px;
}
@media screen and (max-width: 599px) {
  .item05 .recruit-index__benefits__list__image {
    max-width: 60.8px;
  }
}
@media screen and (max-width: 320px) {
  .item05 .recruit-index__benefits__list__image {
    max-width: 49.4px;
  }
}
.item06 .recruit-index__benefits__list__image {
  max-width: 78px;
}
@media screen and (max-width: 599px) {
  .item06 .recruit-index__benefits__list__image {
    max-width: 62.4px;
  }
}
@media screen and (max-width: 320px) {
  .item06 .recruit-index__benefits__list__image {
    max-width: 50.7px;
  }
}
.item07 .recruit-index__benefits__list__image {
  max-width: 72px;
}
@media screen and (max-width: 599px) {
  .item07 .recruit-index__benefits__list__image {
    max-width: 57.6px;
  }
}
@media screen and (max-width: 320px) {
  .item07 .recruit-index__benefits__list__image {
    max-width: 46.8px;
  }
}
.item08 .recruit-index__benefits__list__image {
  max-width: 72px;
}
@media screen and (max-width: 599px) {
  .item08 .recruit-index__benefits__list__image {
    max-width: 57.6px;
  }
}
@media screen and (max-width: 320px) {
  .item08 .recruit-index__benefits__list__image {
    max-width: 46.8px;
  }
}
.item09 .recruit-index__benefits__list__image {
  max-width: 66px;
  margin: 12px 0 16px;
}
@media screen and (max-width: 599px) {
  .item09 .recruit-index__benefits__list__image {
    max-width: 52.8px;
    margin: 0 0 12px;
  }
}
@media screen and (max-width: 320px) {
  .item09 .recruit-index__benefits__list__image {
    max-width: 42.9px;
  }
}
.item10 .recruit-index__benefits__list__image {
  max-width: 84px;
  margin-top: 6px;
}
@media screen and (max-width: 599px) {
  .item10 .recruit-index__benefits__list__image {
    max-width: 67.2px;
    margin-top: 0;
  }
}
@media screen and (max-width: 320px) {
  .item10 .recruit-index__benefits__list__image {
    max-width: 54.6px;
  }
}
.item11 .recruit-index__benefits__list__image {
  max-width: 76px;
  margin-top: 4px;
}
@media screen and (max-width: 599px) {
  .item11 .recruit-index__benefits__list__image {
    max-width: 60.8px;
    margin-top: 0;
  }
}
@media screen and (max-width: 320px) {
  .item11 .recruit-index__benefits__list__image {
    max-width: 49.4px;
  }
}
.item12 .recruit-index__benefits__list__image {
  max-width: 56px;
  margin-top: 6px;
}
@media screen and (max-width: 599px) {
  .item12 .recruit-index__benefits__list__image {
    max-width: 44.8px;
    margin-top: 0;
  }
}
@media screen and (max-width: 320px) {
  .item12 .recruit-index__benefits__list__image {
    max-width: 36.4px;
  }
}
.item13 .recruit-index__benefits__list__image {
  max-width: 76px;
  margin-top: 4px;
}
@media screen and (max-width: 599px) {
  .item13 .recruit-index__benefits__list__image {
    max-width: 76px;
  }
}
@media screen and (max-width: 320px) {
  .item13 .recruit-index__benefits__list__image {
    max-width: 49.4px;
  }
}
.recruit-index__benefits__list__image img {
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.recruit-index__benefits__list__text {
  color: #30455c;
  font-size: 1.4rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  text-align: center;
}
@media screen and (max-width: 320px) {
  .recruit-index__benefits__list__text {
    font-size: 1.3rem;
  }
}
.recruit-index__benefits__list__text__small {
  display: inline-block;
  font-size: 1.1rem;
  line-height: 1.3;
}
.recruit-index__benefits__list__text.list11 {
  line-height: 1.5;
}
.recruit-index__button {
  display: block;
  max-width: 240px;
  margin: 0 auto;
  padding: 16px;
  background-color: #30455c;
  background-image: url(../img/common/arrow_btn.png);
  background-repeat: no-repeat;
  background-position: center right 22px;
  background-size: 20px auto;
  color: #fff;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.06em;
}
.recruit-index__button:hover {
  opacity: 0.85;
}

.recruit-crosstalk__index {
  position: relative;
  margin-top: 100px;
  background: #f3f6fa;
  padding-bottom: 100px;
}
@media screen and (max-width: 1024px) {
  .recruit-crosstalk__index {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__index {
    margin-top: 80px;
    padding-bottom: 0;
  }
}
.recruit-crosstalk__index::before {
  background: #cee3f5;
  content: "";
  height: 450px;
  width: 100%;
  left: 0;
  right: 0;
  position: absolute;
  bottom: 0;
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__index::before {
    display: none;
  }
}
.recruit-crosstalk__index__wrapper {
  width: 930px;
  box-sizing: border-box;
  padding: 40px 15px 0;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .recruit-crosstalk__index__wrapper {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__index__wrapper {
    padding-top: 45px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.recruit-crosstalk__index__intro {
  margin-bottom: 110px;
  color: #30455c;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  line-height: 2.1;
  text-align: center;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1024px) {
  .recruit-crosstalk__index__intro {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__index__intro {
    margin-bottom: 35px;
    text-align: justify;
  }
}
.recruit-crosstalk__index__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: 100px 50px;
}
@media screen and (max-width: 1024px) {
  .recruit-crosstalk__index__list {
    gap: 80px 30px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__index__list {
    gap: 50px;
  }
}
.recruit-crosstalk__index__list__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: calc(50% - 25px);
}
@media screen and (max-width: 1024px) {
  .recruit-crosstalk__index__list__item {
    width: calc(50% - 15px);
  }
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__index__list__item {
    width: 100%;
    position: relative;
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__index__list__item::after {
    background: #cee3f5;
    content: "";
    height: calc(100% - 174px);
    width: calc(100% + 40px);
    left: -20px;
    right: -20px;
    position: absolute;
    bottom: 0;
  }
}
.recruit-crosstalk__index__list__item.new::before {
  content: "NEW!";
  position: absolute;
  top: -23px;
  right: 7px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 1.5rem;
  color: #f93e89;
  font-weight: 600;
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__index__list__item.new::before {
    top: -20px;
    right: 5px;
    font-size: 1.3rem;
  }
}
.recruit-crosstalk__index__list__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__index__list__link {
    position: relative;
    z-index: 1;
  }
}
@media screen and (min-width: 1025px) {
  .recruit-crosstalk__index__list__link:hover img {
    opacity: 0.8;
  }
  .recruit-crosstalk__index__list__link:hover .recruit-crosstalk__index__list__read {
    color: #5878a7;
  }
  .recruit-crosstalk__index__list__link:hover .recruit-crosstalk__index__list__read::before {
    width: 62px;
    height: 62px;
    top: -17px;
    right: 55px;
  }
}
.recruit-crosstalk__index__list__label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: -48px;
  left: -10px;
  width: 130px;
  height: 130px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 300;
  line-height: 1.4;
  text-align: center;
  letter-spacing: 0.06em;
  background-color: #4dbfe3;
  border-radius: 50%;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .recruit-crosstalk__index__list__label {
    top: -38px;
    width: 100px;
    height: 100px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__index__list__label {
    top: -18px;
    left: -5px;
    width: 80px;
    height: 80px;
    font-size: 1.3rem;
  }
}
.recruit-crosstalk__index__list__label::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  border: 2px dotted #4dbfe3;
  border-radius: 50%;
}
.recruit-crosstalk__index__list__label .vol {
  font-size: 2.1rem;
}
@media screen and (max-width: 1024px) {
  .recruit-crosstalk__index__list__label .vol {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__index__list__label .vol {
    font-size: 1.6rem;
  }
}
.recruit-crosstalk__index__list__label .num {
  font-size: 3.4rem;
}
@media screen and (max-width: 1024px) {
  .recruit-crosstalk__index__list__label .num {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__index__list__label .num {
    font-size: 2.1rem;
  }
}
.recruit-crosstalk__index__list__img {
  margin-bottom: 30px;
  transition: 0.3s;
}
@media screen and (max-width: 1024px) {
  .recruit-crosstalk__index__list__img {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__index__list__img {
    margin-bottom: 15px;
  }
}
.recruit-crosstalk__index__list__catch {
  margin-bottom: 15px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 1.7rem;
  color: #5878a7;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1024px) {
  .recruit-crosstalk__index__list__catch {
    margin-bottom: 10px;
    font-size: 1.6rem;
  }
}
.recruit-crosstalk__index__list__text {
  margin-bottom: 30px;
  padding-bottom: 30px;
  color: #30455c;
  font-size: 1.5rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 300;
  line-height: 1.8;
  letter-spacing: 0.03em;
  border-bottom: 1px dotted #5878a7;
  flex-grow: 1;
}
@media screen and (max-width: 1024px) {
  .recruit-crosstalk__index__list__text {
    padding-bottom: 25px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__index__list__text {
    margin-bottom: 20px;
    padding-bottom: 15px;
  }
}
.recruit-crosstalk__index__list__read {
  position: relative;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 1.5rem;
  color: #244970;
  font-weight: 300;
  text-align: right;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1024px) {
  .recruit-crosstalk__index__list__read {
    font-size: 1.4rem;
  }
}
.recruit-crosstalk__index__list__read::before {
  content: "";
  position: absolute;
  width: 52px;
  height: 52px;
  top: -12px;
  right: 60px;
  background-color: #f7fca1;
  border-radius: 50%;
  transition: 0.3s;
}
@media screen and (max-width: 1024px) {
  .recruit-crosstalk__index__list__read::before {
    width: 44px;
    height: 44px;
    top: -10px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__index__list__read::before {
    width: 40px;
    height: 40px;
    top: -8px;
  }
}
.recruit-crosstalk__index__list__read span {
  position: relative;
  z-index: 1;
}
.recruit-crosstalk__intro {
  margin-top: 90px;
  margin-bottom: 90px;
  padding: 50px 50px 60px;
  background: linear-gradient(180deg, #fff 0%, #fff 36%, #e5f6fb 36%, #e5f6fb 100%);
}
@media screen and (max-width: 1500px) {
  .recruit-crosstalk__intro {
    padding: 50px 40px 80px;
  }
}
@media screen and (max-width: 1024px) {
  .recruit-crosstalk__intro {
    margin-top: 0;
  }
}
@media screen and (max-width: 834px) {
  .recruit-crosstalk__intro {
    padding: 50px 40px 60px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__intro {
    margin-bottom: 50px;
    padding: 50px 20px;
    background: linear-gradient(180deg, #fff 0%, #fff 30%, #e5f6fb 30%, #e5f6fb 100%);
  }
}
.recruit-crosstalk__intro__inner {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .recruit-crosstalk__intro__inner {
    margin-top: 25px;
  }
}
.recruit-crosstalk__intro__title-en {
  margin-top: -70px;
  margin-bottom: 40px;
  color: #5bbfdf;
  font-size: 6.2rem;
  font-family: "Tangerine", cursive;
  text-align: center;
  line-height: 0.75;
}
@media screen and (max-width: 834px) {
  .recruit-crosstalk__intro__title-en {
    margin-bottom: 40px;
    font-size: 5.8rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__intro__title-en {
    margin-bottom: 30px;
    font-size: 4.5rem;
  }
}
.recruit-crosstalk__intro__title-en > span {
  display: inline-block;
  border-bottom: 1px dotted #52badc;
}
.recruit-crosstalk__intro__title-jp {
  margin-bottom: 55px;
  color: #5878a7;
  font-size: 3.2rem;
  font-family: "Shippori Mincho", serif !important;
  text-align: center;
  line-height: 0.75;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 834px) {
  .recruit-crosstalk__intro__title-jp {
    margin-bottom: 40px;
    font-size: 2.7rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__intro__title-jp {
    margin-bottom: 30px;
    font-size: 2.1rem;
  }
}
.recruit-crosstalk__intro__image {
  margin-bottom: 40px;
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__intro__image {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__intro__image img {
    height: 190px;
    object-fit: cover;
    font-family: "object-fit: cover;";
  }
}
.recruit-crosstalk__intro__subtitle {
  margin-bottom: 20px;
  text-align: center;
}
.recruit-crosstalk__intro__subtitle > span {
  display: inline-block;
  position: relative;
  color: #4db9db;
  font-size: 2rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__intro__subtitle > span {
    font-size: 1.7rem;
  }
}
.recruit-crosstalk__intro__subtitle > span::before, .recruit-crosstalk__intro__subtitle > span::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100px;
  height: 1px;
  margin: auto 0;
  background-color: #4db9db;
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__intro__subtitle > span::before, .recruit-crosstalk__intro__subtitle > span::after {
    width: 20%;
  }
}
.recruit-crosstalk__intro__subtitle > span::before {
  left: -130px;
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__intro__subtitle > span::before {
    left: -30%;
  }
}
.recruit-crosstalk__intro__subtitle > span::after {
  right: -130px;
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__intro__subtitle > span::after {
    right: -30%;
  }
}
.recruit-crosstalk__intro__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 0 0 -7%;
  padding: 0 50px;
}
@media screen and (max-width: 1024px) {
  .recruit-crosstalk__intro__list {
    margin: 0 0 0 -30px;
    padding: 0;
  }
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__intro__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -15px 0 0 0;
  }
}
.recruit-crosstalk__intro__list__item {
  width: 26.3%;
  margin: 0 0 0 7%;
}
@media screen and (max-width: 1024px) {
  .recruit-crosstalk__intro__list__item {
    width: calc((99.9% - 90px) / 3);
    margin: 0 0 0 30px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__intro__list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 15px 0 0 0 !important;
  }
}
.recruit-crosstalk__intro__list__item.item02 {
  margin-top: 35px;
}
.recruit-crosstalk__intro__list__image {
  max-width: 217px;
  margin: 0 auto 15px;
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__intro__list__image {
    width: 80px;
    margin: 0 15px 0 0;
  }
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__intro__list__body {
    width: calc(100% - 80px - 15px);
  }
}
.recruit-crosstalk__intro__list__catch {
  margin-bottom: 12px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 1.8rem;
  color: #244970;
  font-weight: 400;
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__intro__list__catch {
    margin-bottom: 8px;
    font-size: 1.5rem;
    text-align-last: left;
  }
}
.recruit-crosstalk__intro__list__catch > span {
  background: linear-gradient(transparent 70%, #fbffb6 70%);
}
.recruit-crosstalk__intro__list__name {
  margin-bottom: 12px;
  font-size: 1.7rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  text-align: center;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__intro__list__name {
    margin-bottom: 8px;
    font-size: 1.5rem;
    text-align: left;
  }
}
.recruit-crosstalk__intro__list__name > span {
  display: inline-block;
  padding-bottom: 5px;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__intro__list__name > span {
    padding-bottom: 3px;
  }
}
.item01 .recruit-crosstalk__intro__list__name > span {
  color: #80a762;
  border-bottom-color: #80a762;
}
.item02 .recruit-crosstalk__intro__list__name > span {
  color: #c5c304;
  border-bottom-color: #c5c304;
}
.item03 .recruit-crosstalk__intro__list__name > span {
  color: #6094c1;
  border-bottom-color: #6094c1;
}
.recruit-crosstalk__intro__list__text {
  color: #30455c;
  font-size: 1.4rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  letter-spacing: 0.04em;
}
.recruit-crosstalk__block {
  margin-bottom: 130px;
}
@media screen and (max-width: 1024px) {
  .recruit-crosstalk__block {
    margin-bottom: 110px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__block {
    margin-bottom: 70px;
  }
}
.recruit-crosstalk__main-title {
  text-align: center;
}
.recruit-crosstalk__main-title__inner {
  display: inline-block;
  position: relative;
  margin-bottom: 70px;
  padding: 20px 25px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 3rem;
  color: #4db9db;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.05rem;
}
@media screen and (max-width: 1024px) {
  .recruit-crosstalk__main-title__inner {
    margin-bottom: 50px;
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__main-title__inner {
    margin-bottom: 50px;
    padding: 15px;
    font-size: 1.9rem;
  }
}
.recruit-crosstalk__main-title__inner::before, .recruit-crosstalk__main-title__inner::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  border-top: 1px dotted #4db9db;
}
.recruit-crosstalk__main-title__inner::before {
  top: 3px;
}
.recruit-crosstalk__main-title__inner::after {
  bottom: 3px;
}
.recruit-crosstalk__main-title__inner > span::before, .recruit-crosstalk__main-title__inner > span::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  border-top: 1px solid #4db9db;
}
.recruit-crosstalk__main-title__inner > span::before {
  top: 0;
}
.recruit-crosstalk__main-title__inner > span::after {
  bottom: 0;
}
.recruit-crosstalk__title {
  position: relative;
  margin-bottom: 70px;
  color: #30455c;
  font-size: 2.6rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  letter-spacing: 0.03rem;
}
@media screen and (max-width: 1024px) {
  .recruit-crosstalk__title {
    margin-bottom: 50px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__title {
    margin-bottom: 30px;
    font-size: 1.7rem;
  }
}
.recruit-crosstalk__title::before {
  content: "";
  position: absolute;
  bottom: -25px;
  left: -40px;
  width: 100px;
  height: 100px;
  background-color: #f7fca1;
  border-radius: 50%;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .recruit-crosstalk__title::before {
    bottom: -18px;
    left: -25px;
    width: 90px;
    height: 90px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__title::before {
    left: -15px;
    width: 76px;
    height: 76px;
  }
}
.recruit-crosstalk__title > span {
  display: inline-block;
  padding-bottom: 5px;
  border-bottom: 1px dotted #30455c;
}
.recruit-crosstalk__subtitle {
  position: relative;
  margin-bottom: 50px;
  padding-left: 70px;
  color: #5878a7;
  font-size: 2.1rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1024px) {
  .recruit-crosstalk__subtitle {
    margin-bottom: 40px;
    padding-left: 60px;
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__subtitle {
    margin-bottom: 20px;
    padding-left: 30px;
    font-size: 1.6rem;
  }
}
.recruit-crosstalk__subtitle::before {
  content: "";
  position: absolute;
  top: 18px;
  left: 0;
  width: 50px;
  height: 1px;
  background-color: #5878a7;
}
@media screen and (max-width: 1024px) {
  .recruit-crosstalk__subtitle::before {
    top: 16px;
    width: 40px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__subtitle::before {
    top: 14px;
    width: 22px;
  }
}
.recruit-crosstalk__list__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__list__item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.recruit-crosstalk__list__item:not(:last-child) {
  margin-bottom: 40px;
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__list__item:not(:last-child) {
    margin-bottom: 20px;
  }
}
.recruit-crosstalk__list__image {
  width: 90px;
  margin-right: 30px;
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__list__image {
    width: 60px;
    margin-right: 20px;
  }
}
.recruit-crosstalk__list__text {
  width: calc(100% - 90px - 30px);
  color: #30455c;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  line-height: 2.1;
  letter-spacing: 0.055em;
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__list__text {
    width: calc(100% - 60px - 20px);
    font-size: 1.4rem;
    line-height: 2;
  }
}
.recruit-crosstalk__list__text::before {
  content: attr(data-title);
}
.yellow .recruit-crosstalk__list__text::before {
  color: #c3c105;
}
.blue .recruit-crosstalk__list__text::before {
  color: #6094c1;
}
.green .recruit-crosstalk__list__text::before {
  color: #8ab26b;
}
.recruit-crosstalk__photo-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 -40px;
}
@media screen and (max-width: 1024px) {
  .recruit-crosstalk__photo-2 {
    margin: 0 0 0 -30px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__photo-2 {
    margin: 0 0 0 -13px;
  }
}
.recruit-crosstalk__photo-2 img {
  width: calc((99.9% - 80px) / 2);
  margin: 0 0 0 40px;
}
@media screen and (max-width: 1024px) {
  .recruit-crosstalk__photo-2 img {
    width: calc((99.9% - 60px) / 2);
    margin: 0 0 0 30px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__photo-2 img {
    width: calc((99.9% - 26px) / 2);
    margin: 0 0 0 13px;
  }
}
.recruit-crosstalk__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__container {
    display: block;
  }
}
.recruit-crosstalk__container__left {
  width: 50%;
  padding-right: 30px;
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__container__left {
    width: 100%;
    margin-bottom: 20px;
    padding-right: 0;
  }
}
.recruit-crosstalk__container__right {
  width: 50%;
}
@media screen and (max-width: 599px) {
  .recruit-crosstalk__container__right {
    width: 100%;
  }
}

.recruit-job__menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 65px;
  padding: 42px 38px 42px 40px;
}
@media screen and (max-width: 1024px) {
  .recruit-job__menu {
    margin-top: 60px;
    padding: 35px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__menu {
    margin-top: 50px;
    padding: 20px;
  }
}
.recruit-job__menu:hover .recruit-job__menu__photo {
  opacity: 0.8;
}
.recruit-job__menu:hover .recruit-job__menu__read {
  color: #5878a7;
}
.recruit-job__menu:hover .recruit-job__menu__read::before {
  width: 62px;
  height: 62px;
  top: -17px;
  right: 55px;
}
.recruit-job__menu.childcare {
  background-color: #ecf8fc;
}
.recruit-job__menu.office-work {
  background-color: #f4f9f1;
}
.recruit-job__menu.assistant {
  background-color: #fdf4f4;
}
.recruit-job__menu__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: -68px;
  margin-right: 40px;
  flex: 1;
}
@media screen and (max-width: 1024px) {
  .recruit-job__menu__inner {
    margin-right: 25px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__menu__inner {
    margin-top: -42px;
    margin-right: 0;
    margin-bottom: 25px;
  }
}
.photo-right .recruit-job__menu__inner {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  order: 1;
  margin-left: 40px;
  margin-right: 0;
}
@media screen and (max-width: 1024px) {
  .photo-right .recruit-job__menu__inner {
    margin-left: 25px;
  }
}
@media screen and (max-width: 599px) {
  .photo-right .recruit-job__menu__inner {
    order: 0;
    margin-left: 0;
  }
}
.recruit-job__menu__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
  width: 200px;
  height: 160px;
  font-family: "Shippori Mincho", serif !important;
  font-size: 2.4rem;
  color: #fff;
  font-weight: 400;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1024px) {
  .recruit-job__menu__title {
    margin-bottom: 15px;
    width: 180px;
    height: 140px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 834px) {
  .recruit-job__menu__title {
    width: 160px;
    height: 120px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__menu__title {
    width: 140px;
    height: 110px;
    font-size: 1.7rem;
  }
}
.childcare .recruit-job__menu__title {
  background-color: #63bedc;
}
.office-work .recruit-job__menu__title {
  background-color: #95b978;
}
.assistant .recruit-job__menu__title {
  background-color: #eda3a1;
}
.recruit-job__menu__text {
  margin-bottom: 20px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 1.6rem;
  color: #30455c;
  font-weight: 400;
  line-height: 2.1;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1024px) {
  .recruit-job__menu__text {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__menu__text {
    margin-bottom: 15px;
    font-size: 1.4rem;
    text-align: justify;
  }
}
.recruit-job__menu__read {
  position: relative;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 1.5rem;
  color: #244970;
  font-weight: 300;
  text-align: right;
  letter-spacing: 0.08em;
  transition: 0.3s;
}
@media screen and (max-width: 1024px) {
  .recruit-job__menu__read {
    font-size: 1.4rem;
  }
}
.recruit-job__menu__read::before {
  content: "";
  position: absolute;
  width: 52px;
  height: 52px;
  top: -12px;
  right: 60px;
  background-color: #f7fca1;
  border-radius: 50%;
  transition: 0.3s;
}
@media screen and (max-width: 1024px) {
  .recruit-job__menu__read::before {
    width: 44px;
    height: 44px;
    top: -10px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__menu__read::before {
    width: 40px;
    height: 40px;
    top: -8px;
  }
}
.recruit-job__menu__read span {
  position: relative;
  z-index: 1;
}
.recruit-job__menu__photo {
  max-width: 350px;
  transition: 0.3s;
}
@media screen and (max-width: 1300px) {
  .recruit-job__menu__photo {
    max-width: 46%;
  }
}
@media screen and (max-width: 1024px) {
  .recruit-job__menu__photo {
    max-width: 330px;
  }
}
@media screen and (max-width: 834px) {
  .recruit-job__menu__photo {
    max-width: 260px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__menu__photo {
    max-width: 100%;
  }
}
.recruit-job__intro {
  position: relative;
  margin-bottom: 70px;
  padding-bottom: 105px;
}
@media screen and (max-width: 834px) {
  .recruit-job__intro {
    margin-bottom: 60px;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__intro {
    margin-bottom: 30px;
  }
}
.office-work .recruit-job__intro {
  margin-bottom: 5px;
}
@media screen and (max-width: 834px) {
  .office-work .recruit-job__intro {
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 599px) {
  .office-work .recruit-job__intro {
    margin-bottom: 35px;
  }
}
.recruit-job__intro::before {
  content: "";
  height: calc(100% - 110px);
  width: calc(50% + 490px);
  z-index: -1;
  top: 55px;
  left: -40px;
  position: absolute;
}
@media screen and (max-width: 1400px) {
  .recruit-job__intro::before {
    width: calc(50% + 450px);
  }
}
@media screen and (max-width: 834px) {
  .recruit-job__intro::before {
    height: calc(100% - 205px);
    top: 45px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__intro::before {
    width: calc(100% + 40px);
    top: 43px;
    left: -20px;
  }
}
.childcare .recruit-job__intro::before {
  background: #ecf8fc;
}
.assistant .recruit-job__intro::before {
  background: #fdf4f4;
}
.office-work .recruit-job__intro::before {
  background: #f4f9f1;
}
.recruit-job__intro__inner {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 834px) {
  .recruit-job__intro__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__intro__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px;
  }
}
.recruit-job__intro__inner .eng-text {
  position: absolute;
  right: 30px;
  top: 32px;
  font-size: 6.2rem;
  font-family: "Tangerine", cursive;
  font-weight: 400;
  line-height: 0.5;
  letter-spacing: 1.5px;
}
@media screen and (max-width: 1024px) {
  .recruit-job__intro__inner .eng-text {
    right: 60px;
    font-size: 5.8rem;
  }
}
@media screen and (max-width: 834px) {
  .recruit-job__intro__inner .eng-text {
    top: 28px;
    right: 15px;
    font-size: 5.5rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__intro__inner .eng-text {
    top: 25px;
    right: 0;
    font-size: 4.5rem;
  }
}
.childcare .recruit-job__intro__inner .eng-text {
  color: #5bbfdf;
}
.assistant .recruit-job__intro__inner .eng-text {
  color: #e7918f;
}
.office-work .recruit-job__intro__inner .eng-text {
  color: #8ab26b;
}
.recruit-job__intro__inner__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px;
  width: 260px;
  height: 230px;
  font-family: "Shippori Mincho", serif !important;
  font-size: 3rem;
  color: #fff;
  font-weight: 400;
  letter-spacing: 0.03em;
}
.childcare .recruit-job__intro__inner__title {
  background-color: #63bedc;
}
.assistant .recruit-job__intro__inner__title {
  background-color: #eda3a1;
}
.office-work .recruit-job__intro__inner__title {
  background-color: #95b978;
}
@media screen and (max-width: 1400px) {
  .recruit-job__intro__inner__title {
    width: 230px;
    height: 200px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .recruit-job__intro__inner__title {
    margin-bottom: 30px;
    width: 210px;
    height: 170px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 834px) {
  .recruit-job__intro__inner__title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__intro__inner__title {
    margin-bottom: 15px;
    width: 140px;
    height: 110px;
    font-size: 1.7rem;
  }
}
.recruit-job__intro__inner__catch {
  display: block;
  margin-bottom: 12px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 2.6rem;
  font-weight: 300;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1024px) {
  .recruit-job__intro__inner__catch {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 834px) {
  .recruit-job__intro__inner__catch {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__intro__inner__catch {
    font-size: 1.8rem;
  }
}
.assistant .recruit-job__intro__inner__catch {
  color: #e3827f;
}
.office-work .recruit-job__intro__inner__catch {
  color: #709e4c;
}
.recruit-job__intro__inner__text {
  margin-right: calc(50% - 100px);
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 1.7rem;
  color: #30455c;
  font-weight: 300;
  line-height: 2.4;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1024px) {
  .recruit-job__intro__inner__text {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 834px) {
  .recruit-job__intro__inner__text {
    margin-right: 0;
    padding: 95px 30px 0;
    line-height: 2;
    flex: 1;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__intro__inner__text {
    padding: 0;
    font-size: 1.5rem;
    text-align: justify;
  }
}
.assistant .recruit-job__intro__inner__text {
  line-height: 2;
}
.recruit-job__intro__photo {
  position: absolute;
  top: 100px;
  right: -50px;
  max-width: 500px;
  height: 400px;
  overflow: hidden;
  margin-left: calc(50% + 100px);
}
@media screen and (max-width: 1400px) {
  .recruit-job__intro__photo {
    top: 160px;
    height: 300px;
    margin-left: calc(50% + 120px);
  }
}
@media screen and (max-width: 1024px) {
  .recruit-job__intro__photo {
    top: 120px;
    right: 0;
  }
}
@media screen and (max-width: 834px) {
  .recruit-job__intro__photo {
    position: relative;
    top: 0;
    margin-left: 210px;
    max-width: 360px;
    height: 280px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__intro__photo {
    margin: 0 auto;
    width: 100%;
    height: 250px;
  }
}
.recruit-job__intro__photo img {
  object-fit: cover;
  object-position: bottom center;
  width: 100%;
  height: 100%;
}
.recruit-job__contents {
  margin: 0 auto;
  width: 100%;
  max-width: 1040px;
}
.recruit-job__contents__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 80px;
}
@media screen and (max-width: 834px) {
  .recruit-job__contents__link {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__link {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 320px) {
  .recruit-job__contents__link {
    margin-left: 0;
    margin-right: 0;
  }
}
.recruit-job__contents__link__item {
  width: calc((100% - 40px) / 5);
}
@media screen and (max-width: 834px) {
  .recruit-job__contents__link__item {
    width: calc((100% - 40px) / 3);
    margin-left: 20px;
  }
  .recruit-job__contents__link__item:nth-child(1), .recruit-job__contents__link__item:nth-child(4) {
    margin-left: 0;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__link__item {
    width: calc((100% - 10px) / 2);
    margin-left: 0;
  }
  .recruit-job__contents__link__item:nth-child(1), .recruit-job__contents__link__item:nth-child(3) {
    margin-right: 5px;
    margin-bottom: 10px;
  }
  .recruit-job__contents__link__item:nth-child(2), .recruit-job__contents__link__item:nth-child(4) {
    margin-left: 5px;
  }
  .recruit-job__contents__link__item:nth-child(5) {
    margin-top: -15px;
  }
}
.recruit-job__contents__link__item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 100%;
  max-width: 200px;
  max-height: 200px;
  font-family: "Shippori Mincho", serif !important;
  font-size: 1.9rem;
  color: #30455c;
  font-weight: 400;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.03em;
  aspect-ratio: 1/1;
  background-color: #f8fe9a;
  border-radius: 50%;
  transition: 0.3s;
}
@media screen and (max-width: 1500px) {
  .recruit-job__contents__link__item a {
    font-size: 1.2vw;
  }
}
@media screen and (max-width: 1200px) {
  .recruit-job__contents__link__item a {
    font-size: 1.1vw;
  }
}
@media screen and (max-width: 1024px) {
  .recruit-job__contents__link__item a {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__link__item a {
    padding: 8px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 320px) {
  .recruit-job__contents__link__item a {
    font-size: 1.3rem;
  }
}
.recruit-job__contents__link__item a::before {
  content: "";
  position: absolute;
  bottom: 24px;
  left: calc(50% - 5px);
  width: 10px;
  height: 10px;
  border-top: 1px solid #6482a6;
  border-right: 1px solid #6482a6;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  transition: 0.3s;
}
@media screen and (max-width: 1200px) {
  .recruit-job__contents__link__item a::before {
    bottom: 18px;
  }
}
@media screen and (max-width: 1024px) {
  .recruit-job__contents__link__item a::before {
    bottom: 24px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__link__item a::before {
    bottom: 20px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #6482a6;
    border-right: 1px solid #6482a6;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
}
.recruit-job__contents__link__item a:hover {
  opacity: 0.8;
}
.recruit-job__contents__link__item a:hover::before {
  bottom: 18px;
}
.recruit-job__contents__list__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 834px) {
  .recruit-job__contents__list__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.recruit-job__contents__list__item:not(:last-child) {
  margin-bottom: 50px;
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__list__item:not(:last-child) {
    margin-bottom: 40px;
  }
}
.recruit-job__contents__list__inner {
  padding: 75px 50px 75px 70px;
  flex: 1;
}
@media screen and (max-width: 1400px) {
  .recruit-job__contents__list__inner {
    padding: 50px 30px 50px 50px;
  }
}
@media screen and (max-width: 834px) {
  .recruit-job__contents__list__inner {
    padding: 40px 50px 20px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__list__inner {
    padding: 15px 25px 20px;
  }
}
.recruit-job__contents__list__inner::before {
  content: "";
  position: absolute;
  width: calc(100% - 80px);
  height: 100%;
  max-width: 970px;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 1400px) {
  .recruit-job__contents__list__inner::before {
    width: calc(100% - 40px);
  }
}
@media screen and (max-width: 834px) {
  .recruit-job__contents__list__inner::before {
    width: 100%;
    height: 80%;
  }
}
.childcare .recruit-job__contents__list__inner::before {
  background-color: #f2fafd;
}
.photo-left .recruit-job__contents__list__inner {
  order: 1;
  padding: 75px 70px 75px 50px;
}
@media screen and (max-width: 1400px) {
  .photo-left .recruit-job__contents__list__inner {
    padding: 50px 50px 50px 30px;
  }
}
@media screen and (max-width: 834px) {
  .photo-left .recruit-job__contents__list__inner {
    order: 0;
    padding: 40px 50px 20px;
  }
}
@media screen and (max-width: 599px) {
  .photo-left .recruit-job__contents__list__inner {
    padding: 15px 25px 20px;
  }
}
.photo-left .recruit-job__contents__list__inner::before {
  left: auto;
  right: 0;
}
.recruit-job__contents__list__inner__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 36px;
}
@media screen and (max-width: 834px) {
  .recruit-job__contents__list__inner__title {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__list__inner__title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 15px;
  }
}
.recruit-job__contents__list__inner__title > .ja-text {
  font-family: "Shippori Mincho", serif !important;
  font-size: 3rem;
  color: #5878a7;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1400px) {
  .recruit-job__contents__list__inner__title > .ja-text {
    font-size: 1.8vw;
  }
}
@media screen and (max-width: 1024px) {
  .recruit-job__contents__list__inner__title > .ja-text {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__list__inner__title > .ja-text {
    font-size: 2.1rem;
  }
}
.recruit-job__contents__list__inner__title > .eng-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin-right: 54px;
  font-family: "Tangerine", cursive;
  font-size: 8.6rem;
  color: #5bbfdf;
  line-height: 1;
}
@media screen and (max-width: 1400px) {
  .recruit-job__contents__list__inner__title > .eng-text {
    font-size: 5.4vw;
  }
}
@media screen and (max-width: 1024px) {
  .recruit-job__contents__list__inner__title > .eng-text {
    font-size: 7.4rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__list__inner__title > .eng-text {
    margin-right: 0;
    margin-bottom: 25px;
    padding-right: 0;
    font-size: 6.6rem;
    border-right: none;
  }
}
.recruit-job__contents__list__inner__title > .eng-text::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 77px;
  top: calc(50% - 38px);
  right: -30px;
  border-right: 1px dotted #5bbfdf;
}
@media screen and (max-width: 1400px) {
  .recruit-job__contents__list__inner__title > .eng-text::before {
    height: 64px;
    top: calc(50% - 32px);
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__list__inner__title > .eng-text::before {
    width: 44px;
    height: 1px;
    top: 70px;
    right: calc(50% - 22px);
    border-right: none;
    border-bottom: 1px dotted #5bbfdf;
  }
}
.recruit-job__contents__list__inner__text {
  text-align: justify;
}
.recruit-job__contents__list__photo {
  width: 100%;
  max-width: 360px;
  height: 300px;
}
@media screen and (max-width: 1400px) {
  .recruit-job__contents__list__photo {
    max-width: 330px;
    height: 280px;
  }
}
@media screen and (max-width: 1200px) {
  .recruit-job__contents__list__photo {
    max-width: 290px;
    height: 220px;
  }
}
@media screen and (max-width: 1024px) {
  .recruit-job__contents__list__photo {
    max-width: 330px;
    height: 280px;
  }
}
@media screen and (max-width: 834px) {
  .recruit-job__contents__list__photo {
    margin-left: 230px;
    height: 230px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__list__photo {
    margin: 0 auto;
    width: 80%;
    height: 190px;
  }
}
.photo-left .recruit-job__contents__list__photo {
  order: 0;
}
@media screen and (max-width: 834px) {
  .photo-left .recruit-job__contents__list__photo {
    margin-left: 0;
    margin-right: 230px;
  }
}
@media screen and (max-width: 599px) {
  .photo-left .recruit-job__contents__list__photo {
    margin: 0 auto;
    width: 80%;
    height: 190px;
  }
}
.recruit-job__contents__list__photo img {
  object-fit: cover;
  object-position: bottom center;
  width: 100%;
  height: 100%;
}
.recruit-job__contents__inner {
  margin: 0 auto 82px;
  max-width: 900px;
}
@media screen and (max-width: 1200px) {
  .recruit-job__contents__inner {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__inner {
    margin-bottom: 50px;
  }
}
.recruit-job__contents__inner__catch {
  margin-bottom: 54px;
  font-family: "Shippori Mincho", serif !important;
  font-size: 3rem;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1400px) {
  .recruit-job__contents__inner__catch {
    margin-bottom: 42px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .recruit-job__contents__inner__catch {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 834px) {
  .recruit-job__contents__inner__catch {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__inner__catch {
    margin-bottom: 20px;
    font-size: 2rem;
  }
}
.assistant .recruit-job__contents__inner__catch {
  color: #e3827f;
}
.recruit-job__contents__inner__flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__inner__flex {
    margin-bottom: 30px;
  }
}
.recruit-job__contents__inner__flex__text {
  flex: 1;
}
.recruit-job__contents__inner__flex__photo {
  margin-left: 40px;
  max-width: 330px;
}
@media screen and (max-width: 1400px) {
  .recruit-job__contents__inner__flex__photo {
    margin-left: 20px;
    max-width: 300px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__inner__flex__photo {
    margin-top: 20px;
    margin-left: 0;
    max-width: 100%;
  }
}
.recruit-job__contents__inner__flex__photo img {
  width: 100%;
}
.recruit-job__contents__inner__flex__table {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc((100% - 20px) / 2);
}
@media screen and (max-width: 1200px) {
  .recruit-job__contents__inner__flex__table {
    width: calc((100% - 10px) / 2);
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__inner__flex__table {
    width: 100%;
  }
  .recruit-job__contents__inner__flex__table:first-child {
    margin-bottom: 10px;
  }
}
.recruit-job__contents__inner__flex__table__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 20px;
  width: 100%;
  border: 1px solid #d5dce5;
  flex-grow: 1;
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__inner__flex__table__box {
    padding: 15px;
  }
}
.recruit-job__contents__inner__flex__table__title {
  margin-bottom: 10px;
  font-family: "Shippori Mincho", serif !important;
  font-size: 1.9rem;
  color: #fff;
  font-weight: 500;
  text-align: center;
  line-height: 2.1;
}
@media screen and (max-width: 1024px) {
  .recruit-job__contents__inner__flex__table__title {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__inner__flex__table__title {
    width: 100%;
    font-size: 1.6rem;
  }
}
.pink .recruit-job__contents__inner__flex__table__title {
  background-color: #f1a2a1;
}
.blue .recruit-job__contents__inner__flex__table__title {
  background-color: #8eb6da;
}
.recruit-job__contents__inner__flex__table__title02 {
  margin-bottom: 14px;
  font-family: "Shippori Mincho", serif !important;
  font-size: 2.2rem;
  font-weight: 300;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1024px) {
  .recruit-job__contents__inner__flex__table__title02 {
    margin-bottom: 8px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__inner__flex__table__title02 {
    margin-bottom: 3px;
    font-size: 1.7rem;
  }
}
.recruit-job__contents__inner__flex__table__title02 span {
  display: inline-block;
  margin-right: 8px;
  width: 70px;
  height: 32px;
  font-size: 1.9rem;
  color: #fff;
  text-align: center;
  line-height: 1.6;
  border-radius: 50px;
}
@media screen and (max-width: 1024px) {
  .recruit-job__contents__inner__flex__table__title02 span {
    width: 76px;
    height: 28px;
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__inner__flex__table__title02 span {
    margin-right: 5px;
    width: 60px;
    height: 24px;
    font-size: 1.5rem;
  }
}
.green .recruit-job__contents__inner__flex__table__title02 {
  color: #709e4c;
}
.green .recruit-job__contents__inner__flex__table__title02 span {
  background-color: #95b978;
}
.yellow .recruit-job__contents__inner__flex__table__title02 {
  color: #a9af12;
}
.yellow .recruit-job__contents__inner__flex__table__title02 span {
  background-color: #c0c160;
}
.recruit-job__contents__inner__flex__table__item {
  position: relative;
  flex-grow: 1;
}
.recruit-job__contents__inner__flex__table__item::before {
  content: "";
  position: absolute;
  width: 84px;
  height: 100%;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .recruit-job__contents__inner__flex__table__item::before {
    width: 76px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__inner__flex__table__item::before {
    width: 68px;
  }
}
.pink .recruit-job__contents__inner__flex__table__item::before {
  background-color: #fdf4f4;
}
.blue .recruit-job__contents__inner__flex__table__item::before {
  background-color: #f1f6fa;
}
.green .recruit-job__contents__inner__flex__table__item::before {
  background-color: #f4f9f1;
}
.yellow .recruit-job__contents__inner__flex__table__item::before {
  background-color: #f7f7e9;
}
.recruit-job__contents__inner__flex__table__item dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
}
.recruit-job__contents__inner__flex__table__item dl dt {
  width: 84px;
}
@media screen and (max-width: 1024px) {
  .recruit-job__contents__inner__flex__table__item dl dt {
    width: 76px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__inner__flex__table__item dl dt {
    width: 68px;
  }
}
.recruit-job__contents__inner__flex__table__item dl dt.pink {
  padding: 10px 0 0 16px;
}
@media screen and (max-width: 1024px) {
  .recruit-job__contents__inner__flex__table__item dl dt.pink {
    padding-left: 13px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__inner__flex__table__item dl dt.pink {
    padding-left: 10px;
  }
}
.recruit-job__contents__inner__flex__table__item dl dt.blue {
  padding: 10px 0 0 13px;
}
@media screen and (max-width: 1024px) {
  .recruit-job__contents__inner__flex__table__item dl dt.blue {
    padding-left: 10px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__inner__flex__table__item dl dt.blue {
    padding-left: 7px;
  }
}
.recruit-job__contents__inner__flex__table__item dl dt.green {
  padding: 10px 0 0 16px;
}
@media screen and (max-width: 1024px) {
  .recruit-job__contents__inner__flex__table__item dl dt.green {
    padding-left: 13px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__inner__flex__table__item dl dt.green {
    padding-left: 10px;
  }
}
.recruit-job__contents__inner__flex__table__item dl dt.yellow {
  padding: 10px 0 0 16px;
}
@media screen and (max-width: 1024px) {
  .recruit-job__contents__inner__flex__table__item dl dt.yellow {
    padding-left: 13px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__inner__flex__table__item dl dt.yellow {
    padding-left: 10px;
  }
}
.recruit-job__contents__inner__flex__table__item dl dd {
  padding: 10px 0 10px 18px;
  flex: 1;
}
@media screen and (max-width: 1024px) {
  .recruit-job__contents__inner__flex__table__item dl dd {
    padding-left: 15px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__inner__flex__table__item dl dd {
    padding-top: 12px;
    padding-left: 10px;
  }
}
.recruit-job__contents__inner__flex__table__item dl dd.pb00 {
  padding-bottom: 0;
}
.recruit-job__contents__inner__flex__table__list li {
  position: relative;
  padding-left: 19px;
  color: #30455c;
  font-size: 1.5rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__inner__flex__table__list li {
    padding-left: 22px;
    font-size: 1.4rem;
  }
}
.recruit-job__contents__inner__flex__table__list li:not(:last-child) {
  margin-bottom: 4px;
}
.recruit-job__contents__inner__flex__table__list li::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 11px;
  height: 11px;
  border-radius: 50%;
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__inner__flex__table__list li::before {
    top: 6px;
    width: 9px;
    height: 9px;
  }
}
.pink .recruit-job__contents__inner__flex__table__list li::before {
  background-color: #f3bab9;
}
.blue .recruit-job__contents__inner__flex__table__list li::before {
  background-color: #a6c5e1;
}
.green .recruit-job__contents__inner__flex__table__list li::before {
  background-color: #aacb90;
}
.yellow .recruit-job__contents__inner__flex__table__list li::before {
  background-color: #ceca6b;
}
.recruit-job__contents__inner__flex__table__list li span {
  font-size: 1.4rem;
}
.recruit-job__contents__inner__flex__table__note {
  margin-top: 8px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 1.4rem;
  color: #30455c;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1024px) {
  .recruit-job__contents__inner__flex__table__note {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__inner__flex__table__note {
    font-size: 1.2rem;
  }
}
.recruit-job__contents__inner__flex__table__break {
  margin: 13px 0;
  font-size: 1.5rem;
}
.recruit-job__contents__inner__flex__table__img {
  margin-top: 30px;
}
.recruit-job__contents__inner__flex__table__img.b00 {
  position: absolute;
  bottom: 0;
}
@media screen and (max-width: 834px) {
  .recruit-job__contents__inner__flex__table__img.b00 {
    position: relative;
  }
}
.recruit-job__contents__inner__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 50px;
  padding: 30px 55px;
}
@media screen and (max-width: 1200px) {
  .recruit-job__contents__inner__box {
    padding: 20px 35px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__inner__box {
    margin-bottom: 30px;
    padding: 15px 25px;
  }
}
.recruit-job__contents__inner__box dt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 50px;
  padding-right: 50px;
  font-family: "Shippori Mincho", serif !important;
  font-size: 2.5rem;
  color: #e3827f;
  font-weight: 400;
  letter-spacing: 0.03em;
  border-right: 1px dotted #eba6a4;
}
@media screen and (max-width: 1200px) {
  .recruit-job__contents__inner__box dt {
    margin-right: 30px;
    padding-right: 30px;
    font-size: 2.3rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__inner__box dt {
    margin-right: 0;
    margin-bottom: 5px;
    padding-right: 0;
    width: 100%;
    font-size: 1.8rem;
    border-right: none;
    border-bottom: 1px dotted #eba6a4;
  }
}
.recruit-job__contents__inner__box dd {
  padding: 20px 0;
  flex: 1;
}
@media screen and (max-width: 1200px) {
  .recruit-job__contents__inner__box dd {
    padding: 12px 0;
  }
}
.recruit-job__contents__inner__box dd > .list01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.recruit-job__contents__inner__box dd > .list01 li {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .recruit-job__contents__inner__box dd > .list01 li {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__inner__box dd > .list01 li {
    width: 100%;
    font-size: 1.4rem;
  }
}
.recruit-job__contents__inner__box dd > .list01 li::before {
  background-color: #f3bab9;
}
.assistant .recruit-job__contents__inner__box {
  background-color: #fdf4f4;
}
.recruit-job__contents__inner__shift {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.recruit-job__contents__inner__shift__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 40px;
  width: 140px;
  height: 140px;
  font-family: "Shippori Mincho", serif !important;
  font-size: 2.1rem;
  color: #5878a7;
  letter-spacing: 0.03em;
  border: 1px solid #5878a7;
  border-radius: 50%;
}
@media screen and (max-width: 1400px) {
  .recruit-job__contents__inner__shift__title {
    margin-right: 20px;
    width: 110px;
    height: 110px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__inner__shift__title {
    margin-right: 0;
    margin-bottom: 10px;
    padding: 5px 0;
    width: 100%;
    height: auto;
    font-size: 1.6rem;
    border-radius: 20px;
  }
}
.recruit-job__contents__inner__shift__img {
  width: 100%;
  max-width: 720px;
  flex: 1;
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__inner__shift__img {
    flex: none;
  }
}
.recruit-job__contents__inner__schedule {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 30px;
  padding: 30px 30px 30px 0;
  background-color: #f1f6fa;
}
@media screen and (max-width: 834px) {
  .recruit-job__contents__inner__schedule {
    padding: 20px 20px 20px 0;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__inner__schedule {
    margin-bottom: 20px;
    padding: 20px 15px 15px;
  }
}
.recruit-job__contents__inner__schedule__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 260px;
  font-family: "Shippori Mincho", serif !important;
  font-size: 2.2rem;
  color: #5878a7;
  font-weight: 400;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1024px) {
  .recruit-job__contents__inner__schedule__title {
    width: 220px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 834px) {
  .recruit-job__contents__inner__schedule__title {
    width: 190px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__inner__schedule__title {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex-direction: inherit;
    margin-bottom: 10px;
    width: 100%;
    font-size: 1.7rem;
    text-align: center;
  }
}
.recruit-job__contents__inner__schedule__title span {
  display: block;
  width: 82px;
  height: 32px;
  font-size: 2rem;
  color: #fff;
  text-align: center;
  line-height: 1.6;
  background-color: #78a8d4;
  border-radius: 50px;
}
@media screen and (max-width: 1024px) {
  .recruit-job__contents__inner__schedule__title span {
    width: 76px;
    height: 28px;
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__inner__schedule__title span {
    margin-right: 5px;
    width: 60px;
    height: 24px;
    font-size: 1.5rem;
  }
}
.recruit-job__contents__inner__schedule__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 15px 5px 10px;
  width: calc(100% - 260px);
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  background-color: #fff;
}
@media screen and (max-width: 1024px) {
  .recruit-job__contents__inner__schedule__list {
    width: calc(100% - 220px);
  }
}
@media screen and (max-width: 834px) {
  .recruit-job__contents__inner__schedule__list {
    padding: 10px 0;
    width: calc(100% - 190px);
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__inner__schedule__list {
    padding: 15px;
    width: 100%;
  }
}
.recruit-job__contents__inner__schedule__list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 20%;
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__inner__schedule__list li {
    flex-direction: inherit;
    width: 100%;
  }
}
.recruit-job__contents__inner__schedule__list li:not(:last-child) {
  border-right: 1px dotted #78a8d4;
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__inner__schedule__list li:not(:last-child) {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-right: none;
    border-bottom: 1px dotted #78a8d4;
  }
}
.recruit-job__contents__inner__schedule__list__date {
  margin-bottom: 15px;
  padding-top: 5px;
  color: #5878a7;
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__inner__schedule__list__date {
    margin-bottom: 0;
    padding-top: 0;
    width: 35%;
  }
}
@media screen and (max-width: 320px) {
  .recruit-job__contents__inner__schedule__list__date {
    width: 38%;
    font-size: 1.4rem;
  }
}
.recruit-job__contents__inner__schedule__list__text {
  padding-bottom: 10px;
  font-size: 1.5rem;
  line-height: 1.2;
  writing-mode: vertical-rl;
}
@media screen and (max-width: 834px) {
  .recruit-job__contents__inner__schedule__list__text {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__inner__schedule__list__text {
    padding-bottom: 0;
    text-align: justify;
    writing-mode: horizontal-tb;
    flex: 1;
  }
}
.recruit-job__contents__inner__schedule__list__text span {
  text-align: center;
  writing-mode: horizontal-tb;
}
.recruit-job__contents__point-wrapper {
  margin-bottom: 60px;
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__point-wrapper {
    margin-bottom: 30px;
  }
}
.recruit-job__contents__point-wrapper.mb110 {
  margin-bottom: 110px;
}
@media screen and (max-width: 834px) {
  .recruit-job__contents__point-wrapper.mb110 {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__point-wrapper.mb110 {
    margin-bottom: 50px;
  }
}
.recruit-job__contents__point {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 834px) {
  .recruit-job__contents__point {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.recruit-job__contents__point__inner {
  padding: 60px 50px 60px 70px;
  flex: 1;
}
@media screen and (max-width: 1400px) {
  .recruit-job__contents__point__inner {
    padding: 40px 30px 30px 45px;
  }
}
@media screen and (max-width: 834px) {
  .recruit-job__contents__point__inner {
    padding: 35px 40px 30px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__point__inner {
    padding: 20px;
  }
}
.recruit-job__contents__point__inner::before {
  content: "";
  position: absolute;
  width: calc(100% - 70px);
  height: 100%;
  max-width: 970px;
  top: 0;
  left: 0;
  background-color: #fdf4f4;
  z-index: -1;
}
@media screen and (max-width: 1400px) {
  .recruit-job__contents__point__inner::before {
    width: calc(100% - 40px);
  }
}
@media screen and (max-width: 834px) {
  .recruit-job__contents__point__inner::before {
    width: 100%;
  }
}
.photo-left .recruit-job__contents__point__inner {
  order: 1;
  padding: 60px 70px 50px 50px;
}
@media screen and (max-width: 1400px) {
  .photo-left .recruit-job__contents__point__inner {
    padding: 40px 45px 30px 30px;
  }
}
@media screen and (max-width: 834px) {
  .photo-left .recruit-job__contents__point__inner {
    padding: 35px 40px 30px;
  }
}
@media screen and (max-width: 599px) {
  .photo-left .recruit-job__contents__point__inner {
    padding: 20px;
  }
}
.photo-left .recruit-job__contents__point__inner::before {
  left: auto;
  right: 0;
}
.recruit-job__contents__point__inner__title {
  margin-bottom: 16px;
  font-family: "Shippori Mincho", serif !important;
  font-size: 2.6rem;
  color: #e3827f;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1400px) {
  .recruit-job__contents__point__inner__title {
    font-size: 1.8vw;
  }
}
@media screen and (max-width: 1024px) {
  .recruit-job__contents__point__inner__title {
    margin-bottom: 8px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 834px) {
  .recruit-job__contents__point__inner__title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__point__inner__title {
    font-size: 1.8rem;
  }
}
.photo-left .recruit-job__contents__point__inner__title {
  letter-spacing: -0.005em;
}
@media screen and (max-width: 1024px) {
  .photo-left .recruit-job__contents__point__inner__title {
    letter-spacing: 0.03em;
  }
}
.recruit-job__contents__point__photo {
  margin-top: 60px;
  width: 100%;
  max-width: 350px;
  height: 290px;
}
@media screen and (max-width: 1400px) {
  .recruit-job__contents__point__photo {
    margin-top: 50px;
    max-width: 320px;
    height: 250px;
  }
}
@media screen and (max-width: 1200px) {
  .recruit-job__contents__point__photo {
    max-width: 280px;
    height: 230px;
  }
}
@media screen and (max-width: 1024px) {
  .recruit-job__contents__point__photo {
    max-width: 320px;
    height: 250px;
  }
}
@media screen and (max-width: 834px) {
  .recruit-job__contents__point__photo {
    margin-top: 0;
    margin-left: calc(100% - 360px);
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__point__photo {
    max-width: 100%;
    margin-left: 0;
    padding: 0 20px;
  }
}
.photo-left .recruit-job__contents__point__photo {
  order: 0;
}
@media screen and (max-width: 834px) {
  .photo-left .recruit-job__contents__point__photo {
    margin-left: 40px;
    padding-bottom: 35px;
    order: 1;
  }
}
@media screen and (max-width: 599px) {
  .photo-left .recruit-job__contents__point__photo {
    max-width: 100%;
    margin-left: 0;
    padding: 0 20px 20px;
  }
}
.recruit-job__contents__point__photo img {
  object-fit: cover;
  object-position: bottom center;
  width: 100%;
  height: 100%;
}
.recruit-job__contents__point-photo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -30px;
  padding: 0 70px 60px;
  width: calc(100% - 70px);
}
@media screen and (max-width: 1400px) {
  .recruit-job__contents__point-photo {
    margin-top: 0;
    padding: 0 85px 40px 45px;
    width: 100%;
  }
}
@media screen and (max-width: 834px) {
  .recruit-job__contents__point-photo {
    margin-top: 30px;
    padding: 0 40px 35px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__point-photo {
    margin-top: 0;
    padding: 25px 20px 20px;
  }
}
.recruit-job__contents__point-photo li {
  width: calc((100% - 40px) / 3);
}
@media screen and (max-width: 834px) {
  .recruit-job__contents__point-photo li {
    width: calc((100% - 20px) / 3);
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__point-photo li {
    width: 100%;
    margin-top: 10px;
  }
}
.recruit-job__contents .caption {
  display: block;
  margin-top: 3px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 1.5rem;
  text-align: center;
  font-weight: 300;
}
@media screen and (max-width: 1024px) {
  .recruit-job__contents .caption {
    font-size: 1.4rem;
  }
}
.recruit-job__contents__human-resources {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 900px;
  margin: 0 auto 54px;
}
@media screen and (max-width: 834px) {
  .recruit-job__contents__human-resources {
    margin-bottom: 45px;
  }
}
.recruit-job__contents__human-resources__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 38px;
  width: 200px;
  height: 200px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 2.2rem;
  color: #709e4c;
  font-weight: 300;
  letter-spacing: 0.03em;
  border: 1px solid #95b978;
  border-radius: 50%;
}
@media screen and (max-width: 1024px) {
  .recruit-job__contents__human-resources__title {
    margin-right: 25px;
    width: 180px;
    height: 180px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__human-resources__title {
    margin-right: 0;
    margin-bottom: 15px;
    padding: 5px 0;
    width: 100%;
    height: auto;
    font-size: 1.8rem;
    border-radius: 50px;
  }
}
.recruit-job__contents__human-resources__inner {
  flex: 1;
}
.recruit-job__contents__human-resources__inner > .list01 li::before {
  background-color: #aacb90;
}
.recruit-job__contents__life-event li {
  position: relative;
  margin-bottom: 74px;
  padding: 65px 70px 40px;
  background-color: #f4f9f1;
}
@media screen and (max-width: 1400px) {
  .recruit-job__contents__life-event li {
    padding: 65px 30px 40px;
  }
}
@media screen and (max-width: 1024px) {
  .recruit-job__contents__life-event li {
    margin-bottom: 70px;
    padding: 60px 30px 30px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__life-event li {
    margin-bottom: 50px;
    padding: 45px 20px 20px;
  }
  .recruit-job__contents__life-event li:last-child {
    margin-bottom: 30px;
  }
}
.recruit-job__contents__life-event__tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  padding-top: 8px;
  width: 125px;
  height: 125px;
  top: -44px;
  right: 50px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 1.8rem;
  color: #fff;
  font-weight: 300;
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0.06em;
  background-color: #95b978;
  border-radius: 50%;
}
@media screen and (max-width: 1400px) {
  .recruit-job__contents__life-event__tag {
    width: 116px;
    height: 116px;
    top: -50px;
    right: 20px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 834px) {
  .recruit-job__contents__life-event__tag {
    padding-top: 3px;
    width: 105px;
    height: 105px;
    font-size: 1.5rem;
    letter-spacing: normal;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__life-event__tag {
    top: -32px;
    right: 10px;
    width: 94px;
    height: 64px;
    font-size: 1.3rem;
    border-radius: 10px;
  }
}
.recruit-job__contents__life-event__catch {
  margin-bottom: 15px;
  font-family: "Shippori Mincho", serif !important;
  font-size: 2.5rem;
  color: #709e4c;
  font-weight: 400;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1024px) {
  .recruit-job__contents__life-event__catch {
    margin-bottom: 8px;
    font-size: 2.4rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__life-event__catch {
    font-size: 1.9rem;
    line-height: 1.3;
  }
}
.recruit-job__contents__life-event__box {
  position: relative;
  margin-top: 55px;
  padding: 48px 40px 40px;
  background-color: #fff;
}
@media screen and (max-width: 1400px) {
  .recruit-job__contents__life-event__box {
    padding: 48px 20px 40px;
  }
}
@media screen and (max-width: 1024px) {
  .recruit-job__contents__life-event__box {
    margin-top: 40px;
    padding: 30px 20px 20px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__life-event__box {
    margin-top: 25px;
    padding: 20px 10px 10px;
  }
}
.recruit-job__contents__life-event__box__title {
  position: absolute;
  top: -18px;
  left: 40px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-size: 1.9rem;
  color: #95b978;
  font-weight: 300;
  border-bottom: 1px solid #95b978;
}
@media screen and (max-width: 1024px) {
  .recruit-job__contents__life-event__box__title {
    left: 20px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__life-event__box__title {
    left: 10px;
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 834px) {
  .recruit-job__contents__life-event__box__img {
    overflow-x: scroll;
  }
}
@media screen and (max-width: 834px) {
  .recruit-job__contents__life-event__box__img img {
    max-width: 800px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-job__contents__life-event__box__img img {
    max-width: 700px;
  }
}

.recruit-application__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -22px 0 0 -30px;
}
@media screen and (max-width: 834px) {
  .recruit-application__list {
    margin: -15px 0 0 -20px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-application__list {
    margin: -10px 0 0 0;
  }
}
.recruit-application__list__item {
  width: calc((99.9% - 60px) / 2);
  margin: 22px 0 0 30px;
}
@media screen and (max-width: 834px) {
  .recruit-application__list__item {
    width: calc((99.9% - 40px) / 2);
    margin: 15px 0 0 20px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-application__list__item {
    width: 100%;
    margin: 10px 0 0 0;
  }
}
.recruit-application__list__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  height: 100%;
  padding: 30px 50px;
  background-image: url(../img/common/arrow_next.png);
  background-position: center right 20px;
  background-repeat: no-repeat;
  background-size: 29px auto;
  border: 1px solid #5878a7;
  color: #30455c;
  font-size: 1.8rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  line-height: 1.6;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 834px) {
  .recruit-application__list__link {
    padding: 20px 40px;
    background-position: center right 13px;
    background-size: 25px auto;
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-application__list__link {
    padding: 18px 30px;
    background-position: center right 10px;
    background-size: 23px auto;
    font-size: 1.6rem;
  }
}
.urgent .recruit-application__list__link {
  padding-left: 70px;
}
@media screen and (max-width: 834px) {
  .urgent .recruit-application__list__link {
    padding-left: 60px;
  }
}
@media screen and (max-width: 599px) {
  .urgent .recruit-application__list__link {
    padding-left: 52px;
  }
}
.urgent .recruit-application__list__link::before {
  content: "急募";
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  width: 50px;
  height: 50px;
  margin: auto 0;
  background-color: #ee5e6f;
  border-radius: 50%;
  color: #fff;
  font-size: 1.5rem;
}
@media screen and (max-width: 834px) {
  .urgent .recruit-application__list__link::before {
    width: 45px;
    height: 45px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 599px) {
  .urgent .recruit-application__list__link::before {
    left: 10px;
    width: 42px;
    height: 42px;
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1025px) {
  .recruit-application__list__link:hover {
    background-position: center right 10px;
  }
}

.recruit-detail__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 50px;
}
@media screen and (max-width: 834px) {
  .recruit-detail__head {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-detail__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.recruit-detail__head__content {
  position: relative;
  width: 56%;
  margin-right: 6%;
  padding-top: 40px;
  flex: 1;
}
@media screen and (max-width: 834px) {
  .recruit-detail__head__content {
    width: 57%;
    margin-right: 5%;
    padding-top: 30px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-detail__head__content {
    width: 100%;
    margin-right: 0;
    margin-bottom: 5px;
    padding-top: 20px;
  }
}
.recruit-detail__head__content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 1px;
  background-color: #5878a7;
}
.recruit-detail__head__image {
  width: 38%;
}
@media screen and (max-width: 599px) {
  .recruit-detail__head__image {
    width: 100%;
  }
}
.recruit-detail__head__title {
  display: inline-block;
  position: relative;
  margin-bottom: 35px;
  color: #5878a7;
  font-size: 3rem;
  font-family: "Shippori Mincho", serif !important;
  font-weight: 400;
}
@media screen and (max-width: 834px) {
  .recruit-detail__head__title {
    margin-bottom: 30px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-detail__head__title {
    margin-bottom: 20px;
    font-size: 2.3rem;
  }
}
.recruit-detail__head__title.urgent {
  padding-right: 80px;
}
@media screen and (max-width: 834px) {
  .recruit-detail__head__title.urgent {
    padding-right: 70px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-detail__head__title.urgent {
    padding-right: 50px;
  }
}
.recruit-detail__head__title.urgent::after {
  content: "急募";
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 54px;
  height: 54px;
  margin: auto 0;
  background-color: #ee5e6f;
  border-radius: 50%;
  color: #fff;
  font-size: 1.5rem;
}
@media screen and (max-width: 834px) {
  .recruit-detail__head__title.urgent::after {
    width: 45px;
    height: 45px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 599px) {
  .recruit-detail__head__title.urgent::after {
    width: 36px;
    height: 36px;
    font-size: 1.2rem;
  }
}
.recruit-detail__head .wysiwyg {
  padding-bottom: 0;
  border-bottom: none;
}
.recruit-detail__table {
  width: 100%;
  margin-bottom: 45px;
  border-top: 1px solid #d5dce5;
}
@media screen and (max-width: 834px) {
  .recruit-detail__table {
    margin-bottom: 30px;
  }
}
.recruit-detail__table__th, .recruit-detail__table__td {
  padding: 24px 20px 24px 30px;
  border-bottom: 1px solid #d5dce5;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  line-height: 1.8;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 834px) {
  .recruit-detail__table__th, .recruit-detail__table__td {
    padding: 20px 25px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-detail__table__th, .recruit-detail__table__td {
    padding: 12px 6px 12px 12px;
    font-size: 1.4rem;
  }
}
.recruit-detail__table__th {
  width: 180px;
  background-color: #f9f9f9;
  color: #3e5d7f;
  font-weight: 500;
  text-align: left;
}
@media screen and (max-width: 834px) {
  .recruit-detail__table__th {
    width: 140px;
  }
}
@media screen and (max-width: 599px) {
  .recruit-detail__table__th {
    width: 90px;
    letter-spacing: 0;
  }
}
.recruit-detail__table__td {
  padding-right: 0;
  color: #30455c;
}
.recruit-detail__notes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 65px;
  padding: 30px 0;
  border: 1px dotted #5878a7;
}
@media screen and (max-width: 834px) {
  .recruit-detail__notes {
    padding: 25px 0;
  }
}
@media screen and (max-width: 599px) {
  .recruit-detail__notes {
    margin-bottom: 40px;
    padding: 20px 0;
  }
}
.recruit-detail__notes__title {
  position: relative;
  width: 140px;
  color: #3e5d7f;
  font-size: 1.8rem;
  font-family: "Shippori Mincho", serif !important;
  letter-spacing: 0.03em;
  text-align: center;
}
@media screen and (max-width: 599px) {
  .recruit-detail__notes__title {
    width: 60px;
    font-size: 1.5rem;
    letter-spacing: 0;
  }
}
.recruit-detail__notes__content {
  width: calc(100% - 140px);
  padding: 10px 30px;
  border-left: 1px dotted #5878a7;
  color: #30455c;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 599px) {
  .recruit-detail__notes__content {
    width: calc(100% - 60px);
    padding: 5px 15px;
    font-size: 1.4rem;
  }
}
.recruit-detail__button {
  display: block;
  position: relative;
  max-width: 260px;
  width: 100%;
  margin: 0 auto;
  padding: 20px 50px 20px 40px;
  background-color: #7fa9d0;
  color: #fff;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 300;
  text-align: center;
  line-height: 1.3;
}
@media screen and (min-width: 1025px) {
  .recruit-detail__button:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 599px) {
  .recruit-detail__button {
    padding: 15px 50px 15px 40px;
  }
}
.recruit-detail__button::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 30px;
  width: 20px;
  height: 1px;
  background-color: #fff;
}
.recruit-detail__button::after {
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  width: 7px;
  height: 7px;
  margin-top: -3px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg);
}

@media screen and (max-width: 1300px) {
  .inquiry-wrap {
    margin-top: 50px;
  }
}
@media screen and (max-width: 599px) {
  .inquiry-wrap {
    margin-top: 35px;
  }
}

.inquiry-send__box {
  margin-bottom: 80px;
  padding: 70px 60px 70px;
  background-color: #f3f7fa;
}
@media screen and (max-width: 834px) {
  .inquiry-send__box {
    margin-bottom: 70px;
    padding: 50px 30px 50px;
  }
}
@media screen and (max-width: 599px) {
  .inquiry-send__box {
    margin-bottom: 50px;
    padding: 40px 25px 45px;
  }
}
.inquiry-send__box__title {
  margin-bottom: 30px;
  color: #5878a7;
  font-size: 2.4rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  text-align: center;
  line-height: 1.6;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 834px) {
  .inquiry-send__box__title {
    margin-bottom: 15px;
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 599px) {
  .inquiry-send__box__title {
    font-size: 1.8rem;
  }
}
.inquiry-send__box__text {
  color: #30455c;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  text-align: center;
  letter-spacing: 0.06em;
  line-height: 2;
}
@media screen and (max-width: 834px) {
  .inquiry-send__box__text {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 599px) {
  .inquiry-send__box__text {
    text-align: justify;
    font-size: 1.4rem;
  }
}
.inquiry-send__button {
  text-align: center;
}
.privacy-block {
  margin-bottom: 70px;
}
@media screen and (max-width: 834px) {
  .privacy-block {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 599px) {
  .privacy-block {
    margin-bottom: 40px;
  }
}

.privacy-list {
  margin-bottom: 20px;
}
.privacy-list__item {
  color: #30455c;
  font-size: 1.6rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  font-weight: 400;
  line-height: 2.1;
  letter-spacing: 0.06em;
  padding-left: 20px;
  position: relative;
}
.privacy-list__item::before {
  background: #6d8cbe;
  content: "";
  height: 10px;
  width: 10px;
  left: 0;
  position: absolute;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  margin: auto;
}

.privacy-table01 {
  width: 100%;
  margin-bottom: 30px;
}
@media screen and (max-width: 599px) {
  .privacy-table01 {
    margin-bottom: 25px;
  }
}
.privacy-table01 th,
.privacy-table01 td {
  border-top: 1px solid #d5dce5;
  border-bottom: 1px solid #d5dce5;
  line-height: 1.4;
  letter-spacing: 0.06em;
  font-size: 1.6rem;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", serif;
  color: #30455c;
  font-weight: 400;
  padding: 25px;
}
@media screen and (max-width: 834px) {
  .privacy-table01 th,
  .privacy-table01 td {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 599px) {
  .privacy-table01 th,
  .privacy-table01 td {
    font-size: 1.4rem;
  }
}
.privacy-table01 th {
  width: 35%;
  background-color: #f3f7fa;
  text-align: center;
}
@media screen and (max-width: 599px) {
  .privacy-table01 th {
    padding: 20px 12px;
    width: 40%;
  }
}
.privacy-table01 td {
  padding-left: 60px;
}
@media screen and (max-width: 599px) {
  .privacy-table01 td {
    padding: 20px 0px 20px 15px;
    vertical-align: middle;
  }
}/*# sourceMappingURL=style.css.map */