/*複数で使われるCSS*/
* {
  box-sizing: border-box;
  text-decoration: none;
}

/*基準を1rem=10pxに設定*/
html {
  font-size: 62.5%;
  overflow: auto;
}

input::placeholder,
textarea::placeholder {
  color: gray;
  opacity: 0.7;
}

/*bodyの余計な余白を削除*/
body {
  margin: 0;
  padding: var(--spacing-14) 0 0;
  font-family:
    Noto Sans JP,
    ヒラギノ角ゴ ProN W3,
    Meiryo,
    sans-serif;
  color: var(--color-gray-darker);
  font-size: 1.4rem;
  line-height: 1.9;
  letter-spacing: 0.04em;
  overflow: hidden;
  text-size-adjust: 100%;
}

/* フッターのcssを記述 */
footer {
  border-top: 1px solid var(--color-gray-dark) !important;
}

/*ヘッダーのcssを記述*/
.header {
  position: fixed;
  height: 55px;
  width: 100%;
  top: 0;
  background-color: white;
  z-index: 1000;
}

.Small-header {
  height: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  box-shadow: 0 2px 6px -2px var(--shadow-medium-2);
  position: relative;
  z-index: 1000;
}

.Small-header img {
  width: 57px;
  height: auto;
  margin-left: var(--spacing-5);
}

.Small-header .space {
  /*これより後の要素を右寄せ*/
  margin-left: auto;
}

.Small-header .Small-header-txt {
  font-weight: 500;
  color: var(--primary-blue);
  border: 1px solid var(--primary-blue);
  margin-left: 4vw;
  padding: var(--spacing-1) var(--spacing-2);
}

/*メインコンテンツのcssを記述*/
#main-content {
  margin-top: var(--spacing-14);
}

#junior-main-contents {
  margin-top: var(--spacing-14);
}

/*ハンバーガーメニューのcssを記述*/
.hamburger {
  height: 100%;
  margin: 0;
}

.hamburger-menu {
  height: 100%;
  aspect-ratio: 1 / 1;
  /*高さに対する相対サイズ*/
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border: none;
  background-color: var(--color-gray-light);
  appearance: none;
  padding: 0;
  cursor: pointer;
  margin-right: 2vw;
}

.hamburger-menu__bar {
  display: inline-block;
  width: 44%;
  height: clamp(1px, 6%, 10%);
  background: var(--color-primary);
  position: absolute;
  transform: translateX(-50%);
  transition: 0.2s;
}

#hamburger-txt {
  position: absolute;
  color: var(--color-primary);
  font-weight: bold;
  top: 45%;
  left: 15%;
}

.hamburger-menu__bar:first-child {
  top: 25%;
}

.hamburger-menu__bar:nth-child(2) {
  top: 40%;
}

.hamburger-menu__bar:last-child {
  top: 55%;
}

.hamburger-menu--open .hamburger-menu__bar {
  top: 45%;
}

.hamburger-menu--open .hamburger-menu__bar:first-child {
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

.hamburger-menu--open .hamburger-menu__bar:last-child {
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.hamburger-menu--open .hamburger-menu__bar:nth-child(2) {
  display: none;
}

#main-navigation .navigation__list {
  background-color: var(--color-blue-light);
  height: 100vh;
  text-align: left;
  list-style: none;
  padding: 0;
  margin: 0;
}

#main-navigation .navigation__list-item {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--color-gray);
}

#main-navigation .navigation__link {
  display: inline-flex;
  align-items: center;
  color: black;
  font-weight: 550;
  text-decoration: none;
  width: 100%;
  padding: var(--spacing-4) 0 var(--spacing-4) var(--spacing-4);
  transition: 0.2s;
}

#main-navigation .navigation__link .material-icons {
  margin-right: var(--spacing-1);
  color: var(--primary-blue);
}

.navigation {
  position: absolute;
  top: 0;
  right: -100%;
  width: 100%;
  z-index: 999;
  transition: right 0.3s ease-in-out;
  margin-top: var(--spacing-14);
}

.navigation.is-open {
  right: 0;
}

.navigation__link .material-icons {
  vertical-align: middle;
}

.navigation__list-official {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  padding-top: var(--spacing-6);
  color: white;
}

.navigation__list-official .navigation__list-freetrial {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--free-trial);
  border-color: var(--free-trial);
  border-radius: 30px;
  width: 90%;
  padding: var(--spacing-4) 0;
  box-shadow: 0 6px 6px 0 var(--shadow-light);
  text-decoration: none;
  margin-bottom: var(--spacing-4);
}

.navigation__list-official .navigation__list-line {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--official-line);
  border-color: var(--official-line);
  border-radius: 30px;
  width: 90%;
  padding: var(--spacing-4) 0;
  box-shadow: 0 6px 6px 0 var(--shadow-light);
  text-decoration: none;
}

.navigation__list-official .chevron {
  position: absolute;
  right: 10vw;
}

.navigation__list-official .free-trial-logo,
.navigation__list-official .official-line-logo {
  margin-right: var(--spacing-1);
}

.Navigation-now::after {
  /* 現在利用しているコンテンツ */
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%) scaleX(1) !important;
  transform-origin: center;
  width: 100%;
  height: 5px;
  background-color: var(--primary-blue);
  transition: transform 0.3s ease;
}

/*svg読み込み*/
.free-trial-logo {
  width: 19px;
  height: 14px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDM3Ny40IDI3NS4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNzcuNCAyNzUuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT5wYXRoIHsgZmlsbDogI2ZmZjt9PC9zdHlsZT48Zz4gPHBhdGggZD0iTTM3NS44LDI1Ni4xbC0zNS43LTUwLjRjMS43LTMsMi44LTYuNSwyLjktMTAuMmMwLTAuNCwwLTAuOCwwLTEuMlY4NC44VjIzLjNjMC0xMi45LTEwLjUtMjMuMy0yMy4zLTIzLjNINTggQzQ1LjIsMCwzNC43LDEwLjUsMzQuNywyMy4zdjE3MWMwLDAuNCwwLDAuOCwwLDEuMmMwLjIsMy43LDEuMiw3LjIsMywxMC4zTDIsMjU2LjFjLTIuNCwzLjQtMi43LDcuNi0wLjgsMTEuMyBjMi42LDUuMSw4LjgsNy44LDEzLjUsNy44aDM0OC40YzMuNywwLDYuOS0yLjIsOC4yLTUuNGMwLjgtMC4zLDEuNi0wLjcsMi4zLTEuMkMzNzcuNywyNjUuOCwzNzguNiwyNjAuMiwzNzUuOCwyNTYuMXogTTUyLjcsMjMuMyBjMC0yLjksMi40LTUuMyw1LjMtNS4zaDI2MS43YzIuOSwwLDUuMywyLjQsNS4zLDUuM3Y2MS41djEwOS41YzAsMC4zLDAsMC43LTAuMSwxYzAsMCwwLDAuMSwwLDAuMWMtMC4xLDAuMy0wLjEsMC41LTAuMiwwLjcgYzAsMC4xLTAuMSwwLjItMC4yLDAuNGMtMC4xLDAuMi0wLjIsMC4zLTAuMywwLjVjLTAuMSwwLjItMC4yLDAuMy0wLjMsMC41Yy0wLjEsMC4xLTAuMiwwLjItMC4zLDAuM2MtMC4xLDAuMS0wLjMsMC4zLTAuNCwwLjQgYy0wLjEsMC4xLTAuMywwLjItMC40LDAuM2MtMC4xLDAuMS0wLjIsMC4xLTAuMywwLjJjLTAuMiwwLjEtMC41LDAuMy0wLjcsMC40YzAsMC0wLjEsMC0wLjEsMGMtMC42LDAuMy0xLjMsMC40LTIsMC40IGMtMC4xLDAtMC4yLDAtMC4zLDBINTguMmMtMC4xLDAtMC4yLDAtMC4zLDBjLTAuNywwLTEuNC0wLjItMi0wLjRjLTAuMSwwLTAuMS0wLjEtMC4yLTAuMWMtMC4yLTAuMS0wLjQtMC4yLTAuNi0wLjMgYy0wLjEtMC4xLTAuMy0wLjItMC40LTAuM2MtMC4xLTAuMS0wLjItMC4yLTAuMy0wLjNjLTAuMi0wLjEtMC4zLTAuMy0wLjUtMC41Yy0wLjEtMC4xLTAuMi0wLjItMC4yLTAuM2MtMC4xLTAuMi0wLjItMC4zLTAuNC0wLjUgYy0wLjEtMC4xLTAuMi0wLjMtMC4yLTAuNGMtMC4xLTAuMS0wLjEtMC4yLTAuMi0wLjRjLTAuMS0wLjItMC4yLTAuNS0wLjItMC43YzAsMCwwLTAuMSwwLTAuMWMtMC4xLTAuMy0wLjEtMC43LTAuMS0xVjIzLjN6IE01MS45LDIxNi45YzIsMC41LDQsMC44LDYuMSwwLjhoMGgyNjEuN2gwYzAsMCwwLDAsMCwwYzIuMSwwLDQuMi0wLjMsNi4yLTAuOGwyOC42LDQwLjRIMjMuM0w1MS45LDIxNi45eiIvPiA8cGF0aCBkPSJNMTE5LjUsMTkzLjFjNSwwLDktNCw5LTl2LTE0YzAtNi40LDguMi0xMy45LDIyLTE5LjljMTMuOC02LDMwLTkuMiwzOC40LTkuMnMyNC42LDMuMiwzOC40LDkuMmMxMy44LDYsMjIsMTMuNCwyMiwxOS45djE0IGMwLDUsNCw5LDksOWM1LDAsOS00LDktOXYtMTRjMC0xMC4xLTUuNy0yNC41LTMyLjktMzYuNGMtNi41LTIuOC0xMy4yLTUtMTkuNi02LjdjMTAuNy03LjksMTcuNy0yMC43LDE3LjctMzV2LTEuMyBjMC0yNC0xOS42LTQzLjUtNDMuNy00My41cy00My43LDE5LjUtNDMuNyw0My41VjkyYzAsMTQuMyw3LDI3LDE3LjcsMzVjLTYuNCwxLjctMTMuMSwzLjktMTkuNiw2LjcgYy0yNy4yLDExLjgtMzIuOSwyNi4zLTMyLjksMzYuNHYxNEMxMTAuNSwxODksMTE0LjUsMTkzLjEsMTE5LjUsMTkzLjF6IE0xNjMuMiw5MC44YzAtMTQuMSwxMS41LTI1LjUsMjUuNy0yNS41IHMyNS43LDExLjUsMjUuNywyNS41VjkyYzAsMTQuMS0xMS41LDI1LjUtMjUuNywyNS41cy0yNS43LTExLjUtMjUuNy0yNS41VjkwLjh6Ii8+PC9nPjwvc3ZnPg==)
    no-repeat center;
}

.official-line-logo {
  width: 13px;
  height: 21px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEyMy41IDIwMy4zIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjMuNSAyMDMuMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+IC5zdDB7ZmlsbDogI2ZmZjt9PC9zdHlsZT48Zz4gPHBhdGggY2xhc3M9InN0MCIgZD0iTTExOC45LDEzOC43bC0yLjYtMi4ybDUuMy02LjRjMy0zLjcsMi41LTkuMS0xLjItMTIuMWwtMy41LTIuOWw0LjctNS43YzMtMy43LDIuNS05LjEtMS4yLTEyLjFsLTMuNS0yLjkgbDQuNy01LjdjMy0zLjcsMi41LTkuMS0xLjItMTIuMWwtNC0zLjJjLTEtMC45LTIuMy0xLjUtMy42LTEuN1YxMC4yYzAtNS42LTQuNi0xMC4yLTEwLjItMTAuMkgyOC43QzIzLDAsMTguNCw0LjYsMTguNCwxMC4ydjY5LjcgYy0wLjctMC42LTEuNC0xLjEtMi4xLTEuNWMtMi45LTEuNy02LjQtMi05LjctMWMtMiwwLjYtMy44LDEuOC00LjgsMy4ybC0wLjEsMC4xYy0wLjIsMC4zLTAuNSwwLjctMC43LDEuMmMtMS43LDMuNS0xLDgtMC40LDEyIGMwLjEsMC42LDAuMiwxLjMsMC4zLDEuOWMyLjQsMTcuMSwxLjIsMjUuOCwwLjMsMzIuOGMtMC43LDUuMy0xLjMsOS45LDAsMTYuMWMxLjUsNy40LDQuMiwxMi42LDYuMywxNi44bDAuMSwwLjFsLTUuOCw5LjJsNS4xLDMuMiBsNi43LTEwLjZjMC42LTAuOSwwLjYtMiwwLjEtM2MtMC4zLTAuNS0wLjUtMS4xLTAuOS0xLjdjLTIuMS00LTQuNS04LjYtNS44LTE1LjJjLTEtNS4zLTAuNS05LjIsMC4xLTE0LjJjMS03LjQsMi4xLTE2LjUtMC4zLTM0LjQgYy0wLjEtMC42LTAuMi0xLjMtMC4zLTJjLTAuNC0yLjgtMS02LjYtMC4xLTguNGMwLjEtMC4xLDAuMS0wLjIsMC4yLTAuM2MwLjMtMC40LDEtMC44LDEuOC0xLjFjMC44LTAuMiwyLjgtMC43LDQuOSwwLjUgYzIuMiwxLjMsNCw0LjEsNS4xLDguM3Y1Ny40YzAsNS42LDQuNiwxMC4yLDEwLjIsMTAuMmg3MC44YzAuNCwwLjMsMC44LDAuNiwxLjMsMC45Yy0xLjMsMS42LTIuNywzLjUtNC41LDUuNyBjLTE0LjgsMTguOC0yMy4zLDIxLjEtMzAuMSwyM2MtMSwwLjMtMS45LDAuNS0yLjgsMC44Yy0wLjYsMC4yLTEuMSwwLjYtMS41LDEuMWwtNi40LDguN2w0LjgsMy42bDUuOC03LjljMC42LTAuMiwxLjEtMC4zLDEuNy0wLjUgYzcuNi0yLjEsMTcuMS00LjgsMzMuMi0yNS4xYzIuMy0yLjksNC4zLTUuNSw2LTcuNmMyLjUsMCw0LjYtMSw2LjItMi45bDYuOS04LjVjMS41LTEuOCwyLjEtNCwxLjktNi4zIEMxMjEuNywxNDIuMiwxMjAuNiwxNDAuMSwxMTguOSwxMzguN3ogTTEwNi44LDE1Ni4yYy0yLjIsMC01LjMtMi4yLTYuNC00LjVjLTAuNy0xLjUtMC4zLTIuMywwLjEtMi44bDYuMi03LjYgYzIsMC4zLDMuNywwLjEsNS4yLTAuNmwzLjIsMi42YzAuNSwwLjQsMC45LDEuMSwwLjksMS44YzAuMSwwLjctMC4xLDEuNC0wLjYsMS45bC02LjksOC41QzEwOC4xLDE1NiwxMDcuNSwxNTYuMiwxMDYuOCwxNTYuMnogTTI0LjUsOTEuMlYyNi44aDgyLjN2NDUuNWMtMSwwLjUtMS44LDEuMi0yLjUsMi4xbC02LjksOC41Yy0yLjEsMi41LTIuNCw1LjktMC44LDkuMWMxLjEsMi40LDMuMSw0LjUsNS41LDZsLTQuNiw1LjYgYy0yLjEsMi41LTIuNCw1LjktMC44LDkuMWMxLjEsMi40LDMuMSw0LjUsNS41LDZsLTQuNiw1LjZjLTEuMywxLjYtMS45LDMuNS0xLjgsNS42aC03MVY5Mi40bDAuMy0wLjFMMjQuNSw5MS4yeiBNMTAxLjksMTI4LjEgbDYuMS03LjRjMS43LDAuMSwzLjQtMC40LDQuNy0xLjNsMy44LDMuMWMxLjEsMC45LDEuMywyLjYsMC40LDMuN2wtNi45LDguNWMtMC40LDAuNS0wLjksMC43LTEuNywwLjdjLTIuMiwwLTUuMy0yLjItNi40LTQuNSBDMTAxLjEsMTI5LjQsMTAxLjUsMTI4LjYsMTAxLjksMTI4LjF6IE0xMDguMywxMTQuN2MtMi4yLDAtNS4zLTIuMi02LjQtNC41Yy0wLjctMS41LTAuMy0yLjMsMC4xLTIuOGw2LjEtNy40IGMxLjcsMC4xLDMuNC0wLjQsNC43LTEuM2wzLjgsMy4xYzAuNSwwLjQsMC45LDEuMSwwLjksMS44YzAuMSwwLjctMC4xLDEuNC0wLjYsMS45bC02LjksOC41QzEwOS41LDExNC41LDEwOSwxMTQuNywxMDguMywxMTQuN3ogTTExNi45LDg0LjhsLTYuOSw4LjVjLTAuNCwwLjUtMC45LDAuNy0xLjcsMC43Yy0yLjIsMC01LjMtMi4yLTYuNC00LjVjLTAuNy0xLjUtMC4zLTIuMywwLjEtMi44bDYuOS04LjVjMC41LTAuNiwxLjItMSwyLTEgYzAuNiwwLDEuMiwwLjIsMS43LDAuNmw0LDMuM2MwLjUsMC40LDAuOSwxLjEsMC45LDEuOFMxMTcuMyw4NC4yLDExNi45LDg0Ljh6IE05NC43LDE1My41aC02NmMtMi4zLDAtNC4yLTEuOS00LjItNC4ydi0xMy4zSDk4IGMwLjgsMS4xLDEuOSwyLDMsMi45bC01LjEsNi4zQzkzLjksMTQ3LjQsOTMuNSwxNTAuNSw5NC43LDE1My41eiBNMjQuNSwyMC44VjEwLjJjMC0yLjMsMS45LTQuMiw0LjItNC4yaDczLjggYzIuMywwLDQuMiwxLjksNC4yLDQuMnYxMC42SDI0LjV6Ii8+IDxyZWN0IHg9IjYwLjIiIHk9IjE0MS41IiBjbGFzcz0ic3QwIiB3aWR0aD0iMTAuOCIgaGVpZ2h0PSI2Ii8+IDxyZWN0IHg9IjU1IiB5PSIxMS44IiBjbGFzcz0ic3QwIiB3aWR0aD0iMjEuMiIgaGVpZ2h0PSI0Ii8+PC9nPjwvc3ZnPg==)
    no-repeat center;
}

.scroll-to-top {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  width: 100%;
  height: 34px;
  background-color: var(--primary-deep-blue);
}

.scroll-to-top .material-icons {
  color: white;
  padding-top: var(--spacing-1);
  font-weight: 700;
}

.x-logo {
  display: block;
  background-color: black;
}

#copyright-notice {
  text-align: center;
  color: white;
  margin: 0;
  padding: var(--spacing-6) var(--spacing-2);
  background-color: var(--primary-deep-blue);
}

/*bigfooter*/
#big-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: var(--spacing-8) var(--spacing-8) var(--spacing-8) var(--spacing-20);
}

#big-footer .footer-img {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}

#big-footer .footer-img .footer-logo {
  width: 180px;
  height: auto;
}

#big-footer .footer-img .footer-sns {
  display: flex;
  justify-content: center;
  gap: 20px;
}

#big-footer .footer-img .footer-sns img {
  width: auto;
  height: 40px;
  border-radius: 50%;
}

#big-footer .footer-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-right: var(--spacing-10);
}

#big-footer .footer-grid a {
  display: flex;
  align-items: center;
  color: black;
  font-weight: 500;
  padding: var(--spacing-1) var(--spacing-1);
}

#big-footer .footer-grid a:hover {
  color: var(--primary-blue);
}

/*jrヘッダーのスタイル*/
#header-jr {
  height: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  box-shadow: 0 2px 6px -2px var(--shadow-medium-2);
  position: relative;
  z-index: 1000;
}

#header-jr img {
  width: 80px;
  height: auto;
  margin: var(--spacing-2) 0 0 var(--spacing-5);
}

#header-jr .space {
  /* これより後の要素を右寄せ */
  margin-left: auto;
}

#header-jr .hamburger-menu__bar:first-child {
  top: 35%;
}

#header-jr .hamburger-menu__bar:nth-child(2) {
  top: 50%;
}

#header-jr .hamburger-menu__bar:last-child {
  top: 65%;
}

#header-jr .hamburger-menu--open .hamburger-menu__bar {
  top: 50%;
}

#header-jr .hamburger-menu {
  background-color: transparent;
}

#header-jr .hamburger-menu__bar {
  background: var(--color-gray-dark);
}

#jr-navigation .navigation__list {
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: var(--color-gray-lighter);
  height: 100vh;
  list-style: none;
  padding: 0;
  margin: 0;
}

#jr-navigation .navigation__list-item {
  width: 90%;
  display: flex;
  align-items: center;
  border-bottom: solid 1px var(--color-gray-dark);
}

#jr-navigation .navigation__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--color-gray-dark);
  font-weight: 550;
  text-decoration: none;
  width: 100%;
  padding: var(--spacing-4) 0 var(--spacing-4) var(--spacing-4);
  transition: 0.2s;
}

#jr-navigation .navigation__link .material-icons {
  color: var(--color-gray-dark);
  margin-right: var(--spacing-1);
}

#jr-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100vw;
  height: 100px;
  background-color: var(--color-gray-medium-2);
}

#jr-footer a {
  color: black;
  border-bottom: 1px solid black;
  font-size: var(--font-size-xxs);
}

#jr-footer p {
  margin: var(--spacing-1) 0;
  font-size: var(--font-size-xxs);
}

#jr-footer .jr-footer-content {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

#jr-big-footer {
  width: 100vw;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--color-gray-lighter-2);
  border-top: 1px solid var(--color-gray-dark);
  padding: var(--spacing-8) var(--spacing-25) var(--spacing-4) var(--spacing-25);
}

#jr-big-footer img {
  width: 180px;
  height: auto;
}

#jr-big-footer .jr-big-footer-right {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-direction: column;
}

#jr-big-footer .jr-big-footer-right a {
  color: black;
}

#jr-big-footer .jr-big-footer-right a:hover {
  color: var(--color-orange);
}

.big-scroll-to-top {
  display: none;
}

/* メインコンテンツ */
.blue-grid {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 200px;
  font-size: var(--font-size-3xl);
  font-weight: bold;
  color: white;
  background-color: var(--official-line);
  background-image:
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 100px,
      var(--color-primary-dark) 100px,
      var(--color-primary-dark) 101px
    ),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 100px,
      var(--color-primary-dark) 100px,
      var(--color-primary-dark) 101px
    );
}

.orange-line {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  color: white;
  font-size: 2.4rem;
  font-weight: bold;
  background-color: var(--junior-primary-color);
}

.white-line {
  width: 100%;
  height: 50px;
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
select,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-style: normal;
  font-weight: 400;
  vertical-align: bottom;
  background: transparent;
}

.header p {
  margin: revert;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  display: block;
}

html {
  font-size: 62.5%;
}

body {
  font-family: sans-serif;
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: none;
}

a {
  margin: 0;
  padding: 0;
  background: transparent;
  outline: 0;
}

a,
img {
  vertical-align: bottom;
}

ins {
  text-decoration: none;
}

ins,
mark {
  background-color: var(--color-yellow-pale-3);
  color: var(--color-black);
}

mark {
  font-style: italic;
  font-weight: 700;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

td,
th {
  text-align: left;
  vertical-align: top;
}

input,
select,
textarea {
  font-family: inherit;
}

input[type='submit'] {
  cursor: pointer;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid var(--color-gray-border);
  margin: 1em 0;
  padding: 0;
}

html {
  overflow: auto;
}

body {
  padding-top: var(--spacing-14);
  font-family:
    Noto Sans JP,
    ヒラギノ角ゴ ProN W3,
    Meiryo,
    sans-serif;
  color: var(--color-gray-darker);
  font-size: 1.4rem;
  line-height: 1.9;
  letter-spacing: 0.04em;
  overflow: hidden;
  text-size-adjust: 100%;
}

.u-alpha {
  display: block;
  text-decoration: none;
}

.u-cf:after {
  content: '';
  display: block;
  clear: both;
}

.u-inner {
  box-sizing: border-box;
  padding-left: var(--spacing-8);
  padding-right: var(--spacing-8);
}

.u-font-roboto {
  font-family: 'Roboto', sans-serif;
}

.u-text-upper {
  text-transform: uppercase;
}

.c-bg-cobalt {
  background: var(--color-primary-light);
  color: var(--color-white);
}

.c-bg-light-blue {
  background: var(--color-blue-light);
}

.c-bg-gray {
  background: var(--color-gray-light);
}

.c-btn01 {
  max-width: 345px;
  margin: auto;
  text-align: center;
  box-sizing: border-box;
}

.c-btn01.is-sky .c-btn01__link {
  border-color: var(--color-green);
  background: var(--color-green);
  box-shadow: 0 6px 6px 0 var(--shadow-light);
}

.c-btn01.is-border .c-btn01__link {
  background-color: var(--color-white);
  border: 2px solid var(--color-primary);
  color: var(--color-primary);
  padding: var(--spacing-2);
}

.c-btn01.is-border .c-btn01__link:after {
  width: var(--spacing-4);
  height: 19px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%2314456e%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22163.916%2C0%2092.084%2C71.822%20276.258%2C255.996%2092.084%2C440.178%20163.916%2C512%20419.916%2C255.996%20%22%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fsvg%3E)
    no-repeat center;
  transition: all 0.3s ease;
}

.c-btn01.is-transparent .c-btn01__link {
  border-color: var(--color-white);
  background: transparent;
}

.c-btn01.is-monitor .c-btn01__link:before {
  position: relative;
  top: -2px;
  left: -8px;
  width: 19px;
  height: 14px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20377.4%20275.2%22%20style%3D%22enable-background%3Anew%200%200%20377.4%20275.2%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3Epath%20%7B%20fill%3A%20%23fff%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20d%3D%22M375.8%2C256.1l-35.7-50.4c1.7-3%2C2.8-6.5%2C2.9-10.2c0-0.4%2C0-0.8%2C0-1.2V84.8V23.3c0-12.9-10.5-23.3-23.3-23.3H58%20C45.2%2C0%2C34.7%2C10.5%2C34.7%2C23.3v171c0%2C0.4%2C0%2C0.8%2C0%2C1.2c0.2%2C3.7%2C1.2%2C7.2%2C3%2C10.3L2%2C256.1c-2.4%2C3.4-2.7%2C7.6-0.8%2C11.3%20c2.6%2C5.1%2C8.8%2C7.8%2C13.5%2C7.8h348.4c3.7%2C0%2C6.9-2.2%2C8.2-5.4c0.8-0.3%2C1.6-0.7%2C2.3-1.2C377.7%2C265.8%2C378.6%2C260.2%2C375.8%2C256.1z%20M52.7%2C23.3%20c0-2.9%2C2.4-5.3%2C5.3-5.3h261.7c2.9%2C0%2C5.3%2C2.4%2C5.3%2C5.3v61.5v109.5c0%2C0.3%2C0%2C0.7-0.1%2C1c0%2C0%2C0%2C0.1%2C0%2C0.1c-0.1%2C0.3-0.1%2C0.5-0.2%2C0.7%20c0%2C0.1-0.1%2C0.2-0.2%2C0.4c-0.1%2C0.2-0.2%2C0.3-0.3%2C0.5c-0.1%2C0.2-0.2%2C0.3-0.3%2C0.5c-0.1%2C0.1-0.2%2C0.2-0.3%2C0.3c-0.1%2C0.1-0.3%2C0.3-0.4%2C0.4%20c-0.1%2C0.1-0.3%2C0.2-0.4%2C0.3c-0.1%2C0.1-0.2%2C0.1-0.3%2C0.2c-0.2%2C0.1-0.5%2C0.3-0.7%2C0.4c0%2C0-0.1%2C0-0.1%2C0c-0.6%2C0.3-1.3%2C0.4-2%2C0.4%20c-0.1%2C0-0.2%2C0-0.3%2C0H58.2c-0.1%2C0-0.2%2C0-0.3%2C0c-0.7%2C0-1.4-0.2-2-0.4c-0.1%2C0-0.1-0.1-0.2-0.1c-0.2-0.1-0.4-0.2-0.6-0.3%20c-0.1-0.1-0.3-0.2-0.4-0.3c-0.1-0.1-0.2-0.2-0.3-0.3c-0.2-0.1-0.3-0.3-0.5-0.5c-0.1-0.1-0.2-0.2-0.2-0.3c-0.1-0.2-0.2-0.3-0.4-0.5%20c-0.1-0.1-0.2-0.3-0.2-0.4c-0.1-0.1-0.1-0.2-0.2-0.4c-0.1-0.2-0.2-0.5-0.2-0.7c0%2C0%2C0-0.1%2C0-0.1c-0.1-0.3-0.1-0.7-0.1-1V23.3z%20M51.9%2C216.9c2%2C0.5%2C4%2C0.8%2C6.1%2C0.8h0h261.7h0c0%2C0%2C0%2C0%2C0%2C0c2.1%2C0%2C4.2-0.3%2C6.2-0.8l28.6%2C40.4H23.3L51.9%2C216.9z%22%2F%3E%20%3Cpath%20d%3D%22M119.5%2C193.1c5%2C0%2C9-4%2C9-9v-14c0-6.4%2C8.2-13.9%2C22-19.9c13.8-6%2C30-9.2%2C38.4-9.2s24.6%2C3.2%2C38.4%2C9.2c13.8%2C6%2C22%2C13.4%2C22%2C19.9v14%20c0%2C5%2C4%2C9%2C9%2C9c5%2C0%2C9-4%2C9-9v-14c0-10.1-5.7-24.5-32.9-36.4c-6.5-2.8-13.2-5-19.6-6.7c10.7-7.9%2C17.7-20.7%2C17.7-35v-1.3%20c0-24-19.6-43.5-43.7-43.5s-43.7%2C19.5-43.7%2C43.5V92c0%2C14.3%2C7%2C27%2C17.7%2C35c-6.4%2C1.7-13.1%2C3.9-19.6%2C6.7%20c-27.2%2C11.8-32.9%2C26.3-32.9%2C36.4v14C110.5%2C189%2C114.5%2C193.1%2C119.5%2C193.1z%20M163.2%2C90.8c0-14.1%2C11.5-25.5%2C25.7-25.5%20s25.7%2C11.5%2C25.7%2C25.5V92c0%2C14.1-11.5%2C25.5-25.7%2C25.5s-25.7-11.5-25.7-25.5V90.8z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
    no-repeat center;
  transition: all 0.3s ease;
}

.c-btn01.is-smartphone .c-btn01__link:before {
  position: relative;
  top: -2px;
  left: -8px;
  width: 13px;
  height: 21px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20123.5%20203.3%22%20style%3D%22enable-background%3Anew%200%200%20123.5%20203.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%20%23fff%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M118.9%2C138.7l-2.6-2.2l5.3-6.4c3-3.7%2C2.5-9.1-1.2-12.1l-3.5-2.9l4.7-5.7c3-3.7%2C2.5-9.1-1.2-12.1l-3.5-2.9%20l4.7-5.7c3-3.7%2C2.5-9.1-1.2-12.1l-4-3.2c-1-0.9-2.3-1.5-3.6-1.7V10.2c0-5.6-4.6-10.2-10.2-10.2H28.7C23%2C0%2C18.4%2C4.6%2C18.4%2C10.2v69.7%20c-0.7-0.6-1.4-1.1-2.1-1.5c-2.9-1.7-6.4-2-9.7-1c-2%2C0.6-3.8%2C1.8-4.8%2C3.2l-0.1%2C0.1c-0.2%2C0.3-0.5%2C0.7-0.7%2C1.2c-1.7%2C3.5-1%2C8-0.4%2C12%20c0.1%2C0.6%2C0.2%2C1.3%2C0.3%2C1.9c2.4%2C17.1%2C1.2%2C25.8%2C0.3%2C32.8c-0.7%2C5.3-1.3%2C9.9%2C0%2C16.1c1.5%2C7.4%2C4.2%2C12.6%2C6.3%2C16.8l0.1%2C0.1l-5.8%2C9.2l5.1%2C3.2%20l6.7-10.6c0.6-0.9%2C0.6-2%2C0.1-3c-0.3-0.5-0.5-1.1-0.9-1.7c-2.1-4-4.5-8.6-5.8-15.2c-1-5.3-0.5-9.2%2C0.1-14.2c1-7.4%2C2.1-16.5-0.3-34.4%20c-0.1-0.6-0.2-1.3-0.3-2c-0.4-2.8-1-6.6-0.1-8.4c0.1-0.1%2C0.1-0.2%2C0.2-0.3c0.3-0.4%2C1-0.8%2C1.8-1.1c0.8-0.2%2C2.8-0.7%2C4.9%2C0.5%20c2.2%2C1.3%2C4%2C4.1%2C5.1%2C8.3v57.4c0%2C5.6%2C4.6%2C10.2%2C10.2%2C10.2h70.8c0.4%2C0.3%2C0.8%2C0.6%2C1.3%2C0.9c-1.3%2C1.6-2.7%2C3.5-4.5%2C5.7%20c-14.8%2C18.8-23.3%2C21.1-30.1%2C23c-1%2C0.3-1.9%2C0.5-2.8%2C0.8c-0.6%2C0.2-1.1%2C0.6-1.5%2C1.1l-6.4%2C8.7l4.8%2C3.6l5.8-7.9c0.6-0.2%2C1.1-0.3%2C1.7-0.5%20c7.6-2.1%2C17.1-4.8%2C33.2-25.1c2.3-2.9%2C4.3-5.5%2C6-7.6c2.5%2C0%2C4.6-1%2C6.2-2.9l6.9-8.5c1.5-1.8%2C2.1-4%2C1.9-6.3%20C121.7%2C142.2%2C120.6%2C140.1%2C118.9%2C138.7z%20M106.8%2C156.2c-2.2%2C0-5.3-2.2-6.4-4.5c-0.7-1.5-0.3-2.3%2C0.1-2.8l6.2-7.6%20c2%2C0.3%2C3.7%2C0.1%2C5.2-0.6l3.2%2C2.6c0.5%2C0.4%2C0.9%2C1.1%2C0.9%2C1.8c0.1%2C0.7-0.1%2C1.4-0.6%2C1.9l-6.9%2C8.5C108.1%2C156%2C107.5%2C156.2%2C106.8%2C156.2z%20M24.5%2C91.2V26.8h82.3v45.5c-1%2C0.5-1.8%2C1.2-2.5%2C2.1l-6.9%2C8.5c-2.1%2C2.5-2.4%2C5.9-0.8%2C9.1c1.1%2C2.4%2C3.1%2C4.5%2C5.5%2C6l-4.6%2C5.6%20c-2.1%2C2.5-2.4%2C5.9-0.8%2C9.1c1.1%2C2.4%2C3.1%2C4.5%2C5.5%2C6l-4.6%2C5.6c-1.3%2C1.6-1.9%2C3.5-1.8%2C5.6h-71V92.4l0.3-0.1L24.5%2C91.2z%20M101.9%2C128.1%20l6.1-7.4c1.7%2C0.1%2C3.4-0.4%2C4.7-1.3l3.8%2C3.1c1.1%2C0.9%2C1.3%2C2.6%2C0.4%2C3.7l-6.9%2C8.5c-0.4%2C0.5-0.9%2C0.7-1.7%2C0.7c-2.2%2C0-5.3-2.2-6.4-4.5%20C101.1%2C129.4%2C101.5%2C128.6%2C101.9%2C128.1z%20M108.3%2C114.7c-2.2%2C0-5.3-2.2-6.4-4.5c-0.7-1.5-0.3-2.3%2C0.1-2.8l6.1-7.4%20c1.7%2C0.1%2C3.4-0.4%2C4.7-1.3l3.8%2C3.1c0.5%2C0.4%2C0.9%2C1.1%2C0.9%2C1.8c0.1%2C0.7-0.1%2C1.4-0.6%2C1.9l-6.9%2C8.5C109.5%2C114.5%2C109%2C114.7%2C108.3%2C114.7z%20M116.9%2C84.8l-6.9%2C8.5c-0.4%2C0.5-0.9%2C0.7-1.7%2C0.7c-2.2%2C0-5.3-2.2-6.4-4.5c-0.7-1.5-0.3-2.3%2C0.1-2.8l6.9-8.5c0.5-0.6%2C1.2-1%2C2-1%20c0.6%2C0%2C1.2%2C0.2%2C1.7%2C0.6l4%2C3.3c0.5%2C0.4%2C0.9%2C1.1%2C0.9%2C1.8S117.3%2C84.2%2C116.9%2C84.8z%20M94.7%2C153.5h-66c-2.3%2C0-4.2-1.9-4.2-4.2v-13.3H98%20c0.8%2C1.1%2C1.9%2C2%2C3%2C2.9l-5.1%2C6.3C93.9%2C147.4%2C93.5%2C150.5%2C94.7%2C153.5z%20M24.5%2C20.8V10.2c0-2.3%2C1.9-4.2%2C4.2-4.2h73.8%20c2.3%2C0%2C4.2%2C1.9%2C4.2%2C4.2v10.6H24.5z%22%2F%3E%20%3Crect%20x%3D%2260.2%22%20y%3D%22141.5%22%20class%3D%22st0%22%20width%3D%2210.8%22%20height%3D%226%22%2F%3E%20%3Crect%20x%3D%2255%22%20y%3D%2211.8%22%20class%3D%22st0%22%20width%3D%2221.2%22%20height%3D%224%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
    no-repeat center;
  transition: all 0.3s ease;
}

.c-btn01.is-light-blue .c-btn01__link {
  border-color: var(--color-blue-lighter-4);
  background-color: var(--color-blue-lighter-4);
  color: var(--color-primary);
}

.c-btn01.is-light-blue .c-btn01__link:before {
  width: 13px;
  height: 21px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20123.5%20203.3%22%20style%3D%22enable-background%3Anew%200%200%20123.5%20203.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%20%2314456e%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M118.9%2C138.7l-2.6-2.2l5.3-6.4c3-3.7%2C2.5-9.1-1.2-12.1l-3.5-2.9l4.7-5.7c3-3.7%2C2.5-9.1-1.2-12.1l-3.5-2.9%20l4.7-5.7c3-3.7%2C2.5-9.1-1.2-12.1l-4-3.2c-1-0.9-2.3-1.5-3.6-1.7V10.2c0-5.6-4.6-10.2-10.2-10.2H28.7C23%2C0%2C18.4%2C4.6%2C18.4%2C10.2v69.7%20c-0.7-0.6-1.4-1.1-2.1-1.5c-2.9-1.7-6.4-2-9.7-1c-2%2C0.6-3.8%2C1.8-4.8%2C3.2l-0.1%2C0.1c-0.2%2C0.3-0.5%2C0.7-0.7%2C1.2c-1.7%2C3.5-1%2C8-0.4%2C12%20c0.1%2C0.6%2C0.2%2C1.3%2C0.3%2C1.9c2.4%2C17.1%2C1.2%2C25.8%2C0.3%2C32.8c-0.7%2C5.3-1.3%2C9.9%2C0%2C16.1c1.5%2C7.4%2C4.2%2C12.6%2C6.3%2C16.8l0.1%2C0.1l-5.8%2C9.2l5.1%2C3.2%20l6.7-10.6c0.6-0.9%2C0.6-2%2C0.1-3c-0.3-0.5-0.5-1.1-0.9-1.7c-2.1-4-4.5-8.6-5.8-15.2c-1-5.3-0.5-9.2%2C0.1-14.2c1-7.4%2C2.1-16.5-0.3-34.4%20c-0.1-0.6-0.2-1.3-0.3-2c-0.4-2.8-1-6.6-0.1-8.4c0.1-0.1%2C0.1-0.2%2C0.2-0.3c0.3-0.4%2C1-0.8%2C1.8-1.1c0.8-0.2%2C2.8-0.7%2C4.9%2C0.5%20c2.2%2C1.3%2C4%2C4.1%2C5.1%2C8.3v57.4c0%2C5.6%2C4.6%2C10.2%2C10.2%2C10.2h70.8c0.4%2C0.3%2C0.8%2C0.6%2C1.3%2C0.9c-1.3%2C1.6-2.7%2C3.5-4.5%2C5.7%20c-14.8%2C18.8-23.3%2C21.1-30.1%2C23c-1%2C0.3-1.9%2C0.5-2.8%2C0.8c-0.6%2C0.2-1.1%2C0.6-1.5%2C1.1l-6.4%2C8.7l4.8%2C3.6l5.8-7.9c0.6-0.2%2C1.1-0.3%2C1.7-0.5%20c7.6-2.1%2C17.1-4.8%2C33.2-25.1c2.3-2.9%2C4.3-5.5%2C6-7.6c2.5%2C0%2C4.6-1%2C6.2-2.9l6.9-8.5c1.5-1.8%2C2.1-4%2C1.9-6.3%20C121.7%2C142.2%2C120.6%2C140.1%2C118.9%2C138.7z%20M106.8%2C156.2c-2.2%2C0-5.3-2.2-6.4-4.5c-0.7-1.5-0.3-2.3%2C0.1-2.8l6.2-7.6%20c2%2C0.3%2C3.7%2C0.1%2C5.2-0.6l3.2%2C2.6c0.5%2C0.4%2C0.9%2C1.1%2C0.9%2C1.8c0.1%2C0.7-0.1%2C1.4-0.6%2C1.9l-6.9%2C8.5C108.1%2C156%2C107.5%2C156.2%2C106.8%2C156.2z%20M24.5%2C91.2V26.8h82.3v45.5c-1%2C0.5-1.8%2C1.2-2.5%2C2.1l-6.9%2C8.5c-2.1%2C2.5-2.4%2C5.9-0.8%2C9.1c1.1%2C2.4%2C3.1%2C4.5%2C5.5%2C6l-4.6%2C5.6%20c-2.1%2C2.5-2.4%2C5.9-0.8%2C9.1c1.1%2C2.4%2C3.1%2C4.5%2C5.5%2C6l-4.6%2C5.6c-1.3%2C1.6-1.9%2C3.5-1.8%2C5.6h-71V92.4l0.3-0.1L24.5%2C91.2z%20M101.9%2C128.1%20l6.1-7.4c1.7%2C0.1%2C3.4-0.4%2C4.7-1.3l3.8%2C3.1c1.1%2C0.9%2C1.3%2C2.6%2C0.4%2C3.7l-6.9%2C8.5c-0.4%2C0.5-0.9%2C0.7-1.7%2C0.7c-2.2%2C0-5.3-2.2-6.4-4.5%20C101.1%2C129.4%2C101.5%2C128.6%2C101.9%2C128.1z%20M108.3%2C114.7c-2.2%2C0-5.3-2.2-6.4-4.5c-0.7-1.5-0.3-2.3%2C0.1-2.8l6.1-7.4%20c1.7%2C0.1%2C3.4-0.4%2C4.7-1.3l3.8%2C3.1c0.5%2C0.4%2C0.9%2C1.1%2C0.9%2C1.8c0.1%2C0.7-0.1%2C1.4-0.6%2C1.9l-6.9%2C8.5C109.5%2C114.5%2C109%2C114.7%2C108.3%2C114.7z%20M116.9%2C84.8l-6.9%2C8.5c-0.4%2C0.5-0.9%2C0.7-1.7%2C0.7c-2.2%2C0-5.3-2.2-6.4-4.5c-0.7-1.5-0.3-2.3%2C0.1-2.8l6.9-8.5c0.5-0.6%2C1.2-1%2C2-1%20c0.6%2C0%2C1.2%2C0.2%2C1.7%2C0.6l4%2C3.3c0.5%2C0.4%2C0.9%2C1.1%2C0.9%2C1.8S117.3%2C84.2%2C116.9%2C84.8z%20M94.7%2C153.5h-66c-2.3%2C0-4.2-1.9-4.2-4.2v-13.3H98%20c0.8%2C1.1%2C1.9%2C2%2C3%2C2.9l-5.1%2C6.3C93.9%2C147.4%2C93.5%2C150.5%2C94.7%2C153.5z%20M24.5%2C20.8V10.2c0-2.3%2C1.9-4.2%2C4.2-4.2h73.8%20c2.3%2C0%2C4.2%2C1.9%2C4.2%2C4.2v10.6H24.5z%22%2F%3E%20%3Crect%20x%3D%2260.2%22%20y%3D%22141.5%22%20class%3D%22st0%22%20width%3D%2210.8%22%20height%3D%226%22%2F%3E%20%3Crect%20x%3D%2255%22%20y%3D%2211.8%22%20class%3D%22st0%22%20width%3D%2221.2%22%20height%3D%224%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
    no-repeat center;
  transition: all 0.3s ease;
}

.c-btn01.is-light-blue .c-btn01__link:after {
  width: var(--spacing-2);
  height: 10px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%2314456e%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22163.916%2C0%2092.084%2C71.822%20276.258%2C255.996%2092.084%2C440.178%20163.916%2C512%20419.916%2C255.996%20%22%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fsvg%3E)
    no-repeat center;
  transition: all 0.3s ease;
}

.c-btn01__link {
  position: relative;
  display: block;
  padding: var(--spacing-4) var(--spacing-5);
  border: 1px solid var(--color-primary-light);
  text-decoration: none;
  border-radius: 30px;
  background: var(--color-primary-light);
  font-size: var(--font-size-base);
  font-weight: 500;
  color: var(--color-white);
  box-sizing: border-box;
}

.c-btn01__link:after {
  position: absolute;
  top: 50%;
  right: 17px;
  transform: translate(0, -50%);
  width: 14px;
  height: 19px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22163.916%2C0%2092.084%2C71.822%20276.258%2C255.996%2092.084%2C440.178%20163.916%2C512%20419.916%2C255.996%20%22%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fsvg%3E)
    no-repeat center;
  transition: all 0.3s ease;
}

.c-btn-anchor01__item:nth-child(n + 2) {
  margin-top: var(--spacing-4);
}

.c-btn-anchor01__item-link {
  position: relative;
  padding: var(--spacing-3);
  border: 2px solid var(--color-primary-light);
  border-radius: 50px;
  text-align: center;
  color: var(--color-primary-light);
  font-size: var(--font-size-base);
  font-weight: 500;
  line-height: 1.5;
}

.c-btn-anchor01__item-link:before,
.c-btn-anchor01__item-link:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
}

.c-btn-anchor01__item-link:before {
  width: 20px;
  height: 10px;
  background: var(--color-white);
  transform: translate(-50%, 50%);
}

.c-btn-anchor01__item-link:after {
  transform: translate(-50%, 50%) rotate(90deg);
  width: 8px;
  height: 13px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%231e3b6e%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22163.916%2C0%2092.084%2C71.822%20276.258%2C255.996%2092.084%2C440.178%20163.916%2C512%20419.916%2C255.996%20%22%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fsvg%3E)
    no-repeat center;
  transition: all 0.3s ease;
}

.c-card01__item {
  position: relative;
  background: var(--color-white);
  padding: var(--spacing-10) var(--spacing-6) var(--spacing-5);
}

.c-card01__item:nth-child(n + 2) {
  margin-top: var(--spacing-10);
}

.c-card01__item-num {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  border-radius: 50px;
  padding: var(--spacing-2) var(--spacing-10);
  background: var(--color-yellow);
  color: var(--color-primary-light);
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.1;
  white-space: nowrap;
}

.c-card01__item-area-txt {
  margin-top: var(--spacing-5);
}

.c-card01__item-head {
  margin-bottom: var(--spacing-2);
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.5;
}

.c-card01.is-sky .c-card01__item-num {
  background: var(--color-accent);
  color: var(--color-white);
}

.c-card01.is-bold .c-card01__item-txt {
  font-weight: 500;
}

.c-color-blue {
  color: var(--color-primary);
}

.c-color-red {
  color: var(--color-red);
}

.c-color-cobalt {
  color: var(--color-primary-light);
}

.c-head01 {
  position: relative;
  margin-bottom: var(--spacing-6);
  text-align: center;
}

.c-head01.is-white {
  color: var(--color-white);
}

.c-head01.is-white .c-head01__main:after {
  background: var(--color-white);
}

.c-head01.is-hatching {
  padding-top: var(--spacing-12);
  padding-bottom: var(--spacing-10);
}

.c-head01.is-hatching:before {
  content: '';
  position: absolute;
  left: -15px;
  right: -15px;
  top: 0;
  bottom: 0;
  background-color: var(--color-primary-light);
  background-size: auto auto;
  background-image:
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 70px,
      var(--color-primary-dark) 70px,
      var(--color-primary-dark) 71px
    ),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 70px,
      var(--color-primary-dark) 70px,
      var(--color-primary-dark) 71px
    );
  z-index: -1;
}

.c-head01__main {
  position: relative;
  padding-bottom: var(--spacing-6);
  font-size: var(--font-size-2xl);
  line-height: 1.45;
  font-weight: 700;
}

.c-head01__main:after {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  content: '';
  display: block;
  width: 36px;
  height: var(--spacing-1);
  background: var(--color-primary);
}

.c-head01__lead {
  margin: var(--spacing-5) 0 var(--spacing-13);
  text-align: left;
}

.c-head02 {
  margin-bottom: var(--spacing-5);
  text-align: center;
  color: var(--color-primary-light);
  font-size: var(--font-size-2xl);
  font-weight: 700;
  line-height: 1.5;
}

.c-list-check01__item {
  position: relative;
  padding-left: var(--spacing-7);
  font-weight: 700;
  line-height: 1.7;
}

.c-list-check01__item:not(:last-child) {
  margin-bottom: var(--spacing-5);
}

.c-list-check01__item:before {
  position: absolute;
  top: var(--spacing-1);
  left: 0;
  width: 18px;
  height: 18px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20547.1%20547.1%22%20style%3D%22enable-background%3Anew%200%200%20547.1%20547.1%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3Epath%20%7B%20fill%3A%20%231db6e2%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20d%3D%22M180.3%2C215c-12.7-12.7-33.3-12.7-46.1%2C0h0c-12.7%2C12.7-12.7%2C33.3%2C0%2C46.1l127.2%2C127.2c6.9%2C6.9%2C18.1%2C6.9%2C25%2C0L539%2C135.7%20c12.7-12.7%2C12.7-33.3%2C0-46.1l0%2C0c-12.7-12.7-33.3-12.7-46.1%2C0l-219%2C219L180.3%2C215z%22%2F%3E%20%3Cpath%20d%3D%22M496.4%2C244.7c1.2%2C9.4%2C1.8%2C19.1%2C1.8%2C28.8c0%2C123.9-100.8%2C224.7-224.7%2C224.7c-123.9%2C0-224.7-100.8-224.7-224.7%20c0-123.9%2C100.8-224.7%2C224.7-224.7c54.1%2C0%2C103.7%2C19.2%2C142.5%2C51.2l34.8-34.8c-21.2-18.1-45-32.8-70.8-43.7C346.3%2C7.2%2C310.5%2C0%2C273.6%2C0%20c-36.9%2C0-72.8%2C7.2-106.5%2C21.5C134.5%2C35.3%2C105.2%2C55%2C80.1%2C80.1c-25.1%2C25.1-44.8%2C54.4-58.6%2C86.9C7.2%2C200.8%2C0%2C236.6%2C0%2C273.6%20s7.2%2C72.8%2C21.5%2C106.5C35.3%2C412.6%2C55%2C441.9%2C80.1%2C467c25.1%2C25.1%2C54.4%2C44.8%2C86.9%2C58.6c33.7%2C14.3%2C69.6%2C21.5%2C106.5%2C21.5%20c36.9%2C0%2C72.8-7.2%2C106.5-21.5c32.6-13.8%2C61.8-33.5%2C86.9-58.6c25.1-25.1%2C44.8-54.4%2C58.6-86.9c14.3-33.7%2C21.5-69.6%2C21.5-106.5%20c0-24-3.1-47.6-9.2-70.4L496.4%2C244.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
    no-repeat center;
  transition: all 0.3s ease;
}

.c-list-check01.is-small .c-list-check01__item {
  margin-bottom: var(--spacing-1);
}

.c-list-check01.is-border .c-list-check01__item {
  padding-top: var(--spacing-3);
  padding-bottom: var(--spacing-3);
  margin-bottom: 0;
}

.c-list-check01.is-border .c-list-check01__item:nth-child(n + 2) {
  border-top: 1px solid var(--color-gray);
}

.c-list-check01.is-border .c-list-check01__item:before {
  top: var(--spacing-4);
}

.c-list01__item {
  position: relative;
  padding-left: var(--spacing-3);
}

.c-list01__item:before {
  content: '';
  position: absolute;
  left: 0;
  top: 11px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--color-accent);
}

.c-maker01 {
  display: inline;
  background: var(--color-yellow);
}

.c-maker02 {
  display: inline;
  background: linear-gradient(transparent 70%, var(--color-yellow-light) 70%);
  padding: 0 var(--spacing-1);
}

.c-set-briefing {
  background-image: linear-gradient(
    to right,
    var(--color-primary-lighter) 0%,
    var(--color-blue-dark-9) 100%
  );
}

.c-set-briefing__inner {
  padding-top: var(--spacing-10);
  padding-bottom: var(--spacing-10);
}

.c-set-briefing__header {
  position: relative;
}

.c-set-briefing__header-img {
  max-width: var(--spacing-37);
  margin: auto;
  padding-bottom: var(--spacing-2);
}

.c-set-briefing__header-sub {
  position: absolute;
  top: -57px;
  right: var(--spacing-1);
  max-width: 98px;
}

.c-set-briefing__txt {
  color: var(--color-white);
}

.c-set-briefing__box {
  margin-top: var(--spacing-6);
  padding: var(--spacing-6) var(--spacing-4) var(--spacing-8);
  background: var(--color-white);
  border: 5px solid var(--color-blue-light);
  box-sizing: border-box;
  box-shadow: 0 9px 5px 0 var(--shadow-light);
}

.c-set-briefing__box-head {
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin-bottom: var(--spacing-2);
  font-size: var(--font-size-md);
  font-weight: 700;
  color: var(--color-primary);
}

.c-set-briefing__box-head:before,
.c-set-briefing__box-head:after {
  content: '';
  height: 1px;
  width: 100%;
  background: var(--color-accent);
  flex: 1;
}

.c-set-briefing__box-head:before {
  margin-right: var(--spacing-3);
}

.c-set-briefing__box-head:after {
  margin-left: var(--spacing-3);
}

.c-set-briefing__box-tel {
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1.1;
  white-space: nowrap;
}

.c-set-briefing__box-tel-link {
  display: block;
  text-decoration: none;
}

.c-set-briefing__box-tel:before {
  content: '';
  display: inline-block;
  margin-right: var(--spacing-1);
  width: 18px;
  height: 22px;
  background: url('../img/TOP/ico_tel01.png') no-repeat center/contain;
}

.c-set-briefing__box-tel-area {
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
  display: inline-block;
}

.c-set-briefing__box-tel-time {
  padding-top: 1px;
  font-size: var(--font-size-xs);
  color: var(--color-primary);
}

.c-set-briefing__box-btn {
  padding-top: var(--spacing-2);
}

.c-set-briefing__box-btn-link {
  font-size: var(--font-size-md);
  border-radius: 37px;
}

.c-set-briefing__box-btn-link:before {
  content: '';
  position: relative;
  left: -10px;
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 35px;
  background: url('../img/TOP/ico_smartphone01.png') no-repeat center/contain;
}

.c-set-briefing__box-btn-link:after {
  right: 15px;
  width: 11px;
  height: 15px;
}

.c-set-faq01 {
  border-top: 1px solid var(--color-gray);
}

.c-set-faq01__item {
  border-bottom: 1px solid var(--color-gray);
}

.c-set-faq01__item-label {
  position: absolute;
  top: 13px;
  left: 15px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-sm);
  font-weight: 700;
  box-sizing: border-box;
}

.c-set-faq01__item-ico {
  position: absolute;
  top: 20px;
  right: 15px;
  width: 15px;
  height: 15px;
}

.c-set-faq01__item-ico:before,
.c-set-faq01__item-ico:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 15px;
  height: 2px;
  background: var(--color-gray-medium-3);
  transition: all 0.3s ease;
}

.c-set-faq01__item-ico:after {
  transform: rotate(90deg);
}

.c-set-faq01__item-question {
  position: relative;
  padding: var(--spacing-3) var(--spacing-10) var(--spacing-3) var(--spacing-13);
  font-weight: 700;
}

.c-set-faq01__item-question.is-active .c-set-faq01__item-ico:after {
  transform: rotate(0);
}

.c-set-faq01__item-question .c-set-faq01__item-label {
  background: var(--color-primary-light);
  color: var(--color-white);
}

.c-set-faq01__item-question .c-set-faq01__item-txt {
  font-weight: 700;
}

.c-set-faq01__item-anser {
  position: relative;
  padding: var(--spacing-3) var(--spacing-5) var(--spacing-5) var(--spacing-13);
  border-top: 1px solid var(--color-gray);
  background: var(--color-gray-light);
}

.c-set-faq01__item-anser .c-set-faq01__item-label {
  background: var(--color-white);
  color: var(--color-primary-light);
}

.c-set01:nth-child(n + 2) {
  margin-top: var(--spacing-10);
}

.c-set01__head {
  text-align: center;
  margin-bottom: var(--spacing-5);
}

.c-set01__head-index-txt {
  display: inline-block;
  padding: var(--spacing-1) var(--spacing-2);
  color: var(--color-white);
  background: var(--color-accent);
  font-size: var(--font-size-xxs);
  line-height: 1.1;
  font-weight: 700;
  border-radius: 20px;
}

.c-set01__head-index-num {
  font-size: 4.3rem;
  font-weight: 700;
  line-height: 1.1;
  color: var(--color-primary-lighter);
}

.c-set01__head-txt {
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.5;
}

.c-set01__area-txt {
  margin-top: var(--spacing-5);
}

.c-set01.is-yellow .c-set01__head-index-txt {
  background: var(--color-yellow);
  color: var(--color-primary-lighter);
}

.c-toggle01__item {
  margin: 0 calc(-1 * var(--spacing-4));
  border-bottom: 1px solid var(--color-gray);
}

.c-toggle01__item:first-child {
  border-top: 1px solid var(--color-gray);
}

.c-toggle01__item-head {
  position: relative;
  display: flex;
  padding: var(--spacing-4) var(--spacing-10) var(--spacing-4) var(--spacing-4);
}

.c-toggle01__item-head:before,
.c-toggle01__item-head:after {
  content: '';
  position: absolute;
  right: 15px;
  top: 25px;
  width: 15px;
  height: 2px;
  background: var(--color-gray-medium-3);
}

.c-toggle01__item-head:after {
  transform: rotate(90deg);
  transition: all 0.3s ease;
}

.c-toggle01__item-head.is-active:after {
  transform: rotate(0);
}

.c-toggle01__item-head-ico {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 25px;
  height: 25px;
  padding-bottom: 1px;
  border-radius: 50%;
  background: var(--color-primary-light);
  color: var(--color-white);
  font-size: var(--font-size-sm);
  font-weight: 700;
  line-height: 1.1;
}

.c-toggle01__item-head-txt {
  box-sizing: border-box;
  width: calc(100% - 25px);
  padding-left: var(--spacing-4);
  font-size: var(--font-size-base);
  font-weight: 700;
  line-height: 1.5;
}

.c-toggle01__item-content {
  padding: var(--spacing-4);
  background: var(--color-gray-light);
  border-top: 1px solid var(--color-gray);
}

.c-toggle01__item-content-in {
  display: flex;
}

.c-toggle01__item-content-ico {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 25px;
  height: 25px;
  padding-bottom: 1px;
  border: 1px solid var(--color-primary-light);
  border-radius: 50%;
  color: var(--color-primary-light);
  background: var(--color-white);
  font-size: var(--font-size-sm);
  font-weight: 700;
  line-height: 1.1;
}

.c-toggle01__item-content-txt {
  box-sizing: border-box;
  width: calc(100% - 25px);
  padding-left: var(--spacing-4);
}

.l-breadcrumb .breadcrumb-list {
  padding: var(--spacing-5) 0 var(--spacing-1);
  font-size: var(--font-size-base);
}

.l-breadcrumb .breadcrumb-list__item {
  display: inline-block;
  margin-right: var(--spacing-1);
}

.l-breadcrumb .breadcrumb-list__item + .breadcrumb-list__item {
  padding-left: var(--spacing-1);
}

.l-breadcrumb .breadcrumb-list__item + .breadcrumb-list__item:before {
  display: inline-block;
  color: var(--color-primary-lighter);
  content: '>';
  margin-right: var(--spacing-1);
}

.l-breadcrumb .breadcrumb-list__item span,
.l-breadcrumb .breadcrumb-list__item a {
  font-size: inherit;
  font-weight: 600;
  letter-spacing: 0.1em;
}

.l-breadcrumb .breadcrumb-list__item a {
  text-decoration: none;
  display: inline-block;
  color: var(--color-primary-lighter);
  transition: all 0.3s ease;
}

.l-breadcrumb .breadcrumb-list__item a:hover {
  opacity: 0.7;
}

.l-footer__inner {
  padding-bottom: var(--spacing-10);
}

.l-footer .ft-sitemap {
  margin: auto calc(-1 * var(--spacing-5));
}

.l-footer .ft-sitemap__list {
  display: flex;
  flex-wrap: wrap;
}

.l-footer .ft-sitemap__item {
  width: 50%;
  border-bottom: 1px solid var(--color-gray);
  box-sizing: border-box;
}

.l-footer .ft-sitemap__item:nth-child(odd) {
  border-right: 1px solid var(--color-gray);
}

.l-footer .ft-sitemap__link {
  position: relative;
  display: block;
  padding: var(--spacing-4) var(--spacing-2) var(--spacing-4) var(--spacing-8);
  text-decoration: none;
  font-size: var(--font-size-sm);
  font-weight: 500;
  line-height: 1.5;
  box-sizing: border-box;
}

.l-footer .ft-sitemap__link:before {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(0, -50%);
  width: 8px;
  height: 12px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%231e3b6e%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22163.916%2C0%2092.084%2C71.822%20276.258%2C255.996%2092.084%2C440.178%20163.916%2C512%20419.916%2C255.996%20%22%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fsvg%3E)
    no-repeat center;
  transition: all 0.3s ease;
}

.l-footer .ft-info {
  padding-top: var(--spacing-8);
}

.l-footer .ft-logo {
  margin: auto;
  max-width: 126px;
}

.l-footer .ft-sns {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: var(--spacing-6);
}

.l-footer .ft-sns__item {
  width: var(--spacing-10);
  padding: 0 var(--spacing-1);
}

.l-footer .ft-cr {
  padding: var(--spacing-6) var(--spacing-2) var(--spacing-6);
  background: var(--color-primary-lighter);
  text-align: center;
  line-height: 1.1;
}

.l-footer .ft-cr__txt {
  font-size: var(--font-size-xs);
  color: var(--color-white);
}

.ft-pagetop__link {
  position: relative;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--spacing-3);
  background: var(--color-primary-lighter);
  text-align: center;
  text-decoration: none;
  overflow: hidden;
}

.ft-pagetop__link:before {
  transform: rotate(-90deg);
  width: 13px;
  height: 8px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22163.916%2C0%2092.084%2C71.822%20276.258%2C255.996%2092.084%2C440.178%20163.916%2C512%20419.916%2C255.996%20%22%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fsvg%3E)
    no-repeat center;
  transition: all 0.3s ease;
}

.ft-fixed-bnr {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  box-shadow: 0 -6px 6px 0 var(--shadow-light-2);
  z-index: 1000;
  transform: translateY(100%);
  transition: all 0.3s ease;
  transition-delay: 1s;
}

.ft-fixed-bnr.is-sticky {
  transform: translateY(0);
}

.ft-fixed-bnr__item {
  width: 50%;
  height: 50px;
  box-sizing: border-box;
}

.ft-fixed-bnr__item.is-briefing .ft-fixed-bnr {
  border-right: 1px solid var(--color-white);
}

.ft-fixed-bnr__item.is-briefing .ft-fixed-bnr__link {
  background: var(--color-accent);
}

.ft-fixed-bnr__item.is-briefing .ft-fixed-bnr__icon {
  width: 19px;
  height: 14px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20377.4%20275.2%22%20style%3D%22enable-background%3Anew%200%200%20377.4%20275.2%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3Epath%20%7B%20fill%3A%20%23fff%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20d%3D%22M375.8%2C256.1l-35.7-50.4c1.7-3%2C2.8-6.5%2C2.9-10.2c0-0.4%2C0-0.8%2C0-1.2V84.8V23.3c0-12.9-10.5-23.3-23.3-23.3H58%20C45.2%2C0%2C34.7%2C10.5%2C34.7%2C23.3v171c0%2C0.4%2C0%2C0.8%2C0%2C1.2c0.2%2C3.7%2C1.2%2C7.2%2C3%2C10.3L2%2C256.1c-2.4%2C3.4-2.7%2C7.6-0.8%2C11.3%20c2.6%2C5.1%2C8.8%2C7.8%2C13.5%2C7.8h348.4c3.7%2C0%2C6.9-2.2%2C8.2-5.4c0.8-0.3%2C1.6-0.7%2C2.3-1.2C377.7%2C265.8%2C378.6%2C260.2%2C375.8%2C256.1z%20M52.7%2C23.3%20c0-2.9%2C2.4-5.3%2C5.3-5.3h261.7c2.9%2C0%2C5.3%2C2.4%2C5.3%2C5.3v61.5v109.5c0%2C0.3%2C0%2C0.7-0.1%2C1c0%2C0%2C0%2C0.1%2C0%2C0.1c-0.1%2C0.3-0.1%2C0.5-0.2%2C0.7%20c0%2C0.1-0.1%2C0.2-0.2%2C0.4c-0.1%2C0.2-0.2%2C0.3-0.3%2C0.5c-0.1%2C0.2-0.2%2C0.3-0.3%2C0.5c-0.1%2C0.1-0.2%2C0.2-0.3%2C0.3c-0.1%2C0.1-0.3%2C0.3-0.4%2C0.4%20c-0.1%2C0.1-0.3%2C0.2-0.4%2C0.3c-0.1%2C0.1-0.2%2C0.1-0.3%2C0.2c-0.2%2C0.1-0.5%2C0.3-0.7%2C0.4c0%2C0-0.1%2C0-0.1%2C0c-0.6%2C0.3-1.3%2C0.4-2%2C0.4%20c-0.1%2C0-0.2%2C0-0.3%2C0H58.2c-0.1%2C0-0.2%2C0-0.3%2C0c-0.7%2C0-1.4-0.2-2-0.4c-0.1%2C0-0.1-0.1-0.2-0.1c-0.2-0.1-0.4-0.2-0.6-0.3%20c-0.1-0.1-0.3-0.2-0.4-0.3c-0.1-0.1-0.2-0.2-0.3-0.3c-0.2-0.1-0.3-0.3-0.5-0.5c-0.1-0.1-0.2-0.2-0.2-0.3c-0.1-0.2-0.2-0.3-0.4-0.5%20c-0.1-0.1-0.2-0.3-0.2-0.4c-0.1-0.1-0.1-0.2-0.2-0.4c-0.1-0.2-0.2-0.5-0.2-0.7c0%2C0%2C0-0.1%2C0-0.1c-0.1-0.3-0.1-0.7-0.1-1V23.3z%20M51.9%2C216.9c2%2C0.5%2C4%2C0.8%2C6.1%2C0.8h0h261.7h0c0%2C0%2C0%2C0%2C0%2C0c2.1%2C0%2C4.2-0.3%2C6.2-0.8l28.6%2C40.4H23.3L51.9%2C216.9z%22%2F%3E%20%3Cpath%20d%3D%22M119.5%2C193.1c5%2C0%2C9-4%2C9-9v-14c0-6.4%2C8.2-13.9%2C22-19.9c13.8-6%2C30-9.2%2C38.4-9.2s24.6%2C3.2%2C38.4%2C9.2c13.8%2C6%2C22%2C13.4%2C22%2C19.9v14%20c0%2C5%2C4%2C9%2C9%2C9c5%2C0%2C9-4%2C9-9v-14c0-10.1-5.7-24.5-32.9-36.4c-6.5-2.8-13.2-5-19.6-6.7c10.7-7.9%2C17.7-20.7%2C17.7-35v-1.3%20c0-24-19.6-43.5-43.7-43.5s-43.7%2C19.5-43.7%2C43.5V92c0%2C14.3%2C7%2C27%2C17.7%2C35c-6.4%2C1.7-13.1%2C3.9-19.6%2C6.7%20c-27.2%2C11.8-32.9%2C26.3-32.9%2C36.4v14C110.5%2C189%2C114.5%2C193.1%2C119.5%2C193.1z%20M163.2%2C90.8c0-14.1%2C11.5-25.5%2C25.7-25.5%20s25.7%2C11.5%2C25.7%2C25.5V92c0%2C14.1-11.5%2C25.5-25.7%2C25.5s-25.7-11.5-25.7-25.5V90.8z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
    no-repeat center;
  transition: all 0.3s ease;
}

.ft-fixed-bnr__item.is-communication .ft-fixed-bnr__link {
  background: var(--color-primary-light);
}

.ft-fixed-bnr__item.is-communication .ft-fixed-bnr__icon {
  width: 13px;
  height: 21px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20123.5%20203.3%22%20style%3D%22enable-background%3Anew%200%200%20123.5%20203.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%20%23fff%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M118.9%2C138.7l-2.6-2.2l5.3-6.4c3-3.7%2C2.5-9.1-1.2-12.1l-3.5-2.9l4.7-5.7c3-3.7%2C2.5-9.1-1.2-12.1l-3.5-2.9%20l4.7-5.7c3-3.7%2C2.5-9.1-1.2-12.1l-4-3.2c-1-0.9-2.3-1.5-3.6-1.7V10.2c0-5.6-4.6-10.2-10.2-10.2H28.7C23%2C0%2C18.4%2C4.6%2C18.4%2C10.2v69.7%20c-0.7-0.6-1.4-1.1-2.1-1.5c-2.9-1.7-6.4-2-9.7-1c-2%2C0.6-3.8%2C1.8-4.8%2C3.2l-0.1%2C0.1c-0.2%2C0.3-0.5%2C0.7-0.7%2C1.2c-1.7%2C3.5-1%2C8-0.4%2C12%20c0.1%2C0.6%2C0.2%2C1.3%2C0.3%2C1.9c2.4%2C17.1%2C1.2%2C25.8%2C0.3%2C32.8c-0.7%2C5.3-1.3%2C9.9%2C0%2C16.1c1.5%2C7.4%2C4.2%2C12.6%2C6.3%2C16.8l0.1%2C0.1l-5.8%2C9.2l5.1%2C3.2%20l6.7-10.6c0.6-0.9%2C0.6-2%2C0.1-3c-0.3-0.5-0.5-1.1-0.9-1.7c-2.1-4-4.5-8.6-5.8-15.2c-1-5.3-0.5-9.2%2C0.1-14.2c1-7.4%2C2.1-16.5-0.3-34.4%20c-0.1-0.6-0.2-1.3-0.3-2c-0.4-2.8-1-6.6-0.1-8.4c0.1-0.1%2C0.1-0.2%2C0.2-0.3c0.3-0.4%2C1-0.8%2C1.8-1.1c0.8-0.2%2C2.8-0.7%2C4.9%2C0.5%20c2.2%2C1.3%2C4%2C4.1%2C5.1%2C8.3v57.4c0%2C5.6%2C4.6%2C10.2%2C10.2%2C10.2h70.8c0.4%2C0.3%2C0.8%2C0.6%2C1.3%2C0.9c-1.3%2C1.6-2.7%2C3.5-4.5%2C5.7%20c-14.8%2C18.8-23.3%2C21.1-30.1%2C23c-1%2C0.3-1.9%2C0.5-2.8%2C0.8c-0.6%2C0.2-1.1%2C0.6-1.5%2C1.1l-6.4%2C8.7l4.8%2C3.6l5.8-7.9c0.6-0.2%2C1.1-0.3%2C1.7-0.5%20c7.6-2.1%2C17.1-4.8%2C33.2-25.1c2.3-2.9%2C4.3-5.5%2C6-7.6c2.5%2C0%2C4.6-1%2C6.2-2.9l6.9-8.5c1.5-1.8%2C2.1-4%2C1.9-6.3%20C121.7%2C142.2%2C120.6%2C140.1%2C118.9%2C138.7z%20M106.8%2C156.2c-2.2%2C0-5.3-2.2-6.4-4.5c-0.7-1.5-0.3-2.3%2C0.1-2.8l6.2-7.6%20c2%2C0.3%2C3.7%2C0.1%2C5.2-0.6l3.2%2C2.6c0.5%2C0.4%2C0.9%2C1.1%2C0.9%2C1.8c0.1%2C0.7-0.1%2C1.4-0.6%2C1.9l-6.9%2C8.5C108.1%2C156%2C107.5%2C156.2%2C106.8%2C156.2z%20M24.5%2C91.2V26.8h82.3v45.5c-1%2C0.5-1.8%2C1.2-2.5%2C2.1l-6.9%2C8.5c-2.1%2C2.5-2.4%2C5.9-0.8%2C9.1c1.1%2C2.4%2C3.1%2C4.5%2C5.5%2C6l-4.6%2C5.6%20c-2.1%2C2.5-2.4%2C5.9-0.8%2C9.1c1.1%2C2.4%2C3.1%2C4.5%2C5.5%2C6l-4.6%2C5.6c-1.3%2C1.6-1.9%2C3.5-1.8%2C5.6h-71V92.4l0.3-0.1L24.5%2C91.2z%20M101.9%2C128.1%20l6.1-7.4c1.7%2C0.1%2C3.4-0.4%2C4.7-1.3l3.8%2C3.1c1.1%2C0.9%2C1.3%2C2.6%2C0.4%2C3.7l-6.9%2C8.5c-0.4%2C0.5-0.9%2C0.7-1.7%2C0.7c-2.2%2C0-5.3-2.2-6.4-4.5%20C101.1%2C129.4%2C101.5%2C128.6%2C101.9%2C128.1z%20M108.3%2C114.7c-2.2%2C0-5.3-2.2-6.4-4.5c-0.7-1.5-0.3-2.3%2C0.1-2.8l6.1-7.4%20c1.7%2C0.1%2C3.4-0.4%2C4.7-1.3l3.8%2C3.1c0.5%2C0.4%2C0.9%2C1.1%2C0.9%2C1.8c0.1%2C0.7-0.1%2C1.4-0.6%2C1.9l-6.9%2C8.5C109.5%2C114.5%2C109%2C114.7%2C108.3%2C114.7z%20M116.9%2C84.8l-6.9%2C8.5c-0.4%2C0.5-0.9%2C0.7-1.7%2C0.7c-2.2%2C0-5.3-2.2-6.4-4.5c-0.7-1.5-0.3-2.3%2C0.1-2.8l6.9-8.5c0.5-0.6%2C1.2-1%2C2-1%20c0.6%2C0%2C1.2%2C0.2%2C1.7%2C0.6l4%2C3.3c0.5%2C0.4%2C0.9%2C1.1%2C0.9%2C1.8S117.3%2C84.2%2C116.9%2C84.8z%20M94.7%2C153.5h-66c-2.3%2C0-4.2-1.9-4.2-4.2v-13.3H98%20c0.8%2C1.1%2C1.9%2C2%2C3%2C2.9l-5.1%2C6.3C93.9%2C147.4%2C93.5%2C150.5%2C94.7%2C153.5z%20M24.5%2C20.8V10.2c0-2.3%2C1.9-4.2%2C4.2-4.2h73.8%20c2.3%2C0%2C4.2%2C1.9%2C4.2%2C4.2v10.6H24.5z%22%2F%3E%20%3Crect%20x%3D%2260.2%22%20y%3D%22141.5%22%20class%3D%22st0%22%20width%3D%2210.8%22%20height%3D%226%22%2F%3E%20%3Crect%20x%3D%2255%22%20y%3D%2211.8%22%20class%3D%22st0%22%20width%3D%2221.2%22%20height%3D%224%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
    no-repeat center;
  transition: all 0.3s ease;
}

.ft-fixed-bnr__link {
  position: relative;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-decoration: none;
  font-size: var(--font-size-sm);
  font-weight: 700;
  color: var(--color-white);
}

.ft-fixed-bnr__link:before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: var(--color-white);
  transform: rotate(-45deg);
}

.l-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 320px;
  z-index: 2000;
}

.l-header__inner {
  padding: 0;
}

.nav-sub__btn01 {
  display: none;
}

.nav-sub__btn02 {
  display: block;
}

@media all {
  .nav-sub__btn01 {
    display: block;
  }

  .nav-sub__btn02 {
    display: none;
  }
}

.l-header .hd-info {
  position: relative;
  z-index: 3;
  height: 55px;
  background: var(--color-white);
  box-shadow: 2px 3px var(--spacing-1) 0 var(--shadow-light);
}

.l-header .hd-info__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  height: 100%;
  padding: 0 var(--spacing-5);
}

.l-header .hd-info__logo-link {
  display: flex;
  align-items: center;
}

.l-header .hd-info__logo-img {
  display: inline-block;
  width: 57px;
  margin-right: var(--spacing-3);
}

.l-header .hd-info__logo-txt {
  display: inline-block;
  padding: var(--spacing-1) var(--spacing-2);
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  font-size: var(--font-size-xxs);
  line-height: 1.2;
}

.l-header .nav-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 55px;
  height: 55px;
  background: var(--color-gray-light);
  cursor: pointer;
}

.l-header .nav-btn__line {
  position: absolute;
  left: 16px;
  width: 24px;
  height: 3px;
  content: '';
  background: var(--color-primary);
  transition: all 0.3s ease;
}

.l-header .nav-btn__line:nth-child(1) {
  top: 12px;
}

.l-header .nav-btn__line:nth-child(2) {
  top: 20px;
}

.l-header .nav-btn__line:nth-child(3) {
  top: 28px;
}

.l-header .nav-btn.is-open .nav-btn__line {
  top: 20px;
}

.l-header .nav-btn.is-open .nav-btn__line:nth-child(1) {
  transform: rotate(-45deg);
}

.l-header .nav-btn.is-open .nav-btn__line:nth-child(2) {
  opacity: 0;
}

.l-header .nav-btn.is-open .nav-btn__line:nth-child(3) {
  transform: rotate(45deg);
}

.l-header .nav-btn__chara {
  position: absolute;
  left: 0;
  bottom: 6px;
  width: 100%;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  color: var(--color-primary);
  letter-spacing: 0.06em;
  line-height: 1.2;
}

.l-nav {
  position: absolute;
  top: 55px;
  left: 0;
  z-index: 2;
  width: 100%;
  max-height: calc(100vh - 55px);
  padding-bottom: var(--spacing-12);
  min-width: 320px;
  background: var(--color-blue-light);
  box-sizing: border-box;
  transition: all 0.3s ease;
}

.l-nav .nav-list__item {
  border-bottom: 1px solid var(--color-gray);
}

.l-nav .nav-list__link {
  position: relative;
  padding: var(--spacing-4) var(--spacing-10);
  display: block;
  font-size: var(--font-size-base);
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
}

.l-nav .nav-list__link:before {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(0, -50%);
  width: var(--spacing-2);
  height: 10px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%2314456e%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22163.916%2C0%2092.084%2C71.822%20276.258%2C255.996%2092.084%2C440.178%20163.916%2C512%20419.916%2C255.996%20%22%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fsvg%3E)
    no-repeat center;
  transition: all 0.3s ease;
}

.l-nav .nav-list-btn {
  padding-top: var(--spacing-10);
}

.l-nav .nav-list-btn__item {
  max-width: 310px;
}

.l-nav .nav-list-btn__item:not(:last-child) {
  padding-bottom: var(--spacing-4);
}

.l-nav .nav-list-btn__link {
  padding: var(--spacing-4) var(--spacing-5);
  font-size: 1.6rem;
  box-shadow: 0 5px 5px 0 var(--shadow-light);
}

.home-about__section__detail {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media all and (-ms-high-contrast: none) {
  .l-nav {
    transition: none;
  }

  .l-nav .nav-sub__link {
    transition: none;
  }
}

.nav-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--shadow-dark);
  z-index: 1000;
}

.l-main-img__inner {
  padding: 0;
}

.l-main-img__copy01 {
  padding: var(--spacing-3) var(--spacing-2) 0;
}

.l-main-img__copy02 {
  padding-top: var(--spacing-8);
  width: 242px;
  margin-left: auto;
}

.l-main-img__list {
  display: flex;
  justify-content: center;
  padding: var(--spacing-8) var(--spacing-4) 0;
}

.l-main-img__item {
  width: 106px;
  margin: 0 var(--spacing-1);
}

.l-main-img__pic {
  margin-top: calc(-1 * var(--spacing-4));
  padding: 0 var(--spacing-4);
}

.l-sub-img {
  position: relative;
}

.l-sub-img:before {
  content: '';
  position: absolute;
  left: -15px;
  right: -15px;
  top: 0;
  bottom: 60px;
  background-color: var(--color-primary-light);
  background-size: auto auto;
  background-image:
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 70px,
      var(--color-primary-dark) 70px,
      var(--color-primary-dark) 71px
    ),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 70px,
      var(--color-primary-dark) 70px,
      var(--color-primary-dark) 71px
    );
}

.l-sub-img__inner {
  position: relative;
  z-index: 1;
}

.l-sub-img__head {
  text-align: center;
  padding: var(--spacing-6) 0;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--color-white);
  line-height: 1.75;
}

.l-sub-img__img {
  height: 270px;
  background: no-repeat center top;
}

.l-sub-img.is-no-img:before {
  bottom: 0;
}

[data-aos='fade-up2'] {
  transform: translate(0, 50px);
}

.slick-arrow {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  border: 0;
  width: 25px;
  height: 25px;
  box-sizing: border-box;
  background: transparent;
  text-indent: -9999px;
  z-index: 100;
  cursor: pointer;
}

.slick-arrow:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 28px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%2314456e%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22163.916%2C0%2092.084%2C71.822%20276.258%2C255.996%2092.084%2C440.178%20163.916%2C512%20419.916%2C255.996%20%22%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fsvg%3E)
    no-repeat center;
  transition: all 0.3s ease;
}

.slick-prev {
  left: 15px;
}

.slick-prev:before {
  transform: rotate(180deg);
}

.slick-next {
  right: 15px;
}

.slick-dots {
  padding-top: var(--spacing-5);
  text-align: center;
  line-height: 1;
}

.slick-dots li {
  display: inline-block;
  margin: 0 var(--spacing-1);
}

.slick-dots li button {
  appearance: none;
  border: 0;
  background: var(--color-gray);
  width: 8px;
  height: 8px;
  display: block;
  text-indent: -9999px;
  font-size: 0;
  padding: 0;
  border-radius: 50%;
  outline: none;
  transition: all 0.3s ease;
}

.slick-dots li.slick-active button {
  background: var(--color-primary);
}

.js-switch-tab {
  cursor: pointer;
}

.js-switch-content {
  display: none;
}

.js-switch-content.is-active {
  display: block;
}

.js-toggle-trigger,
.js-home-toggle-trigger {
  cursor: pointer;
}

.js-toggle-content {
  display: none;
}

.js-home-toggle-content,
.js-home-toggle-btn {
  display: none;
}

#about .l-sub-img__img {
  background-image: url('../img/About/img_mv01_sp.png');
}

.about-intro__inner {
  padding-top: var(--spacing-10);
  padding-bottom: var(--spacing-13);
}

.about-intro__set-area-txt {
  margin-bottom: var(--spacing-5);
}

.about-intro__set-head {
  margin-bottom: var(--spacing-4);
  text-align: center;
  font-size: var(--font-size-2xl);
  font-weight: 700;
  line-height: 1.5;
}

.about-intro__set-video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.about-intro__set-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.about-point__inner {
  padding-top: var(--spacing-10);
  padding-bottom: var(--spacing-18);
}

.about-outline__inner {
  position: relative;
  padding-bottom: var(--spacing-10);
}

.about-outline__balloon {
  position: absolute;
  right: 15px;
  top: 0;
  transform: translateY(-50%);
  width: 100px;
}

.about-message__inner {
  padding-top: var(--spacing-10);
  padding-bottom: var(--spacing-13);
}

.about-message__img {
  width: 300px;
  margin: 0 auto var(--spacing-5);
}

.about-message__set-txt:nth-of-type(n + 2) {
  margin-top: var(--spacing-5);
}

.about-message__set-name {
  margin-top: var(--spacing-5);
}

.about-message__set-name-in {
  margin-top: var(--spacing-1);
  display: flex;
  align-items: center;
}

.about-message__set-name-sign {
  width: var(--spacing-37);
  margin-right: var(--spacing-5);
}

.about-message__set-name-sns {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.about-message__set-name-sns-item {
  width: 35px;
}

.about-message__set-name-sns-item + .about-message__set-name-sns-item {
  margin-left: var(--spacing-2);
}

.about-message__set-area-img {
  margin-top: var(--spacing-10);
  padding: 0 var(--spacing-8);
}

.about-message__set-img-box {
  padding: var(--spacing-5) var(--spacing-6);
  background: var(--color-white);
}

.about-message__media {
  position: relative;
  margin-top: var(--spacing-12);
  box-sizing: border-box;
  padding: var(--spacing-10) var(--spacing-6) var(--spacing-5);
  background: var(--color-white);
  border: var(--spacing-1) solid var(--color-blue-lighter);
}

.about-message__media-head {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  padding: var(--spacing-1) var(--spacing-5);
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-white);
  white-space: nowrap;
  background: var(--color-accent);
  border-radius: 50px;
}

.about-message__media-in-video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.about-message__media-in-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.about-message__media-in-txt {
  margin-top: var(--spacing-2);
}

.about-company__inner {
  padding-top: var(--spacing-12);
  padding-bottom: var(--spacing-14);
}

.blog-archive__inner {
  padding-top: var(--spacing-10);
  padding-bottom: var(--spacing-14);
}

.blog-teacher__inner {
  padding-top: var(--spacing-10);
  padding-bottom: var(--spacing-13);
}

.blog-single__inner {
  padding-top: var(--spacing-13);
  padding-bottom: var(--spacing-13);
}

#free-trial .l-sub-img__img {
  background-image: url('../img/FreeTrial/img_mv01_sp.png');
}

.briefing-intro__inner {
  padding-top: var(--spacing-10);
}

.briefing-recommend__inner {
  padding-top: var(--spacing-10);
  padding-bottom: var(--spacing-11);
}

.briefing-recommend-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: var(--spacing-8);
  padding: 0 var(--spacing-4);
}

.briefing-recommend-list__item {
  box-sizing: border-box;
  width: 48%;
  margin-bottom: var(--spacing-2);
  padding: var(--spacing-3) var(--spacing-1) var(--spacing-6);
  background-color: var(--color-white);
  text-align: center;
}

.briefing-recommend-list__num {
  line-height: 1.3;
  color: var(--color-primary-lighter);
  font-weight: 700;
  font-size: var(--font-size-md);
}

.briefing-recommend-list__txt {
  display: inline;
  position: relative;
  line-height: 1.5;
  background: linear-gradient(
    to bottom,
    var(--color-white) 0%,
    var(--color-white) 60%,
    var(--color-yellow-light) 61%,
    var(--color-yellow-light) 100%
  );
  color: var(--color-primary-lighter);
  font-weight: 700;
  font-size: var(--font-size-sm);
  vertical-align: top;
}

.briefing-recommend-list__img {
  width: 59px;
  height: 55px;
  margin: var(--spacing-2) auto 0;
}

.briefing-merit__inner {
  padding-top: var(--spacing-11);
  padding-bottom: var(--spacing-6);
}

.briefing-merit-list {
  margin-top: var(--spacing-11);
}

.briefing-merit-list__item {
  position: relative;
  margin-bottom: var(--spacing-10);
  padding: var(--spacing-10) var(--spacing-6) var(--spacing-6);
  background-color: var(--color-gray-light);
}

.briefing-merit-list__num {
  display: inline-block;
  position: absolute;
  top: -15px;
  left: calc(50% - 82px);
  line-height: 1;
  box-sizing: border-box;
  width: 165px;
  padding: var(--spacing-2) 0 11px;
  background-color: var(--color-accent);
  border-radius: 17px;
  color: var(--color-white);
  font-size: 1.6rem;
  text-align: center;
}

.briefing-merit-list-content__img {
  margin-bottom: var(--spacing-4);
}

.briefing-merit-list-content-txts__head {
  margin-bottom: var(--spacing-1);
  color: var(--color-primary-light);
  font-weight: 700;
  font-size: 1.9rem;
}

.briefing-how__inner {
  padding-top: var(--spacing-11);
  padding-bottom: var(--spacing-6);
}

.briefing-how__lead {
  text-align: center;
}

.briefing-how-list {
  margin-top: var(--spacing-11);
  padding: 0 var(--spacing-6);
}

.briefing-how-list__item {
  margin-bottom: var(--spacing-6);
}

.briefing-how-list__item:nth-of-type(1) .briefing-how-list__img {
  width: 60%;
  max-width: 360px;
}

.briefing-how-list__item:nth-of-type(2) .briefing-how-list__img {
  width: 28%;
  max-width: 167px;
}

.briefing-how-list__img {
  margin: 0 auto var(--spacing-5);
}

.briefing-how-list__sub {
  margin-bottom: var(--spacing-2);
  color: var(--color-primary-lighter);
  font-weight: 700;
  font-size: var(--font-size-base);
  text-align: center;
}

.briefing-flow__inner {
  padding-top: var(--spacing-11);
}

.briefing-flow__lead {
  text-align: center;
}

.briefing-flow-list {
  margin-top: var(--spacing-7);
  text-align: center;
}

.briefing-flow-list__item {
  margin: 0 auto;
  padding-bottom: var(--spacing-13);
  width: 345px;
}

.briefing-flow-list-content-txts-btn {
  margin-top: var(--spacing-5);
  width: 405px;
}

.briefing-flow-list-content-txts-btn__link {
  background-color: var(--color-green);
  border-color: var(--color-green);
}

.briefing-flow-list-content-txts-btn__contact {
  background-color: var(--color-navy);
  border-color: var(--color-navy);
  color: var(--color-white);
}

.briefing-faq__inner {
  padding-top: 2px;
  padding-bottom: var(--spacing-16);
}

.briefing-faq-toggle__item-head {
  background-color: var(--color-white);
}

.briefing-flow-list__item-in-head {
  font-size: 1.9rem;
  font-weight: 700;
  margin-bottom: var(--spacing-2);
}

#course .l-sub-img__img {
  background-image: url('../img/Course/img_mv01_sp.png');
}

.course-intro__inner {
  padding-top: var(--spacing-10);
  padding-bottom: var(--spacing-14);
}

.course-sec__inner {
  padding-top: var(--spacing-25);
  padding-bottom: var(--spacing-13);
}

.course-sec__inner.is-small {
  padding-top: var(--spacing-13);
}

.course-sec__box {
  position: relative;
  background: var(--color-white);
  padding: var(--spacing-13) var(--spacing-5) var(--spacing-5);
}

.course-sec__box-copy {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  width: calc(100% - 30px);
  min-width: 310px;
  padding: var(--spacing-2);
  border-radius: 70px;
  color: var(--color-white);
  text-align: center;
  font-size: var(--font-size-md);
  line-height: 1.5;
}

.course-sec__box-copy-strong {
  color: var(--color-yellow);
}

.course-sec__box-copy-small {
  display: block;
  font-size: var(--font-size-sm);
}

.course-sec__head-main {
  display: flex;
  align-items: center;
}

.course-sec__head-main-ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  color: var(--color-white);
  font-size: var(--font-size-lg);
}

.course-sec__head-main-txt {
  width: calc(100% - 45px);
  padding-left: var(--spacing-2);
  font-size: var(--font-size-lg);
  font-weight: 700;
}

.course-sec__head-price {
  margin-top: var(--spacing-1);
  font-size: 1.9rem;
  font-weight: 700;
}

.course-sec__head-price-strong {
  display: inline-block;
  padding: 0 var(--spacing-1);
  font-size: var(--font-size-40);
  line-height: 1.1;
}

.course-sec__head-price.is-note {
  font-size: 1.4rem;
}

.course-sec__head-price .is-small {
  font-size: 1.4rem;
  line-height: 2;
}

.course-sec__detail {
  margin-top: var(--spacing-3);
}

.course-sec__detail-area-txt {
  margin-top: var(--spacing-6);
}

.course-sec__detail-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 calc(-1 * var(--spacing-1));
}

.course-sec__detail-item {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: calc(50% - 6px);
  min-height: 60px;
  margin: 0 var(--spacing-1);
  padding: var(--spacing-2);
  border: 1px solid var(--color-primary);
  text-align: center;
  color: var(--color-primary);
  font-weight: 700;
  line-height: 1.4;
}

.course-sec__detail-item-strong {
  color: var(--color-accent-dark);
}

.course-sec__detail-item:nth-child(n + 3) {
  margin-top: var(--spacing-2);
}

.course-sec__detail-head {
  margin-bottom: var(--spacing-1);
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--color-primary);
}

.course-sec__detail-note {
  font-size: var(--font-size-xs);
  text-indent: -1em;
  padding-left: 1em;
  color: silver;
}

.course-sec__detail-point {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: var(--spacing-4);
}

.course-sec__detail-point-item {
  width: 105px;
  margin: 0 var(--spacing-1);
}

.course-sec__plus {
  position: relative;
  margin-top: 75px;
  padding: var(--spacing-6) var(--spacing-5) var(--spacing-5);
  background: var(--color-blue-lighter-2);
  color: var(--color-primary);
}

.course-sec__plus-head {
  margin-bottom: var(--spacing-2);
  font-size: var(--font-size-md);
  font-weight: 700;
  line-height: 1.5;
}

.course-sec__plus:before,
.course-sec__plus:after {
  content: '';
  position: absolute;
  left: 50%;
  top: -30px;
  width: 25px;
  height: var(--spacing-1);
  background: var(--color-accent-dark);
}

.course-sec__plus:before {
  transform: translateX(-50%);
}

.course-sec__plus:after {
  transform: translateX(-50%) rotate(90deg);
}

.course-sec__plus-balloon {
  position: absolute;
  top: -65px;
  right: -18px;
  width: 89px;
}

.course-sec__plus-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 calc(-1 * var(--spacing-1));
}

.course-sec__plus-list:nth-child(n + 2) {
  margin-top: var(--spacing-2);
}

.course-sec__plus-item {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: calc(50% - 6px);
  min-height: 60px;
  margin: 0 var(--spacing-1);
  padding: var(--spacing-2);
  border: 1px solid var(--color-primary);
  text-align: center;
  color: var(--color-primary);
  background: var(--color-white);
  font-weight: 700;
  line-height: 1.4;
}

.course-sec__plus-item.is-full {
  width: calc(100% - 6px);
  background: var(--color-primary);
  color: var(--color-white);
}

.course-sec__btn {
  margin-top: var(--spacing-6);
}

.course-sec .is-color01 .course-sec__box-copy {
  background: var(--color-accent);
}

.course-sec .is-color01 .course-sec__head-main-ico {
  background: var(--color-accent);
}

.course-sec .is-color01 .course-sec__head-main-txt {
  color: var(--color-accent);
}

.course-sec .is-color02 {
  border: var(--spacing-1) solid var(--color-blue-lighter);
  padding-top: var(--spacing-16);
}

.course-sec .is-color02 .course-sec__box-copy {
  background: var(--color-accent-dark);
}

.course-sec .is-color02 .course-sec__head-main-ico {
  background: var(--color-accent-dark);
}

.course-sec .is-color02 .course-sec__head-main-txt {
  color: var(--color-accent-dark);
}

.course-sec .is-color03 {
  padding-top: var(--spacing-16);
}

.course-sec .is-color03 .course-sec__box-copy {
  background: var(--color-primary-light);
}

.course-sec .is-color03 .course-sec__head-main-ico {
  background: var(--color-primary-light);
}

.course-sec .is-color03 .course-sec__head-main-txt {
  color: var(--color-primary-light);
}

.course-sec .is-color03 .course-sec__plus {
  background: var(--color-blue-lighter-3);
}

.course-sec .is-color04 {
  border: var(--spacing-1) solid var(--color-yellow-pale-2);
  padding-top: 85px;
}

.course-sec .is-color04 .course-sec__box-copy {
  background: var(--color-yellow-dark);
}

.course-sec .is-color04 .course-sec__head-main-ico {
  background: var(--color-yellow-dark);
}

.course-sec .is-color04 .course-sec__head-main-txt {
  color: var(--color-yellow-dark);
}

.course-sec .is-color04 .course-sec__plus {
  background: var(--color-yellow-pale);
}

.course-sec .is-color05 .course-sec__box-copy {
  background: var(--color-green-dark);
}

.course-sec .is-color05 .course-sec__head-main-ico {
  background: var(--color-green-dark);
}

.course-sec .is-color05 .course-sec__head-main-txt {
  color: var(--color-green-dark);
}

.course-sec .is-color06 {
  border: var(--spacing-1) solid var(--color-orange-medium-2);
}

.course-sec .is-color06 .course-sec__head-main-ico {
  background: var(--color-orange-dark);
}

.course-sec .is-color06 .course-sec__head-main-txt {
  color: var(--color-orange-dark);
}

.error-page404__inner {
  padding-top: var(--spacing-10);
  padding-bottom: var(--spacing-13);
  text-align: center;
}

.error-page404__btn {
  margin-top: var(--spacing-13);
}

.faq-content__inner {
  padding-top: var(--spacing-12);
  padding-bottom: var(--spacing-15);
}

.faq-content__sec {
  margin-top: var(--spacing-10);
}

.home-new__inner {
  padding-top: var(--spacing-4);
  padding-bottom: var(--spacing-4);
}

.home-new__head {
  font-size: var(--font-size-base);
  font-weight: 700;
  line-height: 1.5;
}

.home-new__content {
  padding-top: 2px;
}

.home-new__link {
  display: flex;
  text-decoration: none;
  font-size: var(--font-size-sm);
  width: 100%;
}

.home-new__date {
  width: 7em;
}

.home-new__tit {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-about__inner {
  padding-top: var(--spacing-10);
  padding-bottom: var(--spacing-15);
}

.home-about__header {
  text-align: center;
  padding-bottom: var(--spacing-6);
}

.home-about__header-sub {
  max-width: 260px;
  margin: auto;
}

.home-about__header-main {
  padding-top: var(--spacing-5);
  max-width: 290px;
  margin: auto;
}

.home-about__detail-box {
  position: relative;
  z-index: 1;
  margin: calc(-1 * var(--spacing-4)) var(--spacing-4) 0;
  padding: var(--spacing-6) var(--spacing-4);
  background: var(--color-gray-light);
}

.home-about__detail-list {
  font-size: var(--font-size-base);
}

.home-about__detail-txt {
  padding-top: var(--spacing-5);
}

.home-howto {
  position: relative;
}

.home-howto:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 375px;
  width: 100%;
  background-color: var(--color-primary-light);
  background-size: auto auto;
  background-image:
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 70px,
      var(--color-primary-dark) 70px,
      var(--color-primary-dark) 71px
    ),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 70px,
      var(--color-primary-dark) 70px,
      var(--color-primary-dark) 71px
    );
}

.home-howto__inner {
  position: relative;
  z-index: 1;
  padding-top: var(--spacing-12);
  padding-bottom: var(--spacing-18);
}

.home-howto__header {
  position: relative;
}

.home-howto__header-sub {
  position: absolute;
  top: -60px;
  right: 0;
  width: 100px;
}

.home-howto__txt {
  color: var(--color-white);
  text-align: center;
}

.home-howto__contents {
  padding-top: var(--spacing-10);
}

.home-howto__item {
  position: relative;
  background: var(--color-white);
}

.home-howto__item:not(:last-child) {
  margin-bottom: var(--spacing-10);
}

.home-howto__item-num {
  position: absolute;
  top: -8px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: var(--color-accent);
  color: var(--color-white);
  font-size: 1.9rem;
  font-weight: 700;
  letter-spacing: 0;
}

.home-howto__item-head {
  position: relative;
  z-index: 1;
  margin: calc(-1 * var(--spacing-4)) var(--spacing-4) 0;
  padding: var(--spacing-3) var(--spacing-1);
  background: var(--color-blue-light);
  text-align: center;
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.5;
  color: var(--color-primary);
  box-sizing: border-box;
}

.home-howto__item-txt {
  padding-top: var(--spacing-3);
}

.home-howto__btn {
  padding-top: var(--spacing-10);
}

.home-howto__btn-item:not(:last-child) {
  padding-bottom: var(--spacing-4);
}

.home-reason__inner {
  padding-top: var(--spacing-11);
  padding-bottom: var(--spacing-18);
}

.home-reason__item:not(:first-child) {
  padding: var(--spacing-8) 0 var(--spacing-10);
  border-bottom: 1px solid var(--color-blue-lighter-5);
}

.home-reason__item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.home-reason__item-header {
  text-align: center;
}

.home-reason__item-header-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 19px;
  border-radius: 15px;
  font-size: var(--font-size-xxs);
  font-weight: 700;
  background: var(--color-accent);
  color: var(--color-white);
  line-height: 1.1;
}

.home-reason__item-header-num {
  padding-top: var(--spacing-1);
  font-size: 4.3rem;
  font-weight: 700;
  line-height: 1;
  color: var(--color-primary-lighter);
}

.home-reason__item-header-head {
  padding-top: var(--spacing-2);
  color: var(--color-primary);
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.5;
}

.home-reason__item-img {
  padding-top: var(--spacing-6);
}

.home-reason__item-txt {
  padding-top: var(--spacing-5);
}

.home-reason__point {
  margin: var(--spacing-14) calc(-1 * var(--spacing-4)) 0;
  padding-bottom: var(--spacing-12);
  background-color: var(--color-primary-light);
  background-size: auto auto;
  background-image:
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 70px,
      var(--color-primary-dark) 70px,
      var(--color-primary-dark) 71px
    ),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 70px,
      var(--color-primary-dark) 70px,
      var(--color-primary-dark) 71px
    );
  color: var(--color-white);
}

.home-reason__point-label {
  position: relative;
  top: -14px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 165px;
  height: 34px;
  border-radius: 34px;
  background: var(--color-yellow);
  margin: auto;
  color: var(--color-primary);
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.1;
}

.home-reason__point-head {
  padding-top: var(--spacing-1);
  text-align: center;
  font-size: var(--font-size-lg);
  font-weight: 700;
  line-height: 1.5;
}

.home-reason__point-box {
  position: relative;
  margin: var(--spacing-6) var(--spacing-4) 0;
  background: var(--color-white);
}

.home-reason__point-sub {
  position: absolute;
  top: 102px;
  right: 6px;
  max-width: 112px;
}

.home-reason__point-list {
  padding: var(--spacing-6) var(--spacing-4) var(--spacing-10);
  color: var(--color-primary);
  font-size: var(--font-size-base);
}

.home-reason__point-profile {
  padding: var(--spacing-5) var(--spacing-4) 0;
}

.home-reason__point-profile-img {
  max-width: 105px;
  margin: auto;
}

.home-reason__point-profile-txt {
  padding-top: var(--spacing-3);
}

.home-reason__point-btn {
  padding: var(--spacing-8) var(--spacing-4) 0;
}

.home-reason__box {
  margin-top: var(--spacing-8);
  padding: var(--spacing-6) var(--spacing-4) var(--spacing-2);
  border: 2px solid var(--color-primary);
  box-sizing: border-box;
}

.home-reason__box-head {
  text-align: center;
  font-size: var(--font-size-2xl);
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-primary);
}

.home-reason__box-head-in {
  font-size: 1.4rem;
  line-height: 1.7;
}

.home-reason__box-list {
  display: flex;
  flex-wrap: wrap;
  padding-top: var(--spacing-7);
  margin: 0 var(--spacing-1);
}

.home-reason__box-item {
  width: calc(50% - var(--spacing-2));
  padding: var(--spacing-4) 0 var(--spacing-4);
  margin: 0 var(--spacing-1) var(--spacing-2);
  background: var(--color-white);
  box-sizing: border-box;
  color: var(--color-primary);
}

.home-reason__box-item-num {
  text-align: center;
  font-weight: 700;
  font-size: var(--font-size-sm);
}

.home-reason__box-item-head {
  text-align: center;
  font-weight: 700;
  font-size: var(--font-size-sm);
  line-height: 1.5;
}

.home-reason__box-item-img {
  padding-top: var(--spacing-1);
  max-width: 102px;
  margin: auto;
}

.home-reason__btn {
  padding-top: var(--spacing-10);
}

.home-voice__inner {
  padding-top: var(--spacing-11);
  padding-bottom: var(--spacing-18);
}

.home-voice__header-sub {
  position: absolute;
  top: -90px;
  left: -5px;
  width: 100px;
}

.home-voice__list {
  padding-top: var(--spacing-7);
  margin: 0 calc(-1 * var(--spacing-4));
}

.home-voice__btn {
  padding-top: var(--spacing-5);
}

.home-course__inner {
  padding-top: var(--spacing-11);
  padding-bottom: var(--spacing-18);
}

.home-course .home-course__box-wrap {
  margin-top: var(--spacing-6);
}

.home-course .home-course__box {
  border: 1px solid var(--color-gray);
}

.home-course .home-course__box:nth-of-type(n + 2) {
  margin-top: var(--spacing-4);
}

.home-course .home-course__box-info {
  position: relative;
}

.home-course .home-course__box-left {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-white);
  font-size: var(--font-size-base);
}

.home-course .home-course__box-right {
  padding-left: var(--spacing-25);
  background: var(--color-white);
}

.home-course .home-course__box-toggle-btn {
  height: 100px;
  background: var(--color-white);
  padding: var(--spacing-6) var(--spacing-4);
}

.home-course .home-course__box-toggle-content {
  border: solid var(--color-gray);
  border-width: 1px 0;
}

.home-course .home-course__box-cel {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-2) var(--spacing-4);
  border-top: 1px solid var(--color-gray);
  background: var(--color-white);
}

.home-course .home-course__box-cel:first-child {
  border-top: 0;
}

.home-course .home-course__box-cel:nth-child(2n) {
  background: var(--color-gray-light);
}

.home-course .home-course__box-cel-ico {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: 70px;
}

.home-course .home-course__box-cel-ico.is-text {
  text-align: center;
  color: var(--color-accent-dark);
  font-size: 1.4rem;
  font-weight: 700;
}

.home-course .home-course__box-cel-ico-in {
  position: relative;
}

.home-course .home-course__box-cel-ico-in.is-none:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 25px;
  height: 2px;
  background: var(--color-accent-dark);
}

.home-course .home-course__box-cel-ico-in.is-check:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 70px;
  height: 60px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248px%22%20height%3D%2243px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23006ac3%22%20d%3D%22M47.500%2C1.504%20C46.958%2C0.814%2046.205%2C0.464%2045.263%2C0.464%20C44.236%2C0.464%2043.427%2C0.968%2042.778%2C1.374%20L42.613%2C1.474%20C42.499%2C1.544%2042.386%2C1.612%2042.314%2C1.661%20C36.081%2C5.758%2030.829%2C10.968%2026.081%2C15.985%20C21.969%2C20.331%2018.398%2C25.034%2015.458%2C29.976%20C15.266%2C29.720%2015.058%2C29.437%2014.832%2C29.132%20C12.796%2C26.364%209.718%2C22.180%205.502%2C19.559%20C5.103%2C19.311%204.398%2C19.045%203.614%2C19.045%20C3.081%2C19.045%202.589%2C19.165%202.151%2C19.398%20C1.635%2C19.673%201.222%2C20.106%200.957%2C20.653%20C0.233%2C22.150%201.236%2C23.570%202.054%2C24.506%20C6.896%2C30.061%209.709%2C35.876%2011.061%2C38.670%20C11.280%2C39.124%2011.464%2C39.504%2011.613%2C39.795%20C12.426%2C41.381%2014.065%2C42.425%2015.892%2C42.518%20L16.072%2C42.526%20L16.248%2C42.503%20C18.875%2C42.157%2020.060%2C39.999%2020.450%2C39.287%20C20.534%2C39.135%2020.614%2C38.991%2020.696%2C38.850%20L20.754%2C38.742%20C27.969%2C24.403%2036.556%2C13.285%2045.583%2C6.589%20C45.637%2C6.548%2045.698%2C6.505%2045.764%2C6.458%20C46.170%2C6.170%2046.758%2C5.666%2047.190%2C5.118%20C48.148%2C3.902%2048.269%2C2.483%2047.500%2C1.504%20Z%22%2F%3E%3C%2Fsvg%3E)
    no-repeat center;
  transition: all 0.3s ease;
}

.home-course .home-course__box-cel-note {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--color-accent-dark);
}

.home-course .home-course__box-show .home-course__box-cel:nth-of-type(n + 2) {
  border-color: var(--color-white);
}

.home-course .home-course__box-more {
  position: relative;
  padding: var(--spacing-2) var(--spacing-4);
  text-align: center;
  font-size: var(--font-size-sm);
  font-weight: 700;
  background: var(--color-white);
  color: var(--color-primary);
  border-top: 2px solid var(--color-gray);
}

.home-course .home-course__box-more:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  right: 20px;
  width: 8px;
  height: 13px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%2314456e%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22163.916%2C0%2092.084%2C71.822%20276.258%2C255.996%2092.084%2C440.178%20163.916%2C512%20419.916%2C255.996%20%22%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fsvg%3E)
    no-repeat center;
  transition: all 0.3s ease;
}

.home-course .home-course__box-more.is-active:before {
  transform: translateY(-50%) rotate(-90deg);
}

.home-course .home-course__box.is-color01 .home-course__box-left {
  background: var(--color-blue-bright-2);
}

.home-course .home-course__box.is-color01 .home-course__box-show .home-course__box-cel {
  background: var(--color-blue-lighter-6);
}

.home-course .home-course__box.is-color02 .home-course__box-left {
  background: var(--color-accent-dark);
}

.home-course .home-course__box.is-color02 .home-course__box-show .home-course__box-cel {
  background: var(--color-blue-lighter-2);
}

.home-course .home-course__box.is-color03 .home-course__box-left {
  background: var(--color-primary-lighter);
}

.home-course .home-course__box.is-color03 .home-course__box-show .home-course__box-cel {
  background: var(--color-blue-lighter-3);
}

.home-course .home-course__box.is-color04 .home-course__box-left {
  background: var(--color-yellow-dark);
}

.home-course .home-course__box.is-color04 .home-course__box-show .home-course__box-cel {
  background: var(--color-yellow-pale);
}

.home-course__btn {
  padding-top: var(--spacing-12);
}

.home-faq__inner {
  padding-top: var(--spacing-11);
  padding-bottom: var(--spacing-18);
}

.home-faq__content {
  padding-top: var(--spacing-2);
  margin: 0 calc(-1 * var(--spacing-4));
}

.home-faq__btn {
  padding-top: var(--spacing-10);
}

.home-blog__inner {
  padding-top: var(--spacing-11);
  padding-bottom: var(--spacing-18);
}

.home-blog__content {
  padding-top: var(--spacing-2);
  margin: 0 calc(-1 * var(--spacing-4));
}

.home-blog__btn {
  padding-top: var(--spacing-5);
}

.home-communication {
  background: url('../img/TOP/bg_communication01_sp.png') no-repeat left top/cover;
}

.home-communication__inner {
  padding-top: var(--spacing-14);
  padding-bottom: var(--spacing-16);
}

.home-communication__head {
  padding: 0 var(--spacing-3);
}

.home-communication__txt {
  padding-top: var(--spacing-3);
  color: var(--color-white);
}

.home-communication__box {
  position: relative;
  padding-top: var(--spacing-2);
}

.home-communication__box-head {
  position: relative;
  display: flex;
  align-items: center;
}

.home-communication__box-ballon {
  max-width: 120px;
  padding: 0 var(--spacing-1) var(--spacing-6) var(--spacing-5);
}

.home-communication__box-txt {
  position: absolute;
  width: 85px;
  top: -13px;
  right: 10px;
}

.home-communication__box-img {
  flex: 1;
  max-width: 165px;
}

.home-communication__box-list {
  position: relative;
  z-index: 1;
  margin-top: calc(-1 * var(--spacing-6));
  padding: var(--spacing-6) var(--spacing-4);
  background: var(--color-white);
  border: 5px solid var(--color-gray-light-2);
  font-size: var(--font-size-base);
}

.home-communication__btn {
  padding-top: var(--spacing-10);
}

.home-flow__inner {
  padding-top: var(--spacing-11);
  padding-bottom: var(--spacing-16);
}

.home-flow__list {
  padding-top: var(--spacing-8);
}

.home-flow__item {
  position: relative;
  border: 1px solid var(--color-primary-light);
  padding: var(--spacing-5) var(--spacing-5) var(--spacing-10);
  box-sizing: border-box;
}

.home-flow__item:not(:last-child) {
  margin-bottom: var(--spacing-6);
}

.home-flow__item:not(:last-child):before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -32px;
  width: 0;
  height: 0;
  transform: translate(-50%, 0);
  border: 16px solid transparent;
  border-top-color: var(--color-primary-light);
}

.home-flow__item-num {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 33px;
  background: var(--color-primary-light);
  color: var(--color-white);
  font-size: var(--font-size-base);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0;
}

.home-flow__item-img {
  max-width: var(--spacing-24);
  margin: auto;
}

.home-flow__item-head {
  padding-top: var(--spacing-4);
  text-align: center;
  color: var(--color-primary);
  font-size: var(--font-size-lg);
  font-weight: 700;
  line-height: 1.5;
}

.home-flow__item-label {
  display: inline-block;
  padding: 0 var(--spacing-2);
  background: var(--color-red);
  color: var(--color-white);
}

.home-flow__item-txt {
  padding-top: var(--spacing-2);
}

.home-flow__btn {
  padding: var(--spacing-10) var(--spacing-4) 0;
}

.home-news__inner {
  padding-top: var(--spacing-11);
  padding-bottom: var(--spacing-15);
}

.home-news__btn {
  padding-top: var(--spacing-10);
}

.home-step {
  background: url('../img/TOP/bg_step01_sp.png') no-repeat center/cover;
}

.home-step__inner {
  padding-top: var(--spacing-14);
  padding-bottom: 175px;
}

.home-step__txt {
  padding: 0 var(--spacing-2);
}

.line-about__inner {
  padding-top: var(--spacing-10);
  padding-bottom: var(--spacing-20);
}

.line-about__set-btn {
  margin-top: var(--spacing-5);
}

.line-about__set-img {
  margin-top: var(--spacing-10);
}

.line-check {
  position: relative;
  z-index: 1;
}

.line-check:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 200px;
}

.line-check__inner {
  padding-top: var(--spacing-16);
  padding-bottom: var(--spacing-13);
}

.line-check__head {
  position: relative;
}

.line-check__head-sub {
  position: absolute;
  top: -125px;
  left: -8px;
  width: 120px;
}

.line-check__head-txt {
  margin-bottom: var(--spacing-12);
}

.line-voice__inner {
  padding-top: var(--spacing-12);
  padding-bottom: var(--spacing-13);
}

.line-subscribe__inner {
  padding-top: var(--spacing-10);
  padding-bottom: var(--spacing-13);
}

.line-subscribe__box-btn {
  margin-top: var(--spacing-5);
}

.news-archive__inner {
  padding-top: var(--spacing-10);
  padding-bottom: var(--spacing-14);
}

.news-single__inner {
  padding-top: var(--spacing-13);
  padding-bottom: var(--spacing-13);
}

#performance .l-sub-img__img {
  background-image: url('../img/Course/img_mv01_sp.png');
}

.performance-archive__inner {
  padding-top: var(--spacing-10);
  padding-bottom: var(--spacing-13);
}

.performance-archive__select select {
  appearance: none;
  outline: 0;
  border-radius: 0;
  display: block;
  border: 1px solid var(--color-gray);
  box-sizing: border-box;
  width: 260px;
  margin: 0 auto;
  padding: var(--spacing-3) var(--spacing-4);
}

.performance-archive__select select::-ms-expand {
  display: none;
}

.performance-archive__list {
  margin-top: var(--spacing-10);
}

#reason .l-sub-img__img {
  background-image: url('../img/Reasons/img_mv01_sp.png');
}

.reason-anchor__inner {
  padding-top: var(--spacing-10);
  padding-bottom: var(--spacing-13);
}

.reason-anchor__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 calc(-1 * var(--spacing-2));
}

.reason-anchor__item {
  width: calc(50% - var(--spacing-5));
  margin: 0 var(--spacing-2);
}

.reason-anchor__item:nth-child(n + 3) {
  margin-top: var(--spacing-10);
}

.reason-anchor__item-link {
  position: relative;
  padding: var(--spacing-6) var(--spacing-1);
  text-align: center;
  border: 2px solid var(--color-primary-lighter);
}

.reason-anchor__item-link:before {
  content: '';
  position: absolute;
  left: 50%;
  box-sizing: border-box;
  transform: translateX(-50%) rotate(45deg);
  bottom: 10px;
  width: 10px;
  height: 10px;
  border: solid var(--color-primary-lighter);
  border-width: 0 3px 3px 0;
}

.reason-anchor__item-num {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  z-index: 1;
  color: var(--color-primary-lighter);
  padding: var(--spacing-1) var(--spacing-4);
  border-radius: 30px;
  background: var(--color-yellow);
  font-size: var(--font-size-base);
  font-weight: 700;
  line-height: 1.1;
}

.reason-anchor__item-img {
  width: 50%;
  margin: 0 auto;
}

.reason-anchor__item-txt {
  margin-top: var(--spacing-2);
  font-size: var(--font-size-base);
  font-weight: 700;
  line-height: 1.5;
}

.reason-teacher__inner {
  padding-top: var(--spacing-13);
  padding-bottom: var(--spacing-13);
}

.reason-teacher__sub {
  margin-top: var(--spacing-5);
}

.reason-teacher__sub-img {
  float: left;
  width: 57%;
  padding: 0 var(--spacing-4) var(--spacing-2) 0;
}

.reason-teacher__sub-box {
  clear: both;
  margin-top: var(--spacing-4);
  padding: var(--spacing-4);
  background: var(--color-white);
}

.reason-teacher__archive {
  margin-top: var(--spacing-10);
}

.reason-teacher__archive-btn {
  margin: var(--spacing-10) auto 0;
}

.reason-plan__inner {
  padding-top: var(--spacing-13);
  padding-bottom: var(--spacing-13);
}

.reason-plan__sub {
  margin-top: var(--spacing-5);
}

.reason-plan__sub-img {
  float: left;
  width: 57%;
  padding: 0 var(--spacing-4) var(--spacing-2) 0;
}

.reason-plan__sub-box {
  clear: both;
  margin-top: var(--spacing-5);
  padding: var(--spacing-2) var(--spacing-4);
  background: var(--color-blue-light);
}

.reason-plan__sub-box dl {
  display: flex;
  flex-wrap: wrap;
}

.reason-plan__sub-box dt {
  width: 60px;
  color: var(--color-accent);
  font-size: var(--font-size-base);
  font-weight: 700;
}

.reason-plan__sub-box dd {
  width: calc(100% - 60px);
  color: var(--color-primary-light);
  font-size: var(--font-size-base);
  font-weight: 700;
}

.reason-plan__schedule {
  margin-top: var(--spacing-10);
}

.reason-plan__schedule-about {
  margin-top: var(--spacing-6);
}

.reason-plan__schedule-about-in {
  padding: var(--spacing-4) var(--spacing-5);
  border: 5px solid var(--color-gray-light);
}

.reason-plan__schedule-about-in:nth-child(n + 2) {
  margin-top: var(--spacing-3);
}

.reason-plan__schedule-about-in-head {
  margin-bottom: var(--spacing-1);
  color: var(--color-primary-lighter);
  font-size: var(--font-size-md);
  font-weight: 700;
}

.reason-parents__inner {
  padding-top: var(--spacing-13);
  padding-bottom: var(--spacing-15);
}

.reason-parents__merit {
  margin-top: var(--spacing-8);
  padding: var(--spacing-4);
  border: 2px solid var(--color-blue-dark-6);
  color: var(--color-primary-lighter);
}

.reason-parents__merit-head {
  margin-bottom: var(--spacing-6);
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
}

.reason-parents__merit-head-large {
  font-size: var(--font-size-2xl);
}

.reason-parents__merit-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 calc(-1 * var(--spacing-2));
}

.reason-parents__merit-item {
  width: calc(50% - var(--spacing-5));
  margin: 0 var(--spacing-2);
  padding: var(--spacing-4) 0;
  text-align: center;
  background: var(--color-white);
}

.reason-parents__merit-item:nth-child(n + 3) {
  margin-top: var(--spacing-2);
}

.reason-parents__merit-item-num {
  font-size: var(--font-size-md);
  font-weight: 700;
  line-height: 1.2;
}

.reason-parents__merit-item-head {
  margin-bottom: var(--spacing-2);
  font-size: var(--font-size-sm);
  font-weight: 700;
  line-height: 1.5;
}

.reason-parents__merit-item-img {
  width: 57%;
  margin: 0 auto;
}

.reason-support__inner {
  padding-top: var(--spacing-14);
  padding-bottom: var(--spacing-14);
}

.reason-support__trouble {
  margin-top: var(--spacing-8);
}

.reason-support__trouble-box {
  padding: var(--spacing-5) var(--spacing-4);
  background: var(--color-blue-light);
}

.contact-form__inner {
  padding-top: var(--spacing-14);
  padding-bottom: var(--spacing-14);
}

.briefing-flow-list__item-or {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-5) 0;
  position: relative;
  font-size: var(--font-size-lg);
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-primary);
}

.briefing-flow-list__item-or-in {
  margin: 0 var(--spacing-2);
}

.briefing-flow-list__item-or:before,
.briefing-flow-list__item-or:after {
  content: '';
  display: block;
  flex: 1;
  width: 100%;
  height: 2px;
  background: var(--color-primary);
}

/*==========お問い合わせcss==========*/
.contact {
  width: 100%;
  background-color: var(--color-blue-bg-hex);
  padding: var(--spacing-13) 0;
}

.contact-form {
  width: 280px;
  margin: 0 auto;
  background-color: white;
  padding: var(--spacing-8);
  font-size: var(--font-size-16);
}

.contact_title {
  text-align: center;
  font-size: var(--font-size-25);
  font-weight: bold;
  margin-top: var(--spacing-8);
}

.contact_subtitle {
  text-align: center;
  margin-bottom: var(--spacing-8);
  font-size: var(--font-size-base);
}

.contact-form_input {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: var(--spacing-4) 0;
}

.contact_label {
  width: 260px;
}

.contact_input {
  background-color: var(--color-gray-light-3);
  width: 260px;
  height: 40px;
  padding: var(--spacing-1) var(--spacing-2);
  border-radius: 10px;
}

.contact_textarea {
  background-color: var(--color-gray-light-3);
  width: 260px;
  height: var(--spacing-32);
  padding: var(--spacing-1) var(--spacing-2);
  border-radius: 10px;
}

.contact_button {
  background-color: var(--color-navy);
  color: white;
  font-weight: bold;
  font-size: var(--font-size-16);
  padding: var(--spacing-2) var(--spacing-12);
  display: block;
  margin: var(--spacing-10) auto;
  border-radius: 10px;
  box-shadow: 1px 3px 3px var(--shadow-medium);
  border: none;
}

.contact_checkbox {
  transform: scale(1.5);
  margin: var(--spacing-2) var(--spacing-4) var(--spacing-2) var(--spacing-2);
}

.contact_confirm {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 260px;
  word-break: break-all;
}

.contact_input_check {
  vertical-align: middle;
}

.course_table_top {
  margin: var(--spacing-13);
}

/*＝＝＝＝＝＝＝＝＝合格実績css＝＝＝＝＝＝＝＝＝*/
.home-achievement__inner {
  padding: var(--spacing-18) 0;
}

.home-achievement__header-main {
  font-size: var(--font-size-70);
  text-align: center;
  color: var(--color-navy);
  font-weight: bold;
  height: var(--spacing-28);
}

.home-achievement__header-sub {
  font-size: var(--font-size-35);
  text-align: center;
  font-weight: bold;
}

.home-achievement__header-sub__slash {
  color: var(--color-blue-medium);
}

.home-achievement__header-sub__percentage {
  color: var(--color-navy);
  vertical-align: baseline;
  display: inline-block;
  position: relative;
  margin: 0 var(--spacing-4);
}

.percentage {
  position: relative;
  font-size: var(--font-size-60);
  font-weight: bold;
}

.underline {
  height: 12px;
  width: 100%;
  background: var(--color-red-transparent);
  position: absolute;
  bottom: 26px;
  z-index: 0;
}

.home-achievement__universities-list {
  width: 65%;
  font-size: var(--font-size-25);
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  justify-content: center;
  text-align: center;
  margin: var(--spacing-10) 0;
}

.home-achievement__universities {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.home-achievement__universities-list li {
  font-weight: bold;
  width: calc((100% - 20px) / 3);
}

.home-achievement__description {
  font-size: var(--font-size-2xl);
  text-align: center;
}

/*＝＝＝＝＝＝＝＝＝合格者の声css＝＝＝＝＝＝＝＝＝*/
.home-achievement__comments {
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.home-achievement__bgcolor {
  background: var(--color-blue-bg-light);
  padding-bottom: var(--spacing-22);
}

.home-achievement__card {
  position: relative;
  width: 700px;
  margin: var(--spacing-15) var(--spacing-14);
  padding: var(--spacing-10);
  box-shadow: 1px 1px 10px 3px var(--shadow-medium);
  background: var(--color-blue-bg);
}

.home-achievement__card-img {
  width: 200px;
  height: 200px;
  border: solid 10px white;
  box-shadow: 0 0 10px 2px var(--shadow-medium);
  position: absolute;
  top: -35px;
  left: -35px;
}

.home-achievement__card-content__university {
  text-align: center;
  font-weight: bold;
  font-size: var(--font-size-33);
  padding-top: var(--spacing-8);
}

.home-achievement__card-content__name {
  text-align: right;
  font-size: var(--font-size-xl);
  padding-top: var(--spacing-5);
}

.home-achievement__card-content__course {
  text-align: right;
  font-weight: bold;
  font-size: var(--font-size-lg);
}

.home-achievement__card-content__text {
  font-size: var(--font-size-16);
  padding-top: var(--spacing-1);
}

.card-content__show,
.card-content__hide {
  display: none;
}

.card-content__show--label,
.card-content__hide--label {
  display: none;
  color: var(--color-blue-dark-7);
  font-size: var(--font-size-sm);
}

.label {
  text-decoration: underline;
  font-weight: 500;
}

.home-achievement__card-content__text-hidden {
  font-size: var(--font-size-16);
}

.home-achievement__card-content__coach {
  text-align: right;
}

/*＝＝＝＝＝＝＝＝＝合格者の声（トップページ）追加css＝＝＝＝＝＝＝＝＝*/
.home-achievement__comments__top {
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.home-achievement__card__top {
  position: relative;
  width: 80%;
  margin: var(--spacing-13) auto;
  padding: var(--spacing-10);
  box-shadow: 1px 1px 10px 3px var(--shadow-medium);
  background: var(--color-blue-bg);
}

.home-achievement__card-content__top {
  position: relative;
  margin: 0 0 0 auto;
}

.home-achievement__card-img__top {
  width: 180px;
  height: 180px;
  border: solid 10px white;
  box-shadow: 0 0 10px 2px var(--shadow-medium);
  position: absolute;
  top: -35px;
  left: -35px;
}

.home-achievement__card-content__university__top {
  text-align: center;
  font-weight: bold;
  font-size: var(--font-size-33);
  padding-top: var(--spacing-8);
  margin-top: calc(-1 * var(--spacing-10));
}

/*＝＝＝＝＝＝＝＝＝合格実績・合格者の声　個別ページのCSS＝＝＝＝＝＝＝＝＝*/
.achievement__comments-list {
  margin: var(--spacing-13) auto;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.achievement__comments {
  position: relative;
  margin: var(--spacing-13) 0 var(--spacing-13);
  width: 70%;
}

.achievement__comments__icon {
  position: absolute;
  left: -115px;
  top: -35px;
  z-index: 100;
  width: 160px;
  height: 160px;

  border-radius: 50%;
  background: var(--color-white);
  border: 1px solid var(--color-gray-dark-3);
  box-shadow: 0 var(--spacing-1) var(--spacing-1) var(--shadow-medium);
}

.achievement__comments__icon-img {
  height: 120px;
  position: absolute;
  top: 20px;
  left: 41px;
}

.achievement__comments__content-title {
  font-size: var(--font-size-25);
  padding-left: var(--spacing-16);
}

.achievement__comments__content-card {
  max-width: 1450px;
  width: 100%;
  height: auto;
  padding: var(--spacing-5) var(--spacing-15);
  background: var(--color-white);
  border: 5px solid var(--color-blue-lightest);
  box-shadow: 0 var(--spacing-1) var(--spacing-1) var(--shadow-medium);
}

.achievement__comments-parents {
  margin: var(--spacing-37) 0 var(--spacing-8) 0;
  position: relative;
  width: 100%;
}

.achievement__comments-parents__line {
  position: absolute;
  z-index: -5;
  width: 100%;
  top: 45px;
  border-color: var(--shadow-dark);
  border-width: 1px;
}

.achievement__comments-parents__title {
  background-color: var(--color-blue-dark-8);
  color: white;
  font-size: var(--font-size-45);
  padding: var(--spacing-5) var(--spacing-13);
  border-radius: 50%;
  width: 400px;
  text-align: center;
  margin: 0 auto;
}

.privacy_block {
  width: 75%;
  margin: var(--spacing-10) auto;
}

.privacy_first {
  border-bottom: 3px solid var(--color-navy-dark);
  padding: 0 var(--spacing-6) var(--spacing-5);
  margin-bottom: var(--spacing-5);
}

.privacy_title {
  margin-top: var(--spacing-10);
  padding-left: var(--spacing-1);
  font-size: 1.5em;
  font-weight: 500;
}

.privacy_comment {
  padding: var(--spacing-1) var(--spacing-6) 0;
}

.privacy_last {
  text-align: right;
  padding: 0 var(--spacing-6);
}

.privacy_blue {
  background-color: var(--color-blue-lighter-7);
  margin: var(--spacing-2) var(--spacing-15);
  padding: var(--spacing-2) var(--spacing-5);
}

.law_comment {
  padding: var(--spacing-1) var(--spacing-10) var(--spacing-10);
  border-bottom: 2px solid var(--color-navy-dark);
}

.law_comment_last {
  padding: var(--spacing-1) var(--spacing-10) var(--spacing-10);
}

.c-voice01__item-name {
  margin-top: var(--spacing-4);
}

.c-voice01__item {
  margin-top: var(--spacing-8);
}