@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Lato:wght@300&family=Zen+Kaku+Gothic+New:wght@400;500&display=swap");
/*!
Theme Name: jpnace
Theme URI: http://underscores.me/
Author: Me
Author URI: http://underscores.me/
Description: Custom theme: jpnace, developed by Me
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: jpnace
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

jpnace is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. すべてのブラウザで行の高さを正しく設定します。
 * 2. iOSでの画面の向き変更後のフォントサイズの調整を防ぎます。
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * すべてのブラウザでマージンを削除します。
 */
body {
  margin: 0;
}

/**
 * IEで`main`要素を一貫してレンダリングします。
 */
main {
  display: block;
}

/**
 * Chrome、Firefox、Safariで`section`や`article`内の`h1`要素のフォントサイズとマージンを修正します。
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Firefoxで正しいボックスサイズを適用します。
 * 2. EdgeとIEでオーバーフローを表示します。
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. すべてのブラウザでフォントサイズの継承とスケーリングを修正します。
 * 2. すべてのブラウザで奇妙な`em`フォントサイズを修正します。
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * IE 10でアクティブリンクの灰色背景を削除します。
 */
a {
  background-color: transparent;
}

/**
 * 1. Chrome 57以前のバージョンで下線を削除します。
 * 2. Chrome、Edge、IE、Opera、Safariで正しいテキスト装飾を追加します。
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted; /* 2 */
}

/**
 * Chrome、Edge、Safariで正しいフォントウェイトを追加します。
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. すべてのブラウザでフォントサイズの継承とスケーリングを修正します。
 * 2. すべてのブラウザで奇妙な`em`フォントサイズを修正します。
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * すべてのブラウザで正しいフォントサイズを追加します。
 */
small {
  font-size: 80%;
}

/**
 * すべてのブラウザで`sub`および`sup`要素が行の高さに影響を与えないようにします。
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * IE 10でリンク内の画像のボーダーを削除します。
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. すべてのブラウザでフォントスタイルを変更します。
 * 2. FirefoxとSafariでマージンを削除します。
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * IEでオーバーフローを表示します。
 * 1. Edgeでオーバーフローを表示します。
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Edge、Firefox、IEでのテキスト変換の継承を削除します。
 * 1. Firefoxでのテキスト変換の継承を削除します。
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * iOSおよびSafariでクリック可能なタイプをスタイルできない問題を修正します。
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Firefoxでの内部ボーダーとパディングを削除します。
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * 前のルールで解除されたフォーカススタイルを復元します。
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Firefoxでのパディングを修正します。
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. EdgeとIEでテキストの折り返しを修正します。
 * 2. IEで`fieldset`要素からの色の継承を修正します。
 * 3. 開発者がすべてのブラウザで`fieldset`要素をゼロにした場合に問題が発生しないように、パディングを削除します。
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Chrome、Firefox、Operaで正しい垂直方向の位置合わせを追加します。
 */
progress {
  vertical-align: baseline;
}

/**
 * IE 10+でのデフォルトの垂直スクロールバーを削除します。
 */
textarea {
  overflow: auto;
}

/**
 * 1. IE 10で正しいボックスサイズを追加します。
 * 2. IE 10でパディングを削除します。
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Chromeでのインクリメントとデクリメントボタンのカーソルスタイルを修正します。
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. ChromeおよびSafariでの奇妙な外観を修正します。
 * 2. Safariでのアウトラインスタイルを修正します。
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * macOSのChromeおよびSafariでの内部パディングを削除します。
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. iOSおよびSafariでクリック可能なタイプをスタイルできない問題を修正します。
 * 2. Safariでフォントプロパティを`inherit`に変更します。
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Edge、IE 10+、Firefoxで正しい表示を追加します。
 */
details {
  display: block;
}

/*
 * すべてのブラウザで正しい表示を追加します。
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * IE 10+で正しい表示を追加します。
 */
template {
  display: none;
}

/**
 * IE 10で正しい表示を追加します。
 */
[hidden] {
  display: none;
}

hr {
  border: 0;
}

p {
  margin-top: 0;
}

*, *::before, *::after {
  box-sizing: border-box;
}

ul, ol {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
ul li, ol li {
  margin-bottom: 0;
}

img {
  display: block;
}

figure {
  margin: 0;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

#content[tabindex="-1"]:focus {
  outline: 0;
}

a {
  text-decoration: none;
  color: #251E1C;
}
a:visited {
  color: #251E1C;
}
a:hover {
  color: #251E1C;
}
a:active {
  color: #251E1C;
}

.site-main p a {
  color: #251E1C;
  text-decoration: underline;
  text-underline-offset: 0.1em;
}
.site-main p a:visited {
  color: #251E1C;
}
.site-main p a:hover {
  color: #251E1C;
}
.site-main p a:active {
  color: #251E1C;
}
.site-main p a:hover {
  text-decoration-color: rgba(37, 30, 28, 0.6);
}

body.single .site-main .entry-content p a {
  color: #251E1C;
  text-decoration: underline;
  text-underline-offset: 0.1em;
}
body.single .site-main .entry-content p a:visited {
  color: #251E1C;
}
body.single .site-main .entry-content p a:hover {
  color: #251E1C;
}
body.single .site-main .entry-content p a:active {
  color: #251E1C;
}
body.single .site-main .entry-content p a:hover {
  text-decoration-color: rgba(37, 30, 28, 0.6);
}

html, body {
  font-size: 16px;
  line-height: 1.8;
  color: #251E1C;
}

h1, h2, h3, h4, h5, h6, dt {
  font-family: "Zen Kaku Gothic New", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 1em;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  letter-spacing: 1px;
}
@media screen and (max-width: 480px) {
  body {
    letter-spacing: 0.5px;
  }
}

h1:has(wbr), h2:has(wbr), h3:has(wbr), h4:has(wbr), h5:has(wbr), h6:has(wbr), p:has(wbr), a:has(wbr) {
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.width-wrap {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1440px) {
  .width-wrap {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 807px) {
  .width-wrap {
    margin-left: calc(50vw - 383.5px);
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (max-width: 797px) {
  .width-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }
}

body .site {
  min-height: 100dvh;
}
body .site .site-footer {
  position: sticky;
  top: 100%;
}

.more {
  transition: 0.5s;
  background-color: #274A78;
  white-space: nowrap;
  width: max-content;
  margin-inline: auto;
  display: grid;
  grid-template-columns: auto auto;
  place-content: center;
  align-items: center;
  column-gap: 11px;
  padding-block: 13px;
  padding-inline: 18px 28px;
  border-radius: 100vmax;
  color: white;
  transition: 0.3s;
}
.more:visited {
  color: white;
}
.more:hover {
  color: white;
}
.more:active {
  color: white;
}
.more:before {
  grid-column: 1/2;
  grid-row: 1/2;
  align-self: center;
  justify-self: center;
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  background-color: white;
  border-radius: 100vmax;
}
.more:after {
  grid-column: 1/2;
  grid-row: 1/2;
  align-self: center;
  justify-self: center;
  content: "";
  display: block;
  background-color: #274A78;
  mask: var(--icon-arrow) no-repeat center center;
  width: 12px;
  height: 12px;
}
.more:hover {
  transition: 0.3s;
  background-color: #92B9DA;
}

:root {
  --icon-arrow: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA5IDgiIGZpbGw9Im5vbmUiPgogIDxwYXRoIGQ9Ik0wLjk5OTc5NCAzLjUwMDMySDYuNTg0NzlMNC4xNDQ3OSAxLjA2MDMyQzMuOTQ5NzkgMC44NjUzMjMgMy45NDk3OSAwLjU0NTMyMyA0LjE0NDc5IDAuMzUwMzIzQzQuMTkxMDUgMC4zMDM5NzIgNC4yNDU5OSAwLjI2NzE5OCA0LjMwNjQ4IDAuMjQyMTA3QzQuMzY2OTcgMC4yMTcwMTYgNC40MzE4MSAwLjIwNDEwMiA0LjQ5NzI5IDAuMjA0MTAyQzQuNTYyNzggMC4yMDQxMDIgNC42Mjc2MiAwLjIxNzAxNiA0LjY4ODExIDAuMjQyMTA3QzQuNzQ4NTkgMC4yNjcxOTggNC44MDM1NCAwLjMwMzk3MiA0Ljg0OTc5IDAuMzUwMzIzTDguMTQ0NzkgMy42NDUzMkM4LjE5MTE1IDMuNjkxNTggOC4yMjc5MiAzLjc0NjUyIDguMjUzMDEgMy44MDcwMUM4LjI3ODEgMy44Njc1IDguMjkxMDIgMy45MzIzNCA4LjI5MTAyIDMuOTk3ODJDOC4yOTEwMiA0LjA2MzMxIDguMjc4MSA0LjEyODE1IDguMjUzMDEgNC4xODg2NEM4LjIyNzkyIDQuMjQ5MTIgOC4xOTExNSA0LjMwNDA3IDguMTQ0NzkgNC4zNTAzMkw0Ljg0OTc5IDcuNjQ1MzJDNC44MDM1IDcuNjkxNjEgNC43NDg1NSA3LjcyODMzIDQuNjg4MDcgNy43NTMzOUM0LjYyNzU4IDcuNzc4NDQgNC41NjI3NiA3Ljc5MTMzIDQuNDk3MjkgNy43OTEzM0M0LjQzMTgzIDcuNzkxMzMgNC4zNjcgNy43Nzg0NCA0LjMwNjUyIDcuNzUzMzlDNC4yNDYwNCA3LjcyODMzIDQuMTkxMDggNy42OTE2MSA0LjE0NDc5IDcuNjQ1MzJDNC4wOTg1IDcuNTk5MDMgNC4wNjE3OCA3LjU0NDA4IDQuMDM2NzMgNy40ODM1OUM0LjAxMTY4IDcuNDIzMTEgMy45OTg3OCA3LjM1ODI5IDMuOTk4NzggNy4yOTI4MkMzLjk5ODc4IDcuMjI3MzYgNC4wMTE2OCA3LjE2MjUzIDQuMDM2NzMgNy4xMDIwNUM0LjA2MTc4IDcuMDQxNTcgNC4wOTg1IDYuOTg2NjEgNC4xNDQ3OSA2Ljk0MDMyTDYuNTg0NzkgNC41MDAzMkgwLjk5OTc5NEMwLjcyNDc5MyA0LjUwMDMyIDAuNDk5Nzk0IDQuMjc1MzIgMC40OTk3OTQgNC4wMDAzMkMwLjQ5OTc5NCAzLjcyNTMyIDAuNzI0NzkzIDMuNTAwMzIgMC45OTk3OTQgMy41MDAzMloiIGZpbGw9IiM2MzdFQTIiLz4KPC9zdmc+");
  --grad-light-dark-s: linear-gradient(142deg, #92B9DA 15.9%, #637EA2 88.44%);
  --grad-light-dark: linear-gradient(142deg, #669BC7 15.9%, #274A78 88.44%);
  --grad-dark-light: linear-gradient(142deg, #274A78 15.9%, #669BC7 88.44%);
}

@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.site-header {
  background-color: rgba(255, 255, 255, 0.9);
  position: fixed;
  z-index: 999;
  width: 100%;
  padding-top: 25px;
  padding-bottom: 25px;
}
.site-header .width-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.site-header .width-wrap .site-branding .site-title {
  margin: 0;
}
.site-header .width-wrap .site-branding .site-title img {
  width: 240px;
  height: auto;
  scale: 1.005;
}
.site-header .width-wrap .main-navigation {
  flex-grow: 1;
}
.site-header .width-wrap .main-navigation ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 3%;
  font-size: 14px;
}
.site-header .width-wrap .main-navigation ul li {
  line-height: 1.45;
  white-space: nowrap;
  flex-shrink: 0;
}
.site-header .width-wrap .main-navigation ul li a {
  color: #251E1C;
}
.site-header .width-wrap .main-navigation ul li a:visited {
  color: #251E1C;
}
.site-header .width-wrap .main-navigation ul li a:hover {
  color: #92B9DA;
}
.site-header .width-wrap .main-navigation ul li a:active {
  color: #92B9DA;
}
.site-header .width-wrap .main-navigation ul li:last-child {
  background-color: #274A78;
  flex-basis: 240px;
  border-radius: 100vmax;
  transition: 0.3s;
}
.site-header .width-wrap .main-navigation ul li:last-child a {
  display: grid;
  grid-template-columns: auto auto;
  place-content: center;
  align-items: center;
  column-gap: 4%;
  padding-block: 13px;
  padding-right: 6px;
  color: white;
}
.site-header .width-wrap .main-navigation ul li:last-child a:visited {
  color: white;
}
.site-header .width-wrap .main-navigation ul li:last-child a:hover {
  color: white;
}
.site-header .width-wrap .main-navigation ul li:last-child a:active {
  color: white;
}
.site-header .width-wrap .main-navigation ul li:last-child a:before {
  grid-column: 1/2;
  grid-row: 1/2;
  align-self: center;
  justify-self: center;
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  background-color: white;
  border-radius: 100vmax;
}
.site-header .width-wrap .main-navigation ul li:last-child a:after {
  grid-column: 1/2;
  grid-row: 1/2;
  align-self: center;
  justify-self: center;
  content: "";
  display: block;
  background-color: #274A78;
  mask: var(--icon-arrow) no-repeat center center;
  width: 12px;
  height: 12px;
}
.site-header .width-wrap .main-navigation ul li:last-child:hover {
  transition: 0.3s;
  background-color: #92B9DA;
}

#masthead .width-wrap .hm-toggle-btn {
  display: none;
  appearance: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  width: 32px;
  height: 20px;
}
#masthead .width-wrap .hm-toggle-btn:focus {
  outline: none;
}
#masthead .width-wrap .hm-toggle-btn .toggle-icon {
  position: relative;
  width: 32px;
  height: 2px;
  background-color: #274A78;
  content: "";
  display: block;
  transition: background-color 0.2s;
}
#masthead .width-wrap .hm-toggle-btn .toggle-icon:before, #masthead .width-wrap .hm-toggle-btn .toggle-icon:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 32px;
  height: 2px;
  background-color: #274A78;
  transform: translateY(-8px);
  transition: transform 0.2s;
}
#masthead .width-wrap .hm-toggle-btn .toggle-icon:after {
  transform: translateY(8px);
}
#masthead .main-navigation-mobile {
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  width: 100%;
  top: 100%;
  max-height: 0;
  overflow-y: hidden;
}
#masthead .main-navigation-mobile ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 20px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 20px;
  column-gap: 14px;
  row-gap: 14px;
}
#masthead .main-navigation-mobile ul li {
  margin: 0;
  flex-basis: calc(50% - 7px);
  text-align: center;
  letter-spacing: 1px;
  background-color: #92B9DA;
}
@media screen and (max-width: 480px) {
  #masthead .main-navigation-mobile ul li {
    letter-spacing: 0;
  }
}
#masthead .main-navigation-mobile ul li:hover {
  background-color: #274A78;
}
#masthead .main-navigation-mobile ul li a {
  display: block;
  padding-block: 16px;
  padding-inline: 2px;
  color: white;
}
#masthead .main-navigation-mobile ul li a:visited {
  color: white;
}
#masthead .main-navigation-mobile ul li a:hover {
  color: white;
}
#masthead .main-navigation-mobile ul li a:active {
  color: white;
}
#masthead .main-navigation-mobile ul li:last-child {
  margin-top: 3px;
  flex-basis: 100%;
  background-color: #274A78;
  border-radius: 20px;
}
#masthead .main-navigation-mobile ul li:last-child a {
  display: grid;
  grid-template-columns: auto auto;
  place-content: center;
  align-items: center;
  column-gap: 4%;
  padding-block: 19px;
  padding-right: 6px;
  color: white;
}
#masthead .main-navigation-mobile ul li:last-child a:visited {
  color: white;
}
#masthead .main-navigation-mobile ul li:last-child a:hover {
  color: white;
}
#masthead .main-navigation-mobile ul li:last-child a:active {
  color: white;
}
#masthead .main-navigation-mobile ul li:last-child a:before {
  grid-column: 1/2;
  grid-row: 1/2;
  align-self: center;
  justify-self: center;
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  background-color: white;
  border-radius: 100vmax;
}
#masthead .main-navigation-mobile ul li:last-child a:after {
  grid-column: 1/2;
  grid-row: 1/2;
  align-self: center;
  justify-self: center;
  content: "";
  display: block;
  background-color: #274A78;
  mask: var(--icon-arrow) no-repeat center center;
  width: 12px;
  height: 12px;
}
#masthead.is-open .width-wrap .hm-toggle-btn .toggle-icon {
  background-color: transparent;
}
#masthead.is-open .width-wrap .hm-toggle-btn .toggle-icon:before, #masthead.is-open .width-wrap .hm-toggle-btn .toggle-icon:after {
  transform: rotate(45deg);
}
#masthead.is-open .width-wrap .hm-toggle-btn .toggle-icon:after {
  transform: rotate(-45deg);
}
#masthead.is-open .main-navigation-mobile {
  max-height: 100vh;
  transition: max-height 1s;
}
@media screen and (max-width: 1200px) {
  #masthead {
    padding-top: 13px;
    padding-bottom: 15px;
  }
  #masthead .width-wrap .main-navigation {
    display: none;
  }
  #masthead .width-wrap .hm-toggle-btn {
    display: block;
  }
}

.site-main {
  padding-top: 102px;
}
@media screen and (width <= 1200px) {
  .site-main {
    padding-top: 74px;
  }
}

#pageTop {
  text-decoration: none;
  display: block;
  padding: 0;
  border-radius: 5px;
  width: 48px;
  height: 48px;
  background-color: #274A78;
  color: #fff;
  opacity: 0.7;
  position: fixed;
  bottom: 15px;
  right: 20px;
  z-index: 99999;
  cursor: pointer;
}
#pageTop svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#pageTop:hover {
  opacity: 1;
}

body.home .home-firstview-sect {
  overflow: hidden;
  position: relative;
}
body.home .home-firstview-sect .marquee-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
body.home .home-firstview-sect .marquee-wrapper .marquee-content {
  font-family: "Lato", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 300;
  font-size: 190px;
  line-height: 1;
  color: aliceblue;
  white-space: nowrap;
  display: flex;
  width: max-content;
  animation: marquee 40s linear infinite;
}
body.home .home-firstview-sect .marquee-wrapper .marquee-content p {
  padding-right: 4rem;
  margin-bottom: 0;
  opacity: 0.06;
  background: var(--grad-light-dark-s);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.home .home-firstview-sect .width-wrap {
  padding-top: 80px;
}
body.home .home-firstview-sect .width-wrap h2 {
  margin-top: 0;
  font-size: 40px;
  color: #274A78;
}
body.home .home-firstview-sect .width-wrap h2 + p {
  margin-bottom: 94px;
}
body.home .home-firstview-sect .width-wrap .img {
  width: 100%;
  height: 600px;
  display: grid;
}
body.home .home-firstview-sect .width-wrap .img img {
  display: block;
  grid-area: 1/2;
  animation-name: uowz7y2;
  animation-duration: 12s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes uowz7y2 {
  0%, 100% {
    opacity: 0;
  }
  8.3333333333%, 25% {
    opacity: 1;
  }
  33.3333333333% {
    opacity: 0;
  }
}
body.home .home-firstview-sect .width-wrap .img img:nth-child(2) {
  animation-delay: 3s;
}
body.home .home-firstview-sect .width-wrap .img img:nth-child(3) {
  animation-delay: 6s;
}
body.home .home-firstview-sect .width-wrap .img img:nth-child(4) {
  animation-delay: 9s;
}
body.home .home-firstview-sect .width-wrap .img img {
  border-radius: 30px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.home .home-firstview-sect .width-wrap .img img:nth-child(2) {
  object-position: right top;
}
body.home .home-firstview-sect .width-wrap .img img:nth-child(4) {
  object-position: right 20% top 0;
}
@media screen and (width <= 767px) {
  body.home .home-firstview-sect .width-wrap .img {
    aspect-ratio: 738/600;
    height: auto;
  }
}
body.home .about-sect {
  padding-top: 160px;
  padding-bottom: 160px;
}
@media screen and (width <= 767px) {
  body.home .about-sect {
    padding-top: 100px;
  }
}
body.home .about-sect hgroup {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 24px;
  padding-bottom: 32px;
  border-bottom: 1px solid #92B9DA;
  margin-bottom: 80px;
}
body.home .about-sect hgroup h1,
body.home .about-sect hgroup h2 {
  font-size: clamp(87px, 20.5882352941vw, 140px);
  font-family: "Lato", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 300;
  width: max-content;
  background: var(--grad-light-dark);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  margin: 0;
}
body.home .about-sect hgroup p:nth-of-type(1) {
  font-size: 24px;
  font-family: "Zen Kaku Gothic New", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 400;
  margin-bottom: 0;
  color: #384E4C;
}
body.home .about-sect hgroup p:nth-of-type(2) {
  flex-basis: 100%;
  margin-top: 40px;
}
body.home .about-sect ol {
  counter-reset: num;
}
body.home .about-sect ol li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 100px;
}
body.home .about-sect ol li > :nth-of-type(1) {
  overflow: hidden;
  flex-basis: calc(50% + (-5%));
  margin-right: calc(-5% * -1);
}
body.home .about-sect ol li > :nth-of-type(1) .wr {
  margin-left: calc(50vw - 700px);
}
@media screen and (width <= 1440px) {
  body.home .about-sect ol li > :nth-of-type(1) .wr {
    margin-left: 20px;
  }
}
@media screen and (width <= 807px) {
  body.home .about-sect ol li > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 797px) {
  body.home .about-sect ol li > :nth-of-type(1) .wr {
    margin-left: 15px;
  }
}
body.home .about-sect ol li > :nth-of-type(2) {
  overflow: hidden;
  flex-basis: calc(50% + (-15px));
  margin-left: calc(-15px * -1);
}
body.home .about-sect ol li > :nth-of-type(2) .wr {
  margin-right: calc(50vw - 700px);
}
@media screen and (width <= 1440px) {
  body.home .about-sect ol li > :nth-of-type(2) .wr {
    margin-right: 20px;
  }
}
@media screen and (width <= 807px) {
  body.home .about-sect ol li > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 797px) {
  body.home .about-sect ol li > :nth-of-type(2) .wr {
    margin-right: 15px;
  }
}
body.home .about-sect ol li .txt .wr {
  display: grid;
  padding-top: 42px;
}
body.home .about-sect ol li .txt .wr:before {
  order: 1;
  counter-increment: num;
  content: counter(num, decimal-leading-zero);
  font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 100;
  font-size: 100px;
  color: #92B9DA;
  line-height: 1;
  margin-bottom: 24px;
}
body.home .about-sect ol li .txt .wr:after {
  order: 2;
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  background-color: #92B9DA;
  margin-left: 7px;
}
body.home .about-sect ol li .txt .wr h3 {
  order: 3;
  font-size: 32px;
  color: #274A78;
  margin-top: 40px;
  margin-bottom: 16px;
  line-height: 1.3;
}
body.home .about-sect ol li .txt .wr p {
  order: 4;
}
body.home .about-sect ol li .img {
  padding-left: 20px;
  padding-bottom: 20px;
  position: relative;
}
body.home .about-sect ol li .img:before {
  content: "";
  display: block;
  width: 100%;
  height: calc(100% - 20px);
  background-color: #92B9DA;
  position: absolute;
  z-index: -1;
  top: 20px;
  left: 0;
  border-radius: 10px 0 0 10px;
}
body.home .about-sect ol li .img img {
  width: 100%;
  height: 341px;
  object-fit: cover;
  border-radius: 10px 0 0 10px;
}
body.home .about-sect ol li:nth-child(even) {
  display: flex;
  justify-content: space-between;
}
body.home .about-sect ol li:nth-child(even) > :nth-of-type(1) {
  overflow: hidden;
  flex-basis: calc(50% + (-15px));
  margin-right: calc(-15px * -1);
}
body.home .about-sect ol li:nth-child(even) > :nth-of-type(1) .wr {
  margin-left: calc(50vw - 700px);
}
@media screen and (width <= 1440px) {
  body.home .about-sect ol li:nth-child(even) > :nth-of-type(1) .wr {
    margin-left: 20px;
  }
}
@media screen and (width <= 807px) {
  body.home .about-sect ol li:nth-child(even) > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 797px) {
  body.home .about-sect ol li:nth-child(even) > :nth-of-type(1) .wr {
    margin-left: 15px;
  }
}
body.home .about-sect ol li:nth-child(even) > :nth-of-type(2) {
  overflow: hidden;
  flex-basis: calc(50% + (-5%));
  margin-left: calc(-5% * -1);
}
body.home .about-sect ol li:nth-child(even) > :nth-of-type(2) .wr {
  margin-right: calc(50vw - 700px);
}
@media screen and (width <= 1440px) {
  body.home .about-sect ol li:nth-child(even) > :nth-of-type(2) .wr {
    margin-right: 20px;
  }
}
@media screen and (width <= 807px) {
  body.home .about-sect ol li:nth-child(even) > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 797px) {
  body.home .about-sect ol li:nth-child(even) > :nth-of-type(2) .wr {
    margin-right: 15px;
  }
}
body.home .about-sect ol li:nth-child(even) .img {
  padding-left: 0;
  padding-right: 20px;
}
body.home .about-sect ol li:nth-child(even) .img:before {
  border-radius: 0 10px 10px 0;
}
body.home .about-sect ol li:nth-child(even) .img img {
  border-radius: 0 10px 10px 0;
}
@media screen and (width <= 600px) {
  body.home .about-sect ol li {
    flex-wrap: wrap;
  }
  body.home .about-sect ol li > :nth-of-type(1) {
    flex-basis: unset;
    margin-right: unset;
  }
  body.home .about-sect ol li > :nth-of-type(1) .wr {
    margin-left: unset;
  }
  body.home .about-sect ol li > :nth-of-type(2) {
    flex-basis: unset;
    margin-left: unset;
  }
  body.home .about-sect ol li > :nth-of-type(2) .wr {
    margin-right: unset;
  }
  body.home .about-sect ol li .img {
    order: 1;
    margin-left: 15px;
  }
  body.home .about-sect ol li .txt {
    order: 2;
    padding-inline: 15px;
  }
  body.home .about-sect ol li:nth-child(even) > :nth-of-type(1) {
    flex-basis: unset;
    margin-right: unset;
  }
  body.home .about-sect ol li:nth-child(even) > :nth-of-type(1) .wr {
    margin-left: unset;
  }
  body.home .about-sect ol li:nth-child(even) > :nth-of-type(2) {
    flex-basis: unset;
    margin-left: unset;
  }
  body.home .about-sect ol li:nth-child(even) > :nth-of-type(2) .wr {
    margin-right: unset;
  }
  body.home .about-sect ol li:nth-child(even) .img {
    margin-left: 0;
    margin-right: 15px;
  }
}
body.home .service-sect .width-wrap {
  background-color: #F7F9FB;
  border-radius: 30px;
  padding: 91px 6%;
}
body.home .service-sect .width-wrap > hgroup {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 24px;
  padding-bottom: 32px;
  border-bottom: 1px solid #92B9DA;
  margin-bottom: 80px;
}
body.home .service-sect .width-wrap > hgroup h1,
body.home .service-sect .width-wrap > hgroup h2 {
  font-size: clamp(87px, 20.5882352941vw, 140px);
  font-family: "Lato", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 300;
  width: max-content;
  background: var(--grad-light-dark);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  margin: 0;
}
body.home .service-sect .width-wrap > hgroup p:nth-of-type(1) {
  font-size: 24px;
  font-family: "Zen Kaku Gothic New", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 400;
  margin-bottom: 0;
  color: #384E4C;
}
body.home .service-sect .width-wrap > hgroup p:nth-of-type(2) {
  flex-basis: 100%;
  margin-top: 40px;
}
body.home .service-sect .width-wrap .service-wrap {
  display: flex;
  column-gap: max(20px, 2.7%);
}
body.home .service-sect .width-wrap .service-wrap .service {
  flex: 1;
}
body.home .service-sect .width-wrap .service-wrap .service a .img {
  position: relative;
  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.25));
}
body.home .service-sect .width-wrap .service-wrap .service a .img img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}
body.home .service-sect .width-wrap .service-wrap .service a .img .arrow {
  position: absolute;
  right: 15px;
  bottom: 15px;
  background-color: white;
  width: 50px;
  height: 50px;
  border-radius: 100vmax;
  display: grid;
  place-content: center;
  transition: 0.3s;
}
body.home .service-sect .width-wrap .service-wrap .service a .img .arrow svg {
  fill: #274A78;
  margin-left: 3px;
}
body.home .service-sect .width-wrap .service-wrap .service a .txt {
  padding-top: 39px;
}
body.home .service-sect .width-wrap .service-wrap .service a .txt hgroup {
  margin-bottom: 24px;
}
body.home .service-sect .width-wrap .service-wrap .service a .txt hgroup p {
  font-size: 16px;
  margin-bottom: 10px;
}
body.home .service-sect .width-wrap .service-wrap .service a .txt hgroup h3 {
  margin: 0;
  font-size: 24px;
}
body.home .service-sect .width-wrap .service-wrap .service a:hover .img .arrow {
  background-color: #274A78;
  transition: 0.3s;
}
body.home .service-sect .width-wrap .service-wrap .service a:hover .img .arrow svg {
  fill: white;
}
body.home .service-sect .width-wrap .service-wrap .service:nth-of-type(even) {
  padding-top: 60px;
}
@media screen and (width <= 767px) {
  body.home .service-sect .width-wrap .service-wrap {
    flex-wrap: wrap;
  }
  body.home .service-sect .width-wrap .service-wrap .service {
    flex-basis: 100%;
  }
  body.home .service-sect .width-wrap .service-wrap .service .img {
    max-width: max-content;
  }
  body.home .service-sect .width-wrap .service-wrap .service .txt {
    padding-top: 20px;
  }
  body.home .service-sect .width-wrap .service-wrap .service .txt hgroup {
    margin-bottom: 15px;
  }
  body.home .service-sect .width-wrap .service-wrap .service:nth-of-type(even) {
    padding-top: 0;
  }
  body.home .service-sect .width-wrap .service-wrap .service + .service {
    margin-top: 50px;
  }
}
body.home .message-sect {
  padding-top: 160px;
}
body.home .imgdeco-sect {
  overflow: hidden;
}
body.home .imgdeco-sect ul {
  display: flex;
  width: max-content;
  animation: marquee 60s linear infinite;
}
body.home .imgdeco-sect ul li {
  padding-inline: 19px;
}
body.home .imgdeco-sect ul li img {
  border-radius: 20px;
}
@media screen and (width <= 480px) {
  body.home .imgdeco-sect ul li img {
    aspect-ratio: 576/341;
    width: min(120vw, 576px);
    height: auto;
  }
}
body.home .imgdeco-sect ul li:nth-child(even) {
  padding-top: 50px;
}

.news-sect {
  padding-top: 164px;
  padding-bottom: 144px;
}
.news-sect .width-wrap {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1240px) {
  .news-sect .width-wrap {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 807px) {
  .news-sect .width-wrap {
    margin-left: calc(50vw - 383.5px);
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (max-width: 797px) {
  .news-sect .width-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.news-sect .width-wrap hgroup {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 24px;
  padding-bottom: 32px;
  border-bottom: 1px solid #92B9DA;
  margin-bottom: 80px;
  border-bottom: 0 none;
  padding-bottom: 0;
  margin-bottom: 70px;
}
.news-sect .width-wrap hgroup h1,
.news-sect .width-wrap hgroup h2 {
  font-size: clamp(87px, 20.5882352941vw, 140px);
  font-family: "Lato", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 300;
  width: max-content;
  background: var(--grad-light-dark);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  margin: 0;
}
.news-sect .width-wrap hgroup p:nth-of-type(1) {
  font-size: 24px;
  font-family: "Zen Kaku Gothic New", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 400;
  margin-bottom: 0;
  color: #384E4C;
}
.news-sect .width-wrap hgroup p:nth-of-type(2) {
  flex-basis: 100%;
  margin-top: 40px;
}
.news-sect .width-wrap .article-wrap {
  margin-bottom: 70px;
}
.news-sect .width-wrap .article-wrap .post a {
  display: block;
  color: #251E1C;
  padding-block: 32px;
  border-bottom: 1px solid #92B9DA;
}
.news-sect .width-wrap .article-wrap .post a:visited {
  color: #251E1C;
}
.news-sect .width-wrap .article-wrap .post a:hover {
  color: #274A78;
}
.news-sect .width-wrap .article-wrap .post a:active {
  color: #274A78;
}
.news-sect .width-wrap .article-wrap .post a:hover {
  background-color: #f5f5f5;
}
.news-sect .width-wrap .article-wrap .post .entry-header {
  padding-inline: 10px;
  display: flex;
  column-gap: 3%;
  align-items: center;
}
.news-sect .width-wrap .article-wrap .post .entry-header .date {
  flex-basis: 6em;
  font-size: 17px;
  flex-shrink: 0;
}
.news-sect .width-wrap .article-wrap .post .entry-header .post-categories {
  flex-basis: 11em;
  flex-grow: 0;
  flex-shrink: 0;
  border: 1px solid #274A78;
  border-radius: 100vmax;
  text-align: center;
  font-size: 15px;
  line-height: 1.2;
  padding-inline: 15px;
  padding-block: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #274A78;
}
.news-sect .width-wrap .article-wrap .post .entry-header .post-categories li {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news-sect .width-wrap .article-wrap .post .entry-header .entry-title {
  margin: 0;
  font-weight: normal;
  font-size: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (width <= 810px) {
  .news-sect .width-wrap .article-wrap .post .entry-header {
    flex-wrap: wrap;
    row-gap: 18px;
  }
  .news-sect .width-wrap .article-wrap .post .entry-header .entry-title {
    flex-basis: 100%;
  }
}

.message-sect .content-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.message-sect .content-wrap > :nth-of-type(1) {
  overflow: hidden;
  flex-basis: calc(50% + (34%));
  margin-right: calc(34% * -1);
}
.message-sect .content-wrap > :nth-of-type(1) .wr {
  margin-left: calc(50vw - 700px);
}
@media screen and (width <= 1440px) {
  .message-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 20px;
  }
}
@media screen and (width <= 807px) {
  .message-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 797px) {
  .message-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 15px;
  }
}
.message-sect .content-wrap > :nth-of-type(2) {
  overflow: hidden;
  flex-basis: calc(50% + (45%));
  margin-left: calc(45% * -1);
}
.message-sect .content-wrap > :nth-of-type(2) .wr {
  margin-right: calc(50vw - 700px);
}
@media screen and (width <= 1440px) {
  .message-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 20px;
  }
}
@media screen and (width <= 807px) {
  .message-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 797px) {
  .message-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 15px;
  }
}
@media screen and (width >= 1601px) {
  .message-sect .content-wrap {
    display: flex;
    justify-content: space-between;
  }
  .message-sect .content-wrap > :nth-of-type(1) {
    overflow: hidden;
    flex-basis: calc(50% + (544px));
    margin-right: calc(544px * -1);
  }
  .message-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 700px);
  }
}
@media screen and (width >= 1601px) and (width <= 1440px) {
  .message-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 20px;
  }
}
@media screen and (width >= 1601px) and (width <= 807px) {
  .message-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 383.5px);
  }
}
@media screen and (width >= 1601px) and (width <= 797px) {
  .message-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 15px;
  }
}
@media screen and (width >= 1601px) {
  .message-sect .content-wrap > :nth-of-type(2) {
    overflow: hidden;
    flex-basis: calc(50% + (720px));
    margin-left: calc(720px * -1);
  }
  .message-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 700px);
  }
}
@media screen and (width >= 1601px) and (width <= 1440px) {
  .message-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 20px;
  }
}
@media screen and (width >= 1601px) and (width <= 807px) {
  .message-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (width >= 1601px) and (width <= 797px) {
  .message-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 15px;
  }
}
.message-sect .content-wrap .img {
  z-index: 1;
}
.message-sect .content-wrap .img img {
  width: 100%;
  height: 593px;
  object-fit: cover;
  border-radius: 0 20px 20px 0;
}
.message-sect .content-wrap .txt .wr {
  margin-top: 388px;
  padding-top: 285px;
  padding-bottom: 96px;
  padding-inline: 13%;
  border-radius: 30px;
  background: var(--grad-dark-light);
  color: white;
}
.message-sect .content-wrap .txt .wr hgroup {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 24px;
  padding-bottom: 32px;
  border-bottom: 1px solid #92B9DA;
  margin-bottom: 80px;
  border-bottom: 0 none;
  padding-bottom: 0;
  margin-bottom: 72px;
  margin-left: -10%;
}
.message-sect .content-wrap .txt .wr hgroup h1,
.message-sect .content-wrap .txt .wr hgroup h2 {
  font-size: clamp(87px, 20.5882352941vw, 140px);
  font-family: "Lato", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 300;
  width: max-content;
  background: var(--grad-light-dark);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  margin: 0;
}
.message-sect .content-wrap .txt .wr hgroup p:nth-of-type(1) {
  font-size: 24px;
  font-family: "Zen Kaku Gothic New", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 400;
  margin-bottom: 0;
  color: #384E4C;
}
.message-sect .content-wrap .txt .wr hgroup p:nth-of-type(2) {
  flex-basis: 100%;
  margin-top: 40px;
}
.message-sect .content-wrap .txt .wr hgroup h2 {
  font-size: clamp(60px, 20.5882352941vw, 140px);
  color: white;
  background: unset;
  background-clip: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
}
.message-sect .content-wrap .txt .wr hgroup p:nth-of-type(1) {
  color: white;
}
.message-sect .content-wrap .txt .wr h3 {
  font-size: 32px;
  margin-bottom: 20px;
  letter-spacing: 2px;
}
@media screen and (max-width: 480px) {
  .message-sect .content-wrap .txt .wr h3 {
    letter-spacing: 0px;
  }
}
.message-sect .content-wrap .txt .wr h3 + p {
  font-feature-settings: "halt";
  line-height: 1.8;
  margin-bottom: 33px;
}
.message-sect .content-wrap .txt .wr .signature {
  letter-spacing: 2.5px;
  text-align: right;
  margin-top: 60px;
  margin-bottom: 0;
}
@media screen and (max-width: 480px) {
  .message-sect .content-wrap .txt .wr .signature {
    letter-spacing: 0.5px;
  }
}
.message-sect .content-wrap .txt .wr .signature span {
  font-size: 20px;
}
.message-sect .content-wrap .txt .wr .more {
  margin-top: 50px;
  background-color: white;
  color: #274A78;
  margin-right: 0;
  transition: 0.3s;
}
.message-sect .content-wrap .txt .wr .more:visited {
  color: #274A78;
}
.message-sect .content-wrap .txt .wr .more:hover {
  color: #274A78;
}
.message-sect .content-wrap .txt .wr .more:active {
  color: #274A78;
}
.message-sect .content-wrap .txt .wr .more:before {
  transition: 0.3s;
  background-color: #274A78;
}
.message-sect .content-wrap .txt .wr .more:after {
  transition: 0.3s;
  background-color: white;
}
.message-sect .content-wrap .txt .wr .more:hover {
  transition: 0.3s;
  background-color: #92B9DA;
  color: white;
}
.message-sect .content-wrap .txt .wr .more:hover:before {
  transition: 0.3s;
  background-color: white;
}
.message-sect .content-wrap .txt .wr .more:hover:after {
  transition: 0.3s;
  background-color: #274A78;
}
@media screen and (width <= 520px) {
  .message-sect .content-wrap .txt .wr {
    padding-inline: 25px;
    padding-bottom: 50px;
  }
  .message-sect .content-wrap .txt .wr hgroup {
    margin-left: 0;
  }
}
@media screen and (width <= 1100px) {
  .message-sect .content-wrap .img img {
    aspect-ratio: 924/593;
    height: auto;
  }
  .message-sect .content-wrap .txt .wr {
    margin-top: min(35.2727272727vw, 388px);
    padding-top: min(25.9090909091vw, 285px);
  }
}

.site-footer {
  padding-top: 157px;
}
.site-footer hr {
  border-bottom: 1px solid #92B9DA;
  margin-inline: 40px;
}
@media screen and (max-width: 1480px) {
  .site-footer hr {
    margin-left: max(20px, 50vw - 700px);
    margin-right: max(20px, 50vw - 700px);
  }
}
@media screen and (max-width: 807px) {
  .site-footer hr {
    margin-left: calc(50vw - 383.5px);
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (max-width: 797px) {
  .site-footer hr {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.site-footer .site-info .width-wrap {
  padding-top: 58px;
  padding-bottom: 90px;
  padding-inline: 5px;
  display: grid;
  grid-template-columns: max-content minmax(0, 700px);
  justify-content: space-between;
  column-gap: 50px;
  row-gap: 60px;
}
.site-footer .site-info .width-wrap .ft-logo img {
  margin-bottom: 34px;
  scale: 1.005;
}
.site-footer .site-info .width-wrap .ft-logo .address {
  line-height: 1.4;
  font-size: 14px;
}
.site-footer .site-info .width-wrap .menus {
  display: grid;
  grid-template-columns: repeat(3, 30%);
  column-gap: 5%;
}
.site-footer .site-info .width-wrap .menus > div {
  flex-shrink: 0;
  max-width: 175px;
}
.site-footer .site-info .width-wrap .menus > div h5 {
  margin-top: 0;
  font-size: 18px;
}
.site-footer .site-info .width-wrap .menus > div a {
  display: flex;
  align-items: flex-start;
  column-gap: 10px;
  color: #251E1C;
}
.site-footer .site-info .width-wrap .menus > div a:before {
  margin-top: 6px;
  flex-shrink: 0;
  content: "";
  display: block;
  width: 6px;
  height: 10px;
  background-color: #274A78;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.site-footer .site-info .width-wrap .menus > div a:visited {
  color: #251E1C;
}
.site-footer .site-info .width-wrap .menus > div a:hover {
  color: #274A78;
}
.site-footer .site-info .width-wrap .menus > div a:active {
  color: #274A78;
}
.site-footer .site-info .width-wrap .menus > div > ul li {
  margin-bottom: 0.7em;
  line-height: 1.4;
}
.site-footer .site-info .width-wrap .ft-cta .more {
  margin-left: 0;
}
.site-footer .site-info .width-wrap .policy {
  align-self: center;
}
.site-footer .site-info .width-wrap .policy a {
  display: block;
  width: max-content;
  margin-left: auto;
  font-size: 13px;
  color: #666;
}
@media screen and (width <= 991px) {
  .site-footer .site-info .width-wrap .menus {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (width <= 767px) {
  .site-footer .site-info .width-wrap {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, auto);
    justify-items: center;
    padding-top: 30px;
    padding-bottom: 50px;
  }
  .site-footer .site-info .width-wrap .menus {
    width: 100%;
    grid-template-columns: repeat(3, 30%);
  }
  .site-footer .site-info .width-wrap .menus > div {
    max-width: unset;
  }
  .site-footer .site-info .width-wrap .ft-cta {
    order: 2;
    margin-top: 20px;
  }
  .site-footer .site-info .width-wrap .ft-logo {
    order: 3;
    margin-top: 50px;
  }
  .site-footer .site-info .width-wrap .ft-logo img {
    margin-inline: auto;
  }
  .site-footer .site-info .width-wrap .policy {
    order: 4;
  }
}
@media screen and (width <= 600px) {
  .site-footer .site-info .width-wrap .menus {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (width <= 430px) {
  .site-footer .site-info .width-wrap .menus {
    justify-self: left;
    grid-template-columns: 1fr;
    row-gap: 30px;
  }
}
.site-footer .message-box {
  background: var(--grad-dark-light);
  color: white;
  padding-block: 120px 110px;
}
.site-footer .message-box .width-wrap {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  column-gap: 20px;
}
.site-footer .message-box .width-wrap h5 {
  font-size: clamp(66px, 13.6363636364vw, 90px);
  color: white;
  font-family: "Lato", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 300;
  line-height: 1.1;
  margin: 0;
}
.site-footer .message-box .width-wrap p {
  flex-basis: max-content;
  margin-bottom: 0;
  font-size: 13px;
  white-space: nowrap;
}
@media screen and (width <= 767px) {
  .site-footer .message-box {
    padding-block: 80px 20px;
  }
  .site-footer .message-box .width-wrap {
    flex-wrap: wrap;
    justify-content: center;
  }
  .site-footer .message-box .width-wrap h5 {
    margin-bottom: 70px;
    text-align: center;
  }
  .site-footer .message-box .width-wrap p {
    white-space: normal;
  }
}

.firstview-sect {
  padding-top: 30px;
  padding-bottom: 120px;
}
.firstview-sect .content-wrap {
  padding-bottom: 55px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.firstview-sect .content-wrap > :nth-of-type(1) {
  overflow: hidden;
  flex-basis: calc(50% + (-7%));
  margin-right: calc(-7% * -1);
}
.firstview-sect .content-wrap > :nth-of-type(1) .wr {
  margin-left: calc(50vw - 700px);
}
@media screen and (width <= 1440px) {
  .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 20px;
  }
}
@media screen and (width <= 807px) {
  .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 797px) {
  .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 15px;
  }
}
.firstview-sect .content-wrap > :nth-of-type(2) {
  overflow: hidden;
  flex-basis: calc(50% + (5%));
  margin-left: calc(5% * -1);
}
.firstview-sect .content-wrap > :nth-of-type(2) .wr {
  margin-right: calc(50vw - 700px);
}
@media screen and (width <= 1440px) {
  .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 20px;
  }
}
@media screen and (width <= 807px) {
  .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 797px) {
  .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 15px;
  }
}
.firstview-sect .content-wrap .left .wr hgroup {
  margin-bottom: 60px;
}
.firstview-sect .content-wrap .left .wr hgroup h3 {
  font-size: 20px;
  color: #274A78;
  margin: 0;
  padding-left: 3px;
}
.firstview-sect .content-wrap .left .wr hgroup h1 {
  font-size: 40px;
  margin-block: 20px;
}
.firstview-sect .content-wrap .left .wr hgroup p {
  font-size: 14px;
  color: #274A78;
  margin: 0;
  padding-left: 4px;
}
.firstview-sect .content-wrap .left .wr hgroup + p {
  line-height: 1.8;
  padding-left: 4px;
}
.firstview-sect .content-wrap .right {
  padding-left: 25px;
  padding-bottom: 20px;
  position: relative;
}
.firstview-sect .content-wrap .right img {
  border-radius: 10px 0 0 10px;
  width: 100%;
  height: 491px;
  object-fit: cover;
  object-position: center top;
}
@media screen and (width <= 480px) {
  .firstview-sect .content-wrap .right img {
    height: 380px;
  }
}
.firstview-sect .content-wrap .right:before {
  content: "";
  display: block;
  background-color: #92B9DA;
  width: 100%;
  height: 70%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 10px 0 0 10px;
}
.firstview-sect .read {
  max-width: max-content;
  margin-inline: auto;
  text-align: center;
  line-height: 1.6;
  padding-bottom: 15px;
  padding-inline: 1%;
  border-bottom: 1px solid #92B9DA;
  text-align: justify;
}
.firstview-sect .read span {
  display: inline-block;
}
@media screen and (width <= 480px) {
  .firstview-sect .read {
    text-align: left;
  }
}
@media screen and (width <= 767px) {
  .firstview-sect {
    padding-bottom: 30px;
  }
  .firstview-sect .content-wrap {
    flex-wrap: wrap;
  }
  .firstview-sect .content-wrap > :nth-of-type(1) {
    flex-basis: unset;
    margin-right: unset;
  }
  .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: unset;
  }
  .firstview-sect .content-wrap > :nth-of-type(2) {
    flex-basis: unset;
    margin-left: unset;
  }
  .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: unset;
  }
  .firstview-sect .content-wrap .left {
    order: 2;
    margin-inline: 15px;
    padding-top: 40px;
  }
  .firstview-sect .content-wrap .right {
    order: 1;
    margin-left: 15px;
  }
}

body.page-study-in-uk .about-sect .width-wrap {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1240px) {
  body.page-study-in-uk .about-sect .width-wrap {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 807px) {
  body.page-study-in-uk .about-sect .width-wrap {
    margin-left: calc(50vw - 383.5px);
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (max-width: 797px) {
  body.page-study-in-uk .about-sect .width-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }
}
body.page-study-in-uk .about-sect hgroup {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 24px;
  padding-bottom: 32px;
  border-bottom: 1px solid #92B9DA;
  margin-bottom: 80px;
  margin-bottom: 0;
}
body.page-study-in-uk .about-sect hgroup h1,
body.page-study-in-uk .about-sect hgroup h2 {
  font-size: clamp(87px, 20.5882352941vw, 140px);
  font-family: "Lato", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 300;
  width: max-content;
  background: var(--grad-light-dark);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  margin: 0;
}
body.page-study-in-uk .about-sect hgroup p:nth-of-type(1) {
  font-size: 24px;
  font-family: "Zen Kaku Gothic New", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 400;
  margin-bottom: 0;
  color: #384E4C;
}
body.page-study-in-uk .about-sect hgroup p:nth-of-type(2) {
  flex-basis: 100%;
  margin-top: 40px;
}
body.page-study-in-uk .about-sect ol {
  counter-reset: num;
}
body.page-study-in-uk .about-sect ol li {
  display: grid;
  grid-template-columns: max-content 43% 40%;
  column-gap: 5%;
  padding-block: 80px;
  border-bottom: 1px solid #92B9DA;
  align-items: first;
}
body.page-study-in-uk .about-sect ol li:before {
  counter-increment: num;
  content: counter(num, decimal-leading-zero);
  font-family: "Lato", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 300;
  font-size: 40px;
  line-height: 1;
  align-self: flex-start;
  width: max-content;
  background: var(--grad-light-dark);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.page-study-in-uk .about-sect ol li .img img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}
body.page-study-in-uk .about-sect ol li .txt {
  align-self: center;
}
body.page-study-in-uk .about-sect ol li .txt h3 {
  font-size: 24px;
  line-height: 1.5;
  margin-top: 0;
}
body.page-study-in-uk .about-sect ol li .txt h3 span {
  white-space: nowrap;
}
body.page-study-in-uk .about-sect ol li .txt p:last-child {
  margin-bottom: 0;
}
body.page-study-in-uk .about-sect ol li:last-child {
  border-bottom: 0 none;
}
@media screen and (width <= 870px) {
  body.page-study-in-uk .about-sect ol li {
    row-gap: 30px;
    grid-template-columns: max-content auto;
  }
  body.page-study-in-uk .about-sect ol li .txt {
    grid-column: 2/3;
  }
  body.page-study-in-uk .about-sect ol li .txt h3 {
    font-size: clamp(20px, 5vw, 24px);
  }
}
body.page-study-in-uk .opinion-sect {
  overflow: hidden;
  position: relative;
}
body.page-study-in-uk .opinion-sect .anim-txt {
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  white-space: nowrap;
  display: flex;
  width: max-content;
  animation: marquee 40s linear infinite;
}
body.page-study-in-uk .opinion-sect .anim-txt p {
  font-family: "Lato", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 300;
  padding-right: 1em;
  font-size: 174px;
  margin: 0;
  line-height: 1;
  opacity: 0.2;
  background: var(--grad-light-dark-s);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.page-study-in-uk .opinion-sect .width-wrap {
  background: var(--grad-dark-light);
  opacity: 0.85;
  border-radius: 30px;
  display: flex;
  align-items: center;
  column-gap: 5%;
  padding: 72px 8%;
  color: white;
}
body.page-study-in-uk .opinion-sect .width-wrap h3 {
  flex-basis: 42%;
  margin: 0;
  font-size: 24px;
  line-height: 1.5;
}
body.page-study-in-uk .opinion-sect .width-wrap p {
  flex-basis: 53%;
  margin: 0;
}
@media screen and (width <= 991px) {
  body.page-study-in-uk .opinion-sect .width-wrap {
    flex-wrap: wrap;
    row-gap: 1.5em;
  }
  body.page-study-in-uk .opinion-sect .width-wrap h3 {
    flex-basis: 100%;
    text-align: center;
  }
  body.page-study-in-uk .opinion-sect .width-wrap p {
    flex-basis: 100%;
  }
}
body.page-study-in-uk .trouble-sect {
  padding-block: 160px;
}
body.page-study-in-uk .trouble-sect .width-wrap {
  background-color: #F7F9FB;
  border-radius: 30px;
  padding-block: 100px;
  padding-inline: 6.4%;
}
body.page-study-in-uk .trouble-sect .width-wrap h2 {
  margin-top: 0;
  padding-bottom: 30px;
  border-bottom: 1px solid #92B9DA;
  margin-bottom: 40px;
}
body.page-study-in-uk .trouble-sect .width-wrap ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 4%;
  row-gap: 40px;
}
body.page-study-in-uk .trouble-sect .width-wrap ul li {
  border-radius: 10px;
  background-color: white;
  padding-block: 45px;
  padding-inline: 15px;
}
body.page-study-in-uk .trouble-sect .width-wrap ul li p {
  text-align: center;
}
body.page-study-in-uk .trouble-sect .width-wrap ul li img {
  margin-inline: auto;
}
@media screen and (width <= 991px) {
  body.page-study-in-uk .trouble-sect .width-wrap {
    padding-block: 60px;
  }
  body.page-study-in-uk .trouble-sect .width-wrap ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (width <= 580px) {
  body.page-study-in-uk .trouble-sect .width-wrap {
    padding-block: 40px;
  }
  body.page-study-in-uk .trouble-sect .width-wrap ul {
    grid-template-columns: repeat(1, 1fr);
  }
  body.page-study-in-uk .trouble-sect .width-wrap ul li {
    padding-inline: max(15px, 5%);
  }
}
body.page-study-in-uk .contact-sect {
  position: relative;
  padding-block: 120px;
}
body.page-study-in-uk .contact-sect > img {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (width <= 767px) {
  body.page-study-in-uk .contact-sect {
    padding-block: 80px;
  }
}
body.page-study-in-uk .contact-sect .width-wrap {
  background-color: white;
  border-radius: 30px;
  padding-block: 100px;
  padding-inline: 10%;
}
body.page-study-in-uk .contact-sect .width-wrap hgroup {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 24px;
  padding-bottom: 32px;
  border-bottom: 1px solid #92B9DA;
  margin-bottom: 80px;
  justify-content: center;
  margin-bottom: 60px;
}
body.page-study-in-uk .contact-sect .width-wrap hgroup h1,
body.page-study-in-uk .contact-sect .width-wrap hgroup h2 {
  font-size: clamp(87px, 20.5882352941vw, 140px);
  font-family: "Lato", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 300;
  width: max-content;
  background: var(--grad-light-dark);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  margin: 0;
}
body.page-study-in-uk .contact-sect .width-wrap hgroup p:nth-of-type(1) {
  font-size: 24px;
  font-family: "Zen Kaku Gothic New", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 400;
  margin-bottom: 0;
  color: #384E4C;
}
body.page-study-in-uk .contact-sect .width-wrap hgroup p:nth-of-type(2) {
  flex-basis: 100%;
  margin-top: 40px;
}
body.page-study-in-uk .contact-sect .width-wrap .flex-box {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 7%;
}
body.page-study-in-uk .contact-sect .width-wrap .flex-box p {
  flex-basis: max-content;
  margin-bottom: 0;
}
body.page-study-in-uk .contact-sect .width-wrap .flex-box a {
  margin-inline: 0;
  padding-block: 16px;
}
@media screen and (width <= 991px) {
  body.page-study-in-uk .contact-sect .width-wrap .flex-box p br {
    display: none;
  }
}
@media screen and (width <= 767px) {
  body.page-study-in-uk .contact-sect .width-wrap {
    padding-block: 50px;
    padding-inline: 7%;
  }
  body.page-study-in-uk .contact-sect .width-wrap .flex-box {
    flex-wrap: wrap;
    row-gap: 1.5em;
  }
  body.page-study-in-uk .contact-sect .width-wrap .flex-box p {
    flex-basis: 100%;
  }
}
body.page-study-in-uk .support-sect {
  padding-block: 160px 80px;
}
body.page-study-in-uk .support-sect .width-wrap {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1240px) {
  body.page-study-in-uk .support-sect .width-wrap {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 807px) {
  body.page-study-in-uk .support-sect .width-wrap {
    margin-left: calc(50vw - 383.5px);
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (max-width: 797px) {
  body.page-study-in-uk .support-sect .width-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }
}
body.page-study-in-uk .support-sect h2 {
  font-size: 32px;
}
body.page-study-in-uk .support-sect h2 + p {
  margin-bottom: 4em;
}
body.page-study-in-uk .support-sect ol {
  counter-reset: num;
}
body.page-study-in-uk .support-sect ol > li {
  display: grid;
  grid-template-columns: max-content 43% 40%;
  column-gap: 4%;
  padding-block: 80px;
  border-bottom: 1px solid #92B9DA;
}
body.page-study-in-uk .support-sect ol > li:first-child {
  border-top: 1px solid #92B9DA;
}
body.page-study-in-uk .support-sect ol > li:before {
  counter-increment: num;
  content: counter(num, decimal-leading-zero);
  font-family: "Lato", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 300;
  font-size: 40px;
  line-height: 1;
  align-self: flex-start;
  width: max-content;
  background: var(--grad-light-dark);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.page-study-in-uk .support-sect ol > li .img hgroup {
  margin-bottom: 40px;
}
body.page-study-in-uk .support-sect ol > li .img hgroup h3 {
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 10px;
}
body.page-study-in-uk .support-sect ol > li .img hgroup p {
  color: #274A78;
  margin-bottom: 0;
}
body.page-study-in-uk .support-sect ol > li .img img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}
body.page-study-in-uk .support-sect ol > li .txt {
  align-self: center;
}
body.page-study-in-uk .support-sect ol > li .txt ul {
  list-style: initial;
  padding-left: 1.7em;
  line-height: 1.4;
  list-style: none;
  padding-left: 0;
  margin-bottom: 1.5em;
}
body.page-study-in-uk .support-sect ol > li .txt ul li {
  margin-bottom: 0.9em;
}
body.page-study-in-uk .support-sect ol > li .txt ul li {
  display: flex;
  align-items: flex-start;
}
body.page-study-in-uk .support-sect ol > li .txt ul li:before {
  flex-shrink: 0;
  content: "";
  background: url("/wp-content/themes/jpnace/images/icon-list-maker.svg") no-repeat 50%;
  flex-basis: 22px;
  height: 1lh;
}
body.page-study-in-uk .support-sect ol > li:last-child {
  border-bottom: 0 none;
}
@media screen and (width <= 870px) {
  body.page-study-in-uk .support-sect ol > li {
    row-gap: 30px;
    grid-template-columns: max-content auto;
  }
  body.page-study-in-uk .support-sect ol > li .txt {
    grid-column: 2/3;
  }
}
body.page-study-in-uk .case-sect .width-wrap {
  background-color: #F7F9FB;
  border-radius: 30px;
  padding-block: 100px;
  padding-inline: 6.4%;
}
body.page-study-in-uk .case-sect .width-wrap hgroup {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 24px;
  padding-bottom: 32px;
  border-bottom: 1px solid #92B9DA;
  margin-bottom: 80px;
  justify-content: center;
  margin-bottom: 60px;
}
body.page-study-in-uk .case-sect .width-wrap hgroup h1,
body.page-study-in-uk .case-sect .width-wrap hgroup h2 {
  font-size: clamp(87px, 20.5882352941vw, 140px);
  font-family: "Lato", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 300;
  width: max-content;
  background: var(--grad-light-dark);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  margin: 0;
}
body.page-study-in-uk .case-sect .width-wrap hgroup p:nth-of-type(1) {
  font-size: 24px;
  font-family: "Zen Kaku Gothic New", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 400;
  margin-bottom: 0;
  color: #384E4C;
}
body.page-study-in-uk .case-sect .width-wrap hgroup p:nth-of-type(2) {
  flex-basis: 100%;
  margin-top: 40px;
}
body.page-study-in-uk .case-sect .width-wrap .case-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 40px;
}
body.page-study-in-uk .case-sect .width-wrap .case-wrap .case {
  background-color: white;
  padding: 60px 10%;
  border-radius: 20px;
}
body.page-study-in-uk .case-sect .width-wrap .case-wrap .case h3 {
  font-size: 20px;
  border-left: 3px solid #92B9DA;
  padding-left: 24px;
  margin-bottom: 30px;
}
body.page-study-in-uk .case-sect .width-wrap .case-wrap .case .content p:last-child {
  padding-bottom: 20px;
  margin-bottom: 0;
}
body.page-study-in-uk .case-sect .width-wrap .case-wrap .case .person {
  text-align: right;
}
body.page-study-in-uk .case-sect .width-wrap .more {
  margin-top: 60px;
}
@media screen and (width <= 991px) {
  body.page-study-in-uk .case-sect .width-wrap .case-wrap {
    grid-template-columns: 100%;
    row-gap: 40px;
  }
}
body.page-study-in-uk .faq-sect {
  padding-block: 160px;
}
body.page-study-in-uk .faq-sect .width-wrap {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1240px) {
  body.page-study-in-uk .faq-sect .width-wrap {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 807px) {
  body.page-study-in-uk .faq-sect .width-wrap {
    margin-left: calc(50vw - 383.5px);
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (max-width: 797px) {
  body.page-study-in-uk .faq-sect .width-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }
}
body.page-study-in-uk .faq-sect hgroup {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 24px;
  padding-bottom: 32px;
  border-bottom: 1px solid #92B9DA;
  margin-bottom: 80px;
  border-bottom: 0 none;
  padding-bottom: 0;
}
body.page-study-in-uk .faq-sect hgroup h1,
body.page-study-in-uk .faq-sect hgroup h2 {
  font-size: clamp(87px, 20.5882352941vw, 140px);
  font-family: "Lato", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 300;
  width: max-content;
  background: var(--grad-light-dark);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  margin: 0;
}
body.page-study-in-uk .faq-sect hgroup p:nth-of-type(1) {
  font-size: 24px;
  font-family: "Zen Kaku Gothic New", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 400;
  margin-bottom: 0;
  color: #384E4C;
}
body.page-study-in-uk .faq-sect hgroup p:nth-of-type(2) {
  flex-basis: 100%;
  margin-top: 40px;
}
body.page-study-in-uk .faq-sect hgroup:after {
  flex-grow: 1;
  content: "";
  display: block;
  background: var(--grad-light-dark);
  height: 3px;
}
@media screen and (width <= 560px) {
  body.page-study-in-uk .faq-sect hgroup:after {
    display: none;
  }
}
body.page-study-in-uk .faq-sect dl {
  margin: 0;
  padding-inline: 22px;
}
body.page-study-in-uk .faq-sect dl dt {
  margin-bottom: 0;
}
body.page-study-in-uk .faq-sect dl dd {
  margin-left: 0;
}
body.page-study-in-uk .faq-sect dl dt,
body.page-study-in-uk .faq-sect dl dd {
  padding-block: 27px 29px;
  padding-inline: 5px 10px;
  display: flex;
  align-items: flex-start;
  column-gap: 13px;
}
body.page-study-in-uk .faq-sect dl dt:before,
body.page-study-in-uk .faq-sect dl dd:before {
  content: "Q. ";
  font-size: 30px;
  line-height: 1;
  color: #637EA2;
  margin-top: -3px;
}
body.page-study-in-uk .faq-sect dl dt {
  border-bottom: 1px solid #92B9DA;
  font-size: 20px;
}
body.page-study-in-uk .faq-sect dl dt:after {
  flex-basis: 13px;
  margin-left: auto;
  content: "";
  width: 8px;
  height: 1lh;
  background-color: #637EA2;
  mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjEzIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEuNDI5IDEuNDI5TDYuNTcgNi41N20wLS4xNDJMMS40MyAxMS41NyIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPjwvc3ZnPg==") no-repeat 50%;
  rotate: 90deg;
  transition: all 0.3s;
}
body.page-study-in-uk .faq-sect dl dt.show:after {
  rotate: -90deg;
  transition: all 0.3s;
}
body.page-study-in-uk .faq-sect dl dt:hover {
  cursor: pointer;
}
body.page-study-in-uk .faq-sect dl dd {
  max-height: 0;
  padding-block: 0;
  transition: all 0.3s;
  overflow-y: hidden;
}
body.page-study-in-uk .faq-sect dl dd:before {
  content: "A. ";
  color: #92B9DA;
  margin-top: 3px;
}
body.page-study-in-uk .faq-sect dl dd.show {
  padding-block: 27px 29px;
  max-height: 100vh;
  transition: all 0.5s;
}

body.page-about .philosophy-sect {
  padding-bottom: 103px;
}
body.page-about .philosophy-sect .width-wrap {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1240px) {
  body.page-about .philosophy-sect .width-wrap {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 807px) {
  body.page-about .philosophy-sect .width-wrap {
    margin-left: calc(50vw - 383.5px);
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (max-width: 797px) {
  body.page-about .philosophy-sect .width-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }
}
body.page-about .philosophy-sect .flex-box {
  display: flex;
  align-items: center;
  column-gap: 4%;
  padding-block: 62px;
  border-bottom: 1px solid #92B9DA;
}
body.page-about .philosophy-sect .flex-box .txt h3 {
  font-size: 32px;
  margin-top: 0;
}
body.page-about .philosophy-sect .flex-box .img img {
  border-radius: 10px;
}
body.page-about .philosophy-sect .flex-box:first-child {
  padding-top: 0;
}
@media screen and (width <= 991px) {
  body.page-about .philosophy-sect .flex-box .txt {
    flex-basis: 48%;
  }
  body.page-about .philosophy-sect .flex-box .img {
    flex-basis: 48%;
  }
  body.page-about .philosophy-sect .flex-box .img img {
    max-width: 100%;
    height: auto;
  }
}
@media screen and (width <= 767px) {
  body.page-about .philosophy-sect .flex-box {
    flex-wrap: wrap;
    row-gap: 10px;
  }
  body.page-about .philosophy-sect .flex-box .txt {
    flex-basis: 100%;
  }
  body.page-about .philosophy-sect .flex-box .img {
    flex-basis: 100%;
  }
}
body.page-about .service-sect .width-wrap {
  background-color: #F7F9FB;
  border-radius: 30px;
  padding: 91px 6%;
}
body.page-about .service-sect .width-wrap > hgroup {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 24px;
  padding-bottom: 32px;
  border-bottom: 1px solid #92B9DA;
  margin-bottom: 80px;
}
body.page-about .service-sect .width-wrap > hgroup h1,
body.page-about .service-sect .width-wrap > hgroup h2 {
  font-size: clamp(87px, 20.5882352941vw, 140px);
  font-family: "Lato", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 300;
  width: max-content;
  background: var(--grad-light-dark);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  margin: 0;
}
body.page-about .service-sect .width-wrap > hgroup p:nth-of-type(1) {
  font-size: 24px;
  font-family: "Zen Kaku Gothic New", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 400;
  margin-bottom: 0;
  color: #384E4C;
}
body.page-about .service-sect .width-wrap > hgroup p:nth-of-type(2) {
  flex-basis: 100%;
  margin-top: 40px;
}
body.page-about .service-sect .width-wrap ul li {
  display: flex;
  align-items: center;
  column-gap: 4%;
  margin-bottom: 50px;
}
body.page-about .service-sect .width-wrap ul li .img {
  flex-basis: 50%;
}
body.page-about .service-sect .width-wrap ul li .img img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}
body.page-about .service-sect .width-wrap ul li .txt {
  flex-basis: 45%;
}
body.page-about .service-sect .width-wrap ul li .txt hgroup p {
  font-family: "Zen Kaku Gothic New", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #274A78;
  margin-bottom: 10px;
}
body.page-about .service-sect .width-wrap ul li .txt hgroup h4 {
  font-size: 24px;
  margin-top: 0;
}
body.page-about .service-sect .width-wrap ul li:last-child {
  margin-bottom: 0;
}
@media screen and (width <= 767px) {
  body.page-about .service-sect .width-wrap {
    padding-block: 50px;
  }
  body.page-about .service-sect .width-wrap ul li {
    flex-wrap: wrap;
    row-gap: 20px;
  }
  body.page-about .service-sect .width-wrap ul li .img {
    flex-basis: 100%;
  }
  body.page-about .service-sect .width-wrap ul li .img img {
    width: 100%;
  }
  body.page-about .service-sect .width-wrap ul li .txt {
    flex-basis: 100%;
  }
}
body.page-about .company-sect {
  padding-top: 160px;
  padding-bottom: 190px;
}
body.page-about .company-sect hgroup {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 24px;
  padding-bottom: 32px;
  border-bottom: 1px solid #92B9DA;
  margin-bottom: 80px;
  justify-content: center;
  border-bottom: 0 none;
  padding-bottom: 0;
}
body.page-about .company-sect hgroup h1,
body.page-about .company-sect hgroup h2 {
  font-size: clamp(87px, 20.5882352941vw, 140px);
  font-family: "Lato", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 300;
  width: max-content;
  background: var(--grad-light-dark);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  margin: 0;
}
body.page-about .company-sect hgroup p:nth-of-type(1) {
  font-size: 24px;
  font-family: "Zen Kaku Gothic New", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 400;
  margin-bottom: 0;
  color: #384E4C;
}
body.page-about .company-sect hgroup p:nth-of-type(2) {
  flex-basis: 100%;
  margin-top: 40px;
}
body.page-about .company-sect dl {
  margin: 0;
  max-width: 900px;
  margin-inline: auto;
}
body.page-about .company-sect dl dt {
  margin-bottom: 0;
}
body.page-about .company-sect dl dd {
  margin-left: 0;
}
body.page-about .company-sect dl div {
  display: flex;
  padding-block: 32px;
  border-bottom: 1px solid #92B9DA;
}
body.page-about .company-sect dl div dt {
  flex-basis: 35%;
  font-size: 20px;
  padding-left: 3px;
  flex-shrink: 0;
}
body.page-about .company-sect dl div dd {
  flex-grow: 1;
  padding-right: 3px;
}
body.page-about .activity-sect {
  padding-top: 160px;
}
body.page-about .activity-sect .width-wrap {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1240px) {
  body.page-about .activity-sect .width-wrap {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 807px) {
  body.page-about .activity-sect .width-wrap {
    margin-left: calc(50vw - 383.5px);
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (max-width: 797px) {
  body.page-about .activity-sect .width-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }
}
body.page-about .activity-sect hgroup {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 24px;
  padding-bottom: 32px;
  border-bottom: 1px solid #92B9DA;
  margin-bottom: 80px;
  justify-content: center;
  border-bottom: 0 none;
  padding-bottom: 0;
}
body.page-about .activity-sect hgroup h1,
body.page-about .activity-sect hgroup h2 {
  font-size: clamp(87px, 20.5882352941vw, 140px);
  font-family: "Lato", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 300;
  width: max-content;
  background: var(--grad-light-dark);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  margin: 0;
}
body.page-about .activity-sect hgroup p:nth-of-type(1) {
  font-size: 24px;
  font-family: "Zen Kaku Gothic New", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 400;
  margin-bottom: 0;
  color: #384E4C;
}
body.page-about .activity-sect hgroup p:nth-of-type(2) {
  flex-basis: 100%;
  margin-top: 40px;
}
body.page-about .activity-sect ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 53px 4%;
}
body.page-about .activity-sect ul li {
  display: grid;
  align-items: end;
}
body.page-about .activity-sect ul li img {
  grid-area: 1/-1;
  border-radius: 10px;
  margin-left: 21px;
  margin-bottom: 14px;
  max-width: calc(100% - 21px);
  height: auto;
}
body.page-about .activity-sect ul li p {
  grid-area: 1/-1;
  background-color: #92B9DA;
  border-radius: 4px;
  max-width: max-content;
  padding: 9px 24px 8px;
  font-size: clamp(18px, 1.75vw, 21px);
  color: white;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  column-gap: 9px;
}
body.page-about .activity-sect ul li p:before {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  background: var(--grad-light-dark);
  border-radius: 100vmax;
}
@media screen and (width <= 991px) {
  body.page-about .activity-sect ul {
    grid-template-columns: repeat(2, minmax(0, max-content));
    justify-content: center;
    column-gap: 7%;
  }
}
@media screen and (width <= 670px) {
  body.page-about .activity-sect ul {
    grid-template-columns: repeat(1, 100%);
    justify-items: center;
  }
}

body.page-staffing .firstview-sect .content-wrap .right img {
  object-position: right top;
}
body.page-staffing .service-sect {
  padding-top: 160px;
}
body.page-staffing .service-sect .width-wrap {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1240px) {
  body.page-staffing .service-sect .width-wrap {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 807px) {
  body.page-staffing .service-sect .width-wrap {
    margin-left: calc(50vw - 383.5px);
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (max-width: 797px) {
  body.page-staffing .service-sect .width-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }
}
body.page-staffing .service-sect hgroup.header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 24px;
  padding-bottom: 32px;
  border-bottom: 1px solid #92B9DA;
  margin-bottom: 80px;
}
body.page-staffing .service-sect hgroup.header h1,
body.page-staffing .service-sect hgroup.header h2 {
  font-size: clamp(87px, 20.5882352941vw, 140px);
  font-family: "Lato", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 300;
  width: max-content;
  background: var(--grad-light-dark);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  margin: 0;
}
body.page-staffing .service-sect hgroup.header p:nth-of-type(1) {
  font-size: 24px;
  font-family: "Zen Kaku Gothic New", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 400;
  margin-bottom: 0;
  color: #384E4C;
}
body.page-staffing .service-sect hgroup.header p:nth-of-type(2) {
  flex-basis: 100%;
  margin-top: 40px;
}
body.page-staffing .service-sect ol {
  counter-reset: num;
}
body.page-staffing .service-sect ol li {
  display: grid;
  grid-template-columns: max-content 40% auto;
  column-gap: 5%;
  padding-block: 80px;
  border-bottom: 1px solid #92B9DA;
}
body.page-staffing .service-sect ol li:before {
  counter-increment: num;
  content: counter(num, decimal-leading-zero);
  font-family: "Lato", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 300;
  font-size: 40px;
  line-height: 1;
  align-self: flex-start;
  width: max-content;
  background: var(--grad-light-dark);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.page-staffing .service-sect ol li .img img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}
body.page-staffing .service-sect ol li .txt {
  align-self: center;
}
body.page-staffing .service-sect ol li .txt hgroup p {
  font-family: "Zen Kaku Gothic New", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #274A78;
  margin-bottom: 10px;
}
body.page-staffing .service-sect ol li .txt hgroup h3 {
  font-size: 24px;
  margin-top: 0;
}
body.page-staffing .service-sect ol li:last-child {
  border-bottom: 0 none;
}
@media screen and (width <= 870px) {
  body.page-staffing .service-sect ol li {
    row-gap: 30px;
    grid-template-columns: max-content auto;
  }
  body.page-staffing .service-sect ol li .txt {
    grid-column: 2/3;
  }
  body.page-staffing .service-sect ol li .txt h3 {
    font-size: clamp(20px, 5vw, 24px);
  }
}
body.page-staffing .service-sect .case-example {
  background-color: #F7F9FB;
  border-radius: 30px;
  padding: 60px 5.5%;
}
body.page-staffing .service-sect .case-example h3 {
  font-size: 32px;
  text-align: center;
  border-bottom: 1px solid #92B9DA;
  padding-bottom: 40px;
  margin-bottom: 60px;
}
body.page-staffing .service-sect .case-example .flex-box {
  display: flex;
  align-items: center;
  column-gap: 4%;
}
body.page-staffing .service-sect .case-example .flex-box .img {
  flex-basis: 55%;
}
body.page-staffing .service-sect .case-example .flex-box .img img {
  border-radius: 10px;
  max-width: 100%;
  height: auto;
}
body.page-staffing .service-sect .case-example .flex-box .txt {
  flex-basis: 41%;
}
body.page-staffing .service-sect .case-example .flex-box .txt h4 {
  font-size: 24px;
  margin-top: 0;
}
@media screen and (width <= 920px) {
  body.page-staffing .service-sect .case-example .flex-box {
    flex-wrap: wrap;
    row-gap: 30px;
  }
  body.page-staffing .service-sect .case-example .flex-box .img {
    flex-basis: 100%;
  }
  body.page-staffing .service-sect .case-example .flex-box .img img {
    margin-inline: auto;
  }
  body.page-staffing .service-sect .case-example .flex-box .txt {
    flex-basis: 100%;
  }
  body.page-staffing .service-sect .case-example .flex-box .txt h4 {
    text-align: center;
    margin-bottom: 18px;
  }
}
body.page-staffing .service-sect .recommended {
  padding-top: 80px;
}
body.page-staffing .service-sect .recommended h3 {
  font-size: 32px;
  border-bottom: 1px solid #92B9DA;
  padding-bottom: 40px;
  margin-bottom: 60px;
  text-align: center;
}
body.page-staffing .service-sect .recommended .flex-box {
  border-bottom: 1px solid #92B9DA;
  padding-bottom: 64px;
  display: flex;
  justify-content: center;
  gap: 4%;
}
body.page-staffing .service-sect .recommended .flex-box > div img {
  border-radius: 10px;
  max-width: 100%;
  height: auto;
}
body.page-staffing .service-sect .recommended .flex-box > div h4 {
  font-size: 24px;
}
body.page-staffing .service-sect .recommended .flex-box > div ul {
  list-style: initial;
  padding-left: 1.7em;
  line-height: 1.4;
  list-style: none;
  padding-left: 0;
}
body.page-staffing .service-sect .recommended .flex-box > div ul li {
  margin-bottom: 0.9em;
}
body.page-staffing .service-sect .recommended .flex-box > div ul li {
  display: flex;
  align-items: flex-start;
}
body.page-staffing .service-sect .recommended .flex-box > div ul li:before {
  flex-shrink: 0;
  content: "";
  background: url("/wp-content/themes/jpnace/images/icon-list-maker.svg") no-repeat 50%;
  flex-basis: 22px;
  height: 1lh;
}
@media screen and (width <= 767px) {
  body.page-staffing .service-sect .recommended .flex-box {
    flex-wrap: wrap;
    row-gap: 50px;
  }
}
body.page-staffing .intern-sect {
  padding-top: 64px;
}
body.page-staffing .intern-sect hgroup {
  text-align: center;
  margin-bottom: 34px;
}
body.page-staffing .intern-sect hgroup h2 {
  font-size: 28px;
  margin-top: 15px;
  margin-bottom: 0;
}
body.page-staffing .intern-sect .read {
  text-align: center;
  max-width: 1150px;
  margin-inline: auto;
  margin-bottom: 80px;
}
body.page-staffing .intern-sect .flex-box {
  display: flex;
  align-items: center;
  column-gap: 4%;
}
body.page-staffing .intern-sect .flex-box .img {
  align-self: flex-start;
  position: relative;
  padding-block: 4px;
}
body.page-staffing .intern-sect .flex-box .img:before {
  content: "";
  display: block;
  width: calc(100% - 24px);
  height: 100%;
  margin-inline: 12px;
  background-color: #F4F4F4;
  position: absolute;
  top: 0;
  z-index: -1;
}
body.page-staffing .intern-sect .flex-box .img img {
  max-width: 100%;
  height: auto;
}
body.page-staffing .intern-sect .flex-box .txt {
  flex-basis: 55%;
}
body.page-staffing .intern-sect .flex-box .txt h3 {
  text-align: center;
  font-size: 24px;
  margin-top: 0;
}
@media screen and (width <= 860px) {
  body.page-staffing .intern-sect .flex-box {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 30px;
  }
  body.page-staffing .intern-sect .flex-box .txt {
    flex-basis: 100%;
  }
}
body.page-staffing .intern-sect .start {
  margin-top: 80px;
  background: var(--grad-dark-light);
  padding-block: 60px 38px;
  padding-inline: 5%;
  border-radius: 30px;
}
body.page-staffing .intern-sect .start h3 {
  margin-top: 0;
  color: white;
  font-size: 28px;
  text-align: center;
}
body.page-staffing .intern-sect .start p {
  color: white;
}
body.page-staffing .step-sect {
  padding-top: 100px;
}
body.page-staffing .step-sect .width-wrap {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1240px) {
  body.page-staffing .step-sect .width-wrap {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 807px) {
  body.page-staffing .step-sect .width-wrap {
    margin-left: calc(50vw - 383.5px);
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (max-width: 797px) {
  body.page-staffing .step-sect .width-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }
}
body.page-staffing .step-sect hgroup {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 24px;
  padding-bottom: 32px;
  border-bottom: 1px solid #92B9DA;
  margin-bottom: 80px;
  padding-bottom: 0;
  border-bottom: 0 none;
}
body.page-staffing .step-sect hgroup h1,
body.page-staffing .step-sect hgroup h2 {
  font-size: clamp(87px, 20.5882352941vw, 140px);
  font-family: "Lato", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 300;
  width: max-content;
  background: var(--grad-light-dark);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  margin: 0;
}
body.page-staffing .step-sect hgroup p:nth-of-type(1) {
  font-size: 24px;
  font-family: "Zen Kaku Gothic New", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 400;
  margin-bottom: 0;
  color: #384E4C;
}
body.page-staffing .step-sect hgroup p:nth-of-type(2) {
  flex-basis: 100%;
  margin-top: 40px;
}
body.page-staffing .step-sect hgroup + p {
  font-size: 28px;
  font-family: "Zen Kaku Gothic New", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 400;
}
body.page-staffing .step-sect ol {
  counter-reset: num;
}
body.page-staffing .step-sect ol li {
  display: grid;
  grid-template-columns: 60px auto;
  grid-template-rows: repeat(2, auto);
  gap: 10px 4%;
  align-items: center;
  margin-bottom: 67px;
}
body.page-staffing .step-sect ol li:before {
  grid-column: 1/2;
  grid-row: 1/3;
  counter-increment: num;
  content: counter(num, decimal-leading-zero);
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 100vmax;
  background: var(--grad-light-dark);
  font-size: 20px;
  color: white;
  font-family: "Lato", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 300;
  text-align: center;
  line-height: 60px;
}
body.page-staffing .step-sect ol li h5 {
  grid-column: 2/3;
  grid-row: 1/2;
  font-size: 20px;
  margin: 0;
}
body.page-staffing .step-sect ol li p {
  grid-column: 2/3;
  grid-row: 2/3;
  margin: 0;
}
body.page-staffing .career-sect {
  padding-block: 120px;
  background-color: #F7F9FB;
}
body.page-staffing .career-sect hgroup {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 24px;
  padding-bottom: 32px;
  border-bottom: 1px solid #92B9DA;
  margin-bottom: 80px;
}
body.page-staffing .career-sect hgroup h1,
body.page-staffing .career-sect hgroup h2 {
  font-size: clamp(87px, 20.5882352941vw, 140px);
  font-family: "Lato", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 300;
  width: max-content;
  background: var(--grad-light-dark);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  margin: 0;
}
body.page-staffing .career-sect hgroup p:nth-of-type(1) {
  font-size: 24px;
  font-family: "Zen Kaku Gothic New", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 400;
  margin-bottom: 0;
  color: #384E4C;
}
body.page-staffing .career-sect hgroup p:nth-of-type(2) {
  flex-basis: 100%;
  margin-top: 40px;
}
body.page-staffing .career-sect ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 44px 3%;
  margin-bottom: 80px;
}
body.page-staffing .career-sect ul li {
  background-color: #92B9DA;
  border-radius: 4px;
  padding: 15px 24px 14px;
  line-height: 1.4;
  font-size: min(3.5714285714vw, 20px);
  color: white;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  column-gap: 9px;
}
body.page-staffing .career-sect ul li:before {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  background: var(--grad-light-dark);
  border-radius: 100vmax;
}
@media screen and (width <= 1100px) {
  body.page-staffing .career-sect ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (width <= 830px) {
  body.page-staffing .career-sect ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (width <= 690px) {
  body.page-staffing .career-sect hgroup {
    margin-bottom: 50px;
  }
  body.page-staffing .career-sect ul {
    margin-bottom: 50px;
    row-gap: 24px;
  }
  body.page-staffing .career-sect ul li {
    padding-inline: 8%;
  }
}

body.page-school .service-sect {
  padding-top: 160px;
  padding-bottom: 190px;
}
body.page-school .service-sect .width-wrap {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1240px) {
  body.page-school .service-sect .width-wrap {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 807px) {
  body.page-school .service-sect .width-wrap {
    margin-left: calc(50vw - 383.5px);
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (max-width: 797px) {
  body.page-school .service-sect .width-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }
}
body.page-school .service-sect hgroup.header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 24px;
  padding-bottom: 32px;
  border-bottom: 1px solid #92B9DA;
  margin-bottom: 80px;
  border-bottom: 0 none;
  margin-bottom: 0;
}
body.page-school .service-sect hgroup.header h1,
body.page-school .service-sect hgroup.header h2 {
  font-size: clamp(87px, 20.5882352941vw, 140px);
  font-family: "Lato", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 300;
  width: max-content;
  background: var(--grad-light-dark);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  margin: 0;
}
body.page-school .service-sect hgroup.header p:nth-of-type(1) {
  font-size: 24px;
  font-family: "Zen Kaku Gothic New", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 400;
  margin-bottom: 0;
  color: #384E4C;
}
body.page-school .service-sect hgroup.header p:nth-of-type(2) {
  flex-basis: 100%;
  margin-top: 40px;
}
body.page-school .service-sect ol {
  counter-reset: num;
}
body.page-school .service-sect ol li {
  padding-block: 80px;
  border-bottom: 1px solid #92B9DA;
  display: grid;
  grid-template-columns: 11% fit-content auto;
  gap: 80px 4%;
  align-items: start;
}
body.page-school .service-sect ol li:first-child {
  border-top: 1px solid #92B9DA;
}
body.page-school .service-sect ol li:before {
  grid-row: 1/3;
  counter-increment: num;
  content: counter(num, decimal-leading-zero);
  font-family: "Lato", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 300;
  font-size: 40px;
  line-height: 1;
  width: max-content;
  background: var(--grad-light-dark);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.page-school .service-sect ol li h3 {
  margin: 0;
}
body.page-school .service-sect ol li p {
  margin-bottom: 0;
}
body.page-school .service-sect ol li .img-box {
  grid-column: 2/4;
  display: flex;
  justify-content: space-between;
  column-gap: 3%;
}
body.page-school .service-sect ol li .img-box .img img {
  border-radius: 10px;
  max-width: 100%;
  height: auto;
}
body.page-school .service-sect ol li .img-box .img h5 {
  font-size: 20px;
  margin-top: 22px;
  margin-bottom: 0;
}
body.page-school .service-sect ol li:last-child {
  padding-bottom: 0;
  border-bottom: 0 none;
}
@media screen and (width <= 767px) {
  body.page-school .service-sect ol li {
    grid-template-columns: 11% auto;
    row-gap: 2em;
  }
  body.page-school .service-sect ol li p {
    grid-column: 2/3;
  }
  body.page-school .service-sect ol li .img-box {
    grid-column: 2/3;
  }
}
@media screen and (width <= 670px) {
  body.page-school .service-sect ol li .img-box {
    flex-wrap: wrap;
    row-gap: 3em;
  }
  body.page-school .service-sect ol li .img-box .img {
    flex-basis: 100%;
  }
  body.page-school .service-sect ol li .img-box .img h5 {
    margin-top: 15px;
  }
}
body.page-school .step-sect {
  background-color: #F7F9FB;
  padding-top: 100px;
  padding-bottom: 95px;
}
body.page-school .step-sect .content-wrap {
  display: flex;
  column-gap: 10%;
}
body.page-school .step-sect .content-wrap hgroup {
  flex-basis: max-content;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 24px;
  padding-bottom: 32px;
  border-bottom: 1px solid #92B9DA;
  margin-bottom: 80px;
  display: block;
  padding-bottom: 0;
  border-bottom: 0 none;
}
body.page-school .step-sect .content-wrap hgroup h1,
body.page-school .step-sect .content-wrap hgroup h2 {
  font-size: clamp(87px, 20.5882352941vw, 140px);
  font-family: "Lato", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 300;
  width: max-content;
  background: var(--grad-light-dark);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  margin: 0;
}
body.page-school .step-sect .content-wrap hgroup p:nth-of-type(1) {
  font-size: 24px;
  font-family: "Zen Kaku Gothic New", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 400;
  margin-bottom: 0;
  color: #384E4C;
}
body.page-school .step-sect .content-wrap hgroup p:nth-of-type(2) {
  flex-basis: 100%;
  margin-top: 40px;
}
body.page-school .step-sect .content-wrap hgroup p {
  margin-top: 10px;
  margin-left: 5px;
}
body.page-school .step-sect .content-wrap ol {
  flex-grow: 1;
  counter-reset: num;
}
body.page-school .step-sect .content-wrap ol li {
  background-color: white;
  padding: 52px 8%;
  border-radius: 10px;
  display: grid;
  grid-template-columns: 60px auto;
  grid-template-rows: repeat(2, auto);
  gap: 10px max(20px, 4%);
  align-items: center;
  margin-bottom: 21px;
}
body.page-school .step-sect .content-wrap ol li:before {
  grid-column: 1/2;
  grid-row: 1/3;
  counter-increment: num;
  content: counter(num, decimal-leading-zero);
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 100vmax;
  background: var(--grad-light-dark);
  font-size: 20px;
  color: white;
  font-family: "Lato", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 300;
  text-align: center;
  line-height: 60px;
}
body.page-school .step-sect .content-wrap ol li h5 {
  grid-column: 2/3;
  grid-row: 1/2;
  font-size: 20px;
  margin: 0;
}
body.page-school .step-sect .content-wrap ol li p {
  grid-column: 2/3;
  grid-row: 2/3;
  margin: 0;
}
body.page-school .step-sect .content-wrap ol li:last-child {
  margin-bottom: 0;
}
body.page-school .step-sect .more {
  margin-top: 60px;
  margin-right: 0;
}
@media screen and (width <= 840px) {
  body.page-school .step-sect {
    padding-top: 60px;
    padding-bottom: 55px;
  }
  body.page-school .step-sect .content-wrap {
    flex-wrap: wrap;
  }
  body.page-school .step-sect .content-wrap hgroup {
    margin-bottom: 60px;
  }
  body.page-school .step-sect .more {
    margin-right: auto;
  }
}

body.blog .page-title hgroup,
body.archive .page-title hgroup {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 24px;
  padding-bottom: 32px;
  border-bottom: 1px solid #92B9DA;
  margin-bottom: 80px;
  justify-content: center;
  border-bottom: 0 none;
  padding-bottom: 0;
  margin-bottom: 50px;
}
body.blog .page-title hgroup h1,
body.blog .page-title hgroup h2,
body.archive .page-title hgroup h1,
body.archive .page-title hgroup h2 {
  font-size: clamp(87px, 20.5882352941vw, 140px);
  font-family: "Lato", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 300;
  width: max-content;
  background: var(--grad-light-dark);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  margin: 0;
}
body.blog .page-title hgroup p:nth-of-type(1),
body.archive .page-title hgroup p:nth-of-type(1) {
  font-size: 24px;
  font-family: "Zen Kaku Gothic New", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 400;
  margin-bottom: 0;
  color: #384E4C;
}
body.blog .page-title hgroup p:nth-of-type(2),
body.archive .page-title hgroup p:nth-of-type(2) {
  flex-basis: 100%;
  margin-top: 40px;
}
body.blog .news-sect,
body.archive .news-sect {
  padding-top: 0;
  padding-bottom: 50px;
}
body.blog .news-sect .navigation,
body.archive .news-sect .navigation {
  margin-top: 40px;
  margin-left: 0;
  margin-right: 0;
  margin-inline: 0;
  font-family: Helvetica, Arial;
}
body.blog .news-sect .navigation ol.wp-paginate,
body.archive .news-sect .navigation ol.wp-paginate {
  display: flex;
  gap: 5px 10px;
  flex-wrap: wrap;
  margin: 0;
  padding-left: 0;
}
body.blog .news-sect .navigation ol.wp-paginate li,
body.archive .news-sect .navigation ol.wp-paginate li {
  list-style: none;
  display: block;
  border: 1px solid #ddd;
}
body.blog .news-sect .navigation ol.wp-paginate li span,
body.blog .news-sect .navigation ol.wp-paginate li a,
body.archive .news-sect .navigation ol.wp-paginate li span,
body.archive .news-sect .navigation ol.wp-paginate li a {
  display: block;
  padding: 11px 15px;
  min-width: 38px;
  line-height: 1;
  text-align: center;
  background-color: white;
}
body.blog .news-sect .navigation ol.wp-paginate li a.prev, body.blog .news-sect .navigation ol.wp-paginate li a.next,
body.archive .news-sect .navigation ol.wp-paginate li a.prev,
body.archive .news-sect .navigation ol.wp-paginate li a.next {
  position: relative;
}
body.blog .news-sect .navigation ol.wp-paginate li a.prev:after, body.blog .news-sect .navigation ol.wp-paginate li a.next:after,
body.archive .news-sect .navigation ol.wp-paginate li a.prev:after,
body.archive .news-sect .navigation ol.wp-paginate li a.next:after {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  content: "";
  display: block;
  width: 8px;
  height: auto;
  aspect-ratio: 9/15;
  background-color: #274A78;
  mask: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgOSAxNSIgd2lkdGg9IjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibS4yOTIgOC4xOTg1IDYuNDg2IDYuNDg2Yy4zOS4zOSAxLjAyNC4zOSAxLjQxNCAwcy4zOS0xLjAyNCAwLTEuNDE0bC01Ljc4Mi01Ljc4MiA1Ljc4Mi01Ljc4MmMuMzktLjM5LjM5LTEuMDI0IDAtMS40MTRzLTEuMDI0LS4zOS0xLjQxNCAwbC02LjQ4NiA2LjQ4NmMtLjE5NjAwMDIuMTk2LS4yOTIuNDUyLS4yOTIuNzFzLjA5NTk5OTguNTE0LjI5Mi43MXoiIGZpbGw9IiMwMDAiLz48L3N2Zz4=") no-repeat center center;
  mask-size: contain;
}
body.blog .news-sect .navigation ol.wp-paginate li a.prev:hover:after, body.blog .news-sect .navigation ol.wp-paginate li a.next:hover:after,
body.archive .news-sect .navigation ol.wp-paginate li a.prev:hover:after,
body.archive .news-sect .navigation ol.wp-paginate li a.next:hover:after {
  background-color: white;
}
body.blog .news-sect .navigation ol.wp-paginate li a.next:after,
body.archive .news-sect .navigation ol.wp-paginate li a.next:after {
  mask: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgOSAxNSIgd2lkdGg9IjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibS4yOTI1IDE0LjY4NDVjLjM5LjM5IDEuMDI0LjM5IDEuNDE0IDBsNi40ODYtNi40ODZjLjE5Ni0uMTk2LjI5NC0uNDU0LjI5Mi0uNzEgMC0uMjU4LS4wOTYtLjUxNC0uMjkyLS43MWwtNi40ODYtNi40ODZjLS4zOS0uMzktMS4wMjQtLjM5LTEuNDE0IDBzLS4zOSAxLjAyNCAwIDEuNDE0bDUuNzgyIDUuNzgyLTUuNzgyIDUuNzgyYy0uMzkuMzktLjM5IDEuMDI0IDAgMS40MTR6IiBmaWxsPSIjMDAwIi8+PC9zdmc+") no-repeat center center;
}
body.blog .news-sect .navigation ol.wp-paginate li a,
body.archive .news-sect .navigation ol.wp-paginate li a {
  color: #274A78;
}
body.blog .news-sect .navigation ol.wp-paginate li a:visited,
body.archive .news-sect .navigation ol.wp-paginate li a:visited {
  color: #274A78;
}
body.blog .news-sect .navigation ol.wp-paginate li a:hover,
body.archive .news-sect .navigation ol.wp-paginate li a:hover {
  color: white;
}
body.blog .news-sect .navigation ol.wp-paginate li a:active,
body.archive .news-sect .navigation ol.wp-paginate li a:active {
  color: white;
}
body.blog .news-sect .navigation ol.wp-paginate li a:hover,
body.archive .news-sect .navigation ol.wp-paginate li a:hover {
  background-color: #2d568b;
}
body.blog .news-sect .navigation ol.wp-paginate li span.current,
body.archive .news-sect .navigation ol.wp-paginate li span.current {
  background-color: #274A78;
  color: white;
}

body.single .main-content {
  margin-top: 100px;
}
body.single .main-content .width-wrap {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1064px) {
  body.single .main-content .width-wrap {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 807px) {
  body.single .main-content .width-wrap {
    margin-left: calc(50vw - 383.5px);
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (max-width: 797px) {
  body.single .main-content .width-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }
}
body.single .main-content article .entry-header .entry-meta {
  display: flex;
  column-gap: 1.5em;
  align-items: center;
}
body.single .main-content article .entry-header .entry-meta .post-categories {
  border: 1px solid #274A78;
  border-radius: 100vmax;
  text-align: center;
  font-size: 15px;
  line-height: 1.2;
  padding-inline: 15px;
  padding-block: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #274A78;
}
body.single .main-content article .entry-header .entry-meta .post-categories li {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.single .main-content article .entry-header .entry-meta .post-categories a {
  color: #274A78;
}
body.single .main-content article .entry-header .entry-meta .post-categories a:visited {
  color: #274A78;
}
body.single .main-content article .entry-header .entry-meta .post-categories a:hover {
  color: #274A78;
}
body.single .main-content article .entry-header .entry-meta .post-categories a:active {
  color: #274A78;
}
body.single .main-content article .entry-header .entry-meta .date {
  font-size: 17px;
  flex-shrink: 0;
  color: #274A78;
}
body.single .main-content article .entry-header .entry-title {
  color: #251E1C;
}
body.single .main-content article .entry-content {
  font-size: 16px;
  line-height: 1.6;
}
body.single .main-content article .entry-content p {
  margin-bottom: 1em;
}
body.single .main-content article .entry-content h2 {
  font-size: 23px;
  font-weight: bold;
  margin-top: 2.5em;
  margin-bottom: 1em;
}
body.single .main-content article .entry-content h3 {
  font-size: 21px;
  font-weight: bold;
  margin-top: 2em;
  margin-bottom: 1em;
}
body.single .main-content article .entry-content h4 {
  margin-top: 2em;
  font-size: 18px;
}
body.single .main-content article .entry-content h5 {
  margin-top: 1.5em;
  font-size: 16px;
}
body.single .main-content article .entry-content em.marker {
  box-shadow: inset 0 -0.4em rgba(39, 74, 120, 0.4);
  padding-inline: 2px;
  font-style: initial;
}
body.single .main-content article .entry-content em.nami {
  -webkit-text-decoration: #274A78 wavy underline;
  text-decoration: #274A78 wavy underline;
  padding-left: 3px;
  padding-right: 3px;
  font-style: initial;
}
body.single .main-content article .entry-content div.box {
  padding: 10px 15px;
  border-radius: 6px;
  margin-bottom: 1em;
  background-color: rgba(39, 74, 120, 0.2);
}
body.single .main-content article .entry-content div.box h6 {
  margin: 0;
  font-size: 16px;
  width: fit-content;
  margin-bottom: 0.3em;
  line-height: 1.55;
}
body.single .main-content article .entry-content div.box h6.has-bdrc {
  padding-inline: 0.7em;
  color: white;
}
body.single .main-content article .entry-content hr {
  border: 1px solid #ddd;
  margin-block: 1.5em;
}
body.single .main-content article .entry-content img[class*=wp-image-] {
  max-width: 100%;
  height: auto;
  margin-bottom: 1em;
}
body.single .main-content article .entry-content img[class*=wp-image-].boader {
  background-color: #eee;
  padding: 5px;
}
body.single .main-content article .entry-content img[class*=wp-image-].boader-dark {
  background-color: #666;
  padding: 5px;
}
body.single .main-content article .entry-content img[class*=wp-image-].alignleft {
  margin-right: auto;
}
body.single .main-content article .entry-content img[class*=wp-image-].aligncenter {
  margin-left: auto;
  margin-right: auto;
}
body.single .main-content article .entry-content img[class*=wp-image-].alignright {
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  body.single .main-content article .entry-content img[class*=wp-image-] {
    margin-left: auto;
    margin-right: auto;
  }
}
body.single .main-content article .entry-content figure.wp-caption {
  max-width: max-content;
  padding: 5px;
  background-color: #f5f5f5;
  margin-left: 0;
  margin-bottom: 1em;
  text-align: center;
  display: block;
}
body.single .main-content article .entry-content figure.wp-caption img[class*=wp-image-] {
  margin-bottom: 0;
  margin-inline: auto;
}
body.single .main-content article .entry-content figure.wp-caption figcaption,
body.single .main-content article .entry-content figure.wp-caption .wp-caption-text {
  text-align: center;
  font-size: 14px;
  line-height: 1.45;
  padding-block: 0.5em 0.3em;
}
body.single .main-content article .entry-content figure.wp-caption.alignleft {
  margin-right: auto;
}
body.single .main-content article .entry-content figure.wp-caption.aligncenter {
  margin-left: auto;
  margin-right: auto;
}
body.single .main-content article .entry-content figure.wp-caption.alignright {
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  body.single .main-content article .entry-content figure.wp-caption {
    margin-left: auto;
    margin-right: auto;
  }
}
body.single .main-content article .entry-content pre {
  font-family: Courier, Consolas, Monaco, monospace;
  padding: 1em 1.5em;
  margin-bottom: 1em;
  display: block;
  font-size: 13px;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
  overflow: auto;
}
body.single .main-content article .entry-content ul, body.single .main-content article .entry-content ol {
  margin-bottom: 1em;
  list-style: none;
  padding-left: 0;
}
body.single .main-content article .entry-content ul li, body.single .main-content article .entry-content ol li {
  margin: 0.75em 0;
  position: relative;
  padding-left: 22px;
  font-size: 16px;
  list-style: none;
  line-height: 23px;
}
body.single .main-content article .entry-content ul li:before, body.single .main-content article .entry-content ol li:before {
  content: " ";
  width: 7px;
  height: 7px;
  background: #274A78;
  position: absolute;
  left: 6px;
  top: 11px;
  letter-spacing: 0;
  transform: translate(0, -50%);
}
body.single .main-content article .entry-content ol {
  counter-reset: number;
}
body.single .main-content article .entry-content ol li {
  padding-left: 26px;
}
body.single .main-content article .entry-content ol li:before {
  box-sizing: border-box;
  counter-increment: number;
  content: counter(number);
  background: #274A78;
  color: #fff;
  width: 17px;
  height: 17px;
  line-height: 17px;
  font-size: 11px;
  font-weight: bold;
  font-family: "Lato", sans-serif;
  display: block;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  padding-left: 1px;
  left: 4px;
  transform: translate(0, -51%);
}
body.single .main-content article .entry-content blockquote {
  background-color: white;
  border: 1px solid #f5f5f5;
  padding: 0.8em 1em;
  margin-bottom: 1em;
  color: #666;
  border-left: 4px solid #274A78;
}
body.single .main-content article .entry-content blockquote p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  body.single .main-content article .entry-content blockquote {
    margin-left: 0;
    margin-right: 0;
  }
}
body.single .main-content article .entry-content .column-wrap {
  display: flex;
  justify-content: space-between;
}
body.single .main-content article .entry-content .column-wrap .col-2,
body.single .main-content article .entry-content .column-wrap .col-3 {
  flex-basis: 49%;
  margin-bottom: 1em;
}
body.single .main-content article .entry-content .column-wrap .col-2 img[class*=wp-image-],
body.single .main-content article .entry-content .column-wrap .col-3 img[class*=wp-image-] {
  margin-bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.single .main-content article .entry-content .column-wrap .col-3 {
  flex-basis: 32%;
}
@media screen and (max-width: 767px) {
  body.single .main-content article .entry-content .column-wrap {
    flex-wrap: wrap;
  }
  body.single .main-content article .entry-content .column-wrap .col-2,
  body.single .main-content article .entry-content .column-wrap .col-3 {
    flex-basis: 100%;
  }
}
body.single .main-content article .entry-content table {
  width: 100%;
  border: 1px solid #eaedf2;
  margin-bottom: 1em;
  border-collapse: collapse;
}
body.single .main-content article .entry-content table tr {
  border-bottom: 1px solid #eee;
}
body.single .main-content article .entry-content table tr th {
  background-color: #f8f9fa;
  border-bottom: 1px solid #eaedf2;
  border-right: 1px solid #eaedf2;
  padding: 7px;
  min-width: 6em;
}
body.single .main-content article .entry-content table tr td {
  border-right: 1px solid #eaedf2;
  padding: 11px 7px 10px;
}
body.single .main-content article .entry-content table tr caption, body.single .main-content article .entry-content table tr th, body.single .main-content article .entry-content table tr td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
body.single .main-content article .entry-content dl dt {
  color: #274A78;
}
body.single .main-content article .entry-content dl dd {
  color: #787878;
  margin-bottom: 1em;
}
body.single .main-content article .entry-content .supplement {
  background: lightyellow;
  font-size: 0.88em;
  padding: 1em 1.5em;
  margin: 1.5em 0 2em;
  border-radius: 4px;
  border: 1px solid rgba(237, 237, 237, 0.5);
}
body.single .main-content article .entry-content .supplement.warning {
  background: pink;
  color: #333;
}
body.single .main-content article .entry-content .linkcard iframe {
  border: 0 none;
}
body.single .main-content article .entry-content .youtube {
  margin-bottom: 1em;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
body.single .main-content article .entry-content .youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.single .main-content article .entry-content h2, body.single .main-content article .entry-content h3, body.single .main-content article .entry-content h4, body.single .main-content article .entry-content h5 {
  font-family: "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
}
body.single .main-content article .entry-content h2 {
  color: #274A78;
  border-bottom: solid 3px #274A78;
  font-size: 24px;
}
body.single .main-content article .entry-content h3 {
  font-size: 21px;
}
body.single .main-content .previous_next_post {
  margin-top: 70px;
  display: flex;
  justify-content: space-around;
}
body.single .main-content .previous_next_post .previous a,
body.single .main-content .previous_next_post .next a {
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 1;
  color: #274A78;
}
body.single .main-content .previous_next_post .previous a:visited,
body.single .main-content .previous_next_post .next a:visited {
  color: #274A78;
}
body.single .main-content .previous_next_post .previous a:hover,
body.single .main-content .previous_next_post .next a:hover {
  color: #251E1C;
}
body.single .main-content .previous_next_post .previous a:active,
body.single .main-content .previous_next_post .next a:active {
  color: #251E1C;
}
body.single .main-content .previous_next_post .previous a:before,
body.single .main-content .previous_next_post .next a:before {
  display: block;
  content: "";
  width: 9px;
  height: 15px;
  background-color: #274A78;
  mask: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgOSAxNiIgd2lkdGg9IjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibS4yOTk5OTUgOC43MSA2LjQ4NTk5NSA2LjQ4NmMuMzkuMzkgMS4wMjQwMS4zOSAxLjQxNDAxIDBzLjM5LTEuMDI0IDAtMS40MTRsLTUuNzgyLTUuNzgxOTkgNS43ODItNS43ODJjLjM5LS4zOS4zOS0xLjAyNCAwLTEuNDE0MDA1LS4zOS0uMzktMS4wMjQwMS0uMzktMS40MTQwMSAwbC02LjQ4NTk5NSA2LjQ4NjAwNWMtLjE5Ni4xOTYtLjI5MTk5OTM5LjQ1Mi0uMjkxOTk5MzkuNzFzLjA5NTk5OTM5LjUxMzk5LjI5MTk5OTM5LjcwOTk5eiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==") no-repeat;
  mask-size: 100% auto;
}
body.single .main-content .previous_next_post .previous a:hover:before,
body.single .main-content .previous_next_post .next a:hover:before {
  background-color: #251E1C;
}
body.single .main-content .previous_next_post .previous a span {
  order: 1;
}
body.single .main-content .previous_next_post .previous a:before {
  order: 2;
  transform: scale(-1, 1);
}

body.page .styleguide {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 80px;
  font-size: 16px;
  line-height: 1.6;
}
@media screen and (max-width: 1440px) {
  body.page .styleguide {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 807px) {
  body.page .styleguide {
    margin-left: calc(50vw - 383.5px);
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (max-width: 797px) {
  body.page .styleguide {
    margin-left: 15px;
    margin-right: 15px;
  }
}
body.page .styleguide p {
  margin-bottom: 1em;
}
body.page .styleguide h2 {
  font-size: 23px;
  font-weight: bold;
  margin-top: 2.5em;
  margin-bottom: 1em;
}
body.page .styleguide h3 {
  font-size: 21px;
  font-weight: bold;
  margin-top: 2em;
  margin-bottom: 1em;
}
body.page .styleguide h4 {
  margin-top: 2em;
  font-size: 18px;
}
body.page .styleguide h5 {
  margin-top: 1.5em;
  font-size: 16px;
}
body.page .styleguide em.marker {
  box-shadow: inset 0 -0.4em rgba(39, 74, 120, 0.4);
  padding-inline: 2px;
  font-style: initial;
}
body.page .styleguide em.nami {
  -webkit-text-decoration: #274A78 wavy underline;
  text-decoration: #274A78 wavy underline;
  padding-left: 3px;
  padding-right: 3px;
  font-style: initial;
}
body.page .styleguide div.box {
  padding: 10px 15px;
  border-radius: 6px;
  margin-bottom: 1em;
  background-color: rgba(39, 74, 120, 0.2);
}
body.page .styleguide div.box h6 {
  margin: 0;
  font-size: 16px;
  width: fit-content;
  margin-bottom: 0.3em;
  line-height: 1.55;
}
body.page .styleguide div.box h6.has-bdrc {
  padding-inline: 0.7em;
  color: white;
}
body.page .styleguide hr {
  border: 1px solid #ddd;
  margin-block: 1.5em;
}
body.page .styleguide img[class*=wp-image-] {
  max-width: 100%;
  height: auto;
  margin-bottom: 1em;
}
body.page .styleguide img[class*=wp-image-].boader {
  background-color: #eee;
  padding: 5px;
}
body.page .styleguide img[class*=wp-image-].boader-dark {
  background-color: #666;
  padding: 5px;
}
body.page .styleguide img[class*=wp-image-].alignleft {
  margin-right: auto;
}
body.page .styleguide img[class*=wp-image-].aligncenter {
  margin-left: auto;
  margin-right: auto;
}
body.page .styleguide img[class*=wp-image-].alignright {
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  body.page .styleguide img[class*=wp-image-] {
    margin-left: auto;
    margin-right: auto;
  }
}
body.page .styleguide figure.wp-caption {
  max-width: max-content;
  padding: 5px;
  background-color: #f5f5f5;
  margin-left: 0;
  margin-bottom: 1em;
  text-align: center;
  display: block;
}
body.page .styleguide figure.wp-caption img[class*=wp-image-] {
  margin-bottom: 0;
  margin-inline: auto;
}
body.page .styleguide figure.wp-caption figcaption,
body.page .styleguide figure.wp-caption .wp-caption-text {
  text-align: center;
  font-size: 14px;
  line-height: 1.45;
  padding-block: 0.5em 0.3em;
}
body.page .styleguide figure.wp-caption.alignleft {
  margin-right: auto;
}
body.page .styleguide figure.wp-caption.aligncenter {
  margin-left: auto;
  margin-right: auto;
}
body.page .styleguide figure.wp-caption.alignright {
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  body.page .styleguide figure.wp-caption {
    margin-left: auto;
    margin-right: auto;
  }
}
body.page .styleguide pre {
  font-family: Courier, Consolas, Monaco, monospace;
  padding: 1em 1.5em;
  margin-bottom: 1em;
  display: block;
  font-size: 13px;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
  overflow: auto;
}
body.page .styleguide ul, body.page .styleguide ol {
  margin-bottom: 1em;
  list-style: none;
  padding-left: 0;
}
body.page .styleguide ul li, body.page .styleguide ol li {
  margin: 0.75em 0;
  position: relative;
  padding-left: 22px;
  font-size: 16px;
  list-style: none;
  line-height: 23px;
}
body.page .styleguide ul li:before, body.page .styleguide ol li:before {
  content: " ";
  width: 7px;
  height: 7px;
  background: #274A78;
  position: absolute;
  left: 6px;
  top: 11px;
  letter-spacing: 0;
  transform: translate(0, -50%);
}
body.page .styleguide ol {
  counter-reset: number;
}
body.page .styleguide ol li {
  padding-left: 26px;
}
body.page .styleguide ol li:before {
  box-sizing: border-box;
  counter-increment: number;
  content: counter(number);
  background: #274A78;
  color: #fff;
  width: 17px;
  height: 17px;
  line-height: 17px;
  font-size: 11px;
  font-weight: bold;
  font-family: "Lato", sans-serif;
  display: block;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  padding-left: 1px;
  left: 4px;
  transform: translate(0, -51%);
}
body.page .styleguide blockquote {
  background-color: white;
  border: 1px solid #f5f5f5;
  padding: 0.8em 1em;
  margin-bottom: 1em;
  color: #666;
  border-left: 4px solid #274A78;
}
body.page .styleguide blockquote p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  body.page .styleguide blockquote {
    margin-left: 0;
    margin-right: 0;
  }
}
body.page .styleguide .column-wrap {
  display: flex;
  justify-content: space-between;
}
body.page .styleguide .column-wrap .col-2,
body.page .styleguide .column-wrap .col-3 {
  flex-basis: 49%;
  margin-bottom: 1em;
}
body.page .styleguide .column-wrap .col-2 img[class*=wp-image-],
body.page .styleguide .column-wrap .col-3 img[class*=wp-image-] {
  margin-bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.page .styleguide .column-wrap .col-3 {
  flex-basis: 32%;
}
@media screen and (max-width: 767px) {
  body.page .styleguide .column-wrap {
    flex-wrap: wrap;
  }
  body.page .styleguide .column-wrap .col-2,
  body.page .styleguide .column-wrap .col-3 {
    flex-basis: 100%;
  }
}
body.page .styleguide table {
  width: 100%;
  border: 1px solid #eaedf2;
  margin-bottom: 1em;
  border-collapse: collapse;
}
body.page .styleguide table tr {
  border-bottom: 1px solid #eee;
}
body.page .styleguide table tr th {
  background-color: #f8f9fa;
  border-bottom: 1px solid #eaedf2;
  border-right: 1px solid #eaedf2;
  padding: 7px;
  min-width: 6em;
}
body.page .styleguide table tr td {
  border-right: 1px solid #eaedf2;
  padding: 11px 7px 10px;
}
body.page .styleguide table tr caption, body.page .styleguide table tr th, body.page .styleguide table tr td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
body.page .styleguide dl dt {
  color: #274A78;
}
body.page .styleguide dl dd {
  color: #787878;
  margin-bottom: 1em;
}
body.page .styleguide .supplement {
  background: lightyellow;
  font-size: 0.88em;
  padding: 1em 1.5em;
  margin: 1.5em 0 2em;
  border-radius: 4px;
  border: 1px solid rgba(237, 237, 237, 0.5);
}
body.page .styleguide .supplement.warning {
  background: pink;
  color: #333;
}
body.page .styleguide .linkcard iframe {
  border: 0 none;
}
body.page .styleguide .youtube {
  margin-bottom: 1em;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
body.page .styleguide .youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.page .styleguide h2, body.page .styleguide h3, body.page .styleguide h4, body.page .styleguide h5 {
  font-family: "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
}
body.page .styleguide h2 {
  color: #274A78;
  border-bottom: solid 3px #274A78;
  font-size: 24px;
}
body.page .styleguide h3 {
  font-size: 21px;
}
body.page #main.general-page {
  padding-bottom: 120px;
}

body.page-privacy-policy .site-main .width-wrap {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1140px) {
  body.page-privacy-policy .site-main .width-wrap {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 807px) {
  body.page-privacy-policy .site-main .width-wrap {
    margin-left: calc(50vw - 383.5px);
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (max-width: 797px) {
  body.page-privacy-policy .site-main .width-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }
}
body.page-privacy-policy .site-main .title-sect {
  padding-top: 70px;
  padding-bottom: 50px;
}
body.page-privacy-policy .site-main .title-sect h1 {
  margin: 0;
  font-size: clamp(28px, 7.3563218391vw, 32px);
}
body.page-privacy-policy .site-main .contet-sect h2 {
  margin-top: 3em;
}
body.page-privacy-policy .site-main .contet-sect h3 {
  margin-top: 2.4em;
}

body.page-contact .site-main header {
  padding-top: 50px;
}
body.page-contact .site-main header hgroup {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 24px;
  padding-bottom: 32px;
  border-bottom: 1px solid #92B9DA;
  margin-bottom: 80px;
  justify-content: center;
  padding-bottom: 0;
  border-bottom: 0 none;
}
body.page-contact .site-main header hgroup h1,
body.page-contact .site-main header hgroup h2 {
  font-size: clamp(87px, 20.5882352941vw, 140px);
  font-family: "Lato", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 300;
  width: max-content;
  background: var(--grad-light-dark);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  margin: 0;
}
body.page-contact .site-main header hgroup p:nth-of-type(1) {
  font-size: 24px;
  font-family: "Zen Kaku Gothic New", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 400;
  margin-bottom: 0;
  color: #384E4C;
}
body.page-contact .site-main header hgroup p:nth-of-type(2) {
  flex-basis: 100%;
  margin-top: 40px;
}
body.page-contact .site-main header hgroup h1 {
  font-size: min(20.8333333333vw, 100px);
}
body.page-contact .site-main header hgroup p {
  flex-basis: 100%;
  text-align: center;
}
body.page-contact .site-main .form-sect {
  margin-top: 40px;
  padding-bottom: 60px;
}
body.page-contact .site-main .form-sect .width-wrap {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1140px) {
  body.page-contact .site-main .form-sect .width-wrap {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 807px) {
  body.page-contact .site-main .form-sect .width-wrap {
    margin-left: calc(50vw - 383.5px);
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (max-width: 797px) {
  body.page-contact .site-main .form-sect .width-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }
}
body.page-contact .site-main .form-sect .step-form {
  padding-left: 0;
  list-style: none;
  margin-bottom: 20px;
  display: flex;
}
body.page-contact .site-main .form-sect .step-form li {
  line-height: 1.3;
  font-weight: 600;
  display: block;
  background-color: #f5f9fc;
  color: #274A78;
  height: 60px;
  padding: 10px 0 0 40px;
}
body.page-contact .site-main .form-sect .step-form li:before {
  content: none;
}
body.page-contact .site-main .form-sect .step-form li span {
  display: block;
  font-size: 14px;
}
body.page-contact .site-main .form-sect .step-form li:nth-child(1) {
  flex-basis: calc(33% + 20px);
  padding-left: 20px;
  clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%);
}
body.page-contact .site-main .form-sect .step-form li:nth-child(2) {
  flex-basis: calc(33% + 20px);
  margin-left: -20px;
  clip-path: polygon(5px 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 5px 100%, 25px 50%);
}
body.page-contact .site-main .form-sect .step-form li:nth-child(3) {
  flex-basis: 34%;
  margin-left: -20px;
  clip-path: polygon(5px 0, 100% 0, 100% 100%, 0 100%, 5px 100%, 25px 50%);
}
body.page-contact .site-main .form-sect .step-form li.current {
  color: white;
  background-color: #274A78;
}
@media screen and (max-width: 590px) {
  body.page-contact .site-main .form-sect .step-form {
    flex-wrap: wrap;
  }
  body.page-contact .site-main .form-sect .step-form li {
    padding-left: 0 !important;
    margin-bottom: 10px;
    height: 59px;
    text-align: center;
  }
  body.page-contact .site-main .form-sect .step-form li:last-child {
    margin-bottom: 0;
  }
  body.page-contact .site-main .form-sect .step-form li:nth-child(1) {
    flex-basis: 100%;
    padding-left: 0;
    height: 79px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(50% + 30px) calc(100% - 20px), 50% 100%, calc(50% - 30px) calc(100% - 20px), 0 calc(100% - 20px));
  }
  body.page-contact .site-main .form-sect .step-form li:nth-child(2) {
    flex-basis: 100%;
    padding-left: 0;
    margin-left: 0;
    height: 79px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(50% + 30px) calc(100% - 20px), 50% 100%, calc(50% - 30px) calc(100% - 20px), 0 calc(100% - 20px));
  }
  body.page-contact .site-main .form-sect .step-form li:nth-child(3) {
    flex-basis: 100%;
    padding-left: 0;
    margin-left: 0;
    clip-path: none;
  }
}
body.page-contact .site-main .form-sect .mw_wp_form form .message {
  margin-bottom: 30px;
  margin-left: 10px;
  margin-right: 10px;
}
body.page-contact .site-main .form-sect .mw_wp_form form .message .s2 {
  display: none;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box {
  width: 100%;
  display: flex;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .subject,
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .elements {
  padding: 15px 20px;
  border: 1px solid #d5d5d5;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .subject .submessage,
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .elements .submessage {
  margin-top: 0.6em;
  color: #888;
  line-height: 1.25;
  font-size: 13px;
  font-weight: normal;
  display: block;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .subject {
  background-color: #f5f9fc;
  width: 30%;
  color: #444;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .subject .content {
  font-weight: 500;
  letter-spacing: 1px;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .subject .require {
  display: block;
  float: right;
  font-size: 10px;
  font-weight: normal;
  line-height: 1.4;
  margin-top: 3px;
  background-color: white;
  color: #777;
  border: 1px solid #ccc;
  padding: 1px 8px;
  border-radius: 3px;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .elements {
  width: 70%;
  border-left: 0 none;
  min-height: 3.5em;
  background-color: white;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .elements .submessage {
  margin-left: 1px;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .elements .error {
  font-size: 14px;
  color: #f36868;
  margin-top: 0.3em;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .elements .error + br {
  display: none;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .elements .error + br + .submessage {
  margin-top: 0.2em;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .elements h4 {
  font-size: 16px;
  margin-top: 3em;
  margin-bottom: 0.5em;
  font-weight: 500;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .elements h4:first-of-type {
  margin-top: 0.6em;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .elements .mw-wp-form_image {
  width: 100%;
  height: auto;
  max-width: 300px;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .elements .mw-wp-form_image img {
  width: 100%;
  height: auto;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box + .form-box .subject, body.page-contact .site-main .form-sect .mw_wp_form form .form-box + .form-box .elements {
  border-top: 0 none;
}
@media screen and (max-width: 767px) {
  body.page-contact .site-main .form-sect .mw_wp_form form .form-box {
    flex-direction: column;
  }
  body.page-contact .site-main .form-sect .mw_wp_form form .form-box .subject, body.page-contact .site-main .form-sect .mw_wp_form form .form-box .elements {
    width: 100%;
  }
  body.page-contact .site-main .form-sect .mw_wp_form form .form-box .elements {
    border-left: 1px solid #d5d5d5;
    border-top: 0 none;
    padding-bottom: 30px;
  }
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box input[type=text], body.page-contact .site-main .form-sect .mw_wp_form form .form-box input[type=password], body.page-contact .site-main .form-sect .mw_wp_form form .form-box textarea {
  font-size: 16px;
  padding: 6px 12px;
  color: #333;
  border: 1px solid #aaa;
  border-radius: 4px;
  width: 100%;
  background-color: white;
  line-height: 1.4;
  display: block;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box input[type=text] + br, body.page-contact .site-main .form-sect .mw_wp_form form .form-box input[type=password] + br, body.page-contact .site-main .form-sect .mw_wp_form form .form-box textarea + br {
  display: none;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box textarea {
  height: 6em;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box input[type=file] {
  width: 100%;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box select {
  padding: 6px;
  border: 1px solid #aaa;
  border-radius: 4px;
  background-color: white;
  color: #251E1C;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .mwform-checkbox-field.vertical-item {
  display: block;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .mwform-checkbox-field.vertical-item label {
  font-weight: normal;
  color: #392e2b;
  font-size: 15px;
  line-height: 23px;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .mwform-checkbox-field.vertical-item label input[type=checkbox] {
  margin-left: 1px;
  margin-right: 6px;
  vertical-align: middle;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .mwform-checkbox-field.vertical-item label span {
  vertical-align: middle;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .mwform-checkbox-field.vertical-item + .mwform-checkbox-field.vertical-item {
  margin-top: 1em;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .mwform-checkbox-field.horizontal-item {
  margin-right: 10px;
  white-space: nowrap;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .mwform-checkbox-field.horizontal-item + .mwform-checkbox-field.horizontal-item {
  margin-left: 0;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .mwform-radio-field.vertical-item {
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .mwform-radio-field.vertical-item + .mwform-radio-field.vertical-item {
  margin-top: 0.8em;
}
body.page-contact .site-main .form-sect .mw_wp_form form .privacy-box {
  margin-top: 50px;
  text-align: center;
}
body.page-contact .site-main .form-sect .mw_wp_form form .privacy-box input {
  vertical-align: middle;
  margin-bottom: 1px;
}
body.page-contact .site-main .form-sect .mw_wp_form form .privacy-box .mwform-checkbox-field-text {
  font-size: 15px;
}
body.page-contact .site-main .form-sect .mw_wp_form form .privacy-box h5 {
  margin-top: 10px;
  font-size: 14px;
}
body.page-contact .site-main .form-sect .mw_wp_form form .privacy-box h5 + p {
  font-size: 13px;
  margin-bottom: 0;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-btn {
  margin-top: 55px;
  text-align: center;
  display: flex;
  justify-content: space-around;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-btn button, body.page-contact .site-main .form-sect .mw_wp_form form .form-btn input[type=button], body.page-contact .site-main .form-sect .mw_wp_form form .form-btn input[type=reset], body.page-contact .site-main .form-sect .mw_wp_form form .form-btn input[type=submit] {
  background-color: #274A78;
  color: white;
  padding: 15px 30px;
  border: 1px solid #ddd;
  cursor: pointer;
  display: inline-block;
  min-width: inherit;
  max-width: inherit;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-btn button:focus, body.page-contact .site-main .form-sect .mw_wp_form form .form-btn input[type=button]:focus, body.page-contact .site-main .form-sect .mw_wp_form form .form-btn input[type=reset]:focus, body.page-contact .site-main .form-sect .mw_wp_form form .form-btn input[type=submit]:focus {
  outline: none;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-btn button[name=submitBack], body.page-contact .site-main .form-sect .mw_wp_form form .form-btn input[type=button][name=submitBack], body.page-contact .site-main .form-sect .mw_wp_form form .form-btn input[type=reset][name=submitBack], body.page-contact .site-main .form-sect .mw_wp_form form .form-btn input[type=submit][name=submitBack] {
  background-color: white;
  color: #251E1C;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-btn input[type=submit]:disabled {
  background-color: #eee;
  color: #666666;
  cursor: default;
}
@media screen and (max-width: 480px) {
  body.page-contact .site-main .form-sect .mw_wp_form form .form-btn {
    flex-direction: column;
  }
  body.page-contact .site-main .form-sect .mw_wp_form form .form-btn input[name=submit] {
    order: 1;
    margin-bottom: 25px;
  }
  body.page-contact .site-main .form-sect .mw_wp_form form .form-btn input[name=submitBack] {
    order: 2;
  }
}
body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_confirm .message .s1 {
  display: none;
}
body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_confirm .message .s2 {
  display: block;
}
body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_confirm .form-box .elements .submessage {
  display: none !important;
}
body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_confirm button, body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_confirm input[type=button], body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_confirm input[type=reset], body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_confirm input[type=submit] {
  margin-right: 13px;
  margin-left: 13px;
}
body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_complete .message .s1 {
  display: none;
}
body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_complete .message .s2 {
  display: none;
}
body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_complete > p {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20em;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .subject .require {
  background-color: #274A78;
  color: white;
  border: 0 none;
  padding-block: 3px;
}
body.page-contact .site-main .form-sect .mw_wp_form form .privacy-box h5 {
  font-size: 16px;
}
body.page-contact .site-main .form-sect .mw_wp_form form .privacy-box h5 a {
  color: #274A78;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: #274A78;
}
body.page-contact .site-main .form-sect .mw_wp_form form .privacy-box h5 a:visited {
  color: #274A78;
}
body.page-contact .site-main .form-sect .mw_wp_form form .privacy-box h5 a:hover {
  color: #92B9DA;
}
body.page-contact .site-main .form-sect .mw_wp_form form .privacy-box h5 a:active {
  color: #92B9DA;
}
body.page-contact .site-main .form-sect .mw_wp_form form .privacy-box h5 a:hover {
  text-decoration-color: #92B9DA;
}
body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_confirm form .privacy-box, body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_complete form .privacy-box {
  display: none;
}
body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_complete p {
  margin-bottom: 3em;
}
body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_complete .more {
  color: white;
  text-decoration: none;
}
body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_complete .more:visited {
  color: white;
}
body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_complete .more:hover {
  color: white;
}
body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_complete .more:active {
  color: white;
}
body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_complete .more:after {
  scale: -1 1;
}

body.error404 #page {
  min-height: 100dvh;
}
body.error404 .error-404 {
  padding-top: 100px;
}
body.error404 .page-header h1 {
  text-align: center;
  margin-top: 54px;
}
body.error404 .page-content .read {
  text-align: center;
}
body.error404 .page-content a.back-home {
  display: block;
  padding: 10px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border: 1px solid #274A78;
  box-shadow: 1px 2px 0px 1px #d9d9d9;
  border-radius: 5px;
  margin-top: 30px;
  margin-bottom: 150px;
  color: #274A78;
  background-color: white;
}
body.error404 .page-content a.back-home:hover {
  border-color: #274A78;
  color: #274A78;
}
body.error404 .site-footer {
  position: sticky;
  top: 100%;
}
/*# sourceMappingURL=style.css.map */