@charset "UTF-8";
/*
Theme Name: Gaxi Agent
Author: Refu
Version: 1.0
*/
*, *::before, *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
  margin: 0;
}

ul[role=list], ol[role=list] {
  list-style: none;
}

html:focus-within {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

img, picture {
  max-width: 100%;
  display: block;
}

input, button, textarea, select {
  font: inherit;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
}
/*----------------------------------------------------------*/
/*----------------------------------------------------------*/
/*----------------------------------------------------------*/
/*----------------------------------------------------------*/
body {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #2E2E2E;
  word-break: auto-phrase;
  max-width: 1920px;
  margin: 0 auto;
  font-family: "Noto Sans JP", sans-serif;
  /* background: linear-gradient(to right, #3D82E5, #A8E1FE); */
}

@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
  }
}
body.active::-webkit-scrollbar {
  display: none;
}

.container {
  width: 80%;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .container {
    width: 90%;
  }
}
ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.wp-pagenavi {
  width: 100%;
  margin: 5rem auto 0;
  position: relative;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .wp-pagenavi {
    margin-top: 2.5rem;
  }
}
.wp-pagenavi .pages {
  display: none;
}

.wp-pagenavi span,
.wp-pagenavi a {
  margin: 0 0.5rem !important;
  display: inline-block;
  color: #2E2E2E;
  padding: 0.65rem 1.2rem !important;
  background-color: #fff;
  border: none !important;
  border-radius: 100vh;
  aspect-ratio: 1/1;
  width: 50px;
  height: 50px;
  font-weight: bold;
  font-size: 18px;
}

.wp-pagenavi span:hover,
.wp-pagenavi a:hover {
  color: #3D82E5;
  background-color: #E8E8E8;
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .wp-pagenavi span,
  .wp-pagenavi a {
    padding: 0.3rem 0rem;
    width: 40px;
    height: 40px;
  }
}
.wp-pagenavi a.last,
.wp-pagenavi a.first {
  display: contents;
}

.wp-pagenavi span.current {
  background-color: #3D82E5;
  color: #fff;
  pointer-events: none;
}

.sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .sp {
    display: block;
  }
}
.tab {
  display: none;
}

@media screen and (max-width: 1024px) {
  .tab {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}
.container-70 {
  width: 70%;
  margin: 0 auto;
  max-width: 1164px;
}

@media screen and (max-width: 1024px) {
  .container-70 {
    width: 80%;
  }
}
@media screen and (max-width: 767px) {
  .container-70 {
    width: 90%;
  }
}
.container-90 {
  width: 90%;
  margin: 0 auto;
}

.table_design03 {
  border-collapse: collapse;
  width: 100%;
  font-size: clamp(0.75rem, 0.659rem + 0.3vw, 1rem);
  word-break: auto-phrase;
  background-color: #F4F4F4;
  margin: 2rem 0;
  border-radius: 10px;
}

.table_design03 tbody {
  padding: 1rem 5%;
  display: block;
}

.table_design03 td {
  padding: 1rem 0 1rem 0.5rem;
  vertical-align: top;
}

.table_design03 td:first-child {
  width: 20%;
  min-width: 150px;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .table_design03 td:first-child {
    min-width: 90px;
  }
}
.table_design03 td:last-child {
  width: 80%;
}

@media screen and (max-width: 767px) {
  .table_design03 td {
    padding: 1rem 0rem;
  }
}
.table_design03 tr:not(:last-child) {
  border-bottom: 1px solid #B4B4B4;
}

.accordion-area {
  list-style: none;
  margin-top: 2rem;
}

.accordion-area li {
  border-bottom: 2px solid #1266B6;
  background-color: #fff;
  padding: 2.5rem 0 20px;
}

@media screen and (max-width: 1024px) {
  .accordion-area li {
    padding: 1.5rem 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .accordion-area li {
    padding: 20px 0 20px;
  }
}
.accordion-area .accordion-title {
  font-size: clamp(1rem, 0.955rem + 0.15vw, 1.125rem);
  word-break: break-all;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  width: 95%;
}

@media screen and (max-width: 1024px) {
  .accordion-area .accordion-title {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .accordion-area .accordion-title {
    gap: 0.5rem;
    width: 90%;
  }
}
.accordion-area .accordion-title::before {
  position: absolute;
  content: "";
  width: 24px;
  height: 15px;
  background: url(./images/faq-triangle.png) no-repeat;
  background-size: contain;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: -3rem;
}

@media screen and (max-width: 1400px) {
  .accordion-area .accordion-title::before {
    width: 30px;
    height: 30px;
  }
}
@media screen and (max-width: 1024px) {
  .accordion-area .accordion-title::before {
    width: 25px;
    height: 25px;
  }
}
@media screen and (max-width: 767px) {
  .accordion-area .accordion-title::before {
    right: -2rem;
    width: 15px;
    height: 10px;
  }
}
.accordion-area .accordion-title.close::before {
  -webkit-transform: rotate(180deg) translateY(50%);
          transform: rotate(180deg) translateY(50%);
}

.accordion-area .box {
  display: none; /*はじめは非表示*/
  margin: 1rem 0 1rem;
  -webkit-transition: display 0.5s;
  transition: display 0.5s;
  position: relative;
}

.accordion-area .box p:not(:last-child) {
  margin-bottom: 1rem;
}

@media screen and (max-width: 767px) {
  .accordion-area .box p:not(:last-child) {
    margin-bottom: 0.5rem;
  }
}
.accordion-area .box a {
  color: #209FFC;
  text-decoration: underline;
}

.product img {
  max-width: 440px;
  margin: 0 auto 2rem;
  width: 70%;
}
.product p {
  text-align: center;
}

.loopSlide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 150px;
  overflow: hidden;
  margin-top: 2rem;
  position: relative;
  margin-bottom: 2rem;
}

@media screen and (max-width: 1600px) {
  .loopSlide {
    margin-bottom: 0;
  }
}
.loopSlide:before {
  position: absolute;
  content: "";
  background: url(./images/award-list.png);
  background-repeat: repeat-x;
  background-size: cover;
  width: 100%;
  height: -webkit-fill-available;
  -webkit-animation: scroll-anim2 60s linear infinite;
          animation: scroll-anim2 60s linear infinite;
  z-index: 5;
}

@media screen and (max-width: 1600px) {
  .loopSlide {
    height: 125px;
  }
}
@-webkit-keyframes scroll-anim2 {
  100% {
    background-position: -3114px 0;
  }
}
@keyframes scroll-anim2 {
  100% {
    background-position: -3114px 0;
  }
}
@-webkit-keyframes slide2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}
@keyframes slide2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}
.slider {
  display: none;
}

.slider.slick-initialized {
  display: block;
}

.new-cta {
  background: -webkit-gradient(linear, left top, right bottom, from(#003F74), to(#0061A8));
  background: linear-gradient(to right bottom, #003F74, #0061A8);
  padding: 1.5rem 0 2rem;
}

@media screen and (max-width: 767px) {
  .new-cta {
    padding: 2.5rem 0;
  }
}
.new-cta-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80%;
  margin: 0 auto;
  max-width: 1345px;
}

@media screen and (max-width: 1024px) {
  .new-cta-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .new-cta-wrap {
    width: 90%;
  }
}
.new-cta-wrap img {
  width: 47%;
}

@media screen and (max-width: 1024px) {
  .new-cta-wrap img {
    width: 70%;
  }
}
@media screen and (max-width: 767px) {
  .new-cta-wrap img {
    width: 100%;
  }
}
.new-cta-text {
  width: 45%;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .new-cta-text {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
  }
}
.new-cta-text h2 {
  font-size: clamp(2rem, 1.636rem + 1.21vw, 3rem);
}

.new-cta-text > p {
  font-size: clamp(1.125rem, 0.989rem + 0.45vw, 1.5rem);
  margin-bottom: 0.5rem;
}

.new-cta-btn a {
  background-color: #FF7F00;
  border-radius: 4px;
  padding: 14px 1.5rem;
  color: #fff;
  text-align: center;
  min-width: 250px;
  border: 2px solid #FFD690;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 380px;
  gap: 2rem;
  font-size: clamp(1.25rem, 1.159rem + 0.3vw, 1.5rem);
  margin: 1rem auto 0;
}

.new-cta-btn a svg path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.new-cta-btn a:hover {
  color: #FF7F00;
  background-color: #fff;
}

.new-cta-btn a:hover svg path {
  fill: #FF7F00;
}

.new-cta-btn a svg {
  width: 3rem;
}

.content a {
  word-break: break-all;
  color: blue;
  text-decoration: underline;
}
.content a.wp-block-button__link {
  color: #fff;
  text-decoration: none;
}

#breadcrumbs {
  color: #fff;
  width: 100%;
  padding: 4px 5%;
  font-size: 12px;
  margin-top: 7.5rem;
  color: #717171;
}

@media screen and (max-width: 1024px) {
  #breadcrumbs {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 767px) {
  #breadcrumbs {
    font-size: 10px;
  }
}
#breadcrumbs a {
  color: #717171;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  line-height: 1.5;
}

.title {
  text-align: center;
  position: relative;
  padding-bottom: 4px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 5rem;
}
@media screen and (max-width: 767px) {
  .title {
    margin-bottom: 2.5rem;
  }
}

.title h2,
.title h1 {
  color: #1266B6;
  font-size: clamp(1.5rem, 1.227rem + 0.91vw, 2.25rem);
}

.title::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background: #1266B6;
  bottom: 0;
  left: 0;
}

a {
  text-decoration: none;
  color: #2E2E2E;
}

a:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#ez-toc-container a {
  margin: 0;
}

pre {
  white-space: pre-wrap;
}

.top-archive {
  margin: 2rem 0 20px;
  overflow: hidden;
}

.top-archive > img {
  width: 320px;
  margin: 0 auto 20px;
}

.top-function .content-box:last-child .function-title p {
  font-size: 12px;
}

.loopSlide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 160px;
  overflow: hidden;
  -webkit-transform: scale(3);
          transform: scale(3);
}

.loopSlide img {
  width: auto;
  height: 100%;
  padding-right: 1rem;
}

.loopSlide img:first-child {
  -webkit-animation: slide1 120s -60s linear infinite;
          animation: slide1 120s -60s linear infinite;
}

.loopSlide img:last-child {
  -webkit-animation: slide2 120s linear infinite;
          animation: slide2 120s linear infinite;
}

.top-swiper .swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}

@-webkit-keyframes slide1 {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes slide1 {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes slide2 {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}
.contact-banner {
  width: 80%;
  margin: 3rem auto 5rem;
  max-width: 1345px;
  border-radius: 1.5rem;
  background: #1266B5;
  color: #fff;
  border: 1px solid #707070;
  padding: 3.5rem 2.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .contact-banner {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .contact-banner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.5rem;
    padding: 1rem 5%;
    border-radius: 10px;
    margin: 2.5rem auto;
  }
}

.contact-banner img {
  width: 16%;
}
@media screen and (max-width: 767px) {
  .contact-banner img {
    width: 47%;
  }
}

.contact-banner-txt {
  width: 50%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .contact-banner-txt {
    width: 100%;
  }
}

.contact-banner-txt h2 {
  font-size: clamp(1.5rem, 1.318rem + 0.61vw, 2rem);
}

.contact-banner-txt h2 span {
  display: inline-block;
}

.contact-banner-txt > p {
  margin: 10px 0 2rem;
  font-size: clamp(1rem, 0.818rem + 0.61vw, 1.5rem);
}

.contact-banner-txt a {
  color: #1266B5;
  background: #fff;
  border-radius: 4px;
  padding: 20px 4rem;
  display: block;
  font-weight: bold;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  font-size: clamp(1.125rem, 0.989rem + 0.45vw, 1.5rem);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 2px solid;
}

.contact-banner-txt a:hover {
  color: #fff;
  background: #1266B5;
}

@media screen and (max-width: 767px) {
  .contact-banner-txt {
    width: 100%;
  }
  .contact-banner img:last-child {
    margin: 1rem 0 0 auto;
  }
  .contact-banner-txt a {
    padding: 14px 3rem;
  }
  .contact-banner-txt > p {
    margin: 8px 0 20px;
  }
}
.blue-btn.soon {
  pointer-events: none;
}

header {
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  position: fixed;
  z-index: 9999;
  width: 100%;
  top: 0;
  background-color: #3D82E5;
  border-bottom: 1px solid #C4C4C4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  height: 7.5rem;
}

header.hidden {
  opacity: 0 !important;
}

@media screen and (max-width: 1024px) {
  header {
    height: 4rem;
  }
}
header.UpMove {
  -webkit-animation: UpAnime 0.5s forwards;
          animation: UpAnime 0.5s forwards;
}

@media screen and (max-width: 1024px) {
  header.UpMove {
    -webkit-animation: none;
            animation: none;
  }
}
@-webkit-keyframes UpAnime {
  from {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-100px);
            transform: translateX(-50%) translateY(-100px);
  }
}
@keyframes UpAnime {
  from {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-100px);
            transform: translateX(-50%) translateY(-100px);
  }
}
header.DownMove {
  -webkit-animation: DownAnime 0.5s forwards;
          animation: DownAnime 0.5s forwards;
}

@media screen and (max-width: 1024px) {
  header.DownMove {
    -webkit-animation: none;
            animation: none;
  }
}
@-webkit-keyframes DownAnime {
  from {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-100px);
            transform: translateX(-50%) translateY(-100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
  }
}
@keyframes DownAnime {
  from {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-100px);
            transform: translateX(-50%) translateY(-100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
  }
}
.header-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background-color: #fff;
  padding: 0 5%;
}

.header-left {
  width: calc(100% - 450px);
}

.header-left > p {
  color: #717171;
}

.header-left-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1rem;
}

.header-left .hamburger-nav {
  width: calc(100% - 350px);
}

.header-left .hamburger-nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4rem;
}

.header-left .hamburger-nav__list .menu-item-has-children {
  position: relative;
}

.header-left .hamburger-nav__list .menu-item-has-children::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 55px;
}

.l-header.UpMove .header-left .hamburger-nav__list .menu-item-has-children::before {
  display: none;
}

.header-left .hamburger-nav__list .menu-item-has-children > a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}

.header-left .hamburger-nav__list .menu-item-has-children > a::after {
  content: ">";
  color: #1266B6;
}

.header-left .hamburger-nav__list a {
  color: #1266B6;
}

.header-left .hamburger-nav__list a:hover {
  opacity: 0.7;
}

.header-left .hamburger-nav__list .sub-menu {
  font-size: 1rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100vw;
  padding: 7.5rem 10% 2.5rem;
  visibility: hidden;
  opacity: 0;
  background-color: #fff;
  -webkit-transition: opacity 0.2s cubic-bezier(0.33, 1, 0.68, 1) 0s, visibility 0.2s cubic-bezier(0.33, 1, 0.68, 1) 0s;
  transition: opacity 0.2s cubic-bezier(0.33, 1, 0.68, 1) 0s, visibility 0.2s cubic-bezier(0.33, 1, 0.68, 1) 0s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.header-left .hamburger-nav__list .sub-menu li {
  width: calc((100% - 150px) / 6);
}

.header-left .hamburger-nav__list .sub-menu li a {
  width: 100%;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header-left .hamburger-nav__list .sub-menu li a:hover {
  opacity: 1;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.header-left .hamburger-nav__list .sub-menu li a img {
  height: 100%;
  width: 100%;
}

.header-left .hamburger-nav__list .menu-item-has-children:hover .sub-menu {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.5s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, visibility 0.5s cubic-bezier(0.33, 1, 0.68, 1) 0.2s;
  transition: opacity 0.5s cubic-bezier(0.33, 1, 0.68, 1) 0.2s, visibility 0.5s cubic-bezier(0.33, 1, 0.68, 1) 0.2s;
}

.header-left a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

.header-left a img {
  width: 100%;
  height: 45px;
  max-width: 300px;
}

@media screen and (max-width: 1600px) {
  .header-left .hamburger-nav__list {
    gap: 2rem;
  }
  .header-contents {
    padding: 0 2.5%;
  }
}
@media screen and (max-width: 767px) {
  .header-left a img {
    width: 130px;
    height: 25px;
  }
}
.header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 1rem;
  padding: 1rem 0;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

@media screen and (max-width: 1600px) {
  .header-right {
    padding: 0.5rem 0;
  }
}
@media screen and (max-width: 1024px) {
  .header-right {
    gap: 0.8rem;
    padding: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .header-right {
    right: 2rem;
    top: 5px;
  }
}
.header-right > .hamburger-nav > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
  font-size: 14px;
  gap: 1rem !important;
}

@media screen and (max-width: 1400px) {
  .header-right > .hamburger-nav > ul {
    gap: 2.5rem;
  }
}
@media screen and (max-width: 1279px) {
  .header-right > .hamburger-nav > ul {
    font-size: 12px;
  }
}
@media screen and (max-width: 1024px) {
  .header-right > .hamburger-nav > ul {
    display: none;
  }
}
.header-right > .hamburger-nav > ul > li > a:hover {
  color: #3D82E5;
}

.header-right > .hamburger-nav > ul .menu-item-has-children {
  position: relative;
  padding-right: 1.5rem;
}

.header-right > .hamburger-nav > ul .menu-item-has-children:before {
  content: "";
  width: 16px;
  background: url(./images/header-arrow.svg) no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 0;
  height: 8px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.header-right > .hamburger-nav > ul .menu-item-has-children:hover .sub-menu {
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
}

.header-right ul.sub-menu {
  display: none;
  list-style: none;
  position: absolute;
  top: 100%;
  width: 160px;
  padding: 22px 0 0;
  text-align: left;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  font-size: 1rem;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 1024px) {
  .header-right ul.sub-menu {
    position: relative;
    background: transparent;
    padding: 0;
    width: 100%;
  }
}
.header-right ul.sub-menu li {
  background-color: #2E2E2E;
  padding: 0.5rem 0;
}

.header-right ul.sub-menu li:not(:last-child) {
  border-bottom: 1px solid #fff;
}

@media screen and (max-width: 1024px) {
  .header-right ul.sub-menu li {
    position: relative;
    margin: 0;
    font-size: 14px;
    padding: 0.4rem 0;
    background-color: #fff;
    border: none;
  }
  .header-right ul.sub-menu li::before {
    content: ">";
    left: 0;
  }
}
.header-right ul.sub-menu li > a {
  color: #fff;
  padding-left: 1rem;
}

@media screen and (max-width: 1024px) {
  .header-right ul.sub-menu li > a {
    color: #2E2E2E;
  }
}
@media screen and (max-width: 1024px) {
  .header-right > .header-btn {
    display: none;
  }
  .header-right > .header-btn:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 !important;
  }
}
.hamburger-menu {
  display: none;
}

@media screen and (max-width: 1024px) {
  .hamburger-menu {
    display: block;
  }
}
.hamburger-menu input {
  display: none;
}

.hamburger-menu .menu-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 45px;
  width: 45px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 30;
  position: relative;
}

@media screen and (max-width: 767px) {
  .hamburger-menu .menu-btn {
    height: 40px;
    width: 40px;
  }
}
.hamburger-menu .menu-btn span,
.hamburger-menu .menu-btn span:before,
.hamburger-menu .menu-btn span:after {
  content: "";
  display: block;
  height: 2px;
  width: 30px;
  background-color: #3D82E5;
  position: absolute;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.hamburger-menu .menu-btn span:before {
  bottom: 8px;
}

.hamburger-menu .menu-btn span:after {
  top: 8px;
}

.hamburger-menu #menu-btn-check:checked ~ .menu-btn span {
  background-color: rgba(255, 255, 255, 0); /*メニューオープン時は真ん中の線を透明にする*/
}

.hamburger-menu #menu-btn-check:checked ~ .menu-btn span::before {
  bottom: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.hamburger-menu #menu-btn-check:checked ~ .menu-btn span::after {
  top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.hamburger-menu .menu-content .logo {
  width: 60%;
  margin: 0 auto;
  max-width: 250px;
}

.hamburger-menu .menu-content .c-arrow-link {
  margin: 1.5rem auto 0;
}

.hamburger-menu .menu-content .hamburger-wrap {
  margin: 0 auto 5rem;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .hamburger-menu .menu-content .hamburger-wrap {
    margin: 0 auto;
  }
}
.hamburger-menu .menu-content ul li a {
  font-size: 18px;
  font-weight: bold;
}

.hamburger-menu .gnavi__sp-style {
  opacity: 0;
  position: fixed;
  z-index: -2;
  top: 4rem;
  background-color: #fff;
  width: 100%;
  height: calc(100vh - 4rem);
  height: calc(100svh - 4rem);
  right: -100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
  overflow: scroll;
}

.hamburger-menu .gnavi__sp-style.active {
  opacity: 1;
  z-index: 999;
  right: 0;
}

.hamburger-menu .gnavi__sp-style.active .hamburger-wrap {
  opacity: 1;
  z-index: 1;
}

.hamburger-menu .menu-item-has-children {
  position: relative;
}

.hamburger-menu .menu-item-has-children label {
  position: relative;
  cursor: pointer;
  font-size: 1rem;
  font-weight: normal;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 20px;
  height: 20px;
}

.hamburger-menu .menu-item-has-children label::before, .hamburger-menu .menu-item-has-children label::after {
  position: absolute;
  content: "";
  width: 15px;
  height: 2px;
  background-color: #333;
  top: 45%;
  right: 10%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.hamburger-menu .menu-item-has-children label::before {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.hamburger-menu .menu-item-has-children label::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.hamburger-menu .menu-item-has-children.close .sub-menu {
  opacity: 1;
}

.hamburger-menu .menu-item-has-children.close label::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.hamburger-menu .menu-item-has-children.close label::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/* .header-right .current-menu-item a {
  color: #3D82E5 !important;
} */
.header-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
}

@media screen and (max-width: 1024px) {
  .header-btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0;
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 1600px) {
  .header-left .hamburger-nav__list {
    gap: 2rem;
  }
  .header-contents {
    padding: 0 2.5%;
  }
}
@media screen and (max-width: 1400px) {
  .header-left a img {
    width: 200px;
  }
}
@media screen and (max-width: 1279px) {
  .header-left a img {
    width: 180px;
  }
}
@media screen and (max-width: 767px) {
  .header-left a img {
    width: 125px;
  }
}
.icon-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  color: #002D90;
  font-size: 14px;
  border: 1px solid;
  border-radius: 4px;
  padding: 2px;
  font-weight: bold;
  width: 100px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.icon-btn:hover {
  color: #fff;
  background: #002D90;
}

.icon-btn:hover svg path {
  fill: #fff;
}

.icon-btn svg path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.icon-btn.blue {
  background: #002D90;
  color: #fff;
}

.icon-btn.blue:hover {
  color: #002D90;
  background: #fff;
}

.icon-btn.blue:hover svg path {
  fill: #002D90;
}

.icon-btn.blue:hover svg > g > path:last-child {
  fill: #fff;
}

.icon-btn svg path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.icon-btn svg {
  width: 18px;
}

.icon-btn.blue svg {
  width: 24px;
}

.new-btn {
  background-color: #1658AB;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  width: 200px;
  font-weight: bold;
  font-size: clamp(1rem, 0.909rem + 0.3vw, 1.25rem);
  padding: 8px;
  border: 2px solid;
}

.new-btn:hover {
  background-color: #fff;
  color: #1658AB;
}

.new-btn.orange {
  background-color: #FF7F00;
}

.new-btn.orange:hover {
  background-color: #fff;
  color: #FF7F00;
}

@media screen and (max-width: 1600px) {
  .header-left-bottom {
    gap: 2rem;
  }
}
@media screen and (max-width: 1279px) {
  .header-btn {
    gap: 0.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .header-left .hamburger-nav, .header-left > p {
    display: none;
  }
  .header-contents {
    padding: 0 2.5%;
  }
  .hamburger-menu .menu-content ul li a {
    display: block;
    padding: 16px 0 16px 24px;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    color: #1266B6;
    font-weight: bold;
  }
  .hamburger-menu .menu-content ul li a::before {
    content: "";
    position: absolute;
    right: 1rem;
    width: 1rem;
    height: 1rem;
    background: url(./images/ham-arrow.png) no-repeat center/contain;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .hamburger-menu .menu-content ul li.menu-item-1590,
  .hamburger-menu .menu-content ul li.menu-item-288 {
    display: none;
  }
  .hamburger-menu .header-btn {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1rem;
    margin-top: 2.5rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .hamburger-menu .new-btn {
    width: 250px;
    padding: 8px;
    font-size: 1.5rem;
  }
  .ham-service {
    padding: 3rem 5%;
    background-color: #E1EFF5;
  }
  .ham-service > a {
    display: block;
    padding: 16px 0 16px 24px;
    position: relative;
    color: #1266B6;
    font-weight: bold;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-right: 3rem;
    margin: 0 auto;
    font-size: 18px;
  }
  .ham-service > a::before {
    content: "";
    position: absolute;
    right: 1rem;
    width: 1rem;
    height: 1rem;
    background: url(./images/ham-arrow.png) no-repeat center/contain;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .ham-service-link {
    max-width: 700px;
    margin: 0 auto;
    width: 80%;
  }
  .header-left {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .header-left-bottom {
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .header-left a img {
    width: 125px;
  }
  .icon-btn svg {
    width: 12px;
  }
  .icon-btn.blue svg {
    width: 16px;
  }
  .icon-btn {
    font-size: 10px;
    padding: 2px;
    width: 70px;
  }
  .hamburger-menu .header-btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1rem;
  }
  .ham-service-link {
    width: 90%;
  }
  .ham-service {
    padding: 0rem 0% 1rem;
  }
  .hamburger-menu .new-btn {
    font-size: 20px;
  }
}
.footer {
  background-color: #FAFAFA;
  padding: 2.5rem 0;
  z-index: 1;
}

.footer .container {
  width: 90%;
  max-width: 1536px;
}

.footer a:hover {
  opacity: 0.7;
}

.footer-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 1279px) {
  .footer-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 2.5rem;
  }
}
.footer-wrap > .footer-ul {
  width: calc(100% - 430px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

@media screen and (max-width: 1600px) {
  .footer-wrap > .footer-ul,
  .footer-nav1 > ul {
    gap: 2.5rem;
  }
}
@media screen and (max-width: 1279px) {
  .footer-wrap > .footer-ul {
    width: 100%;
  }
}
.footer-left {
  width: 400px;
  color: #2E2E2E;
}

@media screen and (max-width: 1400px) {
  .footer-left {
    width: 380px;
  }
}
@media screen and (max-width: 1024px) {
  .footer-left {
    width: 100%;
  }
}
.footer .logo {
  margin-bottom: 2rem;
}

@media screen and (max-width: 767px) {
  .footer .logo {
    margin-bottom: 0.5rem;
  }
}
.footer .logo img {
  max-width: 340px;
}

.footer .logo + p {
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.footer-nav {
  font-weight: 500;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media screen and (max-width: 767px) {
  .footer-nav {
    width: 100%;
  }
}
.footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem 2.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 767px) {
  .footer ul {
    gap: 20px 0;
  }
}
@media screen and (max-width: 767px) {
  .footer ul > li {
    width: 100%;
  }
}
.footer ul > li > a {
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

.footer ul > li > a:hover {
  color: #3D82E5;
}

.footer .copyright {
  margin-top: 1.5rem;
  color: #B4B4B4;
  font-size: 14px;
  padding: 0 10%;
}

.footer-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  margin-top: 2.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 767px) {
  .footer-link {
    gap: 1rem 2rem;
  }
}
.footer-link a {
  border-bottom: 1px solid;
  position: relative;
  color: #707070;
  font-weight: 500;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.footer-link a:hover {
  opacity: 0.7;
}

/* .footer-link a:last-child::before {
  display: none;
}
.footer-link a::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 105%;
  transform: rotate(20deg);
  right: -1.2rem;
  top: 0;
  background-color: #707070;
}
@media screen and (max-width: 767px) {
  .footer-link a::before {
    right: -0.8rem;
  }
} */
.footer-link a:first-child {
  color: #3D82E5;
}

.footer-img {
  margin-top: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2.5rem 10% 0;
  border-top: 1px solid #C6C6C6;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

@media screen and (max-width: 1024px) {
  .footer-img {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.footer-img img {
  max-height: 100px;
  width: auto;
}

@media screen and (max-width: 767px) {
  .footer-img img:first-of-type {
    width: 25%;
  }
}
@media screen and (max-width: 767px) {
  .footer-img img:last-of-type {
    width: calc(75% - 20px);
  }
}
.footer-nav1 {
  width: 65%;
}

.footer-nav1 > ul {
  gap: 5rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.footer-nav > ul > li > a {
  color: #1266B6;
  font-weight: bold;
  font-size: clamp(1.125rem, 1.08rem + 0.15vw, 1.25rem);
}

.footer ul.sub-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2rem 5%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 400px;
  margin-top: 2.5rem;
}

.footer ul.sub-menu li {
  width: 47.5%;
}

.footer-nav2 ul {
  gap: 2rem 2.5rem;
}

@media screen and (max-width: 1600px) {
  .footer-nav1 > ul {
    gap: 2.5rem;
  }
}
@media screen and (max-width: 1400px) {
  .footer ul.sub-menu li {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .footer ul.sub-menu {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 1rem;
    margin-top: 1.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .footer-nav1 > ul, .footer-nav2 ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
  .footer-img {
    padding: 1rem 5% 0;
    margin-top: 3.5rem;
  }
  .footer {
    padding: 2rem 0 1.5rem;
  }
  .footer .copyright {
    padding: 0 5%;
  }
}
@media screen and (max-width: 767px) {
  .new-cta-btn a {
    width: 100%;
  }
  .footer .copyright {
    padding: 0 5%;
  }
  .footer {
    padding: 2rem 0 1.5rem;
  }
  .footer-img {
    padding: 1rem 5% 0;
    margin-top: 3.5rem;
  }
  .footer-wrap > .footer-ul, .footer-nav1 > ul {
    gap: 5%;
  }
  .footer-nav1 > ul,
  .footer-nav2 ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
  .footer-nav1,
  .footer-nav {
    width: 47.5%;
  }
  .footer-link {
    margin-top: 2rem;
  }
}
.section-title {
  font-size: clamp(1.5rem, 0.682rem + 2.73vw, 3.75rem);
  line-height: 1;
  margin-bottom: 1rem;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .section-title {
    position: initial;
  }
}
.section-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
  text-orientation: mixed;
  font-size: clamp(3rem, 1.364rem + 5.45vw, 7.5rem);
  color: #CDCDCD;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  z-index: -1;
  font-weight: 400;
}
.section-title.not404:before {
  content: "404";
}
.section-title.policy-title {
  font-family: "Zen Kaku Gothic New", sans-serif;
}
.section-title.policy-title:before {
  content: "Policy";
}
.section-title.contact-title:before {
  content: "contact";
}
.section-title.news-section-title:before {
  content: "news";
}
.section-title.shop-title:before {
  content: "shop";
}
.section-title.outsourcing-title:before {
  content: "Sales consignment";
  z-index: 5;
}
@media screen and (max-width: 767px) {
  .section-title {
    margin-bottom: 4px;
  }
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  line-height: 1.5;
}

.btn {
  display: block;
  text-align: center;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  text-decoration: none;
  background-color: #fff;
  color: #209FFC;
  border: 3px solid #219FFC;
  font-size: 1rem;
  padding: 1rem 3rem;
  border-radius: 999vh;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
  font-weight: bold;
}

.btn:hover {
  background-color: #219FFC;
  color: #fff;
}

.float-button__wrap {
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;
  position: fixed;
  bottom: 1rem;
  z-index: 10;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

@media screen and (min-width: 1280px) {
  .float-button__wrap {
    display: none !important;
  }
}
.float-button__wrap a {
  display: block;
  text-align: center;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  text-decoration: none;
  background-color: #fff;
  color: #209FFC;
  border: 1px solid #209FFC;
  font-size: 1rem;
  padding: 1rem 3rem;
  border-radius: 999vh;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
  font-weight: bold;
}

.float-button__wrap.UpMove {
  -webkit-animation: UpAnime 0.5s forwards;
          animation: UpAnime 0.5s forwards;
}

.float-button__wrap.DownMove {
  -webkit-animation: DownAnime 0.5s forwards;
          animation: DownAnime 0.5s forwards;
}

/*お知らせ一覧ページ*/
.news {
  margin: 5rem 0 0rem;
}

@media screen and (max-width: 767px) {
  .news {
    margin: 2.5rem 0 0rem;
  }
}
.news .container {
  max-width: 1345px;
  width: 75%;
}

@media screen and (max-width: 1279px) {
  .news .container {
    width: 80%;
  }
}
@media screen and (max-width: 1024px) {
  .news .container {
    width: 90%;
  }
}
.news .item {
  padding: 0 0 1.5rem;
  border-bottom: 5px solid #fff;
}

.news .item:not(:last-child) {
  margin-bottom: 4rem;
}

@media screen and (max-width: 1024px) {
  .news .item:not(:last-child) {
    margin-bottom: 2rem;
  }
}
.news .top-news-list ul.newsList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}

@media screen and (max-width: 767px) {
  .news .top-news-list ul.newsList {
    gap: 0.5rem;
  }
}
.news .top-news-list ul.newsList li:first-child {
  font-size: clamp(0.875rem, 0.739rem + 0.45vw, 1.25rem);
}

.news .top-news-list ul.newsList li:last-child {
  font-size: clamp(1rem, 0.818rem + 0.61vw, 1.5rem);
  word-break: break-all;
}

.news .top-news-list .news-item:hover {
  cursor: pointer;
}

.news-category-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

@media screen and (max-width: 1024px) {
  .news-category-flex {
    gap: 0.5rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.news-right {
  background-color: #E1EFF5;
  padding: 2.5rem 5%;
  max-width: 980px;
  margin: 0 auto 5rem;
}

.news-right-wrap {
  margin-bottom: 2.5rem;
}

.vkfs__label-name {
  display: none;
}

@media screen and (max-width: 767px) {
  .news-right-wrap {
    margin-bottom: 1.5rem;
  }
}
.news-right-wrap a {
  text-align: center;
  font-size: clamp(1rem, 0.955rem + 0.15vw, 1.125rem);
  display: block;
  color: #1266B6;
  background-color: #fff;
  border: 1px solid #3D82E5;
  padding: 8px;
  min-width: 150px;
}
.news-right-wrap a:hover {
  background-color: #3D82E5;
  color: #fff;
}

@media screen and (max-width: 1024px) {
  .news-right-wrap a {
    min-width: 115px;
  }
}
@media screen and (max-width: 767px) {
  .news-right-wrap a {
    min-width: auto;
    padding: 4px 8px;
  }
}
/*詳細ページ*/
.single-news {
  padding: 5rem 0 7.5rem;
  background-color: #E2EEF5;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .single-news {
    padding: 2.5rem 0 5rem;
  }
}
.single-news .blue-btn {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .single-news .blue-btn {
    margin-top: 2.5rem;
  }
}

.single-news .single-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 85%;
  max-width: 1536px;
  margin: 0 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1279px) {
  .single-news .single-contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .single-news .single-contents {
    width: 95%;
  }
}

.single-news .single-left {
  width: 65%;
  background-color: #fff;
  padding: 2.5rem 1.5rem;
}
@media screen and (max-width: 1279px) {
  .single-news .single-left {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .single-news .single-left {
    padding: 2rem 1rem;
  }
}

.single-news .single-left .addtoany_share_save_container .addtoany_content {
  margin-bottom: 3rem;
}

.single-news .single-left .addtoany_share_save_container .addtoany_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}

.single-news .single-left .addtoany_share_save_container a {
  margin: 0 !important;
}

.single-news .single-left .addtoany_share_save_container .addtoany_header {
  font-weight: bold;
  text-align: center;
  position: relative;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  padding: 0 1.5rem;
  margin: 4rem auto 1rem;
  font-size: clamp(1rem, 0.909rem + 0.3vw, 1.25rem);
}

.single-news .single-left .addtoany_share_save_container .addtoany_header::before, .single-news .single-left .addtoany_share_save_container .addtoany_header::after {
  content: "";
  position: absolute;
  top: 49%;
  display: inline-block;
  width: 20px;
  height: 2px;
  background-color: #2E2E2E;
}

.single-news .single-left .addtoany_share_save_container .addtoany_header::before {
  left: -16px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.single-news .single-left .addtoany_share_save_container .addtoany_header::after {
  right: -16px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.single-news .single-right {
  width: 33%;
}
@media screen and (max-width: 1279px) {
  .single-news .single-right {
    width: 400px;
  }
}
@media screen and (max-width: 767px) {
  .single-news .single-right {
    width: 100%;
  }
}

.single-news .single-right.sp-single {
  display: none;
}

.single-right .news-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  padding: 0;
  margin: 0;
}
.single-right .news-top::before {
  display: none;
}
.single-right .news-top a {
  width: 100%;
  border: none !important;
  text-align: left;
  font-size: 18px;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .single-right .news-top a {
    font-size: 1rem;
  }
}
.single-right-cate {
  padding: 1.5rem 1rem;
  background-color: #fff;
  margin-bottom: 20px;
}
.single-right-cate > p {
  margin-bottom: 20px;
}

.single-news .single-right img {
  max-height: 100px;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

@media screen and (max-width: 1024px) {
  .single-news .single-right img {
    max-height: 80px;
  }
}
@media screen and (max-width: 767px) {
  .single-news .single-right img {
    width: 80%;
  }
}
.single-news .article_title {
  font-size: clamp(1.125rem, 0.989rem + 0.45vw, 1.5rem);
  margin: 1rem 0 2.5rem;
  line-height: 1.4;
}

.single-news .category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  .single-news .category {
    gap: 0.5rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.single-news .category > p {
  padding: 2px 8px;
  font-size: 12px;
}

.single-news .category > p.category-school {
  background-color: #F8A212;
  color: #fff;
}

.single-news .category > p.category-sc-bpo {
  background-color: #FFEED3;
  color: #F8A212;
  border: none;
}

.single-news .category > p.category-fo-bpo {
  color: #7E5DC7;
  background-color: #F5F7FF;
  border: none;
}

.single-news .category > p.category-jichitai {
  background-color: #8FCDFA;
  color: #fff;
}

.single-news .category > p.category-found {
  background-color: #A383EB;
  color: #fff;
}

.single-news .category > p.category-all {
  color: #fff;
  background-color: #3D82E5;
}

.single-news .pick-name {
  gap: 1rem;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .single-news .pick-name {
    gap: 0.5rem;
    width: 100%;
  }
}
.single-news .ex_text {
  margin-bottom: 2rem;
}

.single-news .ex_text > p {
  font-size: clamp(1rem, 0.818rem + 0.61vw, 1.5rem);
  font-weight: bold;
  padding: 0.5rem 1.5rem;
  border-radius: 10px;
  margin-bottom: 1rem;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

@media screen and (max-width: 767px) {
  .single-news .ex_text > p {
    padding: 0.25rem 1rem;
    margin-bottom: 0.5rem;
  }
}
.single-news .ex_text div p {
  padding-left: 2rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .single-news .ex_text div p {
    padding-left: 1rem;
  }
}
.single-news .ex_text div p:not(:last-child) {
  margin-bottom: 1rem;
}

.single-news .ex_text div p::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 999vh;
  top: 7px;
  left: 5px;
}

@media screen and (max-width: 1024px) {
  .single-news .ex_text div p::before {
    width: 9px;
    height: 9px;
    top: 8px;
  }
}
@media screen and (max-width: 767px) {
  .single-news .ex_text div p::before {
    width: 6px;
    height: 6px;
    top: 6px;
  }
}
.single-news .content h2 {
  font-size: clamp(1.125rem, 0.989rem + 0.45vw, 1.5rem);
  color: #fff;
  padding: 0.5rem;
  margin: 2rem 0;
}

.single-news .content h3 {
  font-size: clamp(1rem, 0.909rem + 0.3vw, 1.25rem);
  margin: 1.5rem 0;
}

.single-news .content p:not(:last-child) {
  margin-bottom: 1rem;
}

.single-news .content img {
  margin: 2rem 0;
}

.catch {
  margin: 20px 0 40px;
}

.news .top-news-list.single-wrap .category a {
  margin: 0;
  display: inline-block;
  font-size: 12px;
  padding: 2px 8px;
}

.news-tag p,
.news-right .news-category > p {
  margin-bottom: 1rem;
}

.news-tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem 1rem;
}

@media screen and (max-width: 767px) {
  .news-tag-list {
    gap: 0.5rem;
  }
}
.news-tag-list a {
  border: 1px solid #3D82E5;
  border-radius: 20px;
  padding: 4px 1rem;
  font-size: 14px;
  display: block;
  color: #3D82E5;
  background-color: #fff;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .news-tag-list a {
    padding: 4px 1rem;
  }
}
.news-tag-list a:hover {
  background-color: #3D82E5;
  color: #fff;
}

.achievement {
  margin: 10rem 0 2rem;
}

@media screen and (max-width: 767px) {
  .achievement {
    margin-top: 2.5rem;
  }
}
.achievement-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

@media screen and (max-width: 1279px) {
  .achievement-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .achievement-title {
    gap: 1.5rem;
  }
}
.achievement-title::before, .achievement-title::after {
  content: "";
  position: absolute;
  width: 85px;
  aspect-ratio: 85/140;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

@media screen and (max-width: 1400px) {
  .achievement-title::before, .achievement-title::after {
    width: 70px;
  }
}
@media screen and (max-width: 1279px) {
  .achievement-title::before, .achievement-title::after {
    display: none;
  }
}
.achievement-title::before {
  background: url(./images/award1.png) no-repeat center/contain;
  left: -8%;
}

@media screen and (max-width: 1400px) {
  .achievement-title::before {
    left: -7%;
  }
}
.achievement-title::after {
  background: url(./images/award2.png) no-repeat center/contain;
  right: -8%;
}

@media screen and (max-width: 1400px) {
  .achievement-title::after {
    right: -7%;
  }
}
.achievement-left {
  width: 50%;
  text-align: center;
  position: relative;
}

@media screen and (max-width: 1279px) {
  .achievement-left {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    padding: 0 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .achievement-left {
    padding: 0 2rem;
  }
}
.achievement-left::before, .achievement-left::after {
  content: "";
  position: absolute;
  width: 70px;
  aspect-ratio: 85/140;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  display: none;
}

@media screen and (max-width: 1279px) {
  .achievement-left::before, .achievement-left::after {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .achievement-left::before, .achievement-left::after {
    width: 40px;
  }
}
.achievement-left::before {
  background: url(./images/award1.png) no-repeat center/contain;
  left: -10%;
}

@media screen and (max-width: 767px) {
  .achievement-left::before {
    left: -5%;
  }
}
.achievement-left::after {
  background: url(./images/award2.png) no-repeat center/contain;
  right: -10%;
}

@media screen and (max-width: 767px) {
  .achievement-left::after {
    right: -5%;
  }
}
.achievement-left p {
  font-size: clamp(0.625rem, 0.534rem + 0.3vw, 0.875rem);
  position: relative;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  padding: 0 1rem;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .achievement-left p {
    padding: 0;
  }
}
.achievement-left p::before, .achievement-left p::after {
  content: "";
  position: absolute;
  top: 45%;
  display: inline-block;
  width: 20px;
  height: 1px;
  background-color: #2E2E2E;
}

@media screen and (max-width: 767px) {
  .achievement-left p::before, .achievement-left p::after {
    width: 1rem;
  }
}
.achievement-left p::before {
  left: -16px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.achievement-left p::after {
  right: -16px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.achievement-left h2 {
  font-size: clamp(1rem, 0.455rem + 1.82vw, 2.5rem);
  position: relative;
}

.achievement-left h2::before {
  content: "※2024年10月時点";
  position: absolute;
  font-size: 12px;
  color: red;
  top: 10px;
  font-weight: normal;
}

@media screen and (max-width: 1279px) {
  .achievement-left h2::before {
    top: 7px;
    font-size: 10px;
  }
}
@media screen and (max-width: 1024px) {
  .achievement-left h2::before {
    top: 4px;
  }
}
@media screen and (max-width: 767px) {
  .achievement-left h2::before {
    top: 2px;
    font-size: 8px;
  }
}
.achievement-left h2 span {
  font-size: clamp(2rem, 0.909rem + 3.64vw, 5rem);
  color: #FCD20B;
  line-height: 1;
  margin: 0 1rem;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .achievement-left h2 span {
    margin: 0 0.5rem;
  }
}
.achievement-right {
  width: 48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1rem 2rem;
  min-width: 470px;
}

@media screen and (max-width: 1279px) {
  .achievement-right {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    max-width: 500px;
  }
}
@media screen and (max-width: 767px) {
  .achievement-right {
    min-width: auto;
  }
}
.achievement-right p {
  text-align: center;
  font-size: clamp(0.875rem, 0.648rem + 0.76vw, 1.5rem);
  font-weight: bold;
}

.achievement-right p span {
  font-size: clamp(1.875rem, 1.193rem + 2.27vw, 3.75rem);
  color: #FCD20B;
  line-height: 1;
  margin: 0 0.5rem;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .achievement-right p span {
    font-size: 1.5rem;
    margin: 0 0.25rem;
  }
}
.achievement-item {
  position: relative;
}

.achievement-item:nth-child(odd) {
  width: 40%;
}

.achievement-item:nth-child(even) {
  width: 50%;
  max-width: 300px;
}

.achievement-item::before, .achievement-item::after {
  content: "";
  position: absolute;
  width: 30px;
  aspect-ratio: 85/140;
  top: 60%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

@media screen and (max-width: 1400px) {
  .achievement-item::before, .achievement-item::after {
    width: 25px;
  }
}
@media screen and (max-width: 767px) {
  .achievement-item::before, .achievement-item::after {
    width: 20px;
  }
}
.achievement-item::before {
  background: url(./images/award1.png) no-repeat center/contain;
  left: -7%;
}

@media screen and (max-width: 1600px) {
  .achievement-item::before {
    left: -10%;
  }
}
@media screen and (max-width: 767px) {
  .achievement-item::before {
    left: -10%;
  }
}
.achievement-item::after {
  background: url(./images/award2.png) no-repeat center/contain;
  right: -7%;
}

@media screen and (max-width: 1600px) {
  .achievement-item::after {
    right: -10%;
  }
}
@media screen and (max-width: 767px) {
  .achievement-item::after {
    right: -10%;
  }
}
.news-recommend {
  background-color: #1266B6;
  margin-top: 2.5rem;
  position: relative;
  overflow: hidden;
}

.news-recommend:has(.no-recommend) {
  display: none;
}

.news-recommend::before {
  content: "";
  position: absolute;
  width: 100px;
  aspect-ratio: 100/40;
  left: 18%;
  top: 4rem;
  background: url(./images/pickup.png) no-repeat center/contain;
}

@media screen and (max-width: 767px) {
  .news-recommend::before {
    left: 5%;
    top: 2rem;
  }
}
/* 一時停止 */
.pause-btn::after {
  content: ""; /* 疑似要素に必須 */
  width: 12px;
  height: 20px;
  border-width: 0 3px 0 3px; /*線を左右に指定*/
  border-color: transparent #1266B6 transparent #1266B6; /* 左右に線の色を指定 */
  border-style: solid; /* 線の種類を指定 */
  position: absolute; /* 相対位置に指定 */
  top: 50%; /* 上から50%の位置に配置 */
  left: 50%; /* 左から50%の位置に配置 */
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); /* 要素の半分ぶんだけ左上方向に移動。 */
}

/* 再生 */
.pause-btn.playback::after {
  width: 0; /* 幅を0に指定 */
  height: 0; /* 高さを0に指定 */
  border-width: 10px 0 10px 20px; /* 線の幅を指定して三角を作る */
  border-color: transparent transparent transparent #1266B6;
  /* 左のみ線の色を指定 */
}

.news-recommend .slick-slide {
  margin: 0 3rem;
}

@media screen and (max-width: 767px) {
  .news-recommend .slick-slide {
    margin: 0 0.5rem;
  }
}
.news-recommend .slick-slide img {
  height: 100%;
}

.news-recommend .slick-slide img:not(.thumbnail) {
  -o-object-fit: cover;
  object-fit: cover;
}

.news-recommend .slick-slide .thumbnail {
  padding: 10%;
}

.news-recommend .slick-next, .news-recommend .slick-prev {
  width: 4rem;
  height: 4rem;
  z-index: 10;
  top: auto;
  bottom: 1rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.news-recommend .slick-next:hover, .news-recommend .slick-prev:hover {
  opacity: 0.7;
}

.news-recommend .slick-next {
  right: auto;
  left: calc(50% + 6rem);
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
  .news-recommend .slick-next {
    right: 1%;
  }
}
.news-recommend .slick-prev {
  left: calc(50% - 6rem);
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.news-recommend .slider {
  padding: 7.5rem 0;
}
@media screen and (max-width: 767px) {
  .news-recommend .slider {
    padding: 5rem 0 7.5rem;
  }
}

.news-recommend .slick-list {
  overflow: visible;
}

.play_button_wrap {
  position: absolute;
  z-index: 10;
  bottom: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.pause-btn {
  width: 55px; /* 幅を指定 */
  height: 55px; /* 高さを指定 */
  background-color: #fff; /* 背景色を指定 */
  border-radius: 50%; /* 角を丸くする */
  position: relative; /* 基準位置とする */
  cursor: pointer; /* マウスカーソルを指の形にする */
  border: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.pause-btn:hover {
  opacity: 0.7;
}

.news-recommend .slick-next:before,
.news-recommend .slick-prev:before {
  opacity: 1;
  font-size: clamp(2rem, 0.909rem + 3.64vw, 5rem);
  color: transparent;
  width: 100%;
  display: block;
  height: 100%;
}

.news-recommend .slick-next:before {
  background: url(./images/slider-1.png) no-repeat center/contain;
}

.news-recommend .slick-prev:before {
  background: url(./images/slider-2.png) no-repeat center/contain;
}

.news-recommend .filter-results-item {
  padding: 0;
}

@media screen and (max-width: 1024px) {
  .news-recommend .filter-results-item img {
    aspect-ratio: 500/256;
  }
}
@media screen and (max-width: 767px) {
  .news-recommend .filter-results-item img {
    aspect-ratio: 387/256;
  }
}
.news-recommend .filter-results-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media screen and (max-width: 1024px) {
  .news-recommend .filter-results-item a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.news-recommend h2 {
  font-size: clamp(1rem, 0.909rem + 0.3vw, 1.25rem);
  margin-bottom: 8px;
}

.news-recommend .news-img {
  background-color: #fff;
  width: 50%;
}

@media screen and (max-width: 1024px) {
  .news-recommend .news-img {
    width: 100%;
  }
}
.news-recommend .news-text {
  width: 50%;
  padding: 2rem 3%;
}

.news-recommend .news-text p:last-child {
  font-size: 14px;
}

@media screen and (max-width: 1024px) {
  .news-recommend .news-text {
    width: 100%;
    border-radius: 0 0 10px 10px;
  }
}
@media screen and (max-width: 767px) {
  .news-recommend .news-text {
    padding: 1rem 3% 2rem;
  }
}
.news-recommend .filter-results-head p:first-child {
  font-size: 12px;
  padding: 4px 8px;
}

@media screen and (max-width: 767px) {
  .news-recommend .filter-results-head p:first-child {
    padding: 6px 1rem;
  }
}
.news-recommend .top-blog-head {
  margin-bottom: 1rem;
}

.news-recommend .top-blog-head .filter-results-head {
  margin: 0;
}

.news-recommend .filter-results-foot {
  margin-bottom: 2rem;
}
.news-recommend .filter-results-foot + p {
  font-size: 14px;
}

.webinar-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0.5rem 0;
}
.webinar-box p:first-child {
  font-weight: bold;
  width: 40px;
}
.webinar-box p:nth-child(2) {
  width: calc(100% - 50px);
}

.news-recommend .slick-list {
  padding: 2rem 0;
}

.news-recommend .filter-results-head {
  margin-bottom: 8px;
}

.event-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2.5rem;
  margin: 50px auto 0px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.event-btn + #example {
  padding-top: 0;
}

@media screen and (max-width: 1024px) {
  .event-btn {
    gap: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .event-btn {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1rem;
    margin: 2.5rem auto 0px;
  }
}
.event-btn a {
  text-align: center;
  border: 1px solid #1266B6;
  background-color: #1266B6;
  width: 260px;
  color: #fff;
  padding: 1.5rem 1rem;
  font-size: clamp(1rem, 0.909rem + 0.3vw, 1.25rem);
  border-radius: 999vh;
  font-weight: bold;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);
  margin: 0;
}

@media screen and (max-width: 1600px) {
  .event-btn a {
    width: 300px;
  }
}
@media screen and (max-width: 1024px) {
  .event-btn a {
    width: 250px;
    padding: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .event-btn a {
    padding: 0.8rem 1rem;
    width: 150px;
  }
}
.event-btn a:hover {
  background-color: #fff;
  color: #1266B6;
}

.pick-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 3%;
  margin: 1rem 0 2.5rem;
  font-size: clamp(0.875rem, 0.739rem + 0.45vw, 1.25rem);
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .pick-name {
    margin: 0.5rem 0 2.5rem;
  }
}
.news-top {
  margin-bottom: 4rem;
  padding-bottom: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.news-top::before {
  content: "";
  position: absolute;
  width: 120%;
  height: 1px;
  bottom: 0;
  left: -10%;
  background-color: #E3E3E3;
}

@media screen and (max-width: 767px) {
  .news-top {
    margin-bottom: 2.5rem;
  }
}
.news-top a {
  width: 20%;
  padding: 12px 2px 10px;
  text-align: center;
  color: #1266B6;
  font-weight: bold;
  font-size: clamp(1rem, 0.864rem + 0.45vw, 1.375rem);
  border: 1px solid #1266B6;
  border-bottom: 2px solid #1266B6;
  border-left: none;
  position: relative;
}
.news-top a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 8px;
  top: 0;
  left: 0;
  background-color: #1266B6;
  opacity: 0;
}
.news-top a:first-child {
  border-left: 1px solid #1266B6;
}

@media screen and (max-width: 767px) {
  .news-top a {
    padding: 4px;
  }
}
.news-top a:hover {
  opacity: 0.7;
}

.blog .news-top a:first-child::before {
  opacity: 1;
}

.category .news-top a.current-category::before {
  opacity: 1;
}

.single-post .thanks {
  text-align: left;
}

.single-post .thanks p {
  font-size: 1rem;
}

@media screen and (max-width: 767px) {
  .single-post .thanks {
    padding: 2.5rem 3%;
  }
  .single-post .thanks p {
    font-size: 12px;
  }
}
.single-post .thanks h2 {
  color: #2E2E2E;
}

.single-post .thanks h2.article_title {
  margin-bottom: 2.5rem;
}

@media screen and (max-width: 767px) {
  .single-post .thanks h2.article_title {
    margin-bottom: 1.5rem;
  }
}
.single-post .thanks .catch img {
  max-width: none;
}

.single-post .category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  font-weight: bold;
  margin-bottom: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .single-post .category {
    gap: 1rem;
  }
}
.single-post .category p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}

.single-post .category a {
  color: #fff;
  background-color: #1266B6;
}

section.whitepaper .filter-results-item {
  -webkit-box-shadow: none;
          box-shadow: none;
}

section.whitepaper .filter-results-item .news-img {
  border-radius: 0;
}

section.whitepaper .filter-results-item img {
  aspect-ratio: 1200/630;
}

section.whitepaper .filter-results-item img:not(.thumbnail) {
  -o-object-fit: contain;
  object-fit: contain;
}

section.whitepaper .news-text {
  padding: 1rem 0;
}

.filter-results-item .blue-btn {
  margin-top: 0;
  padding: 10px 3.5rem;
  font-size: clamp(1rem, 0.955rem + 0.15vw, 1.125rem);
}

.search-results #example {
  padding-top: 0;
}

.search-results .news-right {
  margin-top: 5rem;
}

.news-pickup.news-recommend {
  background-color: #E1EFF5;
}
.news-pickup.news-recommend::before {
  background: url(./images/news-pickup.png) no-repeat center/contain;
}

.news-pickup.news-recommend .filter-results-item a {
  padding: 1rem;
  background-color: #fff;
  border-top: 6px solid #1266B6;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.news-pickup.news-recommend .filter-results-item a .news-img {
  width: 30%;
}
.news-pickup.news-recommend .filter-results-item a .news-text {
  width: 65%;
}
.news-pickup.news-recommend .filter-results-item a .news-text-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.news-pickup.news-recommend .filter-results-item a .news-text-top .news-text-top-cate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.news-pickup.news-recommend .filter-results-item a .news-text-top .news-text-top-cate p {
  font-size: 12px;
  color: #fff;
  background-color: #1266B6;
  padding: 2px 8px;
}

.news-index .container {
  max-width: 1120px;
}

.news-index .top-news-list > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2.5rem;
}
.news-index .top-news-list > a:hover .news-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.news-index .top-news-list > a .news-img {
  width: 27%;
  overflow: hidden;
}
.news-index .top-news-list > a .news-img img {
  aspect-ratio: 16/9;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.news-index .top-news-list > a .news-text {
  width: 68%;
  padding: 0;
}
.news-index .top-news-list > a .news-text-top p {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.news-index .top-news-list > a .news-text-top .news-text-top-cate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin: 8px 0;
}
.news-index .top-news-list > a .news-text-top .news-text-top-cate p {
  font-size: 14px;
  color: #fff;
  background-color: #1266B6;
  padding: 2px 8px;
}
.news-index .top-news-list > a h3 {
  font-size: clamp(1rem, 0.909rem + 0.3vw, 1.25rem);
  padding-bottom: 1rem;
  border-bottom: 1px solid #393939;
}

.latest-news {
  padding: 1.5rem 1rem;
  background-color: #fff;
}
.latest-news > p {
  margin-bottom: 20px;
}
.latest-news .filter-results {
  display: block;
  margin: 0;
  width: 100%;
}
.latest-news .news-text {
  padding: 0;
}
.latest-news .filter-results-item {
  padding: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #DAE1E4;
}
.latest-news .filter-results-item:not(:last-child) {
  margin-bottom: 1rem;
}
.latest-news .news-text-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.latest-news .news-text-top-cate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin: 8px 0;
}
.latest-news .news-text-top-cate p {
  font-size: 12px;
  color: #fff;
  background-color: #1266B6;
  padding: 2px 8px;
}
.latest-news a:hover {
  opacity: 0.7;
}
.latest-news .latest-title {
  font-size: clamp(0.875rem, 0.784rem + 0.3vw, 1.125rem);
  font-weight: bold;
}
.latest-news .top-blog-head {
  margin-bottom: 8px;
}
.latest-news .filter-results-foot {
  margin-top: 1rem;
}

.single-right .news-tag {
  padding: 1.5rem 1rem;
  background-color: #fff;
  margin-bottom: 20px;
}

.single-right-search {
  padding: 1.5rem 1rem;
  background-color: #fff;
  margin-bottom: 20px;
}
.single-right-search > p {
  margin-bottom: 20px;
}
.single-right-search .vkfs {
  margin: 0 !important;
}
.single-right-search .vkfs input[type=text] {
  padding: 1rem;
}
.single-right-search .vkfs .btn[type=submit] {
  width: 5rem;
  padding: 1rem 0;
}
.single-right-search .vkfs__labels {
  width: calc(100% - 5rem);
}

.single-use .single-news .article_title {
  margin-bottom: 0.5rem;
}
.single-use .single-left .filter-results-foot {
  margin-bottom: 1.5rem;
}

.example-category-ex-foundation .content h2, .use-category-use-foundation .content h2, .whitepaper-category-dl-foundation .content h2, .archive-category-archive-foundation .content h2, .conference-category-conference-foundation .content h2, .webinar-category-webinar-foundation .content h2 {
  background-color: #A383EB;
}

.example-category-ex-common .content h2, .use-category-use-common .content h2, .whitepaper-category-dl-common .content h2 {
  background-color: #3D82E5;
}

.example-category-ex-school .content h2, .use-category-use-school .content h2, .whitepaper-category-dl-school .content h2, .archive-category-archive-school .content h2, .conference-category-conference-school .content h2, .webinar-category-webinar-school .content h2 {
  background-color: #F7C674;
}

.example-category-ex-municipality .content h2, .use-category-use-municipality .content h2, .whitepaper-category-dl-municipality .content h2, .archive-category-archive-municipality .content h2, .conference-category-conference-municipality .content h2, .webinar-category-webinar-municipality .content h2 {
  background-color: #8FCDFA;
}

.single-archive .single-news .single-left,
.single-whitepaper .single-news .single-left,
.single-webinar .single-news .single-left,
.single-conference .single-news .single-left {
  width: 100%;
}
.single-archive .single-hubspot,
.single-whitepaper .single-hubspot,
.single-webinar .single-hubspot,
.single-conference .single-hubspot {
  margin-top: 2.5rem;
}
.single-archive .catch img,
.single-whitepaper .catch img,
.single-webinar .catch img,
.single-conference .catch img {
  max-width: 1080px;
  margin: 0 auto;
}

.example-category-ex-school .table_design03 td:first-child,
.use-category-use-school .table_design03 td:first-child,
.whitepaper-category-dl-school .table_design03 td:first-child,
.archive-category-archive-school .table_design03 td:first-child,
.conference-category-conference-school .table_design03 td:first-child,
.webinar-category-webinar-school .table_design03 td:first-child {
  color: #F7C674;
}

.example-category-ex-school .ex_text > p,
.use-category-use-school .ex_text > p,
.whitepaper-category-dl-school .ex_text > p,
.archive-category-archive-school .ex_text > p,
.conference-category-conference-school .ex_text > p,
.webinar-category-webinar-school .ex_text > p {
  color: #fff;
  background-color: #F7C674;
}

.example-category-ex-school .ex_text div p::before,
.use-category-use-school .ex_text div p::before,
.whitepaper-category-dl-school .ex_text div p::before,
.archive-category-archive-school .ex_text div p::before,
.conference-category-conference-school .ex_text div p::before,
.webinar-category-webinar-school .ex_text div p::before {
  background-color: #F7C674;
}

.example-category-ex-school .content h2,
.use-category-use-school .content h2,
.whitepaper-category-dl-school .content h2,
.archive-category-archive-school .content h2,
.conference-category-conference-school .content h2,
.webinar-category-webinar-school .content h2 {
  background-color: #F7C674;
}

.example-category-ex-school .content h3,
.use-category-use-school .content h3,
.whitepaper-category-dl-school .content h3,
.archive-category-archive-school .content h3,
.conference-category-conference-school .content h3,
.webinar-category-webinar-school .content h3 {
  color: #F7C674;
}

.example-category-ex-foundation .table_design03 td:first-child,
.use-category-use-foundation .table_design03 td:first-child,
.whitepaper-category-dl-foundation .table_design03 td:first-child,
.archive-category-archive-foundation .table_design03 td:first-child,
.conference-category-conference-foundation .table_design03 td:first-child,
.webinar-category-webinar-foundation .table_design03 td:first-child {
  color: #A383EB;
}

.example-category-ex-foundation .ex_text > p,
.use-category-use-foundation .ex_text > p,
.whitepaper-category-dl-foundation .ex_text > p,
.archive-category-archive-foundation .ex_text > p,
.conference-category-conference-foundation .ex_text > p,
.webinar-category-webinar-foundation .ex_text > p {
  color: #fff;
  background-color: #A383EB;
}

.example-category-ex-foundation .ex_text div p::before,
.use-category-use-foundation .ex_text div p::before,
.whitepaper-category-dl-foundation .ex_text div p::before,
.archive-category-archive-foundation .ex_text div p::before,
.conference-category-conference-foundation .ex_text div p::before,
.webinar-category-webinar-foundation .ex_text div p::before {
  background-color: #A383EB;
}

.example-category-ex-foundation .content h2,
.use-category-use-foundation .content h2,
.whitepaper-category-dl-foundation .content h2,
.archive-category-archive-foundation .content h2,
.conference-category-conference-foundation .content h2,
.webinar-category-webinar-foundation .content h2 {
  background-color: #A383EB;
}

.example-category-ex-foundation .content h3,
.use-category-use-foundation .content h3,
.whitepaper-category-dl-foundation .content h3,
.archive-category-archive-foundation .content h3,
.conference-category-conference-foundation .content h3,
.webinar-category-webinar-foundation .content h3 {
  color: #A383EB;
}

.example-category-ex-municipality .table_design03 td:first-child,
.use-category-use-municipality .table_design03 td:first-child,
.whitepaper-category-dl-municipality .table_design03 td:first-child,
.archive-category-archive-municipality .table_design03 td:first-child,
.conference-category-conference-municipality .table_design03 td:first-child,
.webinar-category-webinar-municipality .table_design03 td:first-child {
  color: #209FFC;
}

.example-category-ex-municipality .ex_text > p,
.use-category-use-municipality .ex_text > p,
.whitepaper-category-dl-municipality .ex_text > p,
.archive-category-archive-municipality .ex_text > p,
.conference-category-conference-municipality .ex_text > p,
.webinar-category-webinar-municipality .ex_text > p {
  color: #209FFC;
  background-color: #E5F7FF;
}

.example-category-ex-municipality .ex_text div p::before,
.use-category-use-municipality .ex_text div p::before,
.whitepaper-category-dl-municipality .ex_text div p::before,
.archive-category-archive-municipality .ex_text div p::before,
.conference-category-conference-municipality .ex_text div p::before,
.webinar-category-webinar-municipality .ex_text div p::before {
  background-color: #209FFC;
}

.example-category-ex-municipality .content h2,
.use-category-use-municipality .content h2,
.whitepaper-category-dl-municipality .content h2,
.archive-category-archive-municipality .content h2,
.conference-category-conference-municipality .content h2,
.webinar-category-webinar-municipality .content h2 {
  background-color: #209FFC;
}

.example-category-ex-municipality .content h3,
.use-category-use-municipality .content h3,
.whitepaper-category-dl-municipality .content h3,
.archive-category-archive-municipality .content h3,
.conference-category-conference-municipality .content h3,
.webinar-category-webinar-municipality .content h3 {
  color: #209FFC;
}

.example-category-ex-school-bpo .table_design03 td:first-child,
.use-category-use-school-bpo .table_design03 td:first-child {
  color: #F8A212;
}

.example-category-ex-school-bpo .ex_text > p,
.use-category-use-school-bpo .ex_text > p {
  background-color: #FFEED3;
  color: #F8A212;
}

.example-category-ex-school-bpo .ex_text div p::before,
.use-category-use-school-bpo .ex_text div p::before {
  background-color: #F8A212;
}

.example-category-ex-school-bpo .content h2,
.use-category-use-school-bpo .content h2 {
  background-color: #F8A212;
}

.example-category-ex-school-bpo .content h3,
.use-category-use-school-bpo .content h3 {
  color: #F8A212;
}

.example-category-ex-foundation-bpo .table_design03 td:first-child,
.use-category-use-foundation-bpo .table_design03 td:first-child {
  color: #7E5DC7;
}

.example-category-ex-foundation-bpo .ex_text > p,
.use-category-use-foundation-bpo .ex_text > p {
  color: #7E5DC7;
  background-color: #F5F7FF;
}

.example-category-ex-foundation-bpo .ex_text div p::before,
.use-category-use-foundation-bpo .ex_text div p::before {
  background-color: #7E5DC7;
}

.example-category-ex-foundation-bpo .content h2,
.use-category-use-foundation-bpo .content h2 {
  background-color: #7E5DC7;
}

.example-category-ex-foundation-bpo .content h3,
.use-category-use-foundation-bpo .content h3 {
  color: #7E5DC7;
}

.example-category-ex-common .table_design03 td:first-child,
.use-category-use-common .table_design03 td:first-child,
.whitepaper-category-dl-common .table_design03 td:first-child {
  color: #3D82E5;
}

.example-category-ex-common .ex_text > p,
.use-category-use-common .ex_text > p,
.whitepaper-category-dl-common .ex_text > p {
  background-color: #F4F4F4;
  color: #3D82E5;
}

.example-category-ex-common .ex_text div p::before,
.use-category-use-common .ex_text div p::before,
.whitepaper-category-dl-common .ex_text div p::before {
  background-color: #3D82E5;
}

.example-category-ex-common .content h2,
.use-category-use-common .content h2,
.whitepaper-category-dl-common .content h2 {
  background-color: #3D82E5;
}

.example-category-ex-common .content h3,
.use-category-use-common .content h3,
.whitepaper-category-dl-common .content h3 {
  color: #2E2E2E;
}

.single-example .pick-name {
  font-size: 14px;
  gap: 8px;
}
.single-example .pick-name p:first-child {
  color: #000 !important;
  font-size: 14px !important;
}
.single-example .latest-title {
  margin: 8px 0;
}
.single-example .filter-results-foot {
  gap: 8px;
}

.talk-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #FFFAD3;
  border: 3px solid #F8A213;
  color: #F8A213;
  border-radius: 999vh;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: clamp(1rem, 0.818rem + 0.61vw, 1.5rem);
  font-weight: bold;
  width: 560px;
  height: 160px;
  margin: 2rem auto 0 !important;
}

@media screen and (max-width: 1600px) {
  .talk-btn {
    width: 400px;
    height: 120px;
  }
}
@media screen and (max-width: 767px) {
  .talk-btn {
    width: 310px;
    height: 90px;
  }
}
.talk-btn p {
  margin: 0 20px 0 0 !important;
}

@media screen and (max-width: 1600px) {
  .talk-btn p {
    margin: 0 10px 0 0 !important;
  }
}
.talk-btn svg {
  width: 40px;
  height: 28px;
}

@media screen and (max-width: 767px) {
  .talk-btn svg {
    width: 28px;
  }
}
.talk-btn svg path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.talk-btn .gaxi {
  width: 180px;
  aspect-ratio: 1/1;
  margin: 0 0 1rem !important;
}

@media screen and (max-width: 1600px) {
  .talk-btn .gaxi {
    width: 140px;
  }
}
@media screen and (max-width: 767px) {
  .talk-btn .gaxi {
    margin: 0 0 0.5rem !important;
    width: 101px;
  }
}
.example-category-ex-school .talk-btn,
.use-category-use-school .talk-btn,
.whitepaper-category-dl-school .talk-btn,
.archive-category-archive-school .talk-btn,
.conference-category-conference-school .talk-btn,
.webinar-category-webinar-school .talk-btn {
  background-color: transparent;
  border: 3px solid #F8A213;
  color: #F8A213;
}

.example-category-ex-school .talk-btn svg path,
.use-category-use-school .talk-btn svg path,
.whitepaper-category-dl-school .talk-btn svg path,
.archive-category-archive-school .talk-btn svg path,
.conference-category-conference-school .talk-btn svg path,
.webinar-category-webinar-school .talk-btn svg path {
  fill: #F8A213;
}

.example-category-ex-school .talk-btn:hover,
.use-category-use-school .talk-btn:hover,
.whitepaper-category-dl-school .talk-btn:hover,
.archive-category-archive-school .talk-btn:hover,
.conference-category-conference-school .talk-btn:hover,
.webinar-category-webinar-school .talk-btn:hover {
  background-color: #FFFAD3;
}

.example-category-ex-foundation .talk-btn,
.use-category-use-foundation .talk-btn,
.whitepaper-category-dl-foundation .talk-btn,
.archive-category-archive-foundation .talk-btn,
.conference-category-conference-foundation .talk-btn,
.webinar-category-webinar-foundation .talk-btn {
  background-color: transparent;
  border: 3px solid #A383EB;
  color: #A383EB;
}

.example-category-ex-foundation .talk-btn svg path,
.use-category-use-foundation .talk-btn svg path,
.whitepaper-category-dl-foundation .talk-btn svg path,
.archive-category-archive-foundation .talk-btn svg path,
.conference-category-conference-foundation .talk-btn svg path,
.webinar-category-webinar-foundation .talk-btn svg path {
  fill: #A383EB;
}

.example-category-ex-foundation .talk-btn:hover,
.use-category-use-foundation .talk-btn:hover,
.whitepaper-category-dl-foundation .talk-btn:hover,
.archive-category-archive-foundation .talk-btn:hover,
.conference-category-conference-foundation .talk-btn:hover,
.webinar-category-webinar-foundation .talk-btn:hover {
  background-color: #F5F7FF;
}

.example-category-ex-municipality .talk-btn,
.use-category-use-municipality .talk-btn,
.whitepaper-category-dl-municipality .talk-btn,
.archive-category-archive-municipality .talk-btn,
.conference-category-conference-municipality .talk-btn,
.webinar-category-webinar-municipality .talk-btn {
  background-color: transparent;
  border: 3px solid #209FFC;
  color: #209FFC;
}

.example-category-ex-municipality .talk-btn svg path,
.use-category-use-municipality .talk-btn svg path,
.whitepaper-category-dl-municipality .talk-btn svg path,
.archive-category-archive-municipality .talk-btn svg path,
.conference-category-conference-municipality .talk-btn svg path,
.webinar-category-webinar-municipality .talk-btn svg path {
  fill: #209FFC;
}

.example-category-ex-municipality .talk-btn:hover,
.use-category-use-municipality .talk-btn:hover,
.whitepaper-category-dl-municipality .talk-btn:hover,
.archive-category-archive-municipality .talk-btn:hover,
.conference-category-conference-municipality .talk-btn:hover,
.webinar-category-webinar-municipality .talk-btn:hover {
  background-color: #DFF1FD;
}

.example-category-ex-school-bpo .talk-btn,
.use-category-use-school-bpo .talk-btn {
  background-color: transparent;
  border: 3px solid #F8A213;
  color: #F8A213;
}

.example-category-ex-school-bpo .talk-btn svg path,
.use-category-use-school-bpo .talk-btn svg path {
  fill: #F8A213;
}

.example-category-ex-school-bpo .talk-btn:hover,
.use-category-use-school-bpo .talk-btn:hover {
  background-color: #FFFAD3;
}

.example-category-ex-foundation-bpo .talk-btn,
.use-category-use-foundation-bpo .talk-btn {
  background-color: transparent;
  border: 3px solid #A383EB;
  color: #A383EB;
}

.example-category-ex-foundation-bpo .talk-btn svg path,
.use-category-use-foundation-bpo .talk-btn svg path {
  fill: #A383EB;
}

.example-category-ex-foundation-bpo .talk-btn:hover,
.use-category-use-foundation-bpo .talk-btn:hover {
  background-color: #F5F7FF;
}

.example-category-ex-common .talk-btn,
.use-category-use-common .talk-btn,
.whitepaper-category-dl-common .talk-btn {
  background-color: transparent;
  border: 3px solid #3D82E5;
  color: #3D82E5;
}

.example-category-ex-common .talk-btn svg path,
.use-category-use-common .talk-btn svg path,
.whitepaper-category-dl-common .talk-btn svg path {
  fill: #3D82E5;
}

.example-category-ex-common .talk-btn:hover,
.use-category-use-common .talk-btn:hover,
.whitepaper-category-dl-common .talk-btn:hover {
  background-color: #FFFAD3;
}

.others-post {
  padding: 2.5rem 0 5rem;
}

/*404*/
.not-found {
  text-align: center;
  position: relative;
}

.not-found img {
  width: 60%;
  max-width: 460px;
  margin: 4rem auto;
}

@media screen and (max-width: 767px) {
  .not-found img {
    width: 70%;
    margin: 2rem auto;
  }
}
.not-found p {
  font-size: clamp(0.875rem, 0.784rem + 0.3vw, 1.125rem);
  margin-bottom: 4rem;
}

.policy-title {
  text-align: center;
  color: #fff;
  font-size: clamp(1.5rem, 0.818rem + 2.27vw, 3.375rem);
  padding-top: 10rem;
}

@media screen and (max-width: 1024px) {
  .policy-title {
    padding-top: 8rem;
  }
}
.sec-policy {
  margin: 3rem auto 7.5rem;
  background-color: #fff;
  padding: 5rem 5%;
  border-radius: 20px;
}

@media screen and (max-width: 767px) {
  .sec-policy {
    border-radius: 0px;
    padding: 2.5rem 5%;
    width: 100%;
  }
}
.policy {
  margin-bottom: 3rem;
}

@media screen and (max-width: 767px) {
  .policy {
    margin-bottom: 1.5rem;
  }
}
.policy h3 {
  margin-bottom: 1.5rem;
  color: #fff;
  padding: 1rem 2.5rem;
  background-color: #3D82E5;
  font-size: clamp(0.875rem, 0.739rem + 0.45vw, 1.25rem);
}

@media screen and (max-width: 767px) {
  .policy h3 {
    margin-bottom: 1rem;
    padding: 0.7rem 20px;
  }
}
.policy p {
  line-height: 2;
}

.policy p:not(:last-child) {
  margin-bottom: 1rem;
}

.policy p span {
  display: inline-block;
}

.policy ul:not(.second-list) li {
  list-style: inside;
  padding-left: 1rem;
  margin-bottom: 0.5rem;
  line-height: 2;
}

.policy ol {
  padding-left: 1rem;
}

.policy ol > li {
  list-style: auto;
  margin-bottom: 0.5rem;
  line-height: 2;
}

.policy ol > li p {
  margin: 1rem 0;
}

.policy .second-list li {
  list-style: lower-roman;
  margin-bottom: 0.5rem;
  line-height: 2;
}

/*contact*/
.contact {
  background-color: #1266B6;
  padding: 7.5rem 0;
}
.contact-wrap {
  width: 80%;
  margin: 0 auto;
  max-width: 1180px;
  background-color: #fff;
  padding: 4rem 5% 5rem;
  border-radius: 10px;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.47);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.47);
}
@media screen and (max-width: 767px) {
  .contact-wrap {
    width: 100%;
    border-radius: 0;
  }
}
.contact-wrap .title {
  margin-bottom: 2rem;
}
.contact-wrap > p {
  text-align: center;
  font-weight: bold;
  margin-bottom: 1rem;
}
.contact-wrap > p span {
  color: #ff0000;
}
.contact-wrap > p.p-attention {
  color: red;
  margin-bottom: 4rem;
}
.contact-wrap > p.p-attention a {
  color: blue;
  text-decoration: underline;
}

/*contact-confirm*/
.contact-confirm form > div:not(.submit-btn) p:last-child {
  color: #2E2E2E;
  padding: 20px 1rem;
}

@media screen and (max-width: 767px) {
  .contact-confirm form > div:not(.submit-btn) p:last-child {
    padding: 10px 1rem;
  }
}
.contact-confirm .submit-wrap {
  margin: 0;
}

.contact-confirm .submit-wrap:has(input[type=button])::before {
  display: none;
}

.contact-confirm .submit-wrap input[type=button] {
  font-size: clamp(0.875rem, 0.739rem + 0.45vw, 1.25rem);
  padding: 1.3rem 0;
  color: #B4B3B3;
}

.contact-confirm .submit-wrap input[type=button]:hover {
  color: #fff;
  background-color: #B4B3B3;
  border-radius: 100vh;
}

.contact-confirm .submit-wrap:has(input[type=button])::after {
  left: 100%;
  width: 100%;
}

.contact-confirm .submit-wrap:has(input[type=button]):hover::after {
  left: 0;
}

.contact-confirm .submit-btn {
  margin-top: 5rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .contact-confirm .submit-btn {
    gap: 2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.contact-confirm .submit-btn p {
  width: 100% !important;
}

/*contact-thanks*/
.page-id-133 {
  background: -webkit-gradient(linear, left top, right top, from(#6DC3FD), to(#D3ECFD));
  background: linear-gradient(to right, #6DC3FD, #D3ECFD);
}

.thanks {
  text-align: center;
  margin: 3rem auto 7.5rem;
  background-color: #fff;
  padding: 3rem 5%;
  border-radius: 20px;
}

@media screen and (max-width: 767px) {
  .thanks {
    padding: 2.5rem 3%;
    width: 100%;
    border-radius: 0px;
  }
}
.thanks h2 {
  color: #209FFC;
  margin-bottom: 10px;
}

.thanks h2 span {
  display: inline-block;
}

.thanks p {
  font-size: clamp(0.875rem, 0.83rem + 0.15vw, 1rem);
}

.thanks p:not(:last-child) {
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 767px) {
  .thanks p:not(:last-child) {
    margin-bottom: 0.5rem;
  }
}
.thanks img {
  max-width: 350px;
  margin: 2rem auto;
}

@media screen and (max-width: 767px) {
  .thanks img {
    margin: 1rem auto;
  }
}
.thanks-box > p {
  font-weight: 700;
  text-align: center;
  position: relative;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  padding: 0 1.5rem;
  margin: 4rem auto 1rem;
  font-size: clamp(1rem, 0.909rem + 0.3vw, 1.25rem);
}

@media screen and (max-width: 767px) {
  .thanks-box > p {
    margin-top: 2rem;
  }
}
.thanks-box > p::before, .thanks-box > p::after {
  content: "";
  position: absolute;
  top: 49%;
  display: inline-block;
  width: 20px;
  height: 2px;
  background-color: #2e2e2e;
}

.thanks-box > p::before {
  left: -16px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.thanks-box > p::after {
  right: -16px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@media screen and (max-width: 767px) {
  .thanks-box .talk-btn {
    margin-top: 1rem !important;
  }
}
.thanks-box .talk-btn p {
  font-size: clamp(1rem, 0.818rem + 0.61vw, 1.5rem);
}

@media screen and (max-width: 767px) {
  .thanks .arrow-btn {
    margin-top: 3rem;
  }
}
.slide-in {
  overflow: hidden;
  display: inline-block;
}

.slide-in_inner {
  display: inline-block;
}

.slideAnimeLeftRight {
  -webkit-animation-name: slideTextX100;
          animation-name: slideTextX100;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes slideTextX100 {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); /*要素を左の枠外に移動*/
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); /*要素を元の位置に移動*/
    opacity: 1;
  }
}

@keyframes slideTextX100 {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); /*要素を左の枠外に移動*/
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); /*要素を元の位置に移動*/
    opacity: 1;
  }
}
.slideAnimeRightLeft {
  -webkit-animation-name: slideTextX-100;
          animation-name: slideTextX-100;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes slideTextX {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); /*要素を右の枠外に移動*/
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); /*要素を元の位置に移動*/
    opacity: 1;
  }
}

@keyframes slideTextX {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); /*要素を右の枠外に移動*/
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); /*要素を元の位置に移動*/
    opacity: 1;
  }
}
@-webkit-keyframes slideTextX-100 {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); /*要素を右の枠外に移動*/
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); /*要素を元の位置に移動*/
    opacity: 1;
  }
}
@keyframes slideTextX-100 {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); /*要素を右の枠外に移動*/
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); /*要素を元の位置に移動*/
    opacity: 1;
  }
}
@-webkit-keyframes floating-y {
  0% {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
  100% {
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
  }
}
@keyframes floating-y {
  0% {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
  100% {
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
  }
}
@-webkit-keyframes floating-y2 {
  0% {
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
  }
  100% {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
}
@keyframes floating-y2 {
  0% {
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
  }
  100% {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
}
@-webkit-keyframes fadeTopAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(150px);
            transform: translateY(150px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fadeTopAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(150px);
            transform: translateY(150px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes fadeUpAnime {
  from {
    top: 50%;
  }
  to {
    top: 20%;
  }
}
@keyframes fadeUpAnime {
  from {
    top: 50%;
  }
  to {
    top: 20%;
  }
}
@-webkit-keyframes zoomInAnime {
  from {
    opacity: 0;
    width: 50%;
  }
  to {
    opacity: 1;
    width: 100%;
  }
}
@keyframes zoomInAnime {
  from {
    opacity: 0;
    width: 50%;
  }
  to {
    opacity: 1;
    width: 100%;
  }
}
@-webkit-keyframes fadeUpAnime_sp {
  from {
    top: 50%;
  }
  to {
    top: 25%;
  }
}
@keyframes fadeUpAnime_sp {
  from {
    top: 50%;
  }
  to {
    top: 25%;
  }
}
@-webkit-keyframes fadeAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeAboutImg {
  from {
    opacity: 0;
    right: -50%;
  }
  to {
    opacity: 1;
    right: -30%;
  }
}
@keyframes fadeAboutImg {
  from {
    opacity: 0;
    right: -50%;
  }
  to {
    opacity: 1;
    right: -30%;
  }
}
@-webkit-keyframes fadeAboutImg2 {
  from {
    opacity: 0;
    right: -30%;
  }
  to {
    opacity: 1;
    right: 0%;
  }
}
@keyframes fadeAboutImg2 {
  from {
    opacity: 0;
    right: -30%;
  }
  to {
    opacity: 1;
    right: 0%;
  }
}
.blur span {
  color: transparent;
}

.blur.fadeUp span {
  -webkit-animation: blur 5s ease-out forwards;
          animation: blur 5s ease-out forwards;
}

.blur span:nth-child(1) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

.blur span:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.blur span:nth-child(3) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.blur span:nth-child(4) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.blur span:nth-child(5) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.blur span:nth-child(6) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.blur span:nth-child(7) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}

@-webkit-keyframes blur {
  0% {
    text-shadow: 0 0 100px #2E2E2E;
    opacity: 0;
  }
  5% {
    text-shadow: 0 0 90px #2E2E2E;
  }
  15% {
    opacity: 1;
  }
  20% {
    text-shadow: 0 0 0px #2E2E2E;
  }
  80% {
    text-shadow: 0 0 0px #2E2E2E;
  }
  100% {
    text-shadow: 0 0 0px #2E2E2E;
  }
}

@keyframes blur {
  0% {
    text-shadow: 0 0 100px #2E2E2E;
    opacity: 0;
  }
  5% {
    text-shadow: 0 0 90px #2E2E2E;
  }
  15% {
    opacity: 1;
  }
  20% {
    text-shadow: 0 0 0px #2E2E2E;
  }
  80% {
    text-shadow: 0 0 0px #2E2E2E;
  }
  100% {
    text-shadow: 0 0 0px #2E2E2E;
  }
}
.bound {
  opacity: 0;
}

.bound.fadeUp {
  -webkit-animation: bound 3s forwards 1.8s;
          animation: bound 3s forwards 1.8s;
}

@media screen and (max-width: 767px) {
  .bound.fadeUp {
    -webkit-animation: bound 3s forwards 1.5s;
            animation: bound 3s forwards 1.5s;
  }
}
@-webkit-keyframes bound {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0;
  }
  10% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0.2;
  }
  20% {
    -webkit-transform: translateY(-25px);
            transform: translateY(-25px);
    opacity: 0.4;
  }
  25% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0.6;
  }
  30% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    opacity: 0.8;
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes bound {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0;
  }
  10% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0.2;
  }
  20% {
    -webkit-transform: translateY(-25px);
            transform: translateY(-25px);
    opacity: 0.4;
  }
  25% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0.6;
  }
  30% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    opacity: 0.8;
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
/*service*/
.lower-fv {
  position: relative;
  padding: 100px 0 10rem 10%;
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
}
@media screen and (max-width: 1600px) {
  .lower-fv {
    padding: 100px 0 10rem 5%;
  }
}
@media screen and (max-width: 1279px) {
  .lower-fv {
    padding: 5rem 0 5rem 5%;
  }
}
@media screen and (max-width: 1024px) {
  .lower-fv {
    padding: 3rem 0 10rem 2.5%;
  }
}
@media screen and (max-width: 767px) {
  .lower-fv {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 2.5rem 0 0rem 2.5%;
  }
}
.lower-fv::after {
  content: "";
  position: absolute;
  right: -10%;
  bottom: -20%;
  width: 65%;
  aspect-ratio: 1151/650;
  background: url(./images/school-fv-bg.png) no-repeat center/contain;
  z-index: -10;
}
@media screen and (max-width: 1024px) {
  .lower-fv::after {
    right: -10%;
    bottom: -10%;
    width: 80%;
  }
}
@media screen and (max-width: 767px) {
  .lower-fv::after {
    right: -40%;
    bottom: -7%;
    width: 145%;
  }
}
.lower-fv-txt {
  width: 55%;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .lower-fv-txt {
    width: 65%;
  }
}
@media screen and (max-width: 767px) {
  .lower-fv-txt {
    width: 95%;
  }
}
.lower-fv-txt img {
  max-width: 400px;
  margin-top: 2rem;
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .lower-fv-txt img {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .lower-fv-txt img {
    width: 280px;
  }
}
.lower-fv-txt h1 {
  font-size: clamp(1.25rem, 0.614rem + 2.12vw, 3rem);
}
.lower-fv-txt > p {
  font-size: clamp(0.875rem, 0.648rem + 0.76vw, 1.5rem);
  font-weight: bold;
  margin-bottom: 8px;
}
.lower-fv-txt-label {
  max-width: 500px;
  padding: 10px 200px 10px 5rem;
  color: #fff;
  border-radius: 10px;
  background: -webkit-gradient(linear, left top, right bottom, from(#FFCB00), to(#FC7F02));
  background: linear-gradient(to right bottom, #FFCB00, #FC7F02);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.55);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.55);
  position: relative;
  z-index: 1;
  font-size: clamp(0.75rem, 0.386rem + 1.21vw, 1.75rem);
  font-weight: bold;
  margin-bottom: 2rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 1279px) {
  .lower-fv-txt-label {
    padding: 6px 120px 6px 3rem;
  }
}
@media screen and (max-width: 1024px) {
  .lower-fv-txt-label {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .lower-fv-txt-label {
    border-radius: 4px;
    padding: 4px 7.5rem 4px 2.5rem;
  }
}
.lower-fv-txt-label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  aspect-ratio: 75/61;
  background: url(./images/lower-fv-txt-label.png) no-repeat center/contain;
}
.lower-fv-txt-label span {
  font-size: clamp(1.5rem, 0.455rem + 3.48vw, 4.375rem);
  position: absolute;
  bottom: 10px;
  line-height: 1;
  right: 3rem;
  text-shadow: 1px 1px 0 #F8A213, -1px -1px 0 #F8A213, -1px 1px 0 #F8A213, 1px -1px 0 #F8A213, 0px 1px 0 #F8A213, -1px 0 #F8A213, -1px 0 0 #F8A213, 1px 0 0 #F8A213;
}
@media screen and (max-width: 1279px) {
  .lower-fv-txt-label span {
    right: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .lower-fv-txt-label span {
    font-size: clamp(2.5rem, 2.318rem + 0.61vw, 3rem);
  }
}
@media screen and (max-width: 767px) {
  .lower-fv-txt-label span {
    font-size: 2rem;
    right: 2.7rem;
    bottom: 7px;
  }
}
.lower-fv.fadeUp > img {
  opacity: 1;
  top: 45%;
}
@media screen and (max-width: 1024px) {
  .lower-fv.fadeUp > img {
    top: 68%;
  }
}
@media screen and (max-width: 767px) {
  .lower-fv.fadeUp > img {
    top: auto;
    -webkit-transform: translateX(10%) translateY(0%);
            transform: translateX(10%) translateY(0%);
  }
}
.lower-fv > img {
  width: 60%;
  position: absolute;
  right: -10%;
  top: 60%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}
@media screen and (max-width: 1024px) {
  .lower-fv > img {
    width: 62.5%;
    top: 75%;
    max-width: 600px;
  }
}
@media screen and (max-width: 767px) {
  .lower-fv > img {
    position: relative;
    top: auto;
    right: auto;
    -webkit-transform: none;
            transform: none;
    width: 125%;
    -webkit-transform: translateX(10%) translateY(10%);
            transform: translateX(10%) translateY(10%);
  }
}

.lower-fv::before {
  content: "";
  position: absolute;
  width: 70%;
  background: url(./images/lower-fv-bg.png) no-repeat right center/cover;
  top: 0;
  left: 0;
  z-index: -1;
  height: 90%;
  max-height: 600px;
}
@media screen and (max-width: 1024px) {
  .lower-fv::before {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .lower-fv::before {
    width: 100%;
    height: 60%;
    background: url(./images/lower-fv-bg-sp.png) no-repeat top center/cover;
  }
}

.hukidasi {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3%;
  padding: 16px 2rem;
  top: -17%;
  right: 0;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;
  opacity: 0;
}

@media screen and (max-width: 1610px) {
  .hukidasi {
    right: -15%;
  }
}
@media screen and (max-width: 1600px) {
  .hukidasi {
    right: -20%;
    top: -25%;
  }
}
@media screen and (max-width: 1400px) {
  .hukidasi {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    right: -5%;
    padding: 8px 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .hukidasi {
    right: auto;
    left: -8%;
    top: -180px;
  }
}
@media screen and (max-width: 767px) {
  .hukidasi {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    max-width: none;
    left: -3%;
    top: -24%;
  }
}
@media screen and (max-width: 570px) {
  .hukidasi {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 8px 0.5rem;
    gap: 0.25rem;
  }
}
.hukidasi.fadeUp {
  -webkit-animation: fadeAnime 1s ease-out 2s forwards;
          animation: fadeAnime 1s ease-out 2s forwards;
}

.hukidasi p {
  width: 55%;
  font-weight: bold;
}

@media screen and (max-width: 1400px) {
  .hukidasi p {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .hukidasi p {
    font-size: 12px;
  }
}
.hukidasi p span {
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .hukidasi p span {
    font-size: 10px;
  }
}
.hukidasi div {
  width: 45%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 767px) {
  .hukidasi div {
    width: 100%;
  }
}
.hukidasi img {
  max-height: 40px;
}

@media screen and (max-width: 767px) {
  .hukidasi img {
    max-width: 40px;
  }
}
.hukidasi img:first-child {
  width: 25%;
}

.hukidasi img:last-child {
  width: 65%;
}

@media screen and (max-width: 1024px) {
  .hukidasi img:last-child {
    max-width: 120px;
  }
}
.body-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background: -webkit-gradient(linear, right top, left top, from(#D3ECFD), to(#6DC3FD));
  background: linear-gradient(to left, #D3ECFD, #6DC3FD);
  margin-top: 4rem;
}

.body-left {
  width: 80%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 1279px) {
  .body-left {
    width: 100%;
  }
}
.body-left.centered {
  width: 100%;
}

.body-right {
  width: 20%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: fixed;
  height: auto;
  right: 0;
  top: 0;
  z-index: 20;
  overflow: scroll;
  /*スクロールバー非表示（IE・Edge）*/
  -ms-overflow-style: none;
  /*スクロールバー非表示（Firefox）*/
  scrollbar-width: none;
}

/*body-right*/
.body-right::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 1279px) {
  .body-right {
    display: none;
  }
}
.body-right .cta-btn-item p::before, .body-right .cta-btn-item p::after {
  top: 70%;
  width: 30px;
}

.body-right.close {
  right: -20%;
  opacity: 0;
}

.blue-wrap-bg .title {
  color: #fff;
}
.blue-wrap-bg .title h2 {
  color: #fff;
}

.blue-wrap .title p {
  font-size: clamp(1rem, 0.909rem + 0.3vw, 1.25rem);
  margin-bottom: 0.5rem;
}

/*onayami*/
.onayami-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1400px) {
  .onayami-wrap {
    width: 85%;
  }
}
@media screen and (max-width: 1279px) {
  .onayami-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2rem 5%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.onayami-wrap.fadeUp .onayami-item img {
  -webkit-animation: fadeTopAnime 1s forwards 0.5s;
          animation: fadeTopAnime 1s forwards 0.5s;
}
@media screen and (max-width: 767px) {
  .onayami-wrap.fadeUp .onayami-item img {
    -webkit-animation: none;
            animation: none;
  }
}
.onayami-wrap.fadeUp .onayami-item:nth-child(2) img {
  -webkit-animation: fadeTopAnime 1s forwards 1s;
          animation: fadeTopAnime 1s forwards 1s;
}
@media screen and (max-width: 767px) {
  .onayami-wrap.fadeUp .onayami-item:nth-child(2) img {
    -webkit-animation: none;
            animation: none;
  }
}
.onayami-wrap.fadeUp .onayami-item:nth-child(3) img {
  -webkit-animation: fadeTopAnime 1s forwards 1.5s;
          animation: fadeTopAnime 1s forwards 1.5s;
}
@media screen and (max-width: 767px) {
  .onayami-wrap.fadeUp .onayami-item:nth-child(3) img {
    -webkit-animation: none;
            animation: none;
  }
}

@media screen and (max-width: 767px) {
  .onayami-wrap {
    width: 90%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.5rem;
    margin-top: 2rem;
  }
}
.onayami-item {
  width: 32%;
  text-align: center;
  font-size: clamp(1.125rem, 0.989rem + 0.45vw, 1.5rem);
  font-weight: bold;
}
@media screen and (max-width: 1279px) {
  .onayami-item {
    width: 47.5%;
  }
}
@media screen and (max-width: 767px) {
  .onayami-item.fadeUp img {
    -webkit-animation: fadeTopAnime 1s forwards !important;
            animation: fadeTopAnime 1s forwards !important;
  }
}

@media screen and (max-width: 767px) {
  .onayami-item {
    width: 100%;
  }
}
.onayami-item img {
  width: 75%;
  margin: 2rem auto 0;
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .onayami-item img {
    margin: 1rem auto 0;
  }
}

.onayami-item .talk {
  position: relative;
  padding-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .onayami-item .talk {
    padding-bottom: 1.5rem;
  }
}
.onayami-item .talk::before {
  content: "";
  position: absolute;
  width: 100%;
  aspect-ratio: 400/16;
  background: url(./images/talk-bg.png) no-repeat center/contain;
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 767px) {
  .onayami-item > p {
    width: 100%;
  }
}
.onayami-item > p br {
  display: none !important;
}

.blue-wrap {
  background-color: #E1EFF5;
  padding: 0 0 7.5rem;
}
.blue-wrap-bg {
  position: relative;
  padding: 4rem 0 0;
  z-index: 1;
  color: #fff;
  margin-bottom: 3rem;
}
.blue-wrap-bg::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 85%;
  z-index: -1;
  background-color: #1266B6;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1024px) {
  .blue-wrap-bg::before {
    height: 90%;
  }
}
@media screen and (max-width: 767px) {
  .blue-wrap-bg::before {
    height: 92.5%;
  }
}

.can > img {
  width: 3.5rem;
  margin: 0 auto 4rem;
}
@media screen and (max-width: 767px) {
  .can > img {
    width: 2.5rem;
    margin: 0 auto 2rem;
  }
}
.can-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1345px;
  margin: 0 auto;
  width: 80%;
  gap: 2rem 0;
}
@media screen and (max-width: 1400px) {
  .can-wrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 2rem;
  }
}
@media screen and (max-width: 1024px) {
  .can-wrap {
    width: 90%;
  }
}
.can-item {
  width: calc((100% - 2rem) / 4);
  background-color: #fff;
  padding: 2rem 1rem 1rem;
  border-radius: 10px;
  font-weight: bold;
}
@media screen and (max-width: 1400px) {
  .can-item {
    width: calc((100% - 2rem) / 2);
    max-width: 450px;
  }
}
@media screen and (max-width: 767px) {
  .can-item {
    width: 100%;
  }
}
.can-item img {
  margin-bottom: 1.5rem;
}
.can-item .orange {
  text-align: center;
  font-size: clamp(0.875rem, 0.784rem + 0.3vw, 1.125rem);
  color: #F8A212;
}
.can-item h3 {
  font-size: clamp(1.125rem, 0.989rem + 0.45vw, 1.5rem);
  margin: 0.5rem 0 1.5rem;
  text-align: center;
}

.service-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 7.5rem 10% 0 0;
  background: -webkit-gradient(linear, left bottom, right top, from(#1266B6), to(#45A5FF));
  background: linear-gradient(to top right, #1266B6, #45A5FF);
}
@media screen and (max-width: 1400px) {
  .service-cta {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 5rem 10% 0 0;
  }
}
@media screen and (max-width: 1279px) {
  .service-cta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 2.5rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .service-cta {
    padding: 2.5rem 5% 0 0;
  }
}
.service-cta.fadeUp img {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
}
.service-cta img {
  width: 42.5%;
  opacity: 0;
  -webkit-transform: translateY(10%);
          transform: translateY(10%);
  -webkit-transition: 1s;
  transition: 1s;
}
@media screen and (max-width: 1279px) {
  .service-cta img {
    width: 70%;
  }
}
@media screen and (max-width: 767px) {
  .service-cta img {
    width: 100%;
  }
}
.service-cta-txt {
  width: 52.5%;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 1400px) {
  .service-cta-txt {
    padding-bottom: 4rem;
  }
}
@media screen and (max-width: 1279px) {
  .service-cta-txt {
    width: 90%;
    margin-left: auto;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .service-cta-txt {
    width: 95%;
  }
}
.service-cta-txt h2 {
  font-size: clamp(1.125rem, 0.807rem + 1.06vw, 2rem);
  padding-bottom: 1.5rem;
  border-bottom: 2px solid #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 1.5rem;
}
.service-cta-txt > p {
  font-size: clamp(0.875rem, 0.784rem + 0.3vw, 1.125rem);
}
.service-cta-btn {
  width: 47.5%;
  font-weight: bold;
}
@media screen and (max-width: 1279px) {
  .service-cta-btn {
    width: 100%;
    max-width: 400px;
  }
}
.service-cta-btn > p {
  font-size: clamp(0.875rem, 0.784rem + 0.3vw, 1.125rem);
}
.service-cta-btn a {
  height: 70px;
  width: 100%;
}
@media screen and (max-width: 1600px) {
  .service-cta-btn a {
    padding: 10px 0.5rem;
  }
}
@media screen and (max-width: 1400px) {
  .service-cta-btn a {
    gap: 1rem;
  }
}
.service-cta-btn a svg {
  width: 2.5rem;
}
@media screen and (max-width: 1600px) {
  .service-cta-btn a svg {
    width: 2rem;
  }
}
.service-cta-btn .service-cta-contact {
  background-color: #fff;
  color: #0569C9;
  border-color: #0569C9;
}
.service-cta-btn .service-cta-contact:hover {
  background-color: #0569C9;
  color: #fff;
}
.service-cta-btn-wrap {
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1279px) {
  .service-cta-btn-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.flow {
  background-color: #1266B6;
  padding: 5rem 0 7.5rem;
}
.flow .title::before {
  background-color: #fff;
}
.flow .title h2 {
  color: #fff;
}
.flow-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1345px;
  margin: 0 auto;
}
@media screen and (max-width: 1279px) {
  .flow-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .flow-wrap {
    gap: 4rem;
  }
}
.flow-item {
  width: calc((100% - 9rem) / 4);
  background-color: #fff;
  border-radius: 5px;
  border-top: 20px solid #002D90;
  padding: 20px;
  font-size: 14px;
  position: relative;
}
@media screen and (max-width: 1400px) {
  .flow-item {
    width: calc((100% - 6rem) / 4);
  }
}
@media screen and (max-width: 1279px) {
  .flow-item {
    width: calc((100% - 4rem) / 2);
  }
}
@media screen and (max-width: 767px) {
  .flow-item {
    width: 100%;
  }
}
.flow-item:last-child::before {
  display: none;
}
.flow-item::before {
  content: "";
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  background: url(./images/flow-triangle.png) no-repeat center/contain;
  right: -2.35rem;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
@media screen and (max-width: 1400px) {
  .flow-item::before {
    width: 1rem;
    height: 1rem;
    right: -1.5rem;
  }
}
@media screen and (max-width: 1279px) {
  .flow-item::before {
    width: 2rem;
    height: 2rem;
    right: -3rem;
  }
}
@media screen and (max-width: 767px) {
  .flow-item::before {
    right: auto;
    top: auto;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    -webkit-transform: translateX(-50%) rotate(90deg);
    -ms-transform: translateX(-50%) rotate(90deg);
    bottom: -3rem;
  }
}
.flow-item h3 {
  text-align: center;
  color: #1266B6;
  font-size: clamp(1.125rem, 0.989rem + 0.45vw, 1.5rem);
}
.flow-item img {
  margin: 1rem 0;
}
.flow-item a {
  color: #0569C9;
  border: 1px solid #0569C9;
  border-radius: 8px;
  padding: 8px;
  text-align: center;
  display: block;
  margin-top: 1rem;
  font-weight: bold;
}

.page-id-1526 .lower-fv,
.page-id-44 .lower-fv {
  padding: 120px 0 15rem 10%;
}
@media screen and (max-width: 1024px) {
  .page-id-1526 .lower-fv,
  .page-id-44 .lower-fv {
    padding: 3rem 0 10rem 2.5%;
  }
}
@media screen and (max-width: 767px) {
  .page-id-1526 .lower-fv,
  .page-id-44 .lower-fv {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 2.5rem 0 2rem 2.5%;
  }
}
.page-id-1526 .lower-fv::before,
.page-id-44 .lower-fv::before {
  width: 100%;
  height: 100%;
  background: url(./images/found-fv-bg.png) no-repeat center/cover;
  max-height: none;
}
@media screen and (max-width: 767px) {
  .page-id-1526 .lower-fv::before,
  .page-id-44 .lower-fv::before {
    background: url(./images/found-fv-bg-sp.png) no-repeat center/cover;
    aspect-ratio: 390/361;
    height: auto;
  }
}
.page-id-1526 .lower-fv::after,
.page-id-44 .lower-fv::after {
  display: none;
}
.page-id-1526 .lower-fv.fadeUp > img,
.page-id-44 .lower-fv.fadeUp > img {
  opacity: 1;
  top: 60%;
}
@media screen and (max-width: 767px) {
  .page-id-1526 .lower-fv.fadeUp > img,
  .page-id-44 .lower-fv.fadeUp > img {
    -webkit-transform: translateX(-5%) translateY(0%);
            transform: translateX(-5%) translateY(0%);
  }
}
.page-id-1526 .lower-fv > img,
.page-id-44 .lower-fv > img {
  width: 65%;
  right: 5%;
  top: 75%;
}
@media screen and (max-width: 767px) {
  .page-id-1526 .lower-fv > img,
  .page-id-44 .lower-fv > img {
    width: 105%;
    right: 0%;
    -webkit-transform: translateX(-5%) translateY(10%);
            transform: translateX(-5%) translateY(10%);
  }
}
.page-id-1526 .lower-fv-txt-label,
.page-id-44 .lower-fv-txt-label {
  margin-bottom: 3rem;
  background: -webkit-gradient(linear, left top, right bottom, from(#B385E2), to(#7A5BBF));
  background: linear-gradient(to right bottom, #B385E2, #7A5BBF);
}
@media screen and (max-width: 767px) {
  .page-id-1526 .lower-fv-txt-label,
  .page-id-44 .lower-fv-txt-label {
    margin-bottom: 1.5rem;
  }
}
.page-id-1526 .lower-fv-txt-label::before,
.page-id-44 .lower-fv-txt-label::before {
  background: url(./images/found-fv-txt-label.png) no-repeat center/contain;
}
.page-id-1526 .lower-fv-txt-label span,
.page-id-44 .lower-fv-txt-label span {
  text-shadow: 1px 1px 0 #7A5BBF, -1px -1px 0 #7A5BBF, -1px 1px 0 #7A5BBF, 1px -1px 0 #7A5BBF, 0px 1px 0 #7A5BBF, -1px 0 #7A5BBF, -1px 0 0 #7A5BBF, 1px 0 0 #7A5BBF;
}
.page-id-1526 .can-item .orange,
.page-id-44 .can-item .orange {
  color: #7E5DC7;
}
@media screen and (max-width: 767px) {
  .page-id-1526 .service-cta-txt h2,
  .page-id-44 .service-cta-txt h2 {
    font-size: 1rem;
    padding-bottom: 1rem;
  }
}
.page-id-1526 .onayami-item,
.page-id-44 .onayami-item {
  font-size: clamp(1.125rem, 1.08rem + 0.15vw, 1.25rem);
}

.munic-fv-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  background-color: #fff;
  padding: 0.5rem 2rem;
  border: 2px solid #1266B6;
  border-radius: 10px;
  margin-top: 2rem;
  color: #1266B6;
  font-weight: bold;
  text-align: center;
  font-size: clamp(0.875rem, 0.648rem + 0.76vw, 1.5rem);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .munic-fv-txt {
    padding: 0.5rem;
    margin-top: 20px;
  }
}
.munic-fv-txt p {
  line-height: 1;
}
.munic-fv-txt span {
  font-size: clamp(0.5rem, 0.409rem + 0.3vw, 0.75rem);
  display: block;
  margin-top: 8px;
}
.munic-fv-txt img {
  max-width: 250px;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .munic-fv-txt img {
    width: 150px;
  }
}

.page-id-1527 .lower-fv,
.page-id-107 .lower-fv {
  padding: 120px 0 10rem 10%;
}
@media screen and (max-width: 1600px) {
  .page-id-1527 .lower-fv,
  .page-id-107 .lower-fv {
    padding: 120px 0 10rem 5%;
  }
}
@media screen and (max-width: 1024px) {
  .page-id-1527 .lower-fv,
  .page-id-107 .lower-fv {
    padding: 3rem 0 3rem 2.5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .page-id-1527 .lower-fv,
  .page-id-107 .lower-fv {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 2.5rem 0 2rem 2.5%;
  }
}
.page-id-1527 .lower-fv::before,
.page-id-107 .lower-fv::before {
  width: 100%;
  height: 100%;
  background: url(./images/munic-fv-bg.png) no-repeat center/cover;
  max-height: none;
}
@media screen and (max-width: 767px) {
  .page-id-1527 .lower-fv::before,
  .page-id-107 .lower-fv::before {
    background: url(./images/munic-fv-bg-sp.png) no-repeat center/cover;
    aspect-ratio: 390/505;
    height: auto;
  }
}
.page-id-1527 .lower-fv::after,
.page-id-107 .lower-fv::after {
  display: none;
}
.page-id-1527 .lower-fv.fadeUp > img,
.page-id-107 .lower-fv.fadeUp > img {
  opacity: 1;
  top: 65%;
}
@media screen and (max-width: 1024px) {
  .page-id-1527 .lower-fv.fadeUp > img,
  .page-id-107 .lower-fv.fadeUp > img {
    top: auto;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@media screen and (max-width: 767px) {
  .page-id-1527 .lower-fv.fadeUp > img,
  .page-id-107 .lower-fv.fadeUp > img {
    -webkit-transform: translateX(-5%) translateY(0%);
            transform: translateX(-5%) translateY(0%);
  }
}
.page-id-1527 .lower-fv > img,
.page-id-107 .lower-fv > img {
  width: 55%;
  right: -3%;
  top: 75%;
}
@media screen and (max-width: 1024px) {
  .page-id-1527 .lower-fv > img,
  .page-id-107 .lower-fv > img {
    right: auto;
    position: relative;
    -webkit-transform: none;
            transform: none;
    width: 80%;
    top: auto;
    margin-left: auto;
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
  }
}
@media screen and (max-width: 767px) {
  .page-id-1527 .lower-fv > img,
  .page-id-107 .lower-fv > img {
    width: 105%;
    -webkit-transform: translateX(-5%) translateY(10%);
            transform: translateX(-5%) translateY(10%);
  }
}
.page-id-1527 .lower-fv-txt-label,
.page-id-107 .lower-fv-txt-label {
  margin-bottom: 3rem;
  background: -webkit-gradient(linear, left top, right bottom, from(#779FD8), to(#366EE5));
  background: linear-gradient(to right bottom, #779FD8, #366EE5);
  padding-right: 280px;
  max-width: none;
}
@media screen and (max-width: 1600px) {
  .page-id-1527 .lower-fv-txt-label,
  .page-id-107 .lower-fv-txt-label {
    padding-right: 245px;
  }
}
@media screen and (max-width: 1400px) {
  .page-id-1527 .lower-fv-txt-label,
  .page-id-107 .lower-fv-txt-label {
    padding-right: 220px;
  }
}
@media screen and (max-width: 1024px) {
  .page-id-1527 .lower-fv-txt-label,
  .page-id-107 .lower-fv-txt-label {
    padding-right: 160px;
  }
}
@media screen and (max-width: 767px) {
  .page-id-1527 .lower-fv-txt-label,
  .page-id-107 .lower-fv-txt-label {
    margin-bottom: 1.5rem;
    padding-right: 120px;
  }
}
.page-id-1527 .lower-fv-txt-label::before,
.page-id-107 .lower-fv-txt-label::before {
  background: url(./images/manic-fv-txt-label.png) no-repeat center/contain;
}
.page-id-1527 .lower-fv-txt-label span,
.page-id-107 .lower-fv-txt-label span {
  text-shadow: 1px 1px 0 #366EE5, -1px -1px 0 #366EE5, -1px 1px 0 #366EE5, 1px -1px 0 #366EE5, 0px 1px 0 #366EE5, -1px 0 #366EE5, -1px 0 0 #366EE5, 1px 0 0 #366EE5;
}
@media screen and (max-width: 767px) {
  .page-id-1527 .lower-fv-txt-label span,
  .page-id-107 .lower-fv-txt-label span {
    right: 1rem;
  }
}
.page-id-1527 .can-item .orange,
.page-id-107 .can-item .orange {
  color: #1266B6;
}
@media screen and (max-width: 1024px) {
  .page-id-1527 .top-function .content-box:last-child .function-title p,
  .page-id-107 .top-function .content-box:last-child .function-title p {
    font-size: 10px;
  }
}
.page-id-1527 .onayami-item,
.page-id-107 .onayami-item {
  font-size: clamp(1.125rem, 1.08rem + 0.15vw, 1.25rem);
}

.top-function {
  margin: 200px 0 0;
}

.top-function .tab {
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  width: 100%;
}

.top-function .tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5%;
  margin-bottom: 5rem;
}

.top-function .tab-menu {
  background-color: #fff;
  color: #B1B1B1;
  border: 4px solid #B1B1B1;
  cursor: pointer;
  width: 30%;
  max-width: 335px;
  text-align: center;
  padding: 2rem 0;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.55);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.55);
  border-radius: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.top-function .tab-menu:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.top-function .tab-menu.current {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.top-function .tab-menu div {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}

.top-function .tab-menu div svg {
  width: 2.5rem;
}

.top-function .tab-menu div p span {
  font-size: clamp(1.25rem, 0.977rem + 0.91vw, 2rem);
  font-weight: bold;
}

.top-function .tab-menu.school.current {
  color: #F8A213;
  border-color: #F8A213;
}

.top-function .tab-menu.school.current svg circle {
  fill: #F8A213;
}

.top-function .tab-menu.fund.current {
  color: #7E5DC7;
  border-color: #7E5DC7;
}

.top-function .tab-menu.fund.current svg circle {
  fill: #7E5DC7;
}

.top-function .tab-menu.area.current {
  color: #1266B6;
  border-color: #1266B6;
}

.top-function .tab-menu.area.current svg circle {
  fill: #1266B6;
}

.top-function .content-box {
  width: 100%;
}

.top-function .content-box img {
  display: block;
  height: auto;
}

body:not(.page-id-1058) .function-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 3rem 8% 2rem 15%;
  position: relative;
}
body:not(.page-id-1058) .function-wrap:not(:nth-child(3)) {
  margin-bottom: 7.5rem;
}
body:not(.page-id-1058) .function-wrap::before {
  content: "";
  position: absolute;
  width: 92.5%;
  height: 100%;
  background-color: #EBF6FD;
  left: 0;
  top: 0;
  z-index: -1;
}
@media screen and (max-width: 1279px) {
  body:not(.page-id-1058) .function-wrap::before {
    width: 100%;
  }
}
body:not(.page-id-1058) .function-wrap:nth-child(2) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding: 3rem 15% 2rem 8%;
}
body:not(.page-id-1058) .function-wrap:nth-child(2)::before {
  left: auto;
  right: 0;
}
body:not(.page-id-1058) .function-txt-wrap {
  width: 47.5%;
}
body:not(.page-id-1058) .function-img {
  width: 47.5%;
  position: relative;
}
body:not(.page-id-1058) .function-img .sub {
  position: absolute;
  width: 47%;
  right: -5%;
  top: -5%;
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}
body:not(.page-id-1058) .function-img.fadeUp .sub {
  opacity: 1;
}
body:not(.page-id-1058) .function-img .sub2 {
  right: auto;
  left: -2.5%;
}
body:not(.page-id-1058) .function-img .sub3 {
  top: auto;
  bottom: 20%;
  width: 50%;
}
body:not(.page-id-1058) .function-img .sub4 {
  top: auto;
  bottom: 0;
  right: 10%;
}
body:not(.page-id-1058) .function-img .sub5 {
  width: 95%;
  right: auto;
  top: -10%;
  left: 2%;
}
body:not(.page-id-1058) .function-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2.5rem;
  position: relative;
}
body:not(.page-id-1058) .function-title div {
  border-radius: 999vh;
  border: 3px solid #1266B6;
  aspect-ratio: 1/1;
  padding: 1rem;
  line-height: 1;
  color: #1266B6;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
body:not(.page-id-1058) .function-title p {
  text-align: center;
  font-size: clamp(0.75rem, 0.659rem + 0.3vw, 1rem);
}
body:not(.page-id-1058) .function-title p span {
  font-size: clamp(2rem, 1.455rem + 1.82vw, 3.5rem);
  font-weight: bold;
  display: block;
  line-height: 1;
}
body:not(.page-id-1058) .function-title h3 {
  color: #fff;
  background-color: #1266B6;
  font-size: clamp(1rem, 0.818rem + 0.61vw, 1.5rem);
  padding: 8px 8px 8px 10%;
  width: 90%;
  margin-left: auto;
}

@media screen and (max-width: 1400px) {
  body:not(.page-id-1058) .function-title h3 {
    padding-left: 15%;
  }
}
@media screen and (max-width: 1279px) {
  body:not(.page-id-1058) .function-title h3 {
    padding-left: 10%;
  }
}
body:not(.page-id-1058) .function-txt {
  width: 80%;
  margin-left: auto;
  font-weight: 500;
  font-size: 14px;
}
body:not(.page-id-1058) .function-txt p:not(:last-child) {
  margin-bottom: 1.5rem;
}
body:not(.page-id-1058) .function-txt .big {
  color: #1266B6;
  font-size: clamp(1rem, 0.955rem + 0.15vw, 1.125rem);
  font-weight: bold;
}
body:not(.page-id-1058) .function-txt span:not(.big) {
  display: inline-block;
}

.introduce {
  padding: 0 0 5rem;
  margin: 7.5rem 0 10rem;
  position: relative;
}

.top-news {
  margin: 10rem 0 7.5rem;
  padding: 0;
}

.introduce::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 80%;
  background: #E2EEF5;
  bottom: 0;
  left: 0;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .introduce {
    padding: 0 0 4rem;
    margin: 7.5rem 0;
  }
}
.introduce .lower-ex {
  margin: 0;
}

.introduce .lower-ex .filter-results {
  margin: 0 auto;
  width: 90%;
  max-width: 1245px;
}

.introduce .lower-ex .filter-results.sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .introduce .lower-ex .filter-results.sp {
    display: block;
  }
}
.introduce .btn-right {
  background-color: #3D82E5;
  color: #fff;
  border-color: #3D82E5;
  margin: 0 0 0 auto;
}

@media screen and (max-width: 1400px) {
  .introduce .btn-right {
    padding: 1rem 3rem 1rem 1.5rem;
  }
}
@media screen and (max-width: 1279px) {
  .introduce .btn-right {
    margin: 2.5rem auto 0;
  }
}
.introduce .btn-right::before {
  -webkit-filter: brightness(5);
          filter: brightness(5);
}

.introduce .content_area {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 1728px;
  margin: 0 auto;
}

@media screen and (max-width: 1279px) {
  .introduce .content_area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.5rem;
  }
}
.introduce .tab-container {
  width: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 1279px) {
  .introduce .tab-container {
    width: 100%;
    max-width: none;
  }
  .introduce .tab-container .tab-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 2rem;
  }
  .introduce .tab-container .btn-right {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .introduce .tab-container .tab-list {
    gap: 0.5rem;
  }
}
.introduce .content-container {
  width: calc(100% - 230px);
}

@media screen and (max-width: 1279px) {
  .introduce .content-container {
    width: 100%;
    border-radius: 0;
  }
  .introduce .content-container .filter-results {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 1024px) {
  .introduce .content-container .filter-results {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .introduce .content-container .filter-results {
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
  }
  .introduce .content-container .filter-results .filter-results-item {
    margin: 0 1rem;
  }
}
.introduce .content-container .news-text {
  border-radius: 0 0 10px 10px;
}

.introduce .content-container .filter-results-item {
  padding: 0;
}

.introduce h3 {
  font-size: clamp(0.75rem, 0.659rem + 0.3vw, 1rem);
  margin-bottom: 1.5rem;
}

.introduce .tab-item {
  cursor: pointer;
  margin-top: 1rem;
  padding: 0 0 4px;
  color: #1266B6;
  position: relative;
  font-size: clamp(1.125rem, 1.08rem + 0.15vw, 1.25rem);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.introduce .tab-item:hover {
  opacity: 0.7;
}

@media screen and (max-width: 1279px) {
  .introduce .tab-item {
    margin-bottom: 0;
  }
}
.introduce .tab-item.active::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #1266B6;
  bottom: 0;
  left: 0;
}

.introduce .tab-content {
  opacity: 0; /* 非表示にする */
  position: absolute; /* 他のコンテンツに影響を与えないように */
  pointer-events: none; /* ユーザーのインタラクションを防ぐ */
  position: relative;
  height: 0;
  padding: 0;
}

.introduce .tab-content.school .lower-fv-circle {
  background-color: #F7C674;
}

.introduce .tab-content.found .lower-fv-circle {
  background-color: #B9A3EB;
}

.introduce .tab-content.munici .lower-fv-circle {
  background-color: #8FCDFA;
}

.introduce .tab-content .lower-fv-circle {
  position: absolute;
  left: -3%;
  top: -10%;
  color: #fff;
  max-width: 200px;
  border: 8px solid #fff;
  z-index: 10;
}

@media screen and (max-width: 1279px) {
  .introduce .tab-content .lower-fv-circle {
    left: 1%;
    top: -5%;
    border: 4px solid #fff;
  }
}
.introduce .tab-content.show {
  opacity: 1; /* 表示時に表示する */
  position: relative; /* 親のレイアウトに戻す */
  pointer-events: auto; /* インタラクションを可能にする */
  height: auto;
}

.introduce .intro-btn2 {
  display: none;
}

@media screen and (max-width: 1279px) {
  .introduce .intro-btn2 {
    display: block;
  }
}
.introduce .slick-list {
  padding: 1rem 10% !important;
}

.introduce .top-btn {
  width: 90%;
  margin: 0 auto;
}

@media screen and (max-width: 1024px) {
  .introduce .top-btn {
    margin: 1.5rem auto 0;
  }
}
.introduce .news-text {
  padding: 1rem 5%;
}

.introduce .filter-results-item a {
  position: relative;
}

.introduce .filter-results-head p {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .introduce .filter-results-head p {
    font-size: 12px;
  }
}
.introduce .filter-results h2 {
  font-size: 16px;
  margin: 0.5rem 0 1rem;
}

.introduce .filter-results-foot div {
  gap: 0.5rem;
}

.top-news .container {
  max-width: 1345px;
}

.top-news .top-news-list ul.newsList li:first-child {
  color: #2E2E2E;
}

.top-news h2 {
  text-align: left;
}

.home .top-news .title {
  margin-bottom: 3rem;
}

.top-news::before {
  display: none;
}

.top-news .item:not(:last-child) {
  margin-bottom: 2.5rem;
}

.top-news .news-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.top-news .news-thumb {
  width: 30%;
  aspect-ratio: 16/9;
  overflow: hidden;
}

.top-news .news-thumb:has(img.no) {
  border: 1px solid #393939;
}

.top-news .item:hover .news-thumb img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.top-news .news-thumb a {
  display: block;
}

.top-news .news-thumb img {
  /* aspect-ratio: 16 / 9; */
  height: auto;
  /* object-fit: cover; */
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.top-news .top-news-list ul.newsList {
  width: 65%;
  padding-bottom: 20px;
  border-bottom: 1px solid #393939;
  font-size: 12px;
}

.top-news .top-news-list ul.newsList li:nth-child(2) {
  margin: 12px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
}

.top-news .top-news-list ul.newsList a {
  background-color: #1266B6;
  color: #fff;
  font-weight: bold;
  padding: 0px 8px;
  font-size: 14px;
}

.top-news .top-news-list ul.newsList li:last-child {
  font-size: clamp(0.875rem, 0.739rem + 0.45vw, 1.25rem);
  font-weight: bold;
}

.top-news .btn-right {
  margin: 2.5rem auto 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none !important;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

@media screen and (max-width: 767px) {
  .top-news .btn-right {
    margin-top: 1.5rem;
  }
}
.top-news .top-btn {
  margin: 0 0 0 auto;
}

@media screen and (max-width: 767px) {
  .top-news .top-btn {
    margin: 0 auto;
  }
}
.blue-btn {
  color: #fff;
  font-weight: bold;
  background: #1658AB;
  border-radius: 6px;
  border: 2px solid;
  padding: 20px 3.5rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  font-size: clamp(1.25rem, 1.159rem + 0.3vw, 1.5rem);
  margin: 2.5rem auto 0;
}

.blue-btn:hover {
  background: #fff;
  color: #1658AB;
}

.blue-btn.orange {
  background: transparent;
  background-image: -webkit-gradient(linear, left top, right bottom, from(#FFCE00), to(#FC7F02));
  background-image: linear-gradient(to right bottom, #FFCE00, #FC7F02);
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.55);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.55);
}

.blue-btn.orange:hover {
  color: #FC7F02;
  background: #fff;
}

.blue-btn.purple {
  background: transparent;
  background-image: -webkit-gradient(linear, left top, right bottom, from(#B284E1), to(#7A5CBF));
  background-image: linear-gradient(to right bottom, #B284E1, #7A5CBF);
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.55);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.55);
}

.blue-btn.purple:hover {
  color: #7A5CBF;
  background: #fff;
}

.blue-btn.blue {
  background: transparent;
  background-image: -webkit-gradient(linear, left top, right bottom, from(#759DD8), to(#366EE5));
  background-image: linear-gradient(to right bottom, #759DD8, #366EE5);
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.55);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.55);
}

.blue-btn.blue:hover {
  color: #366EE5;
  background: #fff;
}

.top-use {
  margin: 7.5rem 0 0;
  padding: 5rem 0;
  background: #E2EEF5;
}

.top-use .container {
  max-width: 1345px;
}

.top-use .top-btn {
  margin-top: 2.5rem;
}

@media screen and (max-width: 767px) {
  .top-use {
    margin: 5rem auto 0;
  }
}
.top-use .filter-results {
  max-width: none;
  gap: 2.5rem 3%;
}

.top-use .news-text {
  padding: 1rem 5%;
}

.top-use .c-arrow-link.arrow-btn.white {
  margin: 5rem auto 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  padding: 1rem 5rem 1rem 2.5rem;
  border: none;
}

@media screen and (max-width: 767px) {
  .top-use .c-arrow-link.arrow-btn.white {
    margin-top: 2.5rem;
  }
}
.top-use .c-arrow-link.arrow-btn.white .fv-btn-box {
  background-color: #3D82E5;
}

.top-use .c-arrow-link.arrow-btn.white .c-arrow-link--icon:before, .top-use .c-arrow-link.arrow-btn.white .c-arrow-link--icon:after {
  content: "";
  background: url(./images/header-btn.svg) no-repeat center/contain;
}

.top-use .c-arrow-link.arrow-btn.white .c-arrow-link--icon {
  overflow: hidden;
  position: absolute;
  width: 9px;
  margin: auto 0;
  height: 20px;
  line-height: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 10;
}

.top-use .filter-results.slider4 {
  display: none;
  width: 100%;
}

.top-blog-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}

@media screen and (max-width: 767px) {
  .top-use .filter-results.slider4 {
    display: block;
  }
}
.top-use .filter-results.slider4 .filter-results-item {
  margin: 0 1rem;
}

.top-use .filter-results.slider4 .slick-list {
  padding: 1rem 10% !important;
}

.service-banner {
  max-width: 1080px;
  width: 75%;
  margin: 5rem auto 7.5rem;
  background: #1266B5;
  border-radius: 1.5rem;
  padding: 4rem 5% 3.5rem;
  text-align: center;
  color: #fff;
}

.service-banner h2 {
  font-size: clamp(1.5rem, 1.318rem + 0.61vw, 2rem);
}

@media screen and (max-width: 767px) {
  .top-news .btn-right {
    margin-top: 1.5rem;
  }
}
.top-news .top-btn {
  margin: 0 0 0 auto;
}

@media screen and (max-width: 767px) {
  .top-news .top-btn {
    margin: 0 auto;
  }
}
@media screen and (max-width: 1279px) {
  .how .container,
  .blue-bg .container,
  .top-use .container,
  .top-news .container,
  .introduce .container {
    width: 90%;
  }
  .introduce h3 {
    margin-bottom: 0.5rem;
  }
  body:not(.page-id-1058) .function-wrap, body:not(.page-id-1058) .function-wrap:nth-child(2) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2.5rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 3rem 5%;
  }
  .top-service-btn, body:not(.page-id-1058) .function-txt-wrap {
    width: 100%;
    max-width: 700px;
  }
  body:not(.page-id-1058) .function-img {
    width: 100%;
    max-width: 650px;
  }
}
@media screen and (max-width: 1024px) {
  .introduce .tab-container .tab-list {
    gap: 1.5rem;
  }
  .introduce .tab-item {
    font-size: 14px;
  }
  .top-function .container {
    width: 90%;
  }
  .top-function .tab-menu div svg {
    width: 2rem;
    height: 2rem;
  }
  .top-function .tab-menu div {
    gap: 1rem;
  }
  .customize .container {
    width: 90%;
  }
  .top-function .tab-menu {
    padding: 1rem 0;
  }
}
@media screen and (max-width: 767px) {
  .introduce .tab-container .tab-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1rem 1.5rem;
  }
  .new-cta-btn a {
    padding: 8px 0.5rem;
    gap: 1.5rem;
  }
  .filter-results {
    width: 100%;
  }
  .blue-btn {
    padding: 16px 2.5rem;
  }
  .top-news {
    margin: 7.5rem 0 5rem;
    padding: 0;
  }
  .top-news .top-news-list ul.newsList a {
    padding: 0px 4px;
    font-size: 10px;
  }
  .top-news .top-news-list ul.newsList li:nth-child(2) {
    margin: 4px 0;
  }
  .top-news .top-news-list ul.newsList li:last-child {
    font-size: 12px;
  }
  .top-news .news-thumb {
    width: 35%;
  }
  .top-news .top-news-list ul.newsList {
    width: 63%;
    font-size: 10px;
    padding-bottom: 6px;
  }
  .introduce .content_area {
    gap: 2rem;
  }
  .introduce .tab-item {
    margin: 0;
  }
  .filter-results-item {
    padding: 0;
  }
  .introduce::before {
    height: 85%;
  }
  .service-banner {
    width: 90%;
    margin: 3.5rem auto 0;
    padding: 2.5rem 0;
    border-radius: 10px;
  }
  .service-banner .blue-btn.orange {
    margin-top: 20px;
  }
  body:not(.page-id-1058) .function-wrap:not(:nth-child(3)) {
    margin-bottom: 3.5rem;
  }
  body:not(.page-id-1058) .function-wrap, body:not(.page-id-1058) .function-wrap:nth-child(2) {
    padding: 2rem 5% 0;
  }
  body:not(.page-id-1058) .function-wrap {
    overflow: hidden;
  }
  body:not(.page-id-1058) .function-img .sub {
    width: 60%;
  }
  body:not(.page-id-1058) .function-img .sub3 {
    width: 55%;
  }
  body:not(.page-id-1058) .function-img .sub5 {
    width: 100%;
  }
  body:not(.page-id-1058) .function-title div {
    padding: 0.7rem 0.5rem 0;
    left: -2.5%;
  }
  body:not(.page-id-1058) .function-title h3 {
    padding-left: 12%;
  }
  body:not(.page-id-1058) .function-txt {
    width: 100%;
  }
  body:not(.page-id-1058) .function-title {
    margin-bottom: 2rem;
  }
  body:not(.page-id-1058) .function-txt p:not(:last-child) {
    margin-bottom: 1rem;
  }
  .top-function .tab-list {
    gap: 1rem 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .top-function .tab-menu {
    width: 31%;
    border-width: 2px;
    padding: 0.5rem 4px;
    font-size: 12px;
  }
  .top-function .tab-menu div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.5rem;
  }
  .top-function {
    margin-top: 7.5rem;
  }
  .customize-ex-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2.5rem;
    margin-top: 2.5rem;
  }
  .customize-ex-item {
    width: 100%;
  }
  .customize-ex {
    padding: 2rem 5% 2.5rem;
  }
  .customize-blue-txt {
    width: 100%;
    padding: 1.5rem 1rem;
    font-size: 18px;
    margin: 2rem auto 2.5rem;
  }
  .customize-img-wrap {
    gap: 2rem;
  }
  .customize {
    margin-top: 3.5rem;
  }
  .top-service-item {
    width: 100%;
    padding: 2rem 1rem 1rem;
  }
  .blue-bg {
    padding-top: 3.5rem;
  }
  .top-service-item .blue-btn {
    padding: 10px 2rem 10px 2.5rem;
    margin-top: 20px;
  }
  .top-service-item-head p {
    padding: 3px 10px;
  }
  .top-service-item img {
    margin: 1rem auto 0;
  }
  .top-service-item::before,
  .top-service-btn > div::before {
    height: 1rem;
  }
  .top-service-btn > div {
    width: 90%;
    padding: 1rem 5%;
  }
  .top-service-btn > div:first-child {
    margin: 0;
  }
  .top-service-btn > div a {
    margin-top: 8px;
  }
  .top-service-btn {
    gap: 1.5rem;
  }
  .top-service-txt img {
    margin-top: 8px;
  }
  .top-about {
    margin-bottom: 5rem;
  }
  .top-about h3 + img {
    width: 230px;
    margin: 1rem auto 1.5rem;
  }
  .top-about-wrap img:nth-child(2) {
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: none;
            transform: none;
  }
  .top-about-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .top-about-wrap img {
    width: 100%;
  }
  .top-about-wrap img:nth-child(3) {
    width: 65%;
    margin: -15% 0 -10%;
  }
  .top-about-wrap img:nth-child(4) {
    width: 100%;
  }
  .how {
    padding: 2rem 0;
    background: url(./images/how-bg-sp.png) no-repeat center/cover;
  }
  .how-wrap {
    gap: 1.5rem;
  }
  .top-archive {
    margin: 2rem 0;
  }
  .top-archive > img {
    width: 80%;
  }
  .loopSlide {
    height: 80px;
    -webkit-transform: scale(8);
            transform: scale(8);
  }
  .blue-btn {
    padding: 16px 2.5rem;
  }
}
.faq {
  margin: 7.5rem 0;
}
@media screen and (max-width: 767px) {
  .faq {
    margin: 0 0 5rem;
  }
}
.faq .container {
  max-width: 1080px;
}

.useful {
  margin: 4rem 0;
}

#example {
  padding: 5rem 0 7.5rem;
  background-color: #fff;
  margin-top: 3rem;
  overflow: hidden;
}

.filter-results {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5rem 3%;
  max-width: 1230px;
  margin: 2.5rem auto 0;
}

@media screen and (max-width: 1024px) {
  .filter-results {
    grid-template-columns: repeat(2, 1fr);
    width: 90%;
    gap: 2.5rem 3%;
  }
}
@media screen and (max-width: 767px) {
  .filter-results {
    grid-template-columns: repeat(1, 1fr);
  }
}
.filter-results-item {
  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.16);
          box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.16);
  border-radius: 5px;
  padding-bottom: 2rem;
  background-color: #fff;
}

.filter-results-item a:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.filter-results-item img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  aspect-ratio: 16/9;
}

.filter-results img:not(.thumbnail) {
  -o-object-fit: cover;
  object-fit: cover;
}

.filter-results .thumbnail {
  padding: 10%;
}

.filter-results-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem 3%;
}

.filter-results-head p {
  font-size: clamp(0.875rem, 0.83rem + 0.15vw, 1rem);
}

.filter-results-head p:first-child {
  padding: 0 0.5rem;
  font-size: 12px;
  display: block;
  font-weight: bold;
  color: #fff;
}

.filter-results-head p.category-school {
  background: #F8A212;
}

.filter-results-head p.category-sc-bpo {
  background-color: #FFEED3;
}

.filter-results-head p.category-fo-bpo {
  background-color: #F5F7FF;
}

.filter-results-head p.category-jichitai {
  background-color: #8FCDFA;
}

.filter-results-head p.category-found {
  background-color: #A383EB;
}

.filter-results-head p.category-all {
  border-color: #F4F4F4;
  color: #3D82E5;
  background-color: #F4F4F4;
}

.filter-results-foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
  font-size: clamp(0.75rem, 0.705rem + 0.15vw, 0.875rem);
}

.filter-results-foot > p {
  font-weight: bold;
  font-size: 10px;
  width: 100%;
}

.filter-results-foot div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem 1rem;
}

.filter-results h2 {
  font-size: clamp(1.125rem, 1.08rem + 0.15vw, 1.25rem);
  margin: 12px 0 1rem;
  text-align: left;
  word-break: normal;
}

.news-img {
  overflow: hidden;
}

.news-text {
  padding: 2rem 5%;
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .news-text {
    padding: 1rem 3%;
  }
}
.vkfs:where(:not(.vkfs__layout--min)) .vkfs__outer-wrap {
  margin: 0 !important;
}

.vkfs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 2.5rem !important;
}

@media screen and (max-width: 767px) {
  .vkfs {
    margin-bottom: 1.5rem !important;
  }
}
.vkfs input[type=text] {
  border: 1px solid #3D82E5;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  padding: 1rem 2rem;
  border-radius: 0;
}

@media screen and (max-width: 767px) {
  .vkfs input[type=text] {
    padding: 0.5rem 1rem;
    font-size: 12px;
  }
}
.vkfs .btn[type=submit] {
  display: inline-block;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  margin: 0;
  letter-spacing: 2px;
  background-color: #3D82E5;
  color: #fff;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  padding: 1rem 2rem;
  border: 1px solid #3D82E5;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}

@media screen and (max-width: 767px) {
  .vkfs .btn[type=submit] {
    padding: 0.5rem 1rem;
    font-size: 12px;
  }
}
.vkfs .btn[type=submit]:hover {
  background-color: #fff;
  color: #3D82E5;
}

.vkfs__labels {
  display: block;
  width: 50%;
}

@media screen and (max-width: 1024px) {
  .vkfs__labels {
    width: 75%;
  }
}
@media screen and (max-width: 767px) {
  .vkfs__labels {
    width: 80%;
  }
}
.vkfs__label-name {
  font-weight: normal;
}

.ex-category-title {
  font-size: clamp(1.25rem, 0.614rem + 2.12vw, 3rem);
  margin-bottom: 5rem;
}

@media screen and (max-width: 767px) {
  .ex-category-title {
    margin-bottom: 1.5rem;
  }
}
.ex-category-title strong {
  display: inline-block;
}

html:has(.function) {
  scroll-behavior: smooth;
}

.page-id-1058 {
  /* モーダルのスタイル */
  /* モーダルの画像スタイル */
  /* モーダルの閉じるボタン */
}
.page-id-1058 .function {
  color: #fff;
  background-color: #1266B5;
  padding: 5rem 0;
}
@media screen and (max-width: 1400px) {
  .page-id-1058 .function .container {
    width: 90%;
  }
}
@media screen and (max-width: 1024px) {
  .page-id-1058 .function .container {
    width: 80%;
  }
}
@media screen and (max-width: 767px) {
  .page-id-1058 .function .container {
    width: 95%;
  }
}
.page-id-1058 .function .title {
  margin-bottom: 0;
}
.page-id-1058 .function .title::before {
  background-color: #fff;
}
.page-id-1058 .function .title h1 {
  color: #fff;
}
.page-id-1058 .function .title + p {
  text-align: center;
  margin: 2rem 0 2.5rem;
}
.page-id-1058 .function-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2rem 20px;
  max-width: 1180px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .page-id-1058 .function-wrap {
    gap: 2rem 10px;
  }
}
@media screen and (max-width: 767px) {
  .page-id-1058 .function-wrap {
    gap: 1rem 10px;
  }
}
.page-id-1058 .function-wrap a {
  width: calc((100% - 100px) / 6);
  background-color: #fff;
  border-radius: 10px;
  padding: 0 0 1rem;
  text-align: center;
}
@media screen and (max-width: 1279px) {
  .page-id-1058 .function-wrap a {
    width: calc((100% - 60px) / 4);
  }
}
@media screen and (max-width: 1024px) {
  .page-id-1058 .function-wrap a {
    width: calc((100% - 20px) / 3);
  }
}
@media screen and (max-width: 767px) {
  .page-id-1058 .function-wrap a {
    font-size: 10px;
    padding-bottom: 8px;
  }
}
.page-id-1058 .function-wrap a:hover {
  opacity: 0.7;
}
.page-id-1058 .function-wrap a .label {
  color: #fff;
  background-color: #002D90;
  border-radius: 10px 10px 0 0;
  padding: 4px 16px;
  font-size: clamp(0.75rem, 0.705rem + 0.15vw, 0.875rem);
}
@media screen and (max-width: 767px) {
  .page-id-1058 .function-wrap a .label {
    padding: 4px 2px;
    font-size: 10px;
  }
}
.page-id-1058 .function-wrap a img {
  width: 3.5rem;
  margin: 0 auto 1rem;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 767px) {
  .page-id-1058 .function-wrap a img {
    width: 2rem;
    margin-bottom: 8px;
  }
}
.page-id-1058 .function-wrap a img + p {
  font-weight: bold;
}
.page-id-1058 .function-three {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  margin: 1rem 5%;
}
@media screen and (max-width: 767px) {
  .page-id-1058 .function-three {
    gap: 4px;
    margin: 0.5rem 0;
  }
}
.page-id-1058 .function-three p {
  width: calc((100% - 1rem) / 3);
  text-align: center;
  color: #fff;
  background-color: #FC8701;
  font-size: 12px;
  padding: 2px 0;
  max-width: 70px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .page-id-1058 .function-three p {
    font-size: 10px;
    padding: 2px 1px;
  }
}
.page-id-1058 .function-three p.purple {
  background-color: #7C5DC0;
}
.page-id-1058 .function-three p.blue {
  background-color: #3A71E4;
}
.page-id-1058 .function-body {
  background-color: #fff;
  padding: 100px 0 6rem;
}
.page-id-1058 .function-body .function-three {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 1rem 0;
}
.page-id-1058 .function-body .function-three p {
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .page-id-1058 .function-body .function-three p {
    font-size: 14px;
  }
}
.page-id-1058 .function-body .container {
  max-width: 1345px;
}
.page-id-1058 .function-body h2 {
  font-size: clamp(1.125rem, 0.989rem + 0.45vw, 1.5rem);
  padding: 0.5rem 2.5rem;
  border-radius: 2rem 2rem 0 0;
  color: #fff;
  background-color: #002D90;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .page-id-1058 .function-body h2 {
    border-radius: 1rem 1rem 0 0;
  }
}
.page-id-1058 .function-body h2 + .function-box {
  padding-top: 3.5rem;
  border-top: 2px solid #002D90;
}
@media screen and (max-width: 767px) {
  .page-id-1058 .function-body h2 + .function-box {
    padding-top: 1.5rem;
  }
}
.page-id-1058 .function-body .function-block {
  margin-bottom: 5rem;
}
.page-id-1058 .function-body .function-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 3.5rem;
}
@media screen and (max-width: 1024px) {
  .page-id-1058 .function-body .function-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.5rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .page-id-1058 .function-body .function-box {
    gap: 1.5rem;
  }
}
.page-id-1058 .function-body .function-img {
  width: 40%;
  border: 2px solid #1266B6;
  padding: 8px;
  position: relative;
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transform: translateY(10%);
          transform: translateY(10%);
}
@media screen and (max-width: 1024px) {
  .page-id-1058 .function-body .function-img {
    width: 70%;
  }
}
.page-id-1058 .function-body .function-img.fadeUp {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
}
.page-id-1058 .function-body .function-img::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  z-index: 10;
  bottom: 4px;
  right: 8px;
  background: url(./images/function-plus.png) no-repeat center/contain;
}
@media screen and (max-width: 1024px) {
  .page-id-1058 .function-body.function-img {
    width: 75%;
  }
}
@media screen and (max-width: 767px) {
  .page-id-1058 .function-body .function-img {
    width: 100%;
  }
}
.page-id-1058 .function-body .function-img + div {
  width: 55%;
}
@media screen and (max-width: 1024px) {
  .page-id-1058 .function-body .function-img + div {
    width: 100%;
  }
}
.page-id-1058 .function-body.function-img + div > p:not(:last-child) {
  margin-bottom: 1rem;
}
.page-id-1058 .function-body .function-img + div > p span {
  font-weight: bold;
}
.page-id-1058 .function-body .function-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
.page-id-1058 .function-body .function-title h3 {
  font-size: clamp(1.125rem, 0.898rem + 0.76vw, 1.75rem);
  color: #1266B6;
}
.page-id-1058 .function-body .function-title img {
  max-width: 3.5rem;
  width: 8%;
  aspect-ratio: 1/1;
}
.page-id-1058 .function-body .function-title img.small {
  width: 7%;
}
.page-id-1058 .modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4); /* 背景色 */
  opacity: 0; /* 初期状態では透明 */
  visibility: hidden; /* 初期状態では不可視 */
  -webkit-transition: opacity 0.5s, visibility 0.5s;
  transition: opacity 0.5s, visibility 0.5s; /* アニメーション効果 */
}
.page-id-1058 .modal-content {
  display: block;
  width: 80%;
  max-width: 1000px;
}
@media screen and (max-width: 767px) {
  .page-id-1058 .modal-content {
    width: 90%;
  }
}
.page-id-1058 #close {
  position: absolute;
  top: 10%;
  right: 5%;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
}

.page-id-382 .lower-fv,
.page-id-384 .lower-fv {
  padding: 100px 10% 4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1600px) {
  .page-id-382 .lower-fv,
  .page-id-384 .lower-fv {
    padding: 100px 5% 4rem;
  }
}
@media screen and (max-width: 1024px) {
  .page-id-382 .lower-fv,
  .page-id-384 .lower-fv {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.5rem;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
}
@media screen and (max-width: 767px) {
  .page-id-382 .lower-fv,
  .page-id-384 .lower-fv {
    padding: 3rem 5% 2rem;
  }
}
.page-id-382 .lower-fv .lower-fv-txt-label,
.page-id-384 .lower-fv .lower-fv-txt-label {
  background: #F8A213;
}
.page-id-382 .lower-fv .lower-fv-txt-label::before,
.page-id-384 .lower-fv .lower-fv-txt-label::before {
  background: url(./images/school-bpo-fv-txt-label.png) no-repeat center/contain;
}
.page-id-382 .lower-fv.fadeUp > img,
.page-id-384 .lower-fv.fadeUp > img {
  opacity: 1;
  top: 45%;
  -webkit-transform: none;
          transform: none;
}
.page-id-382 .lower-fv > img,
.page-id-384 .lower-fv > img {
  position: relative;
  top: auto;
  right: auto;
  -webkit-transform: none;
          transform: none;
  width: 38%;
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transform: translateY(10%);
          transform: translateY(10%);
}
@media screen and (max-width: 1600px) {
  .page-id-382 .lower-fv > img,
  .page-id-384 .lower-fv > img {
    width: 33%;
  }
}
@media screen and (max-width: 1024px) {
  .page-id-382 .lower-fv > img,
  .page-id-384 .lower-fv > img {
    width: 55%;
  }
}
@media screen and (max-width: 767px) {
  .page-id-382 .lower-fv > img,
  .page-id-384 .lower-fv > img {
    width: 85%;
  }
}
.page-id-382 .lower-fv-txt,
.page-id-384 .lower-fv-txt {
  width: 60%;
}
@media screen and (max-width: 1600px) {
  .page-id-382 .lower-fv-txt,
  .page-id-384 .lower-fv-txt {
    width: 65%;
  }
}
@media screen and (max-width: 1024px) {
  .page-id-382 .lower-fv-txt,
  .page-id-384 .lower-fv-txt {
    width: 100%;
  }
}
.page-id-382 .lower-fv::after,
.page-id-384 .lower-fv::after {
  display: none;
}
.page-id-382 .lower-fv::before,
.page-id-384 .lower-fv::before {
  width: 100%;
  height: 100%;
  max-height: none;
  background: url(./images/bpo-school-fv-bg.png) no-repeat center/cover;
}
.page-id-382 .function-img .sub,
.page-id-384 .function-img .sub {
  width: 65%;
}
@media screen and (max-width: 767px) {
  .page-id-382 .function-img .sub,
  .page-id-384 .function-img .sub {
    width: 70%;
    right: 0;
  }
}
.page-id-382 .function-wrap:nth-child(2) .function-img,
.page-id-384 .function-wrap:nth-child(2) .function-img {
  width: 45%;
}
@media screen and (max-width: 1279px) {
  .page-id-382 .function-wrap:nth-child(2) .function-img,
  .page-id-384 .function-wrap:nth-child(2) .function-img {
    width: 65%;
  }
}
@media screen and (max-width: 767px) {
  .page-id-382 .function-wrap:nth-child(2) .function-img,
  .page-id-384 .function-wrap:nth-child(2) .function-img {
    width: 100%;
  }
}
.page-id-382 .function-wrap:nth-child(2) .function-img img,
.page-id-384 .function-wrap:nth-child(2) .function-img img {
  max-width: 450px;
  margin: 0 auto;
}
.page-id-382 .function-wrap:nth-child(2) .function-img .sub,
.page-id-384 .function-wrap:nth-child(2) .function-img .sub {
  width: 40%;
  max-width: 150px;
  top: 50%;
  right: 7%;
}
@media screen and (max-width: 1600px) {
  .page-id-382 .function-wrap:nth-child(2) .function-img .sub,
  .page-id-384 .function-wrap:nth-child(2) .function-img .sub {
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .page-id-382 .function-wrap:nth-child(2) .function-img .sub,
  .page-id-384 .function-wrap:nth-child(2) .function-img .sub {
    width: 30%;
    top: 55%;
  }
}
.page-id-382 .function-wrap:nth-child(3) .function-img .sub,
.page-id-384 .function-wrap:nth-child(3) .function-img .sub {
  left: auto;
  right: -5%;
}
.page-id-382 .blue-btn.orange,
.page-id-384 .blue-btn.orange {
  border: none;
}
.page-id-382 .onayami-item > p,
.page-id-384 .onayami-item > p {
  font-size: 14px;
  color: #2E2E2E;
  margin-top: 20px;
  text-align: left;
  font-weight: 400;
}
@media screen and (max-width: 1279px) {
  .page-id-382 .onayami-item > p,
  .page-id-384 .onayami-item > p {
    color: #fff;
  }
}
.page-id-382 .blue-wrap-bg::before,
.page-id-384 .blue-wrap-bg::before {
  height: 70%;
}
@media screen and (max-width: 1279px) {
  .page-id-382 .blue-wrap-bg::before,
  .page-id-384 .blue-wrap-bg::before {
    height: 102%;
  }
}
.page-id-382 .blue-wrap,
.page-id-384 .blue-wrap {
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .page-id-382 .top-function .content-box:last-child .function-title p,
  .page-id-384 .top-function .content-box:last-child .function-title p {
    font-size: 9px;
  }
}
@media screen and (max-width: 767px) {
  .page-id-382 .service-banner h2,
  .page-id-384 .service-banner h2 {
    font-size: 1.25rem;
  }
}

.can-bpo-bg {
  background-color: #EBF6FD;
  border-radius: 10px;
  padding: 5rem 2.5% 2.5rem;
  position: relative;
  max-width: 1245px;
  margin: 7.5rem auto 0;
  width: 85%;
}
@media screen and (max-width: 1024px) {
  .can-bpo-bg {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .can-bpo-bg {
    padding: 3rem 2.5% 2.5rem;
    width: 100%;
    border-radius: 0;
  }
}
.can-bpo-bg > p {
  text-align: center;
  margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .can-bpo-bg > p {
    text-align: left;
  }
}
.can-bpo-bg > p span {
  font-size: clamp(1rem, 0.955rem + 0.15vw, 1.125rem);
  font-weight: bold;
  color: #1266B6;
}
.can-bpo-bg h3 {
  text-align: center;
  font-size: clamp(1.25rem, 0.977rem + 0.91vw, 2rem);
  margin-bottom: 1rem;
}
.can-bpo-bg .hukidashi {
  text-align: center;
  position: absolute;
  top: -2.5rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  color: #1266B6;
  display: inline-block;
  padding: 1.5rem 1rem;
  width: 400px;
  z-index: 10;
  font-size: clamp(1.125rem, 0.989rem + 0.45vw, 1.5rem);
  font-weight: 500;
  aspect-ratio: 400/100;
  background: url(./images/hukidashi.png) no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .can-bpo-bg .hukidashi {
    width: 300px;
    padding: 1rem 1rem;
  }
}
.can-bpo-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem 1.5rem;
}
.can-bpo-item {
  width: calc((100% - 3rem) / 3);
  background-color: #fff;
  border-radius: 10px;
  padding: 1rem;
}
@media screen and (max-width: 1279px) {
  .can-bpo-item {
    width: calc((100% - 1.5rem) / 2);
  }
}
@media screen and (max-width: 767px) {
  .can-bpo-item {
    width: 100%;
  }
}
.can-bpo-item span {
  font-weight: bold;
}
.can-bpo-item p:not(:last-child) {
  margin-bottom: 1rem;
}
.can-bpo-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .can-bpo-ttl {
    margin-bottom: 1rem;
  }
}
.can-bpo-ttl img {
  width: 4rem;
}
@media screen and (max-width: 1400px) {
  .can-bpo-ttl img {
    width: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .can-bpo-ttl img {
    width: 2.5rem;
  }
}
.can-bpo-ttl h4 {
  width: calc(100% - 5rem);
  color: #1266B6;
  font-size: clamp(1.125rem, 0.989rem + 0.45vw, 1.5rem);
}
@media screen and (max-width: 1400px) {
  .can-bpo-ttl h4 {
    width: calc(100% - 4rem);
  }
}
@media screen and (max-width: 767px) {
  .can-bpo-ttl h4 {
    width: calc(100% - 3rem);
  }
}

.bpo-wrap {
  padding: 5rem 0 7.5rem;
}
@media screen and (max-width: 767px) {
  .bpo-wrap {
    padding: 5rem 0;
  }
}
.bpo-wrap .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1279px) {
  .bpo-wrap .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.5rem;
  }
}
.bpo-wrap .container > img {
  width: 40%;
}
@media screen and (max-width: 1279px) {
  .bpo-wrap .container > img {
    width: 80%;
    max-width: 500px;
  }
}
@media screen and (max-width: 767px) {
  .bpo-wrap .container > img {
    width: 100%;
  }
}
.bpo-txt {
  width: 55%;
}
@media screen and (max-width: 1279px) {
  .bpo-txt {
    width: 100%;
  }
}
.bpo-txt img {
  width: 400px;
  margin: 2rem 0;
}
.bpo-txt h2 {
  font-size: clamp(1.125rem, 0.989rem + 0.45vw, 1.5rem);
  margin: 1.5rem 0;
}
.bpo-txt > p {
  margin-bottom: 1rem;
}
.bpo-txt > p span {
  font-weight: bold;
}
.bpo-txt .new-cta-btn a {
  margin: 2rem 0 0;
}
.bpo-txt .hukidashi {
  aspect-ratio: 540/105;
  background: url(./images/bpo-hukidashi.png) no-repeat center/contain;
  color: #F8A212;
  font-weight: bold;
  font-size: clamp(1.125rem, 0.989rem + 0.45vw, 1.5rem);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1.3rem 3.5rem;
}
@media screen and (max-width: 767px) {
  .bpo-txt .hukidashi {
    padding: 0.8rem 1rem;
    font-size: 1rem;
  }
}

.page-id-384 .lower-fv .lower-fv-txt-label {
  background: #7E5DC7;
}
.page-id-384 .lower-fv-txt-label span {
  text-shadow: 1px 1px 0 #7E5DC7, -1px -1px 0 #7E5DC7, -1px 1px 0 #7E5DC7, 1px -1px 0 #7E5DC7, 0px 1px 0 #7E5DC7, -1px 0 #7E5DC7, -1px 0 0 #7E5DC7, 1px 0 0 #7E5DC7;
}
.page-id-384 .bpo-txt .hukidashi {
  color: #7E5DC7;
  background: url(./images/bpo-hukidashi-f.png) no-repeat center/contain;
}
.page-id-384 .function-wrap:nth-child(3) .function-img .sub {
  width: 53%;
  top: auto;
  bottom: 0;
  right: 5%;
}
.page-id-384 .blue-btn.purple {
  border: none;
}
@media screen and (max-width: 767px) {
  .page-id-384 .service-cta-txt h2 {
    font-size: 1rem;
    padding-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .page-id-384 .bpo-txt h2 {
    font-size: 1rem;
  }
}

.found-bpo-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1545px;
  margin: 0 auto;
  width: 85%;
}
@media screen and (max-width: 1279px) {
  .found-bpo-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2rem 4rem;
    max-width: 800px;
  }
}
@media screen and (max-width: 767px) {
  .found-bpo-wrap {
    gap: 4rem;
  }
}
.found-bpo-item {
  width: calc((100% - 12rem) / 4);
  position: relative;
}
@media screen and (max-width: 1279px) {
  .found-bpo-item {
    width: calc((100% - 4rem) / 2);
  }
}
@media screen and (max-width: 767px) {
  .found-bpo-item {
    width: 100%;
  }
}
.found-bpo-item::before {
  content: "";
  position: absolute;
  width: 1.5rem;
  height: 20px;
  background: url(./images/found-triangle.png) no-repeat center/contain;
  right: -2.8rem;
  top: 20%;
}
@media screen and (max-width: 1279px) {
  .found-bpo-item::before {
    top: 35%;
  }
}
@media screen and (max-width: 767px) {
  .found-bpo-item::before {
    right: auto;
    top: auto;
    bottom: -2rem;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    -webkit-transform: translateX(-50%) rotate(90deg);
    -ms-transform: translateX(-50%) rotate(90deg);
  }
}
.found-bpo-item:nth-child(2) h3 {
  background-color: #5D6DC7;
}
.found-bpo-item:nth-child(2)::before {
  background: url(./images/found-triangle2.png) no-repeat center/contain;
}
.found-bpo-item:nth-child(3) h3 {
  background-color: #5D6DC7;
}
.found-bpo-item:nth-child(3)::before {
  background: url(./images/found-triangle3.png) no-repeat center/contain;
}
.found-bpo-item:last-child h3 {
  background-color: #7E5DC7;
}
.found-bpo-item:last-child::before {
  display: none;
}
.found-bpo-item h3 {
  text-align: center;
  padding: 1rem 0;
  color: #fff;
  border-radius: 5px;
  background-color: #4B70D5;
  font-size: clamp(1rem, 0.909rem + 0.3vw, 1.25rem);
}
.found-bpo-item img {
  margin: 1rem 0;
}
.found-bpo-item ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 1rem;
  font-size: 14px;
}
.found-bpo-item ul li::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: url(./images/found-check.png) no-repeat center/contain;
}

.service {
  margin: 3.5rem 0 0;
}
.service-blue {
  background-color: #EBF6FD;
  padding: 5rem 5% 7.5rem;
}
@media screen and (max-width: 767px) {
  .service-blue {
    padding: 2.5rem 2.5% 5rem;
  }
}
.service-bg {
  max-width: 1180px;
  margin: 5rem auto 0;
  background-color: #fff;
  padding: 5rem 5%;
  border: 4px solid #1266B6;
  position: relative;
  z-index: 1;
  width: 85%;
}
@media screen and (max-width: 1024px) {
  .service-bg {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .service-bg {
    width: 100%;
    padding: 2.5rem 5%;
  }
}
.service-bg:first-child {
  margin-top: 0;
}
@media screen and (max-width: 1279px) {
  .service-bg:first-child .top-service-btn > div:first-child {
    margin: 0 10%;
  }
}
@media screen and (max-width: 767px) {
  .service-bg:first-child .top-service-btn > div:first-child {
    margin: 0;
  }
}
.service-bg:nth-child(even) .service-wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 1024px) {
  .service-bg:nth-child(even) .service-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.service-bg:nth-child(n+3) .service-wrap img {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .service-bg:nth-child(n+3) .service-wrap img {
    width: 100%;
  }
}
.service-bg:nth-child(n+3) .service-txt {
  width: 47.5%;
}
@media screen and (max-width: 1024px) {
  .service-bg:nth-child(n+3) .service-txt {
    width: 100%;
  }
}
.service-bg::before {
  content: "";
  position: absolute;
  width: calc(100% - 2.5rem);
  height: calc(100% - 2.5rem);
  top: 20px;
  left: 20px;
  border: 1px solid #1266B6;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .service-bg::before {
    width: calc(100% - 1rem);
    height: calc(100% - 1rem);
    top: 8px;
    left: 8px;
  }
}
.service-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 1024px) {
  .service-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .service-wrap {
    gap: 1.5rem;
  }
}
.service-wrap img {
  width: 45%;
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transform: translateY(10%);
          transform: translateY(10%);
}
.service-wrap img.fadeUp {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
}
@media screen and (max-width: 1024px) {
  .service-wrap img {
    width: 100%;
    max-width: 450px;
  }
}
.service-txt {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .service-txt {
    width: 100%;
  }
}
.service-txt .label {
  color: #fff;
  background-color: #1266B6;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 3px 20px;
  font-size: 14px;
}
.service-txt h3 {
  font-size: clamp(1.375rem, 1.148rem + 0.76vw, 2rem);
  text-align: center;
  margin: 0.5rem 0 1rem;
}
.service-txt h4 {
  font-size: clamp(1rem, 0.909rem + 0.3vw, 1.25rem);
  margin-bottom: 1rem;
  text-align: center;
}
.service-txt p {
  font-size: 14px;
  margin-bottom: 1rem;
}

.top-service-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2.5rem 5%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .top-service-btn {
    gap: 1rem;
  }
}

.top-service-btn > div {
  width: 30%;
  padding: 1.5rem 5%;
  color: #fff;
  border-radius: 10px;
  background: -webkit-gradient(linear, left top, right bottom, from(#FFCB00), to(#FC7F02));
  background: linear-gradient(to right bottom, #FFCB00, #FC7F02);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.55);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.55);
  position: relative;
  overflow: hidden;
  z-index: 1;
  font-size: clamp(0.75rem, 0.659rem + 0.3vw, 1rem);
  font-weight: bold;
}
@media screen and (max-width: 1279px) {
  .top-service-btn > div {
    width: 47.5%;
  }
}
@media screen and (max-width: 767px) {
  .top-service-btn > div {
    width: 85%;
    padding: 1rem 5%;
  }
}

.top-service-btn > div::before {
  content: "";
  position: absolute;
  width: 200px;
  height: 1.5rem;
  top: -5px;
  left: -50px;
  background: #FC8F02;
  z-index: 10;
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
@media screen and (max-width: 767px) {
  .top-service-btn > div::before {
    height: 1rem;
  }
}

.top-service-btn > div p:nth-child(2) {
  font-size: clamp(1.5rem, 1.318rem + 0.61vw, 2rem);
}

.top-service-btn > div a {
  padding: 10px 2rem;
  background-color: #fff;
  border-radius: 6px;
  font-size: clamp(1rem, 0.955rem + 0.15vw, 1.125rem);
  color: #F8A213;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 20px auto 0;
  display: block;
  border: 2px solid;
}
@media screen and (max-width: 767px) {
  .top-service-btn > div a {
    margin-top: 8px;
  }
}

.top-service-btn > div a:hover {
  background: #F8A213;
  color: #fff;
}

.top-service-btn > div.purple {
  background: -webkit-gradient(linear, left top, right bottom, from(#B385E2), to(#7A5BBF));
  background: linear-gradient(to right bottom, #B385E2, #7A5BBF);
}

.top-service-btn > div.purple::before {
  background: #7B5BC0;
}

.top-service-btn > div.purple a {
  color: #7E5BC0;
}

.top-service-btn > div.purple a:hover {
  background: #7E5BC0;
  color: #fff;
}

.top-service-btn > div.blue {
  background: -webkit-gradient(linear, left top, right bottom, from(#779FD8), to(#366EE5));
  background: linear-gradient(to right bottom, #779FD8, #366EE5);
}

.top-service-btn > div.blue::before {
  background: #3A71E5;
}

.top-service-btn > div.blue a {
  color: #3870E4;
}

.top-service-btn > div.blue a:hover {
  color: #fff;
  background: #3870E4;
}

.top-service-item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  gap: 1rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.top-service-item {
  width: calc((100% - 2rem) / 3);
  border-radius: 10px;
  background-color: #fff;
  padding: 2.5rem 1rem 1.5rem;
  position: relative;
  text-align: center;
  border-bottom: 1rem solid #3952A7;
  overflow: hidden;
}

.top-service-item::before {
  content: "";
  position: absolute;
  width: 200px;
  height: 1.5rem;
  top: -5px;
  left: -50px;
  background: #3952A7;
  z-index: 10;
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}

.top-service-item:nth-child(2) {
  border-bottom: 1rem solid #377BE7;
}

.top-service-item:nth-child(2)::before {
  background: #377BE7;
}

.top-service-item:nth-child(3) {
  border-bottom: 1rem solid #15ABBE;
}

.top-service-item:nth-child(3)::before {
  background: #15ABBE;
}

.top-service-item p {
  font-size: clamp(0.875rem, 0.784rem + 0.3vw, 1.125rem);
  font-weight: bold;
}

.top-service-item img {
  width: 60%;
  margin: 2rem auto;
  aspect-ratio: 247/168;
}

.top-service-item .blue-btn {
  font-size: 18px;
  padding: 10px 3rem 10px 3.5rem;
}

.top-service-item .blue-btn.soon {
  pointer-events: none;
}

.top-service-item-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 14px;
}

.top-service-item-head p {
  color: #fff;
  background: #FC8701;
  padding: 3px 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1rem;
}

.top-service-item-head p.purple {
  background: #7C5DC0;
}

.top-service-item-head p.blue {
  background: #3A71E4;
}

.online {
  background-color: #EBF6FD;
  padding: 5rem 0 7.5rem;
}
@media screen and (max-width: 767px) {
  .online {
    padding: 2.5rem 0 0rem;
  }
}
.online-bg {
  border-radius: 8px;
  background-color: #fff;
  padding: 2.5rem 5% 5rem;
  width: 80%;
  margin: 0 auto;
  max-width: 1345px;
}
@media screen and (max-width: 767px) {
  .online-bg {
    width: 100%;
    border-radius: 0;
    padding: 2.5rem 5%;
  }
}
.online-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #1266B6;
  font-weight: bold;
  font-size: clamp(1rem, 0.909rem + 0.3vw, 1.25rem);
  gap: 1rem 20px;
  margin-bottom: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.online-date .label {
  font-size: clamp(0.875rem, 0.784rem + 0.3vw, 1.125rem);
  border: 1px solid;
  padding: 4px 1rem;
  border-radius: 20px;
}
@media screen and (max-width: 767px) {
  .online-date .label {
    margin-right: 50%;
  }
}
.online h2 {
  font-size: clamp(1.25rem, 0.977rem + 0.91vw, 2rem);
  margin-bottom: 1.5rem;
}
.online-select {
  margin: 2.5rem auto 4rem;
}
@media screen and (max-width: 767px) {
  .online-select {
    margin-bottom: 2.5rem;
  }
}
.online-select:has(img) {
  margin-bottom: 0;
}
.online-select img,
.online-select iframe {
  width: 80%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .online-select img,
  .online-select iframe {
    width: 100%;
  }
}
.online-select iframe {
  aspect-ratio: 1920/1080;
  height: auto;
  display: block;
}
.online h3 {
  color: #fff;
  background-color: #1266B6;
  border-radius: 6px;
  padding: 4px 20px;
  font-size: clamp(1.125rem, 1.08rem + 0.15vw, 1.25rem);
  margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .online h3 {
    margin-bottom: 1rem;
  }
}
.online-text2 {
  font-size: clamp(1rem, 0.909rem + 0.3vw, 1.25rem);
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .online-text2 {
    margin-bottom: 2rem;
  }
}
.online-text2 p {
  line-height: 2;
}
.online-text3 {
  font-size: clamp(0.875rem, 0.784rem + 0.3vw, 1.125rem);
}
.online-text3 p {
  line-height: 2;
}
.online-text3 a {
  font-size: clamp(0.875rem, 0.83rem + 0.15vw, 1rem);
}
.online a {
  color: #1266B6;
  text-decoration: underline;
}

.page-id-1627 #breadcrumbs {
  margin: 0;
  padding: 7.5rem 5% 4px;
  background-color: #EBF6FD;
}
@media screen and (max-width: 1024px) {
  .page-id-1627 #breadcrumbs {
    padding-top: 4rem;
  }
}