@charset "UTF-8";


@keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes vibrate {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(-15deg);
  }
  75% {
    transform: rotate(15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes vibrate02 {
  0% {
    transform: rotate(0deg) scale(1.2);
  }
  5% {
    transform: rotate(15deg) scale(1.2);
  }
  10% {
    transform: rotate(-15deg) scale(1.2);
  }
  15% {
    transform: rotate(15deg) scale(1.2);
  }
  20% {
    transform: rotate(0deg) scale(1);
  }
  100% {
    transform: rotate(0deg) scale(1);
  }
}
@keyframes burger-show {
  0% {
    right: -50%;
  }
  100% {
    right: 0%;
  }
}
@keyframes header-show {
  0% {
    top: -100px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
a:hover {
  outline: none;
}
a:active {
  outline: none;
}
a:focus {
  outline: none;
}

@media screen and (min-width: 767px) {
  /* =================================
    hover
  ================================= */
  a {
    transition-timing-function: ease-out;
    transition-duration: 0.2s;
    transition-property: all;
  }
  .widelink {
    cursor: pointer;
    transition-timing-function: ease-out;
    transition-duration: 0.2s;
    transition-property: all;
  }
  .widelink .widelink__cover {
    position: relative;
    overflow: hidden;
  }
  .widelink .widelink__cover::before {
    position: absolute;
    z-index: 6;
    top: 45%;
    left: 50%;
    width: 55%;
    padding: 10px 0;
    border: 1px solid #fff;
    font-size: 1.4rem;
    line-height: 1;
    color: #fff;
    text-align: center;
    letter-spacing: 0.06em;
    content: "詳しく見る";
    opacity: 0;
    transition-timing-function: ease-out;
    transition-duration: 0.15s;
    transition-property: opacity, top;
    transform: translate(-50%, -50%);
  }
  .widelink .widelink__cover::after {
    position: absolute;
    z-index: 5;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(31, 31, 31, 0.5);
    color: white;
    content: "";
    opacity: 0;
    transition-timing-function: ease-out;
    transition-duration: 0.15s;
    transition-property: opacity;
  }
  .widelink .widelink__menu {
    position: relative;
    display: block;
    overflow: hidden;
  }
  .widelink .widelink__menu::before {
    position: absolute;
    z-index: 6;
    bottom: 12%;
    left: 50%;
    padding: 15px 9%;
    border: 1px solid #fff;
    border-radius: 50px;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    content: "詳しく見る";
    opacity: 0;
    transition-timing-function: ease-out;
    transition-duration: 0.15s;
    transition-property: opacity, bottom;
    transform: translateX(-50%);
  }
  .widelink .widelink__article {
    position: relative;
    overflow: hidden;
  }
  .widelink .widelink__article::before {
    position: absolute;
    z-index: 6;
    top: 45%;
    left: 50%;
    display: inline-block;
    width: 130px;
    height: 24px;
    background: url(../img/link_more.png) no-repeat center center;
    content: "";
    opacity: 0;
    transition-timing-function: ease-out;
    transition-duration: 0.15s;
    transition-property: opacity, top;
    transform: translate(-50%, -50%);
  }
  .widelink .widelink__article::after {
    position: absolute;
    z-index: 5;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 84, 142, 0.7);
    color: white;
    content: "";
    opacity: 0;
    transition-timing-function: ease-out;
    transition-duration: 0.15s;
    transition-property: opacity;
  }
  .widelink:hover a {
    text-decoration: none;
  }
  .widelink:hover .widelink__cover::before, .widelink:hover .widelink__article::before {
    top: 50%;
    opacity: 1;
  }
  .widelink:hover .widelink__cover::after, .widelink:hover .widelink__article::after {
    opacity: 1;
  }
  .widelink:hover .widelink__menu::before {
    bottom: 10%;
    opacity: 1;
  }
  .hoverBg .widelink__cover::before {
    content: none;
  }
  .hoverBg .widelink__cover::after {
    content: none;
  }
  .hoverBg:hover {
    background: #e7edf8;
  }
}
/*=================================
  button
=================================*/
.btnWrap {
  margin: 20px auto 30px;
  text-align: center;
}
.btnWrap.center {
  text-align: center;
}
.btnWrap.right {
  text-align: right;
}
.btnWrap > * + * {
  margin-top: 9px;
}

.btn--blue {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 15px 20px;
  border-radius: 50px;
  background: #2C3F83;
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
.btn--blue span {
  position: relative;
  z-index: 1;
}

.btn--gray {
  position: relative;
  display: inline-block;
  display: block;
  padding: 28px 30px;
  background: #333333;
  box-shadow: 0 5px 0 #202427;
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.05;
  color: #fff;
  text-align: center;
  text-decoration: none;
  transition-timing-function: ease-out;
  transition-duration: 0s;
  transition-property: all;
}
@media screen and (min-width: 767px) and (max-width: 1366px) {
  .btn--gray {
    padding: 2.4158125915vw 16.4714494876vw;
  }
}
.btn--gray::after {
  position: absolute;
  top: 50%;
  right: 16px;
  display: inline-block;
  width: 12px;
  height: 19px;
  background: url(../img/icon/icon_arrow_w.png) no-repeat center center;
  background-size: contain;
  vertical-align: middle;
  content: "";
  transform: translateY(-50%);
}

.btn--blueShadow {
  display: inline-block;
  padding: 23px 22px;
  border-radius: 4px;
  background: #1C2A5D;
  box-shadow: 0 3px 0 #02817C;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

.btn--ghost {
  position: relative;
  display: inline-block;
  padding: 15px 58px;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.3);
  font-size: 1.5rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
.btn--ghost::after {
  position: absolute;
  top: 50%;
  right: 24px;
  display: inline-block;
  width: 9px;
  height: 15px;
  background: url(../img/icon/icon_arrow_w.png) no-repeat center center;
  background-size: contain;
  vertical-align: middle;
  content: "";
  transform: translateY(-50%);
}

.btn--border {
  display: block;
  margin: 0 auto;
  padding: 16px 1%;
  border: 3px solid #02817C;
  background: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  color: #02817C;
  text-align: center;
  text-decoration: none;
}
.btn--border::before {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url(../img/btn_arrow.png) no-repeat center center;
  background-size: contain;
  vertical-align: middle;
  content: "";
}

.btn--more {
  font-size: 2rem;
  line-height: 1.5;
  color: #006B67;
  text-decoration: none;
}
.btn--more::after {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-left: 11px;
  border-radius: 50px;
  background: url(../img/icon/icon_arrow_right_white.svg) no-repeat center center #02817C;
  background-size: 12px auto;
  vertical-align: middle;
  content: "";
}
.btn--more.blue {
  color: #2C3F83;
}
.btn--more.blue::after {
  background: url(../img/icon/icon_arrow_right_white.svg) no-repeat center center #2C3F83;
}

@media screen and (min-width: 767px) {
  /*=================================
    button
  =================================*/
  .btnWrap {
    display: flex;
    justify-content: center;
  }
  .btnWrap > * + * {
    margin: 0 20px;
  }
  .btn--blue {
    position: relative;
    overflow: hidden;
    padding: 23px 37px;
    font-size: 2.2rem;
  }
  .btn--blue::after {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #02817C;
    content: "";
    /*アニメーション*/
    transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
    transform: scale(0, 1);
    transform-origin: right top;
  }
  .btn--blue:hover::after {
    transform: scale(1, 1);
    transform-origin: left top;
  }
  .btn--gray {
    padding: 33px 225px;
    font-size: 2rem;
  }
  .btn--gray::after {
    right: 16px;
    width: 14px;
    height: 24px;
  }
  .btn--gray:hover {
    box-shadow: none;
    transform: translateY(5px);
  }
  .btn--blueShadow {
    padding: 24px 30px;
    box-shadow: 0 5px 0 #02817C;
    font-size: 2.2rem;
    transition: none;
  }
  .btn--blueShadow:hover {
    box-shadow: none;
    transform: translateY(5px);
  }
  .btn--ghost {
    background: transparent;
    font-weight: 700;
  }
  .btn--ghost:hover {
    background: rgba(255, 255, 255, 0.2);
  }
  .btn--border {
    display: inline-block;
    margin: 0;
    padding: 20px 66px;
    border-width: 4px;
    font-size: 2.2rem;
  }
  .btn--border::before {
    width: 24px;
    height: 24px;
    margin: 0 6px 3px 0;
  }
  .btn--border:hover {
    background: #2C3F83;
  }
  .btn--more {
    font-size: clamp(1.5rem, 1.6105417277vw, 2.2rem);
    line-height: 1.363636;
  }
  .btn--more::after {
    width: clamp(34px, 4.9780380673vw, 68px);
    height: clamp(34px, 4.9780380673vw, 68px);
    margin-left: clamp(8px, 1.1713030747vw, 16px);
    background-size: clamp(8px, 1.1713030747vw, 16px) auto;
    transition-timing-function: ease-out;
    transition-duration: 0.2s;
    transition-property: all;
  }
  .btn--more.blue::after {
    background-size: clamp(8px, 1.1713030747vw, 16px) auto;
  }
  .btn--more:hover {
    opacity: 0.8;
  }
  .btn--more:hover::after {
    transform: translateX(20%);
  }
}
/*=================================
  title
=================================*/
.ttl--base {
  margin-bottom: 100px;
  font-size: clamp(3.6rem, 3.6603221083vw, 5rem);
  font-weight: 600;
  line-height: 1.6;
  color: #111;
  text-align: center;
}
.ttl--base.blue {
  color: #2C3F83;
}
.ttl--base.green {
  color: #02817C;
}

.ttl--baseText {
  font-size: 2.2rem;
  font-weight: 600;
  text-align: center;
}

.ttlBox {
  margin-bottom: clamp(70px, 7.3206442167vw, 100px);
  text-align: center;
}
.ttlBox .ttl--base {
  margin-bottom: 0;
}
.ttlBox .ttl--baseText {
  margin-top: 19px;
}

.ttl--page {
  margin: clamp(40px, 5.8565153734vw, 80px) 0 clamp(20px, 2.9282576867vw, 40px);
  padding: 0 5%;
}
.ttl--page__inner {
  max-width: 1226px;
  margin: 0 auto;
}
.ttl--page .ttl {
  font-size: clamp(3.5rem, 4.39238653vw, 6rem);
  font-weight: 700;
  line-height: 1.33333;
}
.ttl--page .text {
  margin-top: 40px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2;
}

@media screen and (min-width: 0) and (max-width: 767px) {
  /*=================================
    title
  =================================*/
  .ttl--base {
    margin-bottom: 60px;
    font-size: 3.5rem;
    line-height: 1.42857;
  }
  .ttl--baseText {
    font-size: 1.8rem;
  }
  .ttlBox {
    margin-bottom: 60px;
  }
  .ttlBox .ttl--base {
    margin-bottom: 0;
  }
  .ttlBox .ttl--baseText {
    margin-top: 18px;
  }
  .ttl--page {
    margin: 40px 0 20px;
    padding: 0 4.358974359%;
  }
  .ttl--page .ttl {
    font-size: 3.5rem;
    line-height: 1.42857;
  }
  .ttl--page .text {
    margin-top: 17px;
    font-size: 2rem;
    line-height: 1.75;
  }
}
/*=================================
  tab
=================================*/
.tabMenu {
  display: flex;
}
.tabMenu__item {
  width: 100%;
  padding: 30px 24px;
  background: #F3F3F3;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.363636;
  color: #333333;
  text-align: center;
}
.tabMenu__item:not(.active) {
  cursor: pointer;
}
.tabMenu__item.active {
  background: #02817C;
  color: #fff;
}
@media screen and (min-width: 767px) {
  .tabMenu__item:hover:not(.active) {
    background: #e7edf8;
  }
}

.tabItem {
  min-height: 190px;
  background: #fff;
}
.tabItem .tabList {
  display: none;
}
.tabItem .tabList.show {
  display: block !important;
}

@media screen and (max-width: 767px) {
  /*=================================
    tab
  =================================*/
  .tabMenu__item {
    padding: 27px 4.358974359%;
    font-size: 1.6rem;
  }
  .tabItem {
    min-height: inherit;
  }
}
/*=================================
  accordion
=================================*/
.js-accordion__btn {
  position: relative;
  cursor: pointer;
}

.js-accordion__item {
  display: none;
}

@media screen and (min-width: 0) and (max-width: 767px) {
  /*=================================
    accordion
  =================================*/
}
/*=================================
  table
=================================*/
table {
  width: 100%;
  margin: clamp(30px, 2.9282576867vw, 40px) 0 clamp(57px, 7.1010248902vw, 97px);
  background: #fff;
  border-spacing: 0;
  border-collapse: collapse;
}
table caption {
  margin: 20px 0;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: left;
}
table thead th, table thead td {
  padding: 10px 28px;
  background: #02817C;
  font-size: clamp(2.2rem, 1.8301610542vw, 2.5rem);
  font-weight: 700;
  color: #fff;
}
table th {
  background: #F6F6F6;
}
@media screen and (min-width: 767px) {
  table th {
    width: 250px;
  }
}
@media screen and (min-width: 767px) {
  table td {
    width: calc(100% - 250px);
  }
}
table th, table td {
  padding: clamp(12px, 2.4890190337vw, 34px) clamp(14px, 2.0497803807vw, 28px);
  border-bottom: 2px solid #D9D9D9;
  font-size: clamp(1.5rem, 1.4641288433vw, 2rem);
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  vertical-align: top;
}
table.scroll {
  display: block;
  overflow: auto;
  border: none;
  white-space: nowrap;
}
table.scroll ::-webkit-scrollbar {
  height: 5px;
}
table.scroll ::-webkit-scrollbar-track {
  background: #f1f1f1;
}
table.scroll ::-webkit-scrollbar-thumb {
  background: #bcbcbc;
}

.scrollAnnounce {
  display: none;
}

.wp-block-table table {
  width: 100%;
  margin: clamp(30px, 2.9282576867vw, 40px) 0 clamp(57px, 7.1010248902vw, 97px);
  background: #fff;
  border-spacing: 0;
  border-collapse: collapse;
}
.wp-block-table table caption {
  margin: 20px 0;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: left;
}
.wp-block-table table thead th, .wp-block-table table thead td {
  padding: 10px 28px;
  background: #02817C;
  font-size: clamp(2.2rem, 1.8301610542vw, 2.5rem);
  font-weight: 700;
  color: #fff;
}
.wp-block-table table th {
  background: #F6F6F6;
}
@media screen and (min-width: 767px) {
  .wp-block-table table th {
    width: 250px;
  }
}
@media screen and (min-width: 767px) {
  .wp-block-table table td {
    width: calc(100% - 250px);
  }
}
.wp-block-table table tr:not(:first-child) th, .wp-block-table table tr:not(:first-child) td {
  border-top: 1px solid #e7e7e7;
}
.wp-block-table table th, .wp-block-table table td {
  padding: clamp(12px, 2.4890190337vw, 34px) clamp(14px, 2.0497803807vw, 28px);
  border-bottom: 2px solid #D9D9D9;
  font-size: clamp(1.5rem, 1.4641288433vw, 2rem);
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  vertical-align: top;
}
.wp-block-table table.scroll {
  display: block;
  overflow: auto;
  border: none;
  white-space: nowrap;
}
.wp-block-table table.scroll ::-webkit-scrollbar {
  height: 5px;
}
.wp-block-table table.scroll ::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.wp-block-table table.scroll ::-webkit-scrollbar-thumb {
  background: #bcbcbc;
}

.wp-block-table td, .wp-block-table th {
  border: initial;
}

@media screen and (max-width: 767px) {
  /*=================================
    table
  =================================*/
  table {
    margin: 20px 0 40px;
    /* スクロールのつまみ部分の設定 */
  }
  table:not(.noscroll) {
    display: block;
    overflow-x: auto;
    border: none;
    white-space: nowrap;
  }
  table:not(.noscroll) td, table:not(.noscroll) th {
    padding: 22px 34px;
  }
  table.noscroll {
    display: block;
    border-bottom: 2px solid #D9D9D9;
  }
  table.noscroll tr, table.noscroll th, table.noscroll td {
    display: block;
    width: 100%;
  }
  table.noscroll td, table.noscroll th {
    padding: 22px 8.7179487179%;
  }
  table.noscroll td {
    border: none;
  }
  table.noscroll tr:not(:first-child) th {
    border: none;
    border-top: 2px solid #D9D9D9;
  }
  table caption {
    margin: 15px 0;
    font-size: 1.5rem;
  }
  table thead th, table thead td {
    padding: 10px 8.7179487179%;
    font-size: 2rem;
  }
  table th, table td {
    font-size: 1.8rem;
  }
  table::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  table::-webkit-scrollbar-track {
    border-radius: none;
    background: #d6d6d6;
  }
  table::-webkit-scrollbar-thumb {
    background: #02817C;
  }
  .wp-block-table table {
    margin: 20px 0 40px;
    /* スクロールのつまみ部分の設定 */
  }
  .wp-block-table table:not(.noscroll) {
    display: block;
    overflow-x: auto;
    border: none;
    white-space: nowrap;
  }
  .wp-block-table table caption {
    margin: 15px 0;
    font-size: 1.5rem;
  }
  .wp-block-table table th, .wp-block-table table td {
    padding: 14px 15px;
  }
  .wp-block-table table::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  .wp-block-table table::-webkit-scrollbar-track {
    border-radius: none;
    background: #d6d6d6;
  }
  .wp-block-table table::-webkit-scrollbar-thumb {
    background: #02817C;
  }
  .scrollAnnounce {
    display: block;
    text-align: center;
  }
  .scrollAnnounce .text {
    position: relative;
    padding: 3px 6px;
    background: #02817C;
    font-size: 1.3rem;
    font-weight: 600;
    color: #fff;
  }
  .scrollAnnounce .text::after {
    position: absolute;
    bottom: -7px;
    left: 50%;
    display: inline-block;
    border-width: 7px 6.5px 0 6.5px;
    border-style: solid;
    border-color: #02817C transparent transparent transparent;
    content: "";
    transform: translateX(-50%);
  }
}
/*=================================
  breadcrumb
=================================*/
.breadcrumb {
  padding: 30px 2.2% 0;
  text-align: right;
}
.breadcrumb ul li {
  display: inline-block;
  font-size: clamp(1.4rem, 1.1713030747vw, 1.6rem);
  font-weight: 500;
  line-height: 1;
}
.breadcrumb ul li:not(:first-child) {
  margin-left: 17px;
}
.breadcrumb ul li:not(:first-child)::before {
  display: inline-block;
  width: 6px;
  height: 11px;
  margin-right: 17px;
  background: url(../img/icon/icon_arrow_breadcrumb.svg) no-repeat center center;
  background-size: contain;
  content: "";
}
.breadcrumb ul li span {
  font-size: clamp(1.4rem, 1.1713030747vw, 1.6rem);
  font-weight: 500;
  line-height: 1;
  color: #333333;
}
.breadcrumb ul li a {
  font-size: clamp(1.4rem, 1.1713030747vw, 1.6rem);
  font-weight: 500;
  line-height: 1;
  color: #333333;
}
@media screen and (min-width: 767px) {
  .breadcrumb ul li a:hover {
    color: #3a67bb;
    text-decoration: none;
  }
}

@media screen and (min-width: 0) and (max-width: 767px) {
  /*=================================
    breadcrumb
  =================================*/
  .breadcrumb {
    padding: 17px 4.358974359% 0;
    text-align: left;
  }
  .breadcrumb ul li {
    font-size: 1.3rem;
    line-height: 2.5;
  }
  .breadcrumb ul li:not(:first-child) {
    margin-left: 0;
  }
  .breadcrumb ul li:not(:first-child)::before {
    width: 5px;
    height: 9px;
    margin-right: 15px;
  }
  .breadcrumb ul li span {
    margin-right: 15px;
    font-size: 1.3rem;
    line-height: 2.5;
  }
  .breadcrumb ul li a {
    margin-right: 15px;
    font-size: 1.3rem;
    line-height: 2.5;
  }
}
/*=================================
  toc
=================================*/
.tocBox {
  margin: 40px auto;
  padding: 100px 3%;
  background: #02817C;
}
.tocBox__inner {
  max-width: 1226px;
  margin: 0 auto;
}
.tocBox__ttl {
  margin-bottom: 60px;
  font-family: "Poppins", sans-serif;
  font-size: clamp(1.8rem, 2.7086383602vw, 3.7rem);
  font-weight: 500;
  line-height: 1;
  color: rgba(255, 255, 255, 0.5);
}
.tocBox .tocList {
  padding: 0 1.5%;
  counter-reset: tocNum;
}
.tocBox .tocList__item {
  position: relative;
}
.tocBox .tocList__item::before {
  position: absolute;
  top: 1px;
  left: 0;
  display: inline-block;
  font-size: clamp(1.5rem, 1.4641288433vw, 2rem);
  font-weight: 700;
  color: #fff;
  content: "0" counter(tocNum);
  counter-increment: tocNum;
}
.tocBox .tocList__item a {
  display: inline-block;
  padding: 0 0 0 38px;
  font-size: clamp(1.5rem, 1.4641288433vw, 2rem);
  font-weight: 700;
  color: #fff;
}
@media screen and (min-width: 767px) {
  .tocBox .tocList__item a:hover {
    text-decoration: none;
  }
}
.tocBox .tocList__item + .tocList__item {
  margin-top: 1.5em;
}
.tocBox .tocList__item .tocList {
  margin-top: 1em;
  padding-left: 2.5em;
  counter-reset: tocChildNum;
}
.tocBox .tocList__item .tocList__item::before {
  content: "0" counter(tocChildNum);
  counter-increment: tocChildNum;
}
.tocBox .tocList__item .tocList__item a {
  padding-left: 2em;
}
.tocBox .tocList__item .tocList__item + .tocList__item {
  margin-top: 0.5em;
}
.tocBox .tocMore {
  position: relative;
  left: 50%;
  display: inline-block;
  margin-top: 20px;
  padding: 8px 20px;
  background: #ffce08;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
  text-align: center;
  cursor: pointer;
  transform: translateX(-50%);
}
@media screen and (min-width: 767px) {
  .tocBox .tocMore:hover {
    background: #02817C;
    color: #fff;
  }
}

@media screen and (min-width: 0) and (max-width: 767px) {
  .tocBox {
    margin: 35px auto;
    padding: 30px 4.358974359% 60px;
  }
  .tocBox__ttl {
    margin-bottom: 22px;
    font-size: 2.5rem;
  }
  .tocBox .tocList {
    padding: 0;
  }
  .tocBox .tocList__item::before {
    font-size: 1.8rem;
  }
  .tocBox .tocList__item a {
    font-size: 1.8rem;
  }
  .tocBox .tocMore {
    font-size: 1.4rem;
  }
}
/*=================================
  pager
=================================*/
.pager {
  max-width: 1000px;
  margin-top: 80px;
}
.pagerList {
  display: flex;
  justify-content: center;
}
.pagerList__item {
  margin-right: 6px;
}
.pagerList__item a, .pagerList__item span {
  display: block;
  padding: 13px 16px;
  font-size: 1.5rem;
  line-height: 1;
}
.pagerList__item a {
  background: #e7edf8;
  color: #02817C;
  text-decoration: none;
}
@media screen and (min-width: 767px) {
  .pagerList__item a:hover {
    background: #02817C;
    color: #fff;
  }
}
.pagerList__item span {
  background: #02817C;
  color: #fff;
}
.pager .wp-pagenavi {
  display: flex;
  justify-content: center;
}
.pager .wp-pagenavi .pages {
  margin-right: 6px;
  padding: 13px 16px;
  border: 1px solid #02817C;
  font-size: 1.5rem;
  line-height: 1;
}
.pager .wp-pagenavi .current {
  display: block;
  padding: 13px 16px;
  border: 1px solid #02817C;
  background: #02817C;
  font-size: 1.5rem;
  line-height: 1;
  color: #fff;
  text-decoration: none;
}
.pager .wp-pagenavi .page {
  display: block;
  margin-left: 6px;
  padding: 13px 16px;
  border: 1px solid #e7edf8;
  background: #e7edf8;
  font-size: 1.5rem;
  line-height: 1;
  color: #02817C;
  text-decoration: none;
}
@media screen and (min-width: 767px) {
  .pager .wp-pagenavi .page:hover {
    background: #02817C;
    color: #fff;
  }
}
.pager .wp-pagenavi .nextpostslink {
  display: block;
  margin-left: 6px;
  padding: 13px 16px;
  border: 1px solid #02817C;
  background: #fff;
  font-size: 1.5rem;
  line-height: 1;
  color: #02817C;
  text-decoration: none;
}
@media screen and (min-width: 767px) {
  .pager .wp-pagenavi .nextpostslink:hover {
    background: #02817C;
    color: #fff;
  }
}
.pager .wp-pagenavi .previouspostslink {
  display: block;
  padding: 13px 16px;
  border: 1px solid #02817C;
  background: #fff;
  font-size: 1.5rem;
  line-height: 1;
  color: #02817C;
  text-decoration: none;
}
@media screen and (min-width: 767px) {
  .pager .wp-pagenavi .previouspostslink:hover {
    background: #02817C;
    color: #fff;
  }
}

@media screen and (max-width: 767px) {
  /*=================================
    pager
  =================================*/
  .pager {
    display: block;
    margin-top: 40px;
    text-align: center;
  }
  .pagerList {
    justify-content: center;
  }
  .pagerList__item {
    margin-right: 8px;
  }
  .pagerList__item a, .pagerList__item span {
    padding: 11px 14px;
  }
  .pager .wp-pagenavi .pages {
    margin-right: 8px;
    padding: 11px 14px;
  }
  .pager .wp-pagenavi .current {
    padding: 11px 14px;
  }
  .pager .wp-pagenavi .page {
    margin-left: 8px;
    padding: 11px 14px;
  }
  .pager .wp-pagenavi .nextpostslink {
    margin-left: 8px;
    padding: 11px 14px;
  }
  .pager .wp-pagenavi .previouspostslink {
    padding: 11px 14px;
  }
}
/*=================================
  topPage
=================================*/
.home {
  background: #F6F6F6;
  /* メインビジュアル */
}
.home .kv {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: clamp(50vh, 66.6178623719vw, 100vh);
}
.home .kv__catch {
  position: absolute;
  z-index: 2;
  bottom: 5%;
  left: 5.1244509517vw;
}
.home .kv__catch .text {
  font-size: clamp(4.6rem, 4.39238653vw, 6rem);
  font-weight: 700;
  line-height: 1.333333;
  color: #fff;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  font-feature-settings: "palt";
}
.home .kv__catch .img {
  display: block;
  width: clamp(380px, 35.7979502196vw, 489px);
  margin: 3.5164% 0 0 4%;
}
.home .kv .kv__slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home .kv .kv__slider .kv__img::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  content: "";
}
@keyframes mv-zoom-out {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.home .kv .swiper-slide-active .kv__img,
.home .kv .swiper-slide-duplicate-active .kv__img,
.home .kv .swiper-slide-prev .kv__img {
  display: block;
  animation: mv-zoom-out 8s linear 0s 1 normal both;
}
.home .kv .swiper-slide img {
  width: 100%;
  height: auto;
}
.home .section--info {
  position: relative;
  padding: clamp(32px, 6.8814055637vw, 94px) clamp(35px, 5.1244509517vw, 70px) clamp(52px, 7.6134699854vw, 104px) 0;
}
.home .section--info__ruby {
  position: absolute;
  z-index: 1;
  top: clamp(17px, 2.5622254758vw, 35px);
  right: 1.2445095168vw;
  width: clamp(380px, 55.710102489vw, 761px);
  mix-blend-mode: multiply;
}
.home .section--info .infoBox {
  display: flex;
  box-sizing: content-box;
  max-width: 1226px;
  margin: 0 auto;
  padding: clamp(25px, 3.6603221083vw, 50px) clamp(35px, 5.1244509517vw, 70px);
}
.home .section--info .infoBox__ttl {
  width: clamp(100px, 10.980966325vw, 150px);
  margin-right: clamp(20px, 2.9282576867vw, 40px);
  padding-right: clamp(20px, 2.9282576867vw, 40px);
  border-right: 1px solid #fff;
  font-size: clamp(1.8rem, 1.756954612vw, 2.4rem);
  color: #fff;
}
.home .section--info .infoBox .infoList {
  display: flex;
  width: calc(100% - clamp(100px, 10.980966325vw, 150px));
  flex-wrap: wrap;
}
.home .section--info .infoBox .infoList__day {
  width: 5.5em;
  margin-right: 20px;
  font-size: clamp(1.4rem, 1.2445095168vw, 1.7rem);
  line-height: 1.7647;
  color: #fff;
}
.home .section--info .infoBox .infoList__day:nth-of-type(n + 2) {
  margin-top: 10px;
}
.home .section--info .infoBox .infoList__text {
  width: calc(100% - (5.5em + 20px));
  font-size: clamp(1.4rem, 1.2445095168vw, 1.7rem);
  font-weight: 500;
  line-height: 1.7647;
  color: #fff;
}
.home .section--info .infoBox .infoList__text:nth-of-type(n + 2) {
  margin-top: 10px;
}
.home .section--info .infoBox .infoList__text a {
  font-size: clamp(1.4rem, 1.2445095168vw, 1.7rem);
  font-weight: 600;
  color: #fff;
}
.home .section--info .infoBoxWrap {
  border-radius: 0 30px 30px 0;
  background: #02817C;
}
.home .section--main .textWrap p {
  font-size: clamp(1.4rem, 1.4641288433vw, 2rem);
  line-height: 2;
}
.home .section--main .textWrap p + p {
  margin-top: 2em;
}
.home .section--main .col2Wrap--imgLeft {
  display: flex;
  max-width: calc(100% - (100% - 1226px) / 2);
}
.home .section--main .col2Wrap--imgLeftWrap {
  position: relative;
  margin-top: 60px;
  padding: clamp(42px, 6.149341142vw, 84px) clamp(35px, 5.1244509517vw, 70px) clamp(32px, 4.7584187408vw, 65px) 0;
}
.home .section--main .col2Wrap--imgLeftWrap::after {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  display: block;
  width: calc(100vw - 40.7027818448%);
  height: 100%;
  border-radius: 0 0 0 30px;
  background: #fff;
  content: "";
}
@media screen and (min-width: 1366px) {
  .home .section--main .col2Wrap--imgLeftWrap::after {
    width: calc(100% - 556px);
  }
}
.home .section--main .col2Wrap--imgLeft .imgWrap {
  width: min(47.4377745242vw, 648px);
  margin-right: clamp(21px, 4.5387994143vw, 62px);
  transform: translateY(clamp(-144px, -10.541727672vw, -72px));
}
.home .section--main .col2Wrap--imgLeft .textWrap {
  width: calc(100% - min(47.4377745242vw, 648px));
}
.home .section--main .col2Wrap--imgLeft .btn {
  margin-top: clamp(22px, 3.2942898975vw, 45px);
  text-align: right;
}
.home .section--main .col2Wrap--imgLeft + .col2Wrap--imgLeft {
  margin-top: 40px;
}
.home .section--main .col2Wrap--imgRight {
  display: flex;
  flex-direction: row-reverse;
  max-width: 1226px;
  margin: 0 auto;
}
.home .section--main .col2Wrap--imgRightWrap {
  position: relative;
  margin-top: 60px;
  padding: clamp(42px, 6.149341142vw, 84px) clamp(35px, 5.1244509517vw, 70px) clamp(32px, 4.7584187408vw, 65px);
}
.home .section--main .col2Wrap--imgRightWrap::after {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  display: block;
  width: calc(100vw - 31.1127379209%);
  height: 100%;
  border-radius: 0 30px 0 0;
  background: #fff;
  content: "";
}
@media screen and (min-width: 1366px) {
  .home .section--main .col2Wrap--imgRightWrap::after {
    width: calc(100% - (100% - 556px) / 2);
  }
}
.home .section--main .col2Wrap--imgRight .imgWrap {
  width: min(35.2855051245vw, 482px);
  margin-left: clamp(23px, 5.0512445095vw, 69px);
}
.home .section--main .col2Wrap--imgRight .textWrap {
  width: calc(100% - min(35.2855051245vw, 482px));
}
.home .section--main .col2Wrap--imgRight .btn {
  margin-top: clamp(22px, 3.2942898975vw, 45px);
  text-align: right;
}
.home .section--main .col2Wrap--imgRight + .col2Wrap--imgRight {
  margin-top: 40px;
}
.home .section--whatIs {
  margin-top: clamp(82px, 12.0058565154vw, 164px);
  padding: clamp(60px, 8.78477306vw, 120px) 5%;
  background: url(../img/top/bg_whatIs_pc.jpg) no-repeat center top;
  background-size: cover;
}
.home .section--whatIs__inner {
  max-width: 1226px;
  margin: 0 auto;
}
.home .section--whatIs .whatIsTtl {
  margin-bottom: 30px;
  font-size: clamp(3.8rem, 3.513909224vw, 4.8rem);
  color: #fff;
}
.home .section--whatIs .contWrap {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.home .section--whatIs .video {
  width: 100%;
  max-width: clamp(300px, 36.6032210835vw, 500px);
  margin-left: clamp(40px, 7.6134699854vw, 104px);
  aspect-ratio: 16/9;
}
.home .section--whatIs .video iframe {
  width: 100%;
  height: 100%;
}
.home .section--whatIs .text {
  font-size: clamp(1.6rem, 1.6105417277vw, 2.2rem);
  line-height: 2.0454545;
  color: #fff;
}
.home .section--check {
  padding: clamp(47px, 6.9546120059vw, 95px) 5% clamp(51px, 7.467057101vw, 102px);
}
.home .section--check__inner {
  max-width: 1226px;
  margin: 0 auto;
}
.home .section--check .checkList__item {
  position: relative;
}
.home .section--check .checkList__item .checkTtl {
  position: relative;
  margin-bottom: 17px;
  padding-left: clamp(32px, 4.7584187408vw, 65px);
  font-size: clamp(2.2rem, 3.2210834553vw, 4.4rem);
}
.home .section--check .checkList__item .checkTtl::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: clamp(24px, 3.5871156662vw, 49px);
  height: clamp(24px, 3.5871156662vw, 49px);
  border-radius: 50px;
  content: "";
  transform: translateY(-50%);
}
.home .section--check .checkList__item .checkImg {
  position: absolute;
  top: 50%;
  width: clamp(143px, 20.9370424597vw, 286px);
  transform: translateY(-50%);
}
.home .section--check .checkList__item .checkText {
  font-size: 2rem;
  line-height: 2;
}
.home .section--check .checkList__item .list__item {
  position: relative;
  padding-left: 20px;
  font-size: 2rem;
  line-height: 2;
}
.home .section--check .checkList__item .list__item::before {
  position: absolute;
  top: 16px;
  left: 5px;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50px;
  background: #2C3F83;
  content: "";
}
.home .section--check .checkList__item:nth-child(2n+1) {
  padding-right: clamp(172px, 25.1098096633vw, 343px);
}
.home .section--check .checkList__item:nth-child(2n+1) .checkTtl .em {
  color: #2C3F83;
}
.home .section--check .checkList__item:nth-child(2n+1) .checkTtl::before {
  background: url(../img/icon/icon_check_white.svg) no-repeat center center #2C3F83;
  background-size: clamp(10px, 1.0980966325vw, 15px) auto;
}
.home .section--check .checkList__item:nth-child(2n+1) .checkImg {
  right: 0;
}
.home .section--check .checkList__item:nth-child(2n) {
  padding-left: clamp(192px, 28.1844802343vw, 385px);
}
.home .section--check .checkList__item:nth-child(2n) .checkTtl .em {
  color: #02817C;
}
.home .section--check .checkList__item:nth-child(2n) .checkTtl::before {
  background: url(../img/icon/icon_check_white.svg) no-repeat center center #02817C;
  background-size: clamp(10px, 1.0980966325vw, 15px) auto;
}
.home .section--check .checkList__item:nth-child(2n) .checkImg {
  left: 0;
}
.home .section--check .checkList__item + .checkList__item {
  margin-top: clamp(80px, 11.9326500732vw, 163px);
}

@media screen and (min-width: 0) and (max-width: 767px) {
  /*=================================
    topPage
  =================================*/
  .home {
    /* メインビジュアル */
  }
  .home .kv {
    height: 89vh;
  }
  .home .kv__catch {
    position: absolute;
    z-index: 2;
    bottom: 29px;
    left: 4.358974359%;
  }
  .home .kv__catch .text {
    font-size: 3.8rem;
    line-height: 1.28947;
  }
  .home .kv__catch .img {
    width: calc(100% - 17px);
    margin: 23px 0 0;
  }
  .home .kv .kv__slider img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .home .section--info {
    padding: 40px 0;
  }
  .home .section--info__ruby {
    top: 12px;
    right: 0;
    width: 100%;
    padding: 0 4.358974359%;
  }
  .home .section--info .infoBox {
    display: block;
    padding: 60px 4.358974359%;
  }
  .home .section--info .infoBox__ttl {
    width: 100%;
    margin: 0 0 42px;
    padding: 0;
    border-right: none;
    font-size: 2.6rem;
    font-weight: 700;
  }
  .home .section--info .infoBox .infoList {
    display: block;
    width: 100%;
  }
  .home .section--info .infoBox .infoList__day {
    width: 100%;
    margin: 0 0 12px;
    font-size: 2rem;
    line-height: 1.5;
  }
  .home .section--info .infoBox .infoList__day:nth-of-type(n + 2) {
    margin: 0 0 12px;
  }
  .home .section--info .infoBox .infoList__text {
    width: 100%;
    margin: 0 0 40px;
    font-size: 2rem;
    line-height: 1.5;
  }
  .home .section--info .infoBox .infoList__text:nth-of-type(n + 2) {
    margin: 0 0 40px;
  }
  .home .section--info .infoBox .infoList__text a {
    font-size: 2rem;
    font-weight: 700;
  }
  .home .section--info .infoBoxWrap {
    border-radius: 0 30px 30px 0;
    background: #02817C;
  }
  .home .section--main .textWrap p {
    font-size: 2rem;
    line-height: 1.75;
  }
  .home .section--main .textWrap p + p {
    margin-top: 2em;
  }
  .home .section--main .col2Wrap--imgLeft {
    display: block;
    max-width: 100%;
  }
  .home .section--main .col2Wrap--imgLeftWrap {
    margin-top: 60px;
    padding: 0;
  }
  .home .section--main .col2Wrap--imgLeftWrap::after {
    content: none;
  }
  .home .section--main .col2Wrap--imgLeft .imgWrap {
    width: 100%;
    margin-right: 0;
    transform: translateY(0);
  }
  .home .section--main .col2Wrap--imgLeft .textWrap {
    width: 100%;
    padding: 40px 4.358974359% 50px;
    background: #fff;
  }
  .home .section--main .col2Wrap--imgLeft .btn {
    margin-top: 30px;
    text-align: center;
  }
  .home .section--main .col2Wrap--imgLeft + .col2Wrap--imgLeft {
    margin-top: 0;
  }
  .home .section--main .col2Wrap--imgRight {
    display: block;
  }
  .home .section--main .col2Wrap--imgRightWrap {
    margin-top: 0;
    padding: 0;
  }
  .home .section--main .col2Wrap--imgRightWrap::after {
    content: none;
  }
  .home .section--main .col2Wrap--imgRight .imgWrap {
    width: 100%;
    margin: 0;
  }
  .home .section--main .col2Wrap--imgRight .textWrap {
    width: 100%;
    padding: 50px 4.358974359%;
    background: #fff;
  }
  .home .section--main .col2Wrap--imgRight .btn {
    margin-top: 30px;
    text-align: center;
  }
  .home .section--main .col2Wrap--imgRight + .col2Wrap--imgRight {
    margin-top: 0;
  }
  .home .section--whatIs {
    margin-top: 80px;
    padding: 70px 0 78px;
    background: url(../img/top/bg_whatIs_sp.jpg) no-repeat center top;
    background-size: cover;
  }
  .home .section--whatIs .whatIsTtl {
    margin-bottom: 40px;
    padding: 0 4.358974359%;
    font-size: 3.5rem;
    line-height: 1.42857;
  }
  .home .section--whatIs .contWrap {
    display: block;
  }
  .home .section--whatIs .video {
    width: 100%;
    max-width: initial;
    margin-left: 0;
  }
  .home .section--whatIs .text {
    padding: 40px 4.358974359% 0;
    font-size: 2rem;
    line-height: 1.75;
  }
  .home .section--check {
    padding: 60px 8.7179487179% 97px;
  }
  .home .section--check .checkList__item .checkTtl {
    margin-bottom: 16px;
    padding-left: 61px;
    font-size: 3rem;
  }
  .home .section--check .checkList__item .checkTtl::before {
    width: 41px;
    height: 41px;
    content: "";
  }
  .home .section--check .checkList__item .checkImg {
    position: static;
    display: block;
    width: 70%;
    margin: 0 auto 12px;
    transform: translateY(0);
  }
  .home .section--check .checkList__item .checkText {
    line-height: 1.75;
  }
  .home .section--check .checkList__item .list {
    margin: 2em auto;
  }
  .home .section--check .checkList__item .list__item {
    padding-left: 15px;
    font-size: 1.8rem;
  }
  .home .section--check .checkList__item .list__item::before {
    top: 13px;
    left: 0;
  }
  .home .section--check .checkList__item:nth-child(2n+1) {
    padding-right: 0;
  }
  .home .section--check .checkList__item:nth-child(2n+1) .checkTtl::before {
    background-size: 13px auto;
  }
  .home .section--check .checkList__item:nth-child(2n) {
    padding-left: 0;
  }
  .home .section--check .checkList__item:nth-child(2n) .checkTtl::before {
    background-size: 13px auto;
  }
  .home .section--check .checkList__item + .checkList__item {
    margin-top: 60px;
  }
}
/*=================================
  cross talk
=================================*/
.crossTalkPage {
  background: #fff;
}
.crossTalkPage .crossTalkPage__kv img {
  width: 100%;
}
.crossTalkPage .crossTalkPage__ttl {
  padding: clamp(50px, 7.3206442167vw, 100px) 5%;
  font-size: clamp(3rem, 3.6603221083vw, 5rem);
  font-weight: 700;
  line-height: 1.6;
  color: #02817C;
  text-align: center;
}
.crossTalkPage .crossTalkPage__ttl .sub {
  display: block;
  font-size: clamp(2.8rem, 2.9282576867vw, 4rem);
}
.crossTalkPage .contWrap {
  display: flex;
  margin: 0 clamp(5%, 6.588579795vw, 90px) clamp(5%, 6.588579795vw, 90px) 0;
}
.crossTalkPage .contWrap .tocBox {
  position: relative;
  display: flex;
  width: 50%;
  margin: 0;
  padding: 0 clamp(5%, 4.39238653vw, 60px);
  align-items: center;
  justify-content: center;
}
.crossTalkPage .contWrap .tocBox__ttl {
  position: absolute;
  top: clamp(5%, 2.196193265vw, 30px);
  left: clamp(3%, 2.9282576867vw, 40px);
}
.crossTalkPage .contWrap .tocBox__inner {
  width: 100%;
}
.crossTalkPage .contWrap .member {
  width: 50%;
}
.crossTalkPage .contWrap .member img {
  width: 100%;
}
.crossTalkPage .crossTalk {
  padding: 90px 0 0;
  background: #E5F8F7;
  counter-reset: crossTalkNum;
}
.crossTalkPage .crossTalk__inner {
  width: 90%;
  max-width: 1085px;
  margin: 0 auto;
}
.crossTalkPage .crossTalk .crossTalk__item .ttl {
  position: relative;
  margin-bottom: 100px;
  padding: 0 18%;
  font-size: clamp(2.5rem, 3.6603221083vw, 5rem);
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
}
.crossTalkPage .crossTalk .crossTalk__item .ttl::before {
  position: absolute;
  top: 50%;
  left: 5%;
  font-family: "Poppins", sans-serif;
  font-size: clamp(7.3rem, 10.6881405564vw, 14.6rem);
  font-weight: 500;
  color: rgba(2, 129, 124, 0.15);
  content: "0" counter(crossTalkNum);
  counter-increment: crossTalkNum;
  transform: translateY(-50%);
  mix-blend-mode: multiply;
}
.crossTalkPage .crossTalk .crossTalk__item .img {
  display: block;
  margin-top: 60px;
}
.crossTalkPage .crossTalk .crossTalk__item .img img {
  width: 100%;
}
.crossTalkPage .crossTalk .crossTalk__item .balloon--left {
  display: flex;
  width: 84%;
  margin-bottom: 50px;
  align-items: flex-start;
}
.crossTalkPage .crossTalk .crossTalk__item .balloon--left .icon {
  width: 80px;
  margin-right: clamp(15px, 2.9282576867vw, 40px);
}
.crossTalkPage .crossTalk .crossTalk__item .balloon--left .balloon {
  position: relative;
  width: calc(100% - (80px + clamp(15px, 2.9282576867vw, 40px)));
  padding: clamp(17px, 1.9765739385vw, 27px);
  border-radius: 10px;
  background: #fff;
  font-size: clamp(1.5rem, 1.4641288433vw, 2rem);
  font-weight: 700;
  line-height: 2;
  filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.05));
}
.crossTalkPage .crossTalk .crossTalk__item .balloon--left .balloon::before {
  position: absolute;
  top: 28px;
  left: clamp(clamp(-16px, -1.4641288433vw, -20px), -2.9282576867vw, -40px);
  display: inline-block;
  border-width: clamp(8px, 0.878477306vw, 12px) clamp(16px, 1.4641288433vw, 20px) clamp(8px, 0.878477306vw, 12px) 0;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  content: "";
}
.crossTalkPage .crossTalk .crossTalk__item .balloon--right {
  display: flex;
  flex-direction: row-reverse;
  width: 84%;
  margin-bottom: 50px;
  margin-left: auto;
  align-items: flex-start;
}
.crossTalkPage .crossTalk .crossTalk__item .balloon--right .icon {
  width: 80px;
  margin-left: clamp(15px, 2.9282576867vw, 40px);
}
.crossTalkPage .crossTalk .crossTalk__item .balloon--right .balloon {
  position: relative;
  width: calc(100% - (80px + clamp(15px, 2.9282576867vw, 40px)));
  padding: clamp(17px, 1.9765739385vw, 27px);
  border-radius: 10px;
  background: #fff;
  font-size: clamp(1.5rem, 1.4641288433vw, 2rem);
  font-weight: 700;
  line-height: 2;
  filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.05));
}
.crossTalkPage .crossTalk .crossTalk__item .balloon--right .balloon::before {
  position: absolute;
  top: 28px;
  right: clamp(clamp(-16px, -1.4641288433vw, -20px), -2.9282576867vw, -40px);
  display: inline-block;
  border-width: clamp(8px, 0.878477306vw, 12px) 0 clamp(8px, 0.878477306vw, 12px) clamp(16px, 1.4641288433vw, 20px);
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  content: "";
}
.crossTalkPage .crossTalk .crossTalk__item + .crossTalk__item {
  margin-top: clamp(50px, 7.3206442167vw, 100px);
}

@media screen and (min-width: 0) and (max-width: 767px) {
  /*=================================
    cross talk
  =================================*/
  .crossTalkPage {
    background: transparent;
  }
  .crossTalkPage .crossTalkPage__ttl {
    padding: 40px 4.358974359%;
    font-size: 2.5rem;
  }
  .crossTalkPage .crossTalkPage__ttl .sub {
    font-size: 2.3rem;
  }
  .crossTalkPage .contWrap {
    display: block;
    margin: 0;
  }
  .crossTalkPage .contWrap .tocBox {
    display: block;
    width: 100%;
    padding: 29px 4.358974359%;
  }
  .crossTalkPage .contWrap .tocBox__ttl {
    position: static;
  }
  .crossTalkPage .contWrap .member {
    width: 100%;
  }
  .crossTalkPage .contWrap .member__ttl {
    width: 100%;
    padding: 35px 4.358974359%;
    font-family: "Poppins", sans-serif;
    font-size: 2.4rem;
    font-weight: 500;
    color: #02817C;
  }
  .crossTalkPage .crossTalk {
    padding: 60px 0 0;
    background: #E5F8F7;
  }
  .crossTalkPage .crossTalk__inner {
    width: 100%;
  }
  .crossTalkPage .crossTalk .crossTalk__item .ttl {
    position: relative;
    margin-bottom: 50px;
    padding: 0 8.7179487179%;
    font-size: 2.5rem;
  }
  .crossTalkPage .crossTalk .crossTalk__item .ttl::before {
    top: -30%;
    left: 4.358974359%;
    font-size: 7rem;
    line-height: 1;
    transform: translateY(0);
  }
  .crossTalkPage .crossTalk .crossTalk__item .balloon--left {
    width: 95.641025641%;
    margin-bottom: 40px;
    margin-left: auto;
  }
  .crossTalkPage .crossTalk .crossTalk__item .balloon--left .icon {
    width: 54px;
    margin-right: 26px;
  }
  .crossTalkPage .crossTalk .crossTalk__item .balloon--left .balloon {
    width: calc(100% - 67px);
    padding: 4.358974359%;
    border-radius: 5px 0 0 5px;
    font-size: 1.8rem;
    line-height: 1.66666;
  }
  .crossTalkPage .crossTalk .crossTalk__item .balloon--left .balloon::before {
    position: absolute;
    top: 20px;
    left: -13px;
    border-width: 7px 13px 7px 0;
    border-color: transparent #fff transparent transparent;
  }
  .crossTalkPage .crossTalk .crossTalk__item .balloon--right {
    width: 95.641025641%;
    margin: 0;
    margin-bottom: 40px;
  }
  .crossTalkPage .crossTalk .crossTalk__item .balloon--right .icon {
    width: 54px;
    margin-left: 26px;
  }
  .crossTalkPage .crossTalk .crossTalk__item .balloon--right .balloon {
    width: calc(100% - 67px);
    padding: 4.358974359%;
    border-radius: 0 5px 5px 0;
    font-size: 1.8rem;
    line-height: 1.66666;
  }
  .crossTalkPage .crossTalk .crossTalk__item .balloon--right .balloon::before {
    top: 20px;
    right: -13px;
    border-width: 7px 0 7px 13px;
  }
  .crossTalkPage .crossTalk .crossTalk__item + .crossTalk__item {
    margin-top: 60px;
  }
}
/*=================================
  cross talk
=================================*/
.interviewPage .interviewPage__kv {
  padding: clamp(48px, 5.710102489vw, 78px) 5%;
  text-align: center;
}
.interviewPage .interviewPage__kv .img {
  display: block;
  max-width: 1226px;
  margin: 0 auto;
}
.interviewPage .interviewPage__kv .img img {
  width: 100%;
}
.interviewPage .interviewPage__ttl {
  padding: clamp(50px, 7.3206442167vw, 100px) 5%;
  font-size: clamp(3rem, 3.6603221083vw, 5rem);
  font-weight: 700;
  line-height: 1.6;
  color: #02817C;
  text-align: center;
}
.interviewPage .interview {
  padding: clamp(50px, 7.3206442167vw, 100px) 0;
  background: url(../img/interview/bg_interview_pc.png) repeat-y center top #fff;
  background-size: 100% auto;
}
.interviewPage .interview__ttl {
  margin-bottom: clamp(60px, 7.3206442167vw, 100px);
  font-size: clamp(3rem, 3.6603221083vw, 5rem);
  font-weight: 700;
  line-height: 1.6;
  color: #2C3F83;
  text-align: center;
}
.interviewPage .interview__q {
  width: calc(100% - clamp(40px, 4.39238653vw, 60px) * 2);
  margin: 0 auto clamp(20px, 2.196193265vw, 30px);
  font-size: clamp(2.4rem, 2.196193265vw, 3rem);
  font-weight: 700;
  line-height: 1.66666;
}
.interviewPage .interview__q .line {
  position: relative;
  display: inline-block;
  padding-left: clamp(50px, 5.1244509517vw, 70px);
  text-align: left;
}
.interviewPage .interview__q .line::before {
  position: absolute;
  top: 0.8em;
  left: 0;
  display: inline-block;
  width: clamp(40px, 4.39238653vw, 60px);
  height: 2px;
  background: #2C3F83;
  content: "";
}
.interviewPage .interview__q.right {
  width: calc(100% - clamp(92px, 9.663250366vw, 132px) * 2);
  text-align: right;
}
.interviewPage .interview__a {
  width: calc(100% - clamp(92px, 9.663250366vw, 132px) * 2);
  font-size: clamp(1.5rem, 1.4641288433vw, 2rem);
  font-weight: 700;
  line-height: 2;
}
.interviewPage .interview__a + .interview__q {
  margin-top: clamp(50px, 6.588579795vw, 90px);
}
.interviewPage .interview__a.img--right {
  display: flex;
  width: calc(100% - clamp(46px, 4.831625183vw, 66px) * 2);
  margin-left: auto;
}
.interviewPage .interview__a.img--right p {
  width: calc((100% - clamp(30px, 4.39238653vw, 60px)) / 2);
}
.interviewPage .interview__a.img--right .figure {
  width: calc((100% - clamp(30px, 4.39238653vw, 60px)) / 2);
  margin: 0 0 0 clamp(30px, 4.39238653vw, 60px);
}
.interviewPage .interview__a.img--right .figure .caption {
  display: block;
  padding: 3px 3%;
  background: #2C3F83;
  font-size: clamp(1.3rem, 1.0980966325vw, 1.5rem);
  font-weight: 500;
  color: #fff;
  text-align: center;
}
.interviewPage .interview__a.img--right .figure img {
  width: 100%;
}
.interviewPage .interview__a.img--left {
  display: flex;
  width: calc(100% - clamp(46px, 4.831625183vw, 66px) * 2);
}
.interviewPage .interview__a.img--left p {
  width: calc((100% - clamp(30px, 4.39238653vw, 60px)) / 2);
}
.interviewPage .interview__a.img--left .figure {
  width: calc((100% - clamp(30px, 4.39238653vw, 60px)) / 2);
  margin: 0 clamp(30px, 4.39238653vw, 60px) 0 0;
}
.interviewPage .interview__a.img--left .figure .caption {
  display: block;
  padding: 3px 3%;
  background: #2C3F83;
  font-size: clamp(1.3rem, 1.0980966325vw, 1.5rem);
  font-weight: 500;
  color: #fff;
  text-align: center;
}
.interviewPage .interview__a.img--left .figure img {
  width: 100%;
}
.interviewPage .interview__a:not(.img--left):not(.img--right) {
  margin: 0 auto;
}
.interviewPage .dayflow {
  padding: clamp(50px, 7.3206442167vw, 100px) 5% clamp(60px, 8.9311859444vw, 122px) 0;
  background: #E9EEFC;
}
.interviewPage .dayflow__ttl {
  margin-bottom: clamp(40px, 6.2225475842vw, 85px);
  font-size: clamp(2.8rem, 3.6603221083vw, 5rem);
  text-align: center;
}
.interviewPage .dayflow .dayflowList__item {
  display: flex;
  flex-direction: row-reverse;
}
.interviewPage .dayflow .dayflowList__item .imgWrap {
  width: clamp(380px, 35.2855051245vw, 482px);
  margin-left: clamp(-127px, -9.2972181552vw, -60px);
  padding: 0 0 clamp(20px, 2.9282576867vw, 40px);
}
.interviewPage .dayflow .dayflowList__item .textWrap {
  width: calc(100% - clamp(60px, 9.2972181552vw, 127px));
  padding: 0 calc(5% + clamp(60px, 9.2972181552vw, 127px)) 0 5%;
  background: #fff;
}
.interviewPage .dayflow .dayflowList__item .textWrap .headItem {
  display: flex;
  margin-bottom: 30px;
  align-items: center;
}
.interviewPage .dayflow .dayflowList__item .textWrap .headItem .time {
  display: inline-block;
  width: clamp(100px, 10.8345534407vw, 148px);
  margin-right: clamp(12px, 1.4641288433vw, 20px);
  padding: clamp(6px, 0.878477306vw, 12px) clamp(15px, 2.196193265vw, 30px);
  border-radius: 50px;
  background: #2C3F83;
  font-size: clamp(1.5rem, 1.4641288433vw, 2rem);
  font-weight: 700;
  color: #fff;
  text-align: center;
}
.interviewPage .dayflow .dayflowList__item .textWrap .headItem .ttl {
  width: calc(100% - clamp(100px, 10.8345534407vw, 148px));
  font-size: clamp(2.4rem, 2.9282576867vw, 4rem);
  font-weight: 700;
  color: #2C3F83;
}
.interviewPage .dayflow .dayflowList__item .textWrap .text {
  font-size: clamp(1.6rem, 1.4641288433vw, 2rem);
  font-weight: 700;
  line-height: 2;
}
.interviewPage .dayflow .dayflowList__item:first-child .imgWrap {
  padding-top: clamp(45px, 6.588579795vw, 90px);
}
.interviewPage .dayflow .dayflowList__item:first-child .textWrap {
  padding-top: clamp(45px, 6.588579795vw, 90px);
  border-radius: 0 30px 0 0;
}
.interviewPage .dayflow .dayflowList__item:last-child .imgWrap {
  padding-bottom: clamp(60px, 8.8579795022vw, 121px);
}
.interviewPage .message {
  padding: clamp(50px, 7.3206442167vw, 100px) 10%;
  background: #fff;
}
.interviewPage .message__inner {
  max-width: 1085px;
  margin: 0 auto;
}
.interviewPage .message__ttl {
  margin-bottom: clamp(35px, 5.1244509517vw, 70px);
  font-size: clamp(3rem, 3.6603221083vw, 5rem);
  font-weight: 700;
  text-align: center;
}
.interviewPage .message__cont {
  display: flex;
}
.interviewPage .message__cont .img {
  width: clamp(335px, 31.8448023426vw, 435px);
  margin-right: clamp(30px, 4.39238653vw, 60px);
}
.interviewPage .message__cont .text {
  width: calc(100% - clamp(365px, 36.2371888726vw, 495px));
  font-size: clamp(1.5rem, 1.4641288433vw, 2rem);
  font-weight: 700;
  line-height: 2;
}

@media screen and (min-width: 0) and (max-width: 767px) {
  /*=================================
    cross talk
  =================================*/
  .interviewPage .interviewPage__kv {
    padding: 30px 0 0;
  }
  .interviewPage .interviewPage__ttl {
    margin-bottom: 60px;
    padding: 0 4.358974359%;
    font-size: 3rem;
    line-height: 1.333333;
  }
  .interviewPage .interview {
    padding: 60px 0 0;
    background: url(../img/interview/bg_interview_sp.png) repeat-y center top #fff;
    background-size: 100% auto;
  }
  .interviewPage .interview__ttl {
    margin-bottom: 60px;
    padding: 0 4.358974359%;
    font-size: 3rem;
    line-height: 1.333333;
  }
  .interviewPage .interview__q {
    width: 100%;
    margin: 0 0 30px;
    font-size: 2.2rem;
    line-height: 1.454545;
  }
  .interviewPage .interview__q .line {
    display: block;
    padding: 0 8.7179487179%;
  }
  .interviewPage .interview__q .line::before {
    top: 0.6em;
    left: 0;
    width: 25px;
  }
  .interviewPage .interview__q.right {
    width: 100%;
    text-align: left;
  }
  .interviewPage .interview__a {
    width: 100%;
    font-size: 1.8rem;
    line-height: 1.666666;
  }
  .interviewPage .interview__a p {
    padding: 0 8.7179487179%;
  }
  .interviewPage .interview__a + .interview__q {
    margin-top: 60px;
  }
  .interviewPage .interview__a.img--right {
    display: block;
    width: 100%;
    margin-left: 0;
  }
  .interviewPage .interview__a.img--right p {
    width: 100%;
  }
  .interviewPage .interview__a.img--right .figure {
    width: 100%;
    margin: 30px 0 0;
  }
  .interviewPage .interview__a.img--right .figure .caption {
    padding: 3px 4.358974359%;
    font-size: 1.2rem;
  }
  .interviewPage .interview__a.img--left {
    display: block;
    width: 100%;
  }
  .interviewPage .interview__a.img--left p {
    width: 100%;
  }
  .interviewPage .interview__a.img--left .figure {
    width: 100%;
    margin: 0 0 30px;
  }
  .interviewPage .interview__a.img--left .figure .caption {
    padding: 3px 4.358974359%;
    font-size: 1.2rem;
  }
  .interviewPage .dayflow {
    padding: 80px 4.358974359% 55px 0;
  }
  .interviewPage .dayflow__ttl {
    margin-bottom: 80px;
    padding: 0 4.358974359%;
    font-size: 3rem;
  }
  .interviewPage .dayflow .dayflowList__item {
    display: block;
    margin: 0 0 30px;
    padding: 27px 4.358974359% 33px;
    border-radius: 0 20px 0 0;
    background: #fff;
  }
  .interviewPage .dayflow .dayflowList__item .imgWrap {
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  .interviewPage .dayflow .dayflowList__item .textWrap {
    width: 100%;
    padding: 0;
    background: transparent;
  }
  .interviewPage .dayflow .dayflowList__item .textWrap .headItem {
    display: block;
    margin-bottom: 15px;
  }
  .interviewPage .dayflow .dayflowList__item .textWrap .headItem .time {
    width: 100px;
    margin: 0;
    padding: 6px 15px;
    font-size: 1.6rem;
    transform: translate(-8px, -20px);
  }
  .interviewPage .dayflow .dayflowList__item .textWrap .headItem .ttl {
    width: 100%;
    padding: 0 4.358974359%;
    font-size: 2.4rem;
    line-height: 1.458333;
  }
  .interviewPage .dayflow .dayflowList__item .textWrap .text {
    padding: 0 4.358974359%;
    font-size: 1.8rem;
    line-height: 1.66666;
  }
  .interviewPage .dayflow .dayflowList__item:first-child .imgWrap {
    padding-top: 0;
  }
  .interviewPage .dayflow .dayflowList__item:first-child .textWrap {
    padding-top: 0;
    border-radius: 0;
  }
  .interviewPage .dayflow .dayflowList__item:last-child .imgWrap {
    padding-bottom: clamp(60px, 8.8579795022vw, 121px);
  }
  .interviewPage .message {
    padding: 78px 0;
  }
  .interviewPage .message__ttl {
    margin-bottom: 80px;
    padding: 0 4.358974359%;
    font-size: 3rem;
  }
  .interviewPage .message__cont {
    display: block;
  }
  .interviewPage .message__cont .img {
    display: block;
    width: 100%;
    margin: 0 0 40px;
  }
  .interviewPage .message__cont .text {
    width: 100%;
    padding: 0 4.358974359%;
    font-size: 2rem;
    line-height: 1.75;
  }
}
/*=================================
  page--article
=================================*/
/* 記事一覧 */
.articleList {
  position: relative;
  z-index: 1;
}
.articleList__item {
  border-bottom: 3px solid #DBDBDB;
}
@media screen and (min-width: 767px) {
  .articleList__item:hover .textWrap__ttl {
    text-decoration: underline !important;
  }
}
.articleList__item .itemWrap {
  display: flex;
  flex-direction: row-reverse;
  padding: clamp(30px, 3.6603221083vw, 50px) 0;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.articleList__item .itemWrap .thumb {
  overflow: hidden;
  width: 38%;
  max-width: 350px;
  margin-left: 2.8%;
  border-radius: 0 10px 0 0;
}
.articleList__item .itemWrap .thumb img {
  margin: 0 auto;
}
.articleList__item .itemWrap .thumb + .textWrap {
  width: 62%;
}
.articleList__item .itemWrap .textWrap {
  width: 100%;
}
.articleList__item .itemWrap .textWrap__date {
  margin-bottom: 14px;
  font-size: clamp(1.2rem, 1.0248901903vw, 1.4rem);
  font-weight: 400;
  line-height: 1;
}
.articleList__item .itemWrap .textWrap__ttl {
  position: relative;
  display: block;
  padding-left: 18px;
  font-size: clamp(1.6rem, 1.756954612vw, 2.4rem);
  font-weight: 700;
  line-height: 1.66666;
  color: #02817C;
  text-decoration: none;
}
.articleList__item .itemWrap .textWrap__ttl::before {
  position: absolute;
  top: 16px;
  left: 0;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50px;
  background: #02817C;
  content: "";
}
.articleList__item .itemWrap .textWrap__text {
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2;
}

.articleListWrap {
  margin-top: 40px;
  padding: 0 5% clamp(45px, 6.588579795vw, 90px);
}
.articleListWrap__inner {
  max-width: 1226px;
  margin: 0 auto;
  padding: clamp(20px, 2.9282576867vw, 40px) 70px clamp(42px, 6.2225475842vw, 85px);
  border-top: 7px solid #02817C;
  background: #fff;
}
.articleListWrap__inner h1, .articleListWrap__inner h2, .articleListWrap__inner h3, .articleListWrap__inner h4, .articleListWrap__inner h5, .articleListWrap__inner h6 {
  clear: both;
}
.articleListWrap__inner p:not([class]) {
  margin-bottom: 2em;
  font-size: clamp(1.5rem, 1.4641288433vw, 2rem);
  line-height: 2;
}
.articleListWrap__inner h1:not([class]), .articleListWrap__inner h1.wp-block-heading {
  margin-top: clamp(32px, 4.9780380673vw, 68px);
  margin-bottom: clamp(40px, 5.8565153734vw, 80px);
  font-size: clamp(3.5rem, 4.39238653vw, 6rem);
  font-weight: 700;
  line-height: 1.33333;
}
.articleListWrap__inner h2:not([class]), .articleListWrap__inner h2.wp-block-heading {
  width: calc(100% + 140px);
  margin-top: clamp(32px, 4.9780380673vw, 68px);
  margin-bottom: clamp(40px, 5.8565153734vw, 80px);
  margin-left: -70px;
  padding: clamp(46px, 6.8081991215vw, 93px) 5% 0;
  border-top: 7px solid #02817C;
  font-size: clamp(3.2rem, 3.6603221083vw, 5rem);
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (min-width: 767px) and (max-width: 1366px) {
  .articleListWrap__inner h2:not([class]), .articleListWrap__inner h2.wp-block-heading {
    width: calc(100% + 10.2489019034vw);
    margin-left: -5.1244509517vw;
  }
}
.articleListWrap__inner h3:not([class]), .articleListWrap__inner h3.wp-block-heading {
  position: relative;
  margin-top: clamp(50px, 7.3206442167vw, 100px);
  margin-bottom: clamp(30px, 2.9282576867vw, 40px);
  padding: 0 1% 15px;
  border-bottom: 3px solid #CECECE;
  font-size: clamp(3rem, 2.196193265vw, 4rem);
  font-weight: 700;
  line-height: 1.5;
  color: #111;
}
.articleListWrap__inner h3:not([class])::after, .articleListWrap__inner h3.wp-block-heading::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  display: inline-block;
  width: 30%;
  height: 3px;
  background: #02817C;
  content: "";
}
.articleListWrap__inner h4:not([class]), .articleListWrap__inner h4.wp-block-heading {
  margin-top: clamp(40px, 4.39238653vw, 60px);
  margin-bottom: clamp(30px, 2.9282576867vw, 40px);
  padding: 20px 28px;
  border-radius: 0 10px 0 0;
  background: #02817C;
  font-size: clamp(2.2rem, 1.8301610542vw, 2.5rem);
  font-weight: 700;
  color: #fff;
}
.articleListWrap__inner h5:not([class]), .articleListWrap__inner h5.wp-block-heading {
  margin-top: clamp(40px, 4.39238653vw, 60px);
  margin-bottom: clamp(20px, 2.196193265vw, 30px);
  padding: 0 0 0 16px;
  border-left: 10px solid #02817C;
  font-size: clamp(1.8rem, 1.6837481698vw, 2.3rem);
  font-weight: 700;
  line-height: 1.44444;
}
.articleListWrap__inner h6:not([class]), .articleListWrap__inner h6.wp-block-heading {
  position: relative;
  margin-top: 40px;
  margin-bottom: 20px;
  padding-left: 20px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.77777;
  color: #02817C;
}
.articleListWrap__inner h6:not([class])::before, .articleListWrap__inner h6.wp-block-heading::before {
  position: absolute;
  top: 12px;
  left: 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #02817C;
  content: "";
}
.articleListWrap__inner blockquote {
  position: relative;
  box-sizing: border-box;
  margin: 50px 0 30px;
  padding: 50px 20px 20px;
  border: 2px solid #F6F6F6;
  font-style: italic;
  color: #464646;
}
.articleListWrap__inner blockquote::before {
  position: absolute;
  top: -25px;
  left: 15px;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background: #F6F6F6;
  font-size: 5rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1.6;
  color: #02817C;
  text-align: center;
  content: "“";
}
.articleListWrap__inner blockquote h1 {
  position: relative;
  margin: 0 0 20px !important;
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.06em;
}
.articleListWrap__inner blockquote h2 {
  position: relative;
  margin: 0 0 20px !important;
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.06em;
}
.articleListWrap__inner blockquote h3 {
  position: relative;
  margin: 0 0 20px !important;
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.06em;
}
.articleListWrap__inner blockquote h4 {
  position: relative;
  margin: 0 0 20px !important;
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.06em;
}
.articleListWrap__inner blockquote h5 {
  position: relative;
  margin: 0 0 20px !important;
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.06em;
}
.articleListWrap__inner blockquote h6 {
  position: relative;
  margin: 0 0 20px !important;
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.06em;
}
.articleListWrap__inner blockquote p {
  font-style: normal;
}
.articleListWrap__inner blockquote cite {
  display: block;
  margin: 10px 0 0;
  font-size: 0.9em;
  line-height: 1;
  color: #888888;
  text-align: right;
}
.articleListWrap__inner .btnWrap {
  clear: both;
}
.articleListWrap__inner img:not([class]), .articleListWrap__inner.wp-block-heading {
  display: block;
  margin: 15px auto 20px;
}
.articleListWrap__inner img.alignleft {
  float: left;
  margin: 0 clamp(15px, 2.196193265vw, 30px) clamp(15px, 2.196193265vw, 30px) 0;
}
.articleListWrap__inner img.alignright {
  float: right;
  margin: 0 0 clamp(15px, 2.196193265vw, 30px) clamp(15px, 2.196193265vw, 30px);
}
.articleListWrap__inner ul:not([class]) {
  clear: both;
  margin: clamp(20px, 2.196193265vw, 30px) 0;
  padding: clamp(25px, 4.0263543192vw, 55px) 5%;
  background: #E5F8F7;
}
.articleListWrap__inner ul:not([class]) li {
  position: relative;
  padding-left: clamp(20px, 1.9765739385vw, 27px);
  font-size: clamp(1.5rem, 1.4641288433vw, 2rem);
}
.articleListWrap__inner ul:not([class]) li::before {
  position: absolute;
  top: clamp(2px, 0.5856515373vw, 8px);
  left: 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50px;
  background: #02817C;
  content: "";
}
.articleListWrap__inner ul:not([class]) li + li {
  margin-top: clamp(30px, 3.0014641288vw, 41px);
}
.articleListWrap__inner ul:not([class]) h1::before {
  content: none;
}
.articleListWrap__inner ul:not([class]) h2::before {
  content: none;
}
.articleListWrap__inner ul:not([class]) h3::before {
  content: none;
}
.articleListWrap__inner ul:not([class]) h4::before {
  content: none;
}
.articleListWrap__inner ul:not([class]) h5::before {
  content: none;
}
.articleListWrap__inner ul:not([class]) h6::before {
  content: none;
}
.articleListWrap__inner ol:not([class]) {
  clear: both;
  margin: clamp(20px, 2.196193265vw, 30px) 0;
  padding: clamp(25px, 4.0263543192vw, 55px) 5%;
  border: 1px solid #ABABAB;
  background: #fff;
  counter-reset: listNum;
}
.articleListWrap__inner ol:not([class]) li {
  position: relative;
  padding-left: clamp(40px, 3.953147877vw, 54px);
  font-size: clamp(1.5rem, 1.4641288433vw, 2rem);
}
.articleListWrap__inner ol:not([class]) li::before {
  position: absolute;
  top: clamp(-8px, -0.5856515373vw, -2px);
  left: 0;
  display: inline-block;
  width: clamp(30px, 3.0014641288vw, 41px);
  border-radius: 50px;
  background: #02817C;
  font-family: "Poppins", sans-serif;
  font-size: clamp(1.2rem, 1.2445095168vw, 1.7rem);
  font-weight: 500;
  line-height: clamp(30px, 3.0014641288vw, 41px);
  color: #fff;
  text-align: center;
  content: "0" counter(listNum);
  counter-increment: listNum;
}
.articleListWrap__inner ol:not([class]) li + li {
  margin-top: clamp(30px, 3.0014641288vw, 41px);
}
.articleListWrap__inner ol:not([class]) h1::before {
  content: none;
}
.articleListWrap__inner ol:not([class]) h2::before {
  content: none;
}
.articleListWrap__inner ol:not([class]) h3::before {
  content: none;
}
.articleListWrap__inner ol:not([class]) h4::before {
  content: none;
}
.articleListWrap__inner ol:not([class]) h5::before {
  content: none;
}
.articleListWrap__inner ol:not([class]) h6::before {
  content: none;
}
.articleListWrap__inner iframe {
  max-width: 100%;
}
.articleListWrap__inner .wp-block-file:not(.wp-element-button) {
  font-size: clamp(1.5rem, 1.4641288433vw, 2rem);
}
.articleListWrap__inner .wp-block-file__button {
  display: inline-block;
  padding: 11px 30px;
}
@media screen and (min-width: 0) and (max-width: 767px) {
  .articleListWrap__inner p:not([class]) {
    width: 91.2820512821%;
    margin: 0 auto 1.5em;
    font-size: 1.8rem;
    line-height: 1.66666;
  }
  .articleListWrap__inner h1:not([class]), .articleListWrap__inner h1.wp-block-heading {
    width: 91.2820512821%;
    margin: 45px auto 40px;
    font-size: 3rem;
  }
  .articleListWrap__inner h2:not([class]), .articleListWrap__inner h2.wp-block-heading {
    width: 100%;
    margin-top: 45px;
    margin-bottom: 40px;
    margin-left: 0;
    padding: 40px 4.358974359% 0;
    border-top: 4px solid #02817C;
    font-size: 2.8rem;
    line-height: 1.428571;
  }
  .articleListWrap__inner h3:not([class]), .articleListWrap__inner h3.wp-block-heading {
    width: 91.2820512821%;
    margin: 63px auto 40px;
    padding: 0 0 10px;
    font-size: 2.5rem;
  }
  .articleListWrap__inner h4:not([class]), .articleListWrap__inner h4.wp-block-heading {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 15px 4.358974359%;
    border-radius: 0 5px 0 0;
    font-size: 2.2rem;
  }
  .articleListWrap__inner h5:not([class]), .articleListWrap__inner h5.wp-block-heading {
    width: 91.2820512821%;
    margin: 40px auto 20px;
    padding: 0 0 0 10px;
    border-left: 7px solid #02817C;
    font-size: 2rem;
  }
  .articleListWrap__inner h6:not([class]), .articleListWrap__inner h6.wp-block-heading {
    width: 91.2820512821%;
    margin: 40px auto 20px;
    padding-left: 18px;
    font-size: 1.5rem;
    line-height: 1.73333;
  }
  .articleListWrap__inner h6:not([class])::before, .articleListWrap__inner h6.wp-block-heading::before {
    top: 9px;
    width: 8px;
    height: 8px;
  }
  .articleListWrap__inner blockquote {
    box-sizing: border-box;
    margin: 40px 0 30px;
    padding: 40px 3.8461538462% 20px;
    border: 2px solid #e7edf8;
    font-style: italic;
    color: #464646;
  }
  .articleListWrap__inner blockquote::before {
    width: 45px;
    height: 45px;
    font-size: 4rem;
    line-height: 1.5;
  }
  .articleListWrap__inner blockquote h1 {
    font-size: 1.5rem;
  }
  .articleListWrap__inner blockquote h2 {
    font-size: 1.5rem;
  }
  .articleListWrap__inner blockquote h3 {
    font-size: 1.5rem;
  }
  .articleListWrap__inner blockquote h4 {
    font-size: 1.5rem;
  }
  .articleListWrap__inner blockquote h5 {
    font-size: 1.5rem;
  }
  .articleListWrap__inner blockquote h6 {
    font-size: 1.5rem;
  }
  .articleListWrap__inner img.alignleft {
    display: block;
    float: none;
    margin: 15px auto 20px;
  }
  .articleListWrap__inner img.alignright {
    display: block;
    float: none;
    margin: 15px auto 20px;
  }
  .articleListWrap__inner ul:not([class]) {
    width: 91.2820512821%;
    margin: 40px auto 60px;
    padding: 40px 4.358974359%;
  }
  .articleListWrap__inner ul:not([class]) li {
    padding-left: 23px;
    font-size: 2rem;
  }
  .articleListWrap__inner ul:not([class]) li::before {
    top: 11px;
    width: 11px;
    height: 11px;
  }
  .articleListWrap__inner ul:not([class]) li + li {
    margin-top: 30px;
  }
  .articleListWrap__inner ol:not([class]) {
    width: 91.2820512821%;
    margin: 40px auto 60px;
    padding: 40px 4.358974359%;
  }
  .articleListWrap__inner ol:not([class]) li {
    padding-left: 38px;
    font-size: 2rem;
  }
  .articleListWrap__inner ol:not([class]) li::before {
    top: 0px;
    width: 30px;
    font-size: 1.2rem;
    line-height: 30px;
  }
  .articleListWrap__inner ol:not([class]) li + li {
    margin-top: 30px;
  }
  .articleListWrap__inner .wp-block-file:not(.wp-element-button) {
    width: 91.2820512821%;
    margin: 0 auto 1.5em;
    font-size: 1.8rem;
  }
  .articleListWrap__inner .wp-block-file__button {
    display: block;
    max-width: 60%;
    margin: 20px auto;
    padding: 11px 4.358974359%;
    text-align: center;
  }
}
.articleListWrap__inner > h1:first-child {
  margin-top: 0 !important;
}
.articleListWrap__inner > h2:first-child {
  margin-top: 0 !important;
}
.articleListWrap__inner > h3:first-child {
  margin-top: 0 !important;
}
.articleListWrap__inner > h4:first-child {
  margin-top: 0 !important;
}
.articleListWrap__inner > h5:first-child {
  margin-top: 0 !important;
}
.articleListWrap__inner > h6:first-child {
  margin-top: 0 !important;
}
@media screen and (min-width: 767px) and (max-width: 1366px) {
  .articleListWrap__inner {
    padding-right: 5.1244509517vw;
    padding-left: 5.1244509517vw;
  }
}
.articleListWrap__inner .pager + h1 {
  margin-top: 100px;
}
.articleListWrap__inner .pager + h2 {
  margin-top: 100px;
}
.articleListWrap__inner .pager + h3 {
  margin-top: 100px;
}
.articleListWrap__inner .pager + h4 {
  margin-top: 100px;
}
.articleListWrap__inner .pager + h5 {
  margin-top: 100px;
}
.articleListWrap__inner .pager + h6 {
  margin-top: 100px;
}

/* singlePage */
.singlePage {
  margin-top: 40px;
  padding: 0 5% clamp(45px, 6.588579795vw, 90px);
  /*---------------------
    メインビジュアル
  ---------------------*/
}
.singlePage__inner {
  max-width: 1226px;
  margin: 0 auto;
  padding: clamp(46px, 6.8081991215vw, 93px) 70px clamp(42px, 6.2225475842vw, 85px);
  background: #fff;
}
@media screen and (min-width: 767px) and (max-width: 1366px) {
  .singlePage__inner {
    padding-right: 5.1244509517vw;
    padding-left: 5.1244509517vw;
  }
}
.singlePage__inner h1, .singlePage__inner h2, .singlePage__inner h3, .singlePage__inner h4, .singlePage__inner h5, .singlePage__inner h6 {
  clear: both;
}
.singlePage__inner p:not([class]) {
  margin-bottom: 2em;
  font-size: clamp(1.5rem, 1.4641288433vw, 2rem);
  line-height: 2;
}
.singlePage__inner h1:not([class]), .singlePage__inner h1.wp-block-heading {
  margin-top: clamp(32px, 4.9780380673vw, 68px);
  margin-bottom: clamp(40px, 5.8565153734vw, 80px);
  font-size: clamp(3.5rem, 4.39238653vw, 6rem);
  font-weight: 700;
  line-height: 1.33333;
}
.singlePage__inner h2:not([class]), .singlePage__inner h2.wp-block-heading {
  width: calc(100% + 140px);
  margin-top: clamp(32px, 4.9780380673vw, 68px);
  margin-bottom: clamp(40px, 5.8565153734vw, 80px);
  margin-left: -70px;
  padding: clamp(46px, 6.8081991215vw, 93px) 5% 0;
  border-top: 7px solid #02817C;
  font-size: clamp(3.2rem, 3.6603221083vw, 5rem);
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (min-width: 767px) and (max-width: 1366px) {
  .singlePage__inner h2:not([class]), .singlePage__inner h2.wp-block-heading {
    width: calc(100% + 10.2489019034vw);
    margin-left: -5.1244509517vw;
  }
}
.singlePage__inner h3:not([class]), .singlePage__inner h3.wp-block-heading {
  position: relative;
  margin-top: clamp(50px, 7.3206442167vw, 100px);
  margin-bottom: clamp(30px, 2.9282576867vw, 40px);
  padding: 0 1% 15px;
  border-bottom: 3px solid #CECECE;
  font-size: clamp(3rem, 2.196193265vw, 4rem);
  font-weight: 700;
  line-height: 1.5;
  color: #111;
}
.singlePage__inner h3:not([class])::after, .singlePage__inner h3.wp-block-heading::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  display: inline-block;
  width: 30%;
  height: 3px;
  background: #02817C;
  content: "";
}
.singlePage__inner h4:not([class]), .singlePage__inner h4.wp-block-heading {
  margin-top: clamp(40px, 4.39238653vw, 60px);
  margin-bottom: clamp(30px, 2.9282576867vw, 40px);
  padding: 20px 28px;
  border-radius: 0 10px 0 0;
  background: #02817C;
  font-size: clamp(2.2rem, 1.8301610542vw, 2.5rem);
  font-weight: 700;
  color: #fff;
}
.singlePage__inner h5:not([class]), .singlePage__inner h5.wp-block-heading {
  margin-top: clamp(40px, 4.39238653vw, 60px);
  margin-bottom: clamp(20px, 2.196193265vw, 30px);
  padding: 0 0 0 16px;
  border-left: 10px solid #02817C;
  font-size: clamp(1.8rem, 1.6837481698vw, 2.3rem);
  font-weight: 700;
  line-height: 1.44444;
}
.singlePage__inner h6:not([class]), .singlePage__inner h6.wp-block-heading {
  position: relative;
  margin-top: 40px;
  margin-bottom: 20px;
  padding-left: 20px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.77777;
  color: #02817C;
}
.singlePage__inner h6:not([class])::before, .singlePage__inner h6.wp-block-heading::before {
  position: absolute;
  top: 12px;
  left: 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #02817C;
  content: "";
}
.singlePage__inner blockquote {
  position: relative;
  box-sizing: border-box;
  margin: 50px 0 30px;
  padding: 50px 20px 20px;
  border: 2px solid #F6F6F6;
  font-style: italic;
  color: #464646;
}
.singlePage__inner blockquote::before {
  position: absolute;
  top: -25px;
  left: 15px;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background: #F6F6F6;
  font-size: 5rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1.6;
  color: #02817C;
  text-align: center;
  content: "“";
}
.singlePage__inner blockquote h1 {
  position: relative;
  margin: 0 0 20px !important;
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.06em;
}
.singlePage__inner blockquote h2 {
  position: relative;
  margin: 0 0 20px !important;
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.06em;
}
.singlePage__inner blockquote h3 {
  position: relative;
  margin: 0 0 20px !important;
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.06em;
}
.singlePage__inner blockquote h4 {
  position: relative;
  margin: 0 0 20px !important;
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.06em;
}
.singlePage__inner blockquote h5 {
  position: relative;
  margin: 0 0 20px !important;
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.06em;
}
.singlePage__inner blockquote h6 {
  position: relative;
  margin: 0 0 20px !important;
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.06em;
}
.singlePage__inner blockquote p {
  font-style: normal;
}
.singlePage__inner blockquote cite {
  display: block;
  margin: 10px 0 0;
  font-size: 0.9em;
  line-height: 1;
  color: #888888;
  text-align: right;
}
.singlePage__inner .btnWrap {
  clear: both;
}
.singlePage__inner img:not([class]), .singlePage__inner.wp-block-heading {
  display: block;
  margin: 15px auto 20px;
}
.singlePage__inner img.alignleft {
  float: left;
  margin: 0 clamp(15px, 2.196193265vw, 30px) clamp(15px, 2.196193265vw, 30px) 0;
}
.singlePage__inner img.alignright {
  float: right;
  margin: 0 0 clamp(15px, 2.196193265vw, 30px) clamp(15px, 2.196193265vw, 30px);
}
.singlePage__inner ul:not([class]) {
  clear: both;
  margin: clamp(20px, 2.196193265vw, 30px) 0;
  padding: clamp(25px, 4.0263543192vw, 55px) 5%;
  background: #E5F8F7;
}
.singlePage__inner ul:not([class]) li {
  position: relative;
  padding-left: clamp(20px, 1.9765739385vw, 27px);
  font-size: clamp(1.5rem, 1.4641288433vw, 2rem);
}
.singlePage__inner ul:not([class]) li::before {
  position: absolute;
  top: clamp(2px, 0.5856515373vw, 8px);
  left: 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50px;
  background: #02817C;
  content: "";
}
.singlePage__inner ul:not([class]) li + li {
  margin-top: clamp(30px, 3.0014641288vw, 41px);
}
.singlePage__inner ul:not([class]) h1::before {
  content: none;
}
.singlePage__inner ul:not([class]) h2::before {
  content: none;
}
.singlePage__inner ul:not([class]) h3::before {
  content: none;
}
.singlePage__inner ul:not([class]) h4::before {
  content: none;
}
.singlePage__inner ul:not([class]) h5::before {
  content: none;
}
.singlePage__inner ul:not([class]) h6::before {
  content: none;
}
.singlePage__inner ol:not([class]) {
  clear: both;
  margin: clamp(20px, 2.196193265vw, 30px) 0;
  padding: clamp(25px, 4.0263543192vw, 55px) 5%;
  border: 1px solid #ABABAB;
  background: #fff;
  counter-reset: listNum;
}
.singlePage__inner ol:not([class]) li {
  position: relative;
  padding-left: clamp(40px, 3.953147877vw, 54px);
  font-size: clamp(1.5rem, 1.4641288433vw, 2rem);
}
.singlePage__inner ol:not([class]) li::before {
  position: absolute;
  top: clamp(-8px, -0.5856515373vw, -2px);
  left: 0;
  display: inline-block;
  width: clamp(30px, 3.0014641288vw, 41px);
  border-radius: 50px;
  background: #02817C;
  font-family: "Poppins", sans-serif;
  font-size: clamp(1.2rem, 1.2445095168vw, 1.7rem);
  font-weight: 500;
  line-height: clamp(30px, 3.0014641288vw, 41px);
  color: #fff;
  text-align: center;
  content: "0" counter(listNum);
  counter-increment: listNum;
}
.singlePage__inner ol:not([class]) li + li {
  margin-top: clamp(30px, 3.0014641288vw, 41px);
}
.singlePage__inner ol:not([class]) h1::before {
  content: none;
}
.singlePage__inner ol:not([class]) h2::before {
  content: none;
}
.singlePage__inner ol:not([class]) h3::before {
  content: none;
}
.singlePage__inner ol:not([class]) h4::before {
  content: none;
}
.singlePage__inner ol:not([class]) h5::before {
  content: none;
}
.singlePage__inner ol:not([class]) h6::before {
  content: none;
}
.singlePage__inner iframe {
  max-width: 100%;
}
.singlePage__inner .wp-block-file:not(.wp-element-button) {
  font-size: clamp(1.5rem, 1.4641288433vw, 2rem);
}
.singlePage__inner .wp-block-file__button {
  display: inline-block;
  padding: 11px 30px;
}
@media screen and (min-width: 0) and (max-width: 767px) {
  .singlePage__inner p:not([class]) {
    width: 91.2820512821%;
    margin: 0 auto 1.5em;
    font-size: 1.8rem;
    line-height: 1.66666;
  }
  .singlePage__inner h1:not([class]), .singlePage__inner h1.wp-block-heading {
    width: 91.2820512821%;
    margin: 45px auto 40px;
    font-size: 3rem;
  }
  .singlePage__inner h2:not([class]), .singlePage__inner h2.wp-block-heading {
    width: 100%;
    margin-top: 45px;
    margin-bottom: 40px;
    margin-left: 0;
    padding: 40px 4.358974359% 0;
    border-top: 4px solid #02817C;
    font-size: 2.8rem;
    line-height: 1.428571;
  }
  .singlePage__inner h3:not([class]), .singlePage__inner h3.wp-block-heading {
    width: 91.2820512821%;
    margin: 63px auto 40px;
    padding: 0 0 10px;
    font-size: 2.5rem;
  }
  .singlePage__inner h4:not([class]), .singlePage__inner h4.wp-block-heading {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 15px 4.358974359%;
    border-radius: 0 5px 0 0;
    font-size: 2.2rem;
  }
  .singlePage__inner h5:not([class]), .singlePage__inner h5.wp-block-heading {
    width: 91.2820512821%;
    margin: 40px auto 20px;
    padding: 0 0 0 10px;
    border-left: 7px solid #02817C;
    font-size: 2rem;
  }
  .singlePage__inner h6:not([class]), .singlePage__inner h6.wp-block-heading {
    width: 91.2820512821%;
    margin: 40px auto 20px;
    padding-left: 18px;
    font-size: 1.5rem;
    line-height: 1.73333;
  }
  .singlePage__inner h6:not([class])::before, .singlePage__inner h6.wp-block-heading::before {
    top: 9px;
    width: 8px;
    height: 8px;
  }
  .singlePage__inner blockquote {
    box-sizing: border-box;
    margin: 40px 0 30px;
    padding: 40px 3.8461538462% 20px;
    border: 2px solid #e7edf8;
    font-style: italic;
    color: #464646;
  }
  .singlePage__inner blockquote::before {
    width: 45px;
    height: 45px;
    font-size: 4rem;
    line-height: 1.5;
  }
  .singlePage__inner blockquote h1 {
    font-size: 1.5rem;
  }
  .singlePage__inner blockquote h2 {
    font-size: 1.5rem;
  }
  .singlePage__inner blockquote h3 {
    font-size: 1.5rem;
  }
  .singlePage__inner blockquote h4 {
    font-size: 1.5rem;
  }
  .singlePage__inner blockquote h5 {
    font-size: 1.5rem;
  }
  .singlePage__inner blockquote h6 {
    font-size: 1.5rem;
  }
  .singlePage__inner img.alignleft {
    display: block;
    float: none;
    margin: 15px auto 20px;
  }
  .singlePage__inner img.alignright {
    display: block;
    float: none;
    margin: 15px auto 20px;
  }
  .singlePage__inner ul:not([class]) {
    width: 91.2820512821%;
    margin: 40px auto 60px;
    padding: 40px 4.358974359%;
  }
  .singlePage__inner ul:not([class]) li {
    padding-left: 23px;
    font-size: 2rem;
  }
  .singlePage__inner ul:not([class]) li::before {
    top: 11px;
    width: 11px;
    height: 11px;
  }
  .singlePage__inner ul:not([class]) li + li {
    margin-top: 30px;
  }
  .singlePage__inner ol:not([class]) {
    width: 91.2820512821%;
    margin: 40px auto 60px;
    padding: 40px 4.358974359%;
  }
  .singlePage__inner ol:not([class]) li {
    padding-left: 38px;
    font-size: 2rem;
  }
  .singlePage__inner ol:not([class]) li::before {
    top: 0px;
    width: 30px;
    font-size: 1.2rem;
    line-height: 30px;
  }
  .singlePage__inner ol:not([class]) li + li {
    margin-top: 30px;
  }
  .singlePage__inner .wp-block-file:not(.wp-element-button) {
    width: 91.2820512821%;
    margin: 0 auto 1.5em;
    font-size: 1.8rem;
  }
  .singlePage__inner .wp-block-file__button {
    display: block;
    max-width: 60%;
    margin: 20px auto;
    padding: 11px 4.358974359%;
    text-align: center;
  }
}
.singlePage__inner > h1:first-child {
  margin-top: 0 !important;
}
.singlePage__inner > h2:first-child {
  margin-top: 0 !important;
}
.singlePage__inner > h3:first-child {
  margin-top: 0 !important;
}
.singlePage__inner > h4:first-child {
  margin-top: 0 !important;
}
.singlePage__inner > h5:first-child {
  margin-top: 0 !important;
}
.singlePage__inner > h6:first-child {
  margin-top: 0 !important;
}
.singlePage__inner > h2:first-child {
  margin-top: clamp(-93px, -6.8081991215vw, -46px) !important;
}
.singlePage .articleMv {
  overflow: hidden;
  margin: 40px auto;
  text-align: center;
}
.singlePage .articleMv img {
  border-radius: 15px;
}
.singlePage .date {
  display: flex;
  justify-content: flex-end;
}
.singlePage .date * {
  font-size: 1.4rem !important;
  color: #7c7c7c;
}
.singlePage .date * + * {
  margin: 0 0 0 1rem !important;
}
@media screen and (min-width: 0) and (max-width: 767px) {
  .singlePage {
    /*---------------------
      記事タイトル
    ---------------------*/
    /*---------------------
      メインビジュアル
    ---------------------*/
  }
  .singlePage .articleTtl {
    padding: 0 3.8461538462%;
    font-size: 2.2rem;
    line-height: 1.5;
  }
  .singlePage .articleMv {
    margin: 20px auto;
    padding: 0 3.8461538462%;
  }
  .singlePage .date {
    justify-content: flex-start;
  }
  .singlePage .date * {
    font-size: 1.1rem !important;
  }
}

/* 記事詳細ページ */
.articleDetail {
  padding: 50px 3%;
  background: #F6F6F6;
  /*---------------------
    メインビジュアル
  ---------------------*/
}
.articleDetail .articleMv {
  overflow: hidden;
  margin: 40px auto;
  text-align: center;
}
.articleDetail .articleMv img {
  border-radius: 15px;
}
.articleDetail .date {
  display: flex;
  justify-content: flex-end;
}
.articleDetail .date * {
  font-size: 1.4rem !important;
  color: #7c7c7c;
}
.articleDetail .date * + * {
  margin: 0 0 0 1rem !important;
}
@media screen and (min-width: 0) and (max-width: 767px) {
  .articleDetail {
    /*---------------------
      記事タイトル
    ---------------------*/
    /*---------------------
      メインビジュアル
    ---------------------*/
  }
  .articleDetail .articleTtl {
    padding: 0 3.8461538462%;
    font-size: 2.2rem;
    line-height: 1.5;
  }
  .articleDetail .articleMv {
    margin: 20px auto;
    padding: 0 3.8461538462%;
  }
  .articleDetail .date {
    justify-content: flex-start;
  }
  .articleDetail .date * {
    font-size: 1.1rem !important;
  }
}
.articleDetail__inner {
  max-width: 1085px;
  margin: 0 auto;
  padding: 70px 70px 40px;
  border-radius: 20px;
  background: #fff;
}
.articleDetail__inner > h1:first-child {
  margin-top: 0 !important;
}
.articleDetail__inner > h2:first-child {
  margin-top: 0 !important;
}
.articleDetail__inner > h3:first-child {
  margin-top: 0 !important;
}
.articleDetail__inner > h4:first-child {
  margin-top: 0 !important;
}
.articleDetail__inner > h5:first-child {
  margin-top: 0 !important;
}
.articleDetail__inner > h6:first-child {
  margin-top: 0 !important;
}
.articleDetail__inner .tocBox + * {
  margin-top: 0 !important;
}
.articleDetail .articleCont h1, .articleDetail .articleCont h2, .articleDetail .articleCont h3, .articleDetail .articleCont h4, .articleDetail .articleCont h5, .articleDetail .articleCont h6 {
  clear: both;
}
.articleDetail .articleCont p:not([class]) {
  margin-bottom: 2em;
  font-size: clamp(1.5rem, 1.4641288433vw, 2rem);
  line-height: 2;
}
.articleDetail .articleCont h1:not([class]), .articleDetail .articleCont h1.wp-block-heading {
  margin-top: clamp(32px, 4.9780380673vw, 68px);
  margin-bottom: clamp(40px, 5.8565153734vw, 80px);
  font-size: clamp(3.5rem, 4.39238653vw, 6rem);
  font-weight: 700;
  line-height: 1.33333;
}
.articleDetail .articleCont h2:not([class]), .articleDetail .articleCont h2.wp-block-heading {
  width: calc(100% + 140px);
  margin-top: clamp(32px, 4.9780380673vw, 68px);
  margin-bottom: clamp(40px, 5.8565153734vw, 80px);
  margin-left: -70px;
  padding: clamp(46px, 6.8081991215vw, 93px) 5% 0;
  border-top: 7px solid #02817C;
  font-size: clamp(3.2rem, 3.6603221083vw, 5rem);
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (min-width: 767px) and (max-width: 1366px) {
  .articleDetail .articleCont h2:not([class]), .articleDetail .articleCont h2.wp-block-heading {
    width: calc(100% + 10.2489019034vw);
    margin-left: -5.1244509517vw;
  }
}
.articleDetail .articleCont h3:not([class]), .articleDetail .articleCont h3.wp-block-heading {
  position: relative;
  margin-top: clamp(50px, 7.3206442167vw, 100px);
  margin-bottom: clamp(30px, 2.9282576867vw, 40px);
  padding: 0 1% 15px;
  border-bottom: 3px solid #CECECE;
  font-size: clamp(3rem, 2.196193265vw, 4rem);
  font-weight: 700;
  line-height: 1.5;
  color: #111;
}
.articleDetail .articleCont h3:not([class])::after, .articleDetail .articleCont h3.wp-block-heading::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  display: inline-block;
  width: 30%;
  height: 3px;
  background: #02817C;
  content: "";
}
.articleDetail .articleCont h4:not([class]), .articleDetail .articleCont h4.wp-block-heading {
  margin-top: clamp(40px, 4.39238653vw, 60px);
  margin-bottom: clamp(30px, 2.9282576867vw, 40px);
  padding: 20px 28px;
  border-radius: 0 10px 0 0;
  background: #02817C;
  font-size: clamp(2.2rem, 1.8301610542vw, 2.5rem);
  font-weight: 700;
  color: #fff;
}
.articleDetail .articleCont h5:not([class]), .articleDetail .articleCont h5.wp-block-heading {
  margin-top: clamp(40px, 4.39238653vw, 60px);
  margin-bottom: clamp(20px, 2.196193265vw, 30px);
  padding: 0 0 0 16px;
  border-left: 10px solid #02817C;
  font-size: clamp(1.8rem, 1.6837481698vw, 2.3rem);
  font-weight: 700;
  line-height: 1.44444;
}
.articleDetail .articleCont h6:not([class]), .articleDetail .articleCont h6.wp-block-heading {
  position: relative;
  margin-top: 40px;
  margin-bottom: 20px;
  padding-left: 20px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.77777;
  color: #02817C;
}
.articleDetail .articleCont h6:not([class])::before, .articleDetail .articleCont h6.wp-block-heading::before {
  position: absolute;
  top: 12px;
  left: 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #02817C;
  content: "";
}
.articleDetail .articleCont blockquote {
  position: relative;
  box-sizing: border-box;
  margin: 50px 0 30px;
  padding: 50px 20px 20px;
  border: 2px solid #F6F6F6;
  font-style: italic;
  color: #464646;
}
.articleDetail .articleCont blockquote::before {
  position: absolute;
  top: -25px;
  left: 15px;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background: #F6F6F6;
  font-size: 5rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1.6;
  color: #02817C;
  text-align: center;
  content: "“";
}
.articleDetail .articleCont blockquote h1 {
  position: relative;
  margin: 0 0 20px !important;
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.06em;
}
.articleDetail .articleCont blockquote h2 {
  position: relative;
  margin: 0 0 20px !important;
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.06em;
}
.articleDetail .articleCont blockquote h3 {
  position: relative;
  margin: 0 0 20px !important;
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.06em;
}
.articleDetail .articleCont blockquote h4 {
  position: relative;
  margin: 0 0 20px !important;
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.06em;
}
.articleDetail .articleCont blockquote h5 {
  position: relative;
  margin: 0 0 20px !important;
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.06em;
}
.articleDetail .articleCont blockquote h6 {
  position: relative;
  margin: 0 0 20px !important;
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.06em;
}
.articleDetail .articleCont blockquote p {
  font-style: normal;
}
.articleDetail .articleCont blockquote cite {
  display: block;
  margin: 10px 0 0;
  font-size: 0.9em;
  line-height: 1;
  color: #888888;
  text-align: right;
}
.articleDetail .articleCont .btnWrap {
  clear: both;
}
.articleDetail .articleCont img:not([class]), .articleDetail .articleCont.wp-block-heading {
  display: block;
  margin: 15px auto 20px;
}
.articleDetail .articleCont img.alignleft {
  float: left;
  margin: 0 clamp(15px, 2.196193265vw, 30px) clamp(15px, 2.196193265vw, 30px) 0;
}
.articleDetail .articleCont img.alignright {
  float: right;
  margin: 0 0 clamp(15px, 2.196193265vw, 30px) clamp(15px, 2.196193265vw, 30px);
}
.articleDetail .articleCont ul:not([class]) {
  clear: both;
  margin: clamp(20px, 2.196193265vw, 30px) 0;
  padding: clamp(25px, 4.0263543192vw, 55px) 5%;
  background: #E5F8F7;
}
.articleDetail .articleCont ul:not([class]) li {
  position: relative;
  padding-left: clamp(20px, 1.9765739385vw, 27px);
  font-size: clamp(1.5rem, 1.4641288433vw, 2rem);
}
.articleDetail .articleCont ul:not([class]) li::before {
  position: absolute;
  top: clamp(2px, 0.5856515373vw, 8px);
  left: 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50px;
  background: #02817C;
  content: "";
}
.articleDetail .articleCont ul:not([class]) li + li {
  margin-top: clamp(30px, 3.0014641288vw, 41px);
}
.articleDetail .articleCont ul:not([class]) h1::before {
  content: none;
}
.articleDetail .articleCont ul:not([class]) h2::before {
  content: none;
}
.articleDetail .articleCont ul:not([class]) h3::before {
  content: none;
}
.articleDetail .articleCont ul:not([class]) h4::before {
  content: none;
}
.articleDetail .articleCont ul:not([class]) h5::before {
  content: none;
}
.articleDetail .articleCont ul:not([class]) h6::before {
  content: none;
}
.articleDetail .articleCont ol:not([class]) {
  clear: both;
  margin: clamp(20px, 2.196193265vw, 30px) 0;
  padding: clamp(25px, 4.0263543192vw, 55px) 5%;
  border: 1px solid #ABABAB;
  background: #fff;
  counter-reset: listNum;
}
.articleDetail .articleCont ol:not([class]) li {
  position: relative;
  padding-left: clamp(40px, 3.953147877vw, 54px);
  font-size: clamp(1.5rem, 1.4641288433vw, 2rem);
}
.articleDetail .articleCont ol:not([class]) li::before {
  position: absolute;
  top: clamp(-8px, -0.5856515373vw, -2px);
  left: 0;
  display: inline-block;
  width: clamp(30px, 3.0014641288vw, 41px);
  border-radius: 50px;
  background: #02817C;
  font-family: "Poppins", sans-serif;
  font-size: clamp(1.2rem, 1.2445095168vw, 1.7rem);
  font-weight: 500;
  line-height: clamp(30px, 3.0014641288vw, 41px);
  color: #fff;
  text-align: center;
  content: "0" counter(listNum);
  counter-increment: listNum;
}
.articleDetail .articleCont ol:not([class]) li + li {
  margin-top: clamp(30px, 3.0014641288vw, 41px);
}
.articleDetail .articleCont ol:not([class]) h1::before {
  content: none;
}
.articleDetail .articleCont ol:not([class]) h2::before {
  content: none;
}
.articleDetail .articleCont ol:not([class]) h3::before {
  content: none;
}
.articleDetail .articleCont ol:not([class]) h4::before {
  content: none;
}
.articleDetail .articleCont ol:not([class]) h5::before {
  content: none;
}
.articleDetail .articleCont ol:not([class]) h6::before {
  content: none;
}
.articleDetail .articleCont iframe {
  max-width: 100%;
}
.articleDetail .articleCont .wp-block-file:not(.wp-element-button) {
  font-size: clamp(1.5rem, 1.4641288433vw, 2rem);
}
.articleDetail .articleCont .wp-block-file__button {
  display: inline-block;
  padding: 11px 30px;
}
@media screen and (min-width: 0) and (max-width: 767px) {
  .articleDetail .articleCont p:not([class]) {
    width: 91.2820512821%;
    margin: 0 auto 1.5em;
    font-size: 1.8rem;
    line-height: 1.66666;
  }
  .articleDetail .articleCont h1:not([class]), .articleDetail .articleCont h1.wp-block-heading {
    width: 91.2820512821%;
    margin: 45px auto 40px;
    font-size: 3rem;
  }
  .articleDetail .articleCont h2:not([class]), .articleDetail .articleCont h2.wp-block-heading {
    width: 100%;
    margin-top: 45px;
    margin-bottom: 40px;
    margin-left: 0;
    padding: 40px 4.358974359% 0;
    border-top: 4px solid #02817C;
    font-size: 2.8rem;
    line-height: 1.428571;
  }
  .articleDetail .articleCont h3:not([class]), .articleDetail .articleCont h3.wp-block-heading {
    width: 91.2820512821%;
    margin: 63px auto 40px;
    padding: 0 0 10px;
    font-size: 2.5rem;
  }
  .articleDetail .articleCont h4:not([class]), .articleDetail .articleCont h4.wp-block-heading {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 15px 4.358974359%;
    border-radius: 0 5px 0 0;
    font-size: 2.2rem;
  }
  .articleDetail .articleCont h5:not([class]), .articleDetail .articleCont h5.wp-block-heading {
    width: 91.2820512821%;
    margin: 40px auto 20px;
    padding: 0 0 0 10px;
    border-left: 7px solid #02817C;
    font-size: 2rem;
  }
  .articleDetail .articleCont h6:not([class]), .articleDetail .articleCont h6.wp-block-heading {
    width: 91.2820512821%;
    margin: 40px auto 20px;
    padding-left: 18px;
    font-size: 1.5rem;
    line-height: 1.73333;
  }
  .articleDetail .articleCont h6:not([class])::before, .articleDetail .articleCont h6.wp-block-heading::before {
    top: 9px;
    width: 8px;
    height: 8px;
  }
  .articleDetail .articleCont blockquote {
    box-sizing: border-box;
    margin: 40px 0 30px;
    padding: 40px 3.8461538462% 20px;
    border: 2px solid #e7edf8;
    font-style: italic;
    color: #464646;
  }
  .articleDetail .articleCont blockquote::before {
    width: 45px;
    height: 45px;
    font-size: 4rem;
    line-height: 1.5;
  }
  .articleDetail .articleCont blockquote h1 {
    font-size: 1.5rem;
  }
  .articleDetail .articleCont blockquote h2 {
    font-size: 1.5rem;
  }
  .articleDetail .articleCont blockquote h3 {
    font-size: 1.5rem;
  }
  .articleDetail .articleCont blockquote h4 {
    font-size: 1.5rem;
  }
  .articleDetail .articleCont blockquote h5 {
    font-size: 1.5rem;
  }
  .articleDetail .articleCont blockquote h6 {
    font-size: 1.5rem;
  }
  .articleDetail .articleCont img.alignleft {
    display: block;
    float: none;
    margin: 15px auto 20px;
  }
  .articleDetail .articleCont img.alignright {
    display: block;
    float: none;
    margin: 15px auto 20px;
  }
  .articleDetail .articleCont ul:not([class]) {
    width: 91.2820512821%;
    margin: 40px auto 60px;
    padding: 40px 4.358974359%;
  }
  .articleDetail .articleCont ul:not([class]) li {
    padding-left: 23px;
    font-size: 2rem;
  }
  .articleDetail .articleCont ul:not([class]) li::before {
    top: 11px;
    width: 11px;
    height: 11px;
  }
  .articleDetail .articleCont ul:not([class]) li + li {
    margin-top: 30px;
  }
  .articleDetail .articleCont ol:not([class]) {
    width: 91.2820512821%;
    margin: 40px auto 60px;
    padding: 40px 4.358974359%;
  }
  .articleDetail .articleCont ol:not([class]) li {
    padding-left: 38px;
    font-size: 2rem;
  }
  .articleDetail .articleCont ol:not([class]) li::before {
    top: 0px;
    width: 30px;
    font-size: 1.2rem;
    line-height: 30px;
  }
  .articleDetail .articleCont ol:not([class]) li + li {
    margin-top: 30px;
  }
  .articleDetail .articleCont .wp-block-file:not(.wp-element-button) {
    width: 91.2820512821%;
    margin: 0 auto 1.5em;
    font-size: 1.8rem;
  }
  .articleDetail .articleCont .wp-block-file__button {
    display: block;
    max-width: 60%;
    margin: 20px auto;
    padding: 11px 4.358974359%;
    text-align: center;
  }
}

/* お知らせ */
.information {
  padding: 0 5% clamp(50px, 7.3206442167vw, 100px);
}
.information .infoList {
  display: flex;
  max-width: 1226px;
  margin: 0 auto;
  border-top: 3px solid #DBDBDB;
  flex-wrap: wrap;
}
.information .infoList__day {
  width: 15em;
  padding: clamp(16px, 2.4158125915vw, 33px) 0;
  border-bottom: 3px solid #DBDBDB;
  font-size: clamp(1.4rem, 1.4641288433vw, 2rem);
  line-height: 1.5;
  color: #02817C;
}
.information .infoList__day .cat {
  margin-left: clamp(25px, 4.0263543192vw, 55px);
  padding: 3px 12px;
  border-radius: 2px;
  background: #02817C;
  font-size: clamp(1.2rem, 1.0980966325vw, 1.5rem);
  color: #fff;
}
.information .infoList__text {
  width: calc(100% - 15em);
  padding: clamp(16px, 2.4158125915vw, 33px) 0;
  border-bottom: 3px solid #DBDBDB;
  font-size: clamp(1.4rem, 1.4641288433vw, 2rem);
  line-height: 1.5;
  color: #02817C;
}
.information .infoList__text a {
  font-size: clamp(1.4rem, 1.2445095168vw, 1.7rem);
  font-weight: 600;
  color: #02817C;
}

@media screen and (max-width: 767px) {
  /* singlePage */
  .singlePage {
    margin-top: 38px;
    padding: 0;
  }
  .singlePage__inner {
    padding: 40px 0 78px;
  }
  .singlePage__inner > h1:first-child {
    margin-top: 0 !important;
  }
  .singlePage__inner > h2:first-child {
    margin-top: -40px !important;
  }
  .singlePage__inner > h2:first-child {
    margin-top: 0 !important;
  }
  .singlePage__inner > h2:first-child {
    margin-top: -40px !important;
  }
  .singlePage__inner > h3:first-child {
    margin-top: 0 !important;
  }
  .singlePage__inner > h2:first-child {
    margin-top: -40px !important;
  }
  .singlePage__inner > h4:first-child {
    margin-top: 0 !important;
  }
  .singlePage__inner > h2:first-child {
    margin-top: -40px !important;
  }
  .singlePage__inner > h5:first-child {
    margin-top: 0 !important;
  }
  .singlePage__inner > h2:first-child {
    margin-top: -40px !important;
  }
  .singlePage__inner > h6:first-child {
    margin-top: 0 !important;
  }
  .singlePage__inner > h2:first-child {
    margin-top: -40px !important;
  }
  /* 記事詳細ページ */
  .articleDetail {
    margin-top: 20px;
    padding: 50px 3.8461538462%;
  }
  .articleDetail__inner {
    overflow: hidden;
    padding: 30px 3.8461538462% 42px;
  }
  /* 関連記事 */
  .relatedBox {
    padding: 40px 10.2564102564%;
  }
  .relatedBox__ttl {
    font-size: 2.4rem;
    line-height: 1.083333;
  }
  .relatedBox__ttl::before {
    width: 6px;
    height: 6px;
    margin: -5px 8px 0 0;
  }
  .relatedBox__text {
    margin-top: 10px;
    font-size: 1.4rem;
  }
  .relatedList {
    display: block;
  }
  .relatedList__item {
    width: 100%;
    margin-bottom: 30px;
  }
  .relatedList__item:not(:nth-child(3n+1)) {
    margin-left: 0;
  }
  .relatedList__item .itemWrap {
    display: block;
  }
  .relatedList__item .itemWrap .thumb {
    margin-bottom: 12px;
    border-radius: 5px;
  }
  .relatedList__item .itemWrap .thumb .label {
    font-size: 1rem;
  }
  .relatedList__item .itemWrap .textWrap__date {
    margin-bottom: 12px;
  }
  .relatedList__item .itemWrap .textWrap__ttl {
    font-size: 1.4rem;
    line-height: 1.71428;
  }
  .relatedList__item .itemWrap .textWrap__text {
    display: none;
    line-height: 1.66666;
  }
  /* 記事一覧ページ */
  .articleList__item .itemWrap {
    padding: 30px 0;
  }
  .articleList__item .itemWrap .thumb {
    max-width: initial;
    margin: 0 0 15px;
    text-align: center;
  }
  .articleList__item .itemWrap .textWrap__ttl {
    font-size: 1.6rem;
  }
  .articleList__item .itemWrap .textWrap__ttl::before {
    top: 10px;
    width: 6px;
    height: 6px;
  }
  .articleList__item .itemWrap .textWrap__text {
    display: none;
    margin-top: 10px;
    font-size: 1.4rem;
    line-height: 1.66666;
  }
  .articleListWrap {
    margin-top: 20px;
    padding: 40px 0;
  }
  .articleListWrap__inner {
    overflow: hidden;
    padding: 30px 4.358974359% 42px;
  }
  .articleListWrap__inner .pager + h1 {
    margin-top: 50px;
  }
  .articleListWrap__inner .pager + h2 {
    margin-top: 50px;
  }
  .articleListWrap__inner .pager + h3 {
    margin-top: 50px;
  }
  .articleListWrap__inner .pager + h4 {
    margin-top: 50px;
  }
  .articleListWrap__inner .pager + h5 {
    margin-top: 50px;
  }
  .articleListWrap__inner .pager + h6 {
    margin-top: 50px;
  }
  /* お知らせ */
  .information {
    padding: 80px 4.358974359% 50px;
  }
  .information .infoList {
    display: block;
    border-top: none;
  }
  .information .infoList__day {
    width: 100%;
    padding: 15px 0 0;
    border-bottom: none;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #333;
  }
  .information .infoList__day .cat {
    margin-left: 20px;
    padding: 3px 6px;
    font-size: 1.3rem;
  }
  .information .infoList__text {
    width: 100%;
    margin-top: 10px;
    padding: 0 0 15px;
    border-bottom: 3px solid #DBDBDB;
    font-size: 1.8rem;
  }
  .information .infoList__text a {
    font-size: 1.8rem;
  }
}
/*=================================
  お問い合わせ
=================================*/
.contactPage {
  margin-top: 40px;
  padding: 0 5% clamp(40px, 5.1244509517vw, 70px);
  /*---------------------
    メインビジュアル
  ---------------------*/
}
.contactPage__inner {
  max-width: 1226px;
  margin: 0 auto;
  padding: clamp(46px, 6.8081991215vw, 93px) 70px clamp(42px, 6.2225475842vw, 85px);
  border-top: 7px solid #2C3F83;
  background: #fff;
}
@media screen and (min-width: 767px) and (max-width: 1366px) {
  .contactPage__inner {
    padding-right: 5.1244509517vw;
    padding-left: 5.1244509517vw;
  }
}
.contactPage__inner h1, .contactPage__inner h2, .contactPage__inner h3, .contactPage__inner h4, .contactPage__inner h5, .contactPage__inner h6 {
  clear: both;
}
.contactPage__inner p:not([class]) {
  margin-bottom: 2em;
  font-size: clamp(1.5rem, 1.4641288433vw, 2rem);
  line-height: 2;
}
.contactPage__inner h1:not([class]), .contactPage__inner h1.wp-block-heading {
  margin-top: clamp(32px, 4.9780380673vw, 68px);
  margin-bottom: clamp(40px, 5.8565153734vw, 80px);
  font-size: clamp(3.5rem, 4.39238653vw, 6rem);
  font-weight: 700;
  line-height: 1.33333;
}
.contactPage__inner h2:not([class]), .contactPage__inner h2.wp-block-heading {
  width: calc(100% + 140px);
  margin-top: clamp(32px, 4.9780380673vw, 68px);
  margin-bottom: clamp(40px, 5.8565153734vw, 80px);
  margin-left: -70px;
  padding: clamp(46px, 6.8081991215vw, 93px) 5% 0;
  border-top: 7px solid #02817C;
  font-size: clamp(3.2rem, 3.6603221083vw, 5rem);
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (min-width: 767px) and (max-width: 1366px) {
  .contactPage__inner h2:not([class]), .contactPage__inner h2.wp-block-heading {
    width: calc(100% + 10.2489019034vw);
    margin-left: -5.1244509517vw;
  }
}
.contactPage__inner h3:not([class]), .contactPage__inner h3.wp-block-heading {
  position: relative;
  margin-top: clamp(50px, 7.3206442167vw, 100px);
  margin-bottom: clamp(30px, 2.9282576867vw, 40px);
  padding: 0 1% 15px;
  border-bottom: 3px solid #CECECE;
  font-size: clamp(3rem, 2.196193265vw, 4rem);
  font-weight: 700;
  line-height: 1.5;
  color: #111;
}
.contactPage__inner h3:not([class])::after, .contactPage__inner h3.wp-block-heading::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  display: inline-block;
  width: 30%;
  height: 3px;
  background: #02817C;
  content: "";
}
.contactPage__inner h4:not([class]), .contactPage__inner h4.wp-block-heading {
  margin-top: clamp(40px, 4.39238653vw, 60px);
  margin-bottom: clamp(30px, 2.9282576867vw, 40px);
  padding: 20px 28px;
  border-radius: 0 10px 0 0;
  background: #02817C;
  font-size: clamp(2.2rem, 1.8301610542vw, 2.5rem);
  font-weight: 700;
  color: #fff;
}
.contactPage__inner h5:not([class]), .contactPage__inner h5.wp-block-heading {
  margin-top: clamp(40px, 4.39238653vw, 60px);
  margin-bottom: clamp(20px, 2.196193265vw, 30px);
  padding: 0 0 0 16px;
  border-left: 10px solid #02817C;
  font-size: clamp(1.8rem, 1.6837481698vw, 2.3rem);
  font-weight: 700;
  line-height: 1.44444;
}
.contactPage__inner h6:not([class]), .contactPage__inner h6.wp-block-heading {
  position: relative;
  margin-top: 40px;
  margin-bottom: 20px;
  padding-left: 20px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.77777;
  color: #02817C;
}
.contactPage__inner h6:not([class])::before, .contactPage__inner h6.wp-block-heading::before {
  position: absolute;
  top: 12px;
  left: 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #02817C;
  content: "";
}
.contactPage__inner blockquote {
  position: relative;
  box-sizing: border-box;
  margin: 50px 0 30px;
  padding: 50px 20px 20px;
  border: 2px solid #F6F6F6;
  font-style: italic;
  color: #464646;
}
.contactPage__inner blockquote::before {
  position: absolute;
  top: -25px;
  left: 15px;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background: #F6F6F6;
  font-size: 5rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1.6;
  color: #02817C;
  text-align: center;
  content: "“";
}
.contactPage__inner blockquote h1 {
  position: relative;
  margin: 0 0 20px !important;
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.06em;
}
.contactPage__inner blockquote h2 {
  position: relative;
  margin: 0 0 20px !important;
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.06em;
}
.contactPage__inner blockquote h3 {
  position: relative;
  margin: 0 0 20px !important;
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.06em;
}
.contactPage__inner blockquote h4 {
  position: relative;
  margin: 0 0 20px !important;
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.06em;
}
.contactPage__inner blockquote h5 {
  position: relative;
  margin: 0 0 20px !important;
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.06em;
}
.contactPage__inner blockquote h6 {
  position: relative;
  margin: 0 0 20px !important;
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.06em;
}
.contactPage__inner blockquote p {
  font-style: normal;
}
.contactPage__inner blockquote cite {
  display: block;
  margin: 10px 0 0;
  font-size: 0.9em;
  line-height: 1;
  color: #888888;
  text-align: right;
}
.contactPage__inner .btnWrap {
  clear: both;
}
.contactPage__inner img:not([class]), .contactPage__inner.wp-block-heading {
  display: block;
  margin: 15px auto 20px;
}
.contactPage__inner img.alignleft {
  float: left;
  margin: 0 clamp(15px, 2.196193265vw, 30px) clamp(15px, 2.196193265vw, 30px) 0;
}
.contactPage__inner img.alignright {
  float: right;
  margin: 0 0 clamp(15px, 2.196193265vw, 30px) clamp(15px, 2.196193265vw, 30px);
}
.contactPage__inner ul:not([class]) {
  clear: both;
  margin: clamp(20px, 2.196193265vw, 30px) 0;
  padding: clamp(25px, 4.0263543192vw, 55px) 5%;
  background: #E5F8F7;
}
.contactPage__inner ul:not([class]) li {
  position: relative;
  padding-left: clamp(20px, 1.9765739385vw, 27px);
  font-size: clamp(1.5rem, 1.4641288433vw, 2rem);
}
.contactPage__inner ul:not([class]) li::before {
  position: absolute;
  top: clamp(2px, 0.5856515373vw, 8px);
  left: 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50px;
  background: #02817C;
  content: "";
}
.contactPage__inner ul:not([class]) li + li {
  margin-top: clamp(30px, 3.0014641288vw, 41px);
}
.contactPage__inner ul:not([class]) h1::before {
  content: none;
}
.contactPage__inner ul:not([class]) h2::before {
  content: none;
}
.contactPage__inner ul:not([class]) h3::before {
  content: none;
}
.contactPage__inner ul:not([class]) h4::before {
  content: none;
}
.contactPage__inner ul:not([class]) h5::before {
  content: none;
}
.contactPage__inner ul:not([class]) h6::before {
  content: none;
}
.contactPage__inner ol:not([class]) {
  clear: both;
  margin: clamp(20px, 2.196193265vw, 30px) 0;
  padding: clamp(25px, 4.0263543192vw, 55px) 5%;
  border: 1px solid #ABABAB;
  background: #fff;
  counter-reset: listNum;
}
.contactPage__inner ol:not([class]) li {
  position: relative;
  padding-left: clamp(40px, 3.953147877vw, 54px);
  font-size: clamp(1.5rem, 1.4641288433vw, 2rem);
}
.contactPage__inner ol:not([class]) li::before {
  position: absolute;
  top: clamp(-8px, -0.5856515373vw, -2px);
  left: 0;
  display: inline-block;
  width: clamp(30px, 3.0014641288vw, 41px);
  border-radius: 50px;
  background: #02817C;
  font-family: "Poppins", sans-serif;
  font-size: clamp(1.2rem, 1.2445095168vw, 1.7rem);
  font-weight: 500;
  line-height: clamp(30px, 3.0014641288vw, 41px);
  color: #fff;
  text-align: center;
  content: "0" counter(listNum);
  counter-increment: listNum;
}
.contactPage__inner ol:not([class]) li + li {
  margin-top: clamp(30px, 3.0014641288vw, 41px);
}
.contactPage__inner ol:not([class]) h1::before {
  content: none;
}
.contactPage__inner ol:not([class]) h2::before {
  content: none;
}
.contactPage__inner ol:not([class]) h3::before {
  content: none;
}
.contactPage__inner ol:not([class]) h4::before {
  content: none;
}
.contactPage__inner ol:not([class]) h5::before {
  content: none;
}
.contactPage__inner ol:not([class]) h6::before {
  content: none;
}
.contactPage__inner iframe {
  max-width: 100%;
}
.contactPage__inner .wp-block-file:not(.wp-element-button) {
  font-size: clamp(1.5rem, 1.4641288433vw, 2rem);
}
.contactPage__inner .wp-block-file__button {
  display: inline-block;
  padding: 11px 30px;
}
@media screen and (min-width: 0) and (max-width: 767px) {
  .contactPage__inner p:not([class]) {
    width: 91.2820512821%;
    margin: 0 auto 1.5em;
    font-size: 1.8rem;
    line-height: 1.66666;
  }
  .contactPage__inner h1:not([class]), .contactPage__inner h1.wp-block-heading {
    width: 91.2820512821%;
    margin: 45px auto 40px;
    font-size: 3rem;
  }
  .contactPage__inner h2:not([class]), .contactPage__inner h2.wp-block-heading {
    width: 100%;
    margin-top: 45px;
    margin-bottom: 40px;
    margin-left: 0;
    padding: 40px 4.358974359% 0;
    border-top: 4px solid #02817C;
    font-size: 2.8rem;
    line-height: 1.428571;
  }
  .contactPage__inner h3:not([class]), .contactPage__inner h3.wp-block-heading {
    width: 91.2820512821%;
    margin: 63px auto 40px;
    padding: 0 0 10px;
    font-size: 2.5rem;
  }
  .contactPage__inner h4:not([class]), .contactPage__inner h4.wp-block-heading {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 15px 4.358974359%;
    border-radius: 0 5px 0 0;
    font-size: 2.2rem;
  }
  .contactPage__inner h5:not([class]), .contactPage__inner h5.wp-block-heading {
    width: 91.2820512821%;
    margin: 40px auto 20px;
    padding: 0 0 0 10px;
    border-left: 7px solid #02817C;
    font-size: 2rem;
  }
  .contactPage__inner h6:not([class]), .contactPage__inner h6.wp-block-heading {
    width: 91.2820512821%;
    margin: 40px auto 20px;
    padding-left: 18px;
    font-size: 1.5rem;
    line-height: 1.73333;
  }
  .contactPage__inner h6:not([class])::before, .contactPage__inner h6.wp-block-heading::before {
    top: 9px;
    width: 8px;
    height: 8px;
  }
  .contactPage__inner blockquote {
    box-sizing: border-box;
    margin: 40px 0 30px;
    padding: 40px 3.8461538462% 20px;
    border: 2px solid #e7edf8;
    font-style: italic;
    color: #464646;
  }
  .contactPage__inner blockquote::before {
    width: 45px;
    height: 45px;
    font-size: 4rem;
    line-height: 1.5;
  }
  .contactPage__inner blockquote h1 {
    font-size: 1.5rem;
  }
  .contactPage__inner blockquote h2 {
    font-size: 1.5rem;
  }
  .contactPage__inner blockquote h3 {
    font-size: 1.5rem;
  }
  .contactPage__inner blockquote h4 {
    font-size: 1.5rem;
  }
  .contactPage__inner blockquote h5 {
    font-size: 1.5rem;
  }
  .contactPage__inner blockquote h6 {
    font-size: 1.5rem;
  }
  .contactPage__inner img.alignleft {
    display: block;
    float: none;
    margin: 15px auto 20px;
  }
  .contactPage__inner img.alignright {
    display: block;
    float: none;
    margin: 15px auto 20px;
  }
  .contactPage__inner ul:not([class]) {
    width: 91.2820512821%;
    margin: 40px auto 60px;
    padding: 40px 4.358974359%;
  }
  .contactPage__inner ul:not([class]) li {
    padding-left: 23px;
    font-size: 2rem;
  }
  .contactPage__inner ul:not([class]) li::before {
    top: 11px;
    width: 11px;
    height: 11px;
  }
  .contactPage__inner ul:not([class]) li + li {
    margin-top: 30px;
  }
  .contactPage__inner ol:not([class]) {
    width: 91.2820512821%;
    margin: 40px auto 60px;
    padding: 40px 4.358974359%;
  }
  .contactPage__inner ol:not([class]) li {
    padding-left: 38px;
    font-size: 2rem;
  }
  .contactPage__inner ol:not([class]) li::before {
    top: 0px;
    width: 30px;
    font-size: 1.2rem;
    line-height: 30px;
  }
  .contactPage__inner ol:not([class]) li + li {
    margin-top: 30px;
  }
  .contactPage__inner .wp-block-file:not(.wp-element-button) {
    width: 91.2820512821%;
    margin: 0 auto 1.5em;
    font-size: 1.8rem;
  }
  .contactPage__inner .wp-block-file__button {
    display: block;
    max-width: 60%;
    margin: 20px auto;
    padding: 11px 4.358974359%;
    text-align: center;
  }
}
.contactPage .articleMv {
  overflow: hidden;
  margin: 40px auto;
  text-align: center;
}
.contactPage .articleMv img {
  border-radius: 15px;
}
.contactPage .date {
  display: flex;
  justify-content: flex-end;
}
.contactPage .date * {
  font-size: 1.4rem !important;
  color: #7c7c7c;
}
.contactPage .date * + * {
  margin: 0 0 0 1rem !important;
}
@media screen and (min-width: 0) and (max-width: 767px) {
  .contactPage {
    /*---------------------
      記事タイトル
    ---------------------*/
    /*---------------------
      メインビジュアル
    ---------------------*/
  }
  .contactPage .articleTtl {
    padding: 0 3.8461538462%;
    font-size: 2.2rem;
    line-height: 1.5;
  }
  .contactPage .articleMv {
    margin: 20px auto;
    padding: 0 3.8461538462%;
  }
  .contactPage .date {
    justify-content: flex-start;
  }
  .contactPage .date * {
    font-size: 1.1rem !important;
  }
}

.formBox {
  display: flex;
  align-items: flex-start;
}
.formBox h1 {
  margin-top: 0 !important;
  margin-bottom: 80px !important;
}
.formBox h2 {
  margin-top: 0 !important;
  margin-bottom: 80px !important;
}
.formBox h3 {
  margin-top: 0 !important;
  margin-bottom: 80px !important;
}
.formBox h4 {
  margin-top: 0 !important;
  margin-bottom: 80px !important;
}
.formBox h5 {
  margin-top: 0 !important;
  margin-bottom: 80px !important;
}
.formBox h6 {
  margin-top: 0 !important;
  margin-bottom: 80px !important;
}
.formBox__ttl {
  margin-bottom: 90px;
  font-size: clamp(3.2rem, 3.6603221083vw, 5rem);
  line-height: 1.6;
}
.formBox .step {
  width: 210px;
  margin: 0 clamp(32px, 5.270863836vw, 72px) 0 0;
  counter-reset: stepNum;
}
.formBox .step__item {
  position: relative;
  display: block;
  padding-bottom: 55px;
  padding-left: clamp(40px, 3.953147877vw, 54px);
  font-size: clamp(1.4rem, 1.6105417277vw, 2.2rem);
  font-weight: 700;
}
.formBox .step__item:not(:last-child)::after {
  position: absolute;
  z-index: 0;
  top: clamp(-8px, -0.5856515373vw, -2px);
  left: clamp(15px, 1.4641288433vw, 20px);
  display: inline-block;
  width: 2px;
  height: 100%;
  background: #DBDBDB;
  content: "";
}
.formBox .step__item::before {
  position: absolute;
  z-index: 1;
  top: clamp(-8px, -0.5856515373vw, -2px);
  left: 0;
  display: inline-block;
  width: clamp(30px, 3.0014641288vw, 41px);
  border: 2px solid #DBDBDB;
  border-radius: 50px;
  background: #fff;
  font-family: "Poppins", sans-serif;
  font-size: clamp(1.4rem, 1.2445095168vw, 1.7rem);
  font-weight: 500;
  line-height: 1;
  line-height: clamp(25px, 2.635431918vw, 36px);
  color: #DBDBDB;
  text-align: center;
  content: "0" counter(stepNum);
  counter-increment: stepNum;
}
.formBox .step__item.active:before {
  border-color: #02817C;
  background: #02817C;
  color: #fff;
}
.formBox .step__item.active::after {
  background: #02817C;
}
.formBox .btnWrap {
  margin-top: 40px;
}
.formBox .btn--form {
  display: block;
  text-align: center;
}
.formBox .btn--form:not(.back) input {
  padding: 30px 68px 28px;
  border: 1px solid #2C3F83;
  border-radius: 50px;
  background: #2C3F83;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  transition-timing-function: ease-out;
  transition-duration: 0.2s;
  transition-property: all;
}
@media screen and (min-width: 767px) {
  .formBox .btn--form:not(.back):hover input {
    background: #fff;
    color: #2C3F83;
  }
}
.formBox .btn--form.back input {
  font-size: 1.4rem;
  color: #999;
  cursor: pointer;
}

.mw_wp_form_input .step .step__item:nth-child(1):before {
  border-color: #02817C;
  background: #02817C;
  color: #fff;
}
.mw_wp_form_input .step .step__item:nth-child(1)::after {
  background: #02817C;
}

.mw_wp_form_confirm .step .step__item:nth-child(2):before {
  border-color: #02817C;
  background: #02817C;
  color: #fff;
}
.mw_wp_form_confirm .step .step__item:nth-child(2)::after {
  background: #02817C;
}

/* =================================
  お問い合わせフォーム
================================= */
.text--security {
  margin-bottom: 30px;
  font-size: 1.6rem;
  text-align: center;
}

.contactForm table {
  width: 100%;
}
.contactForm th {
  position: relative;
  width: 274px;
  padding-right: 55px;
  background: #fff;
  font-size: clamp(1.6rem, 1.4641288433vw, 2rem);
  font-weight: 700;
}
@media screen and (min-width: 767px) and (max-width: 1366px) {
  .contactForm th {
    width: 20.0585651537vw;
    padding-right: 4.0263543192vw;
  }
}
.contactForm th .sub {
  display: block;
  font-size: clamp(1.2rem, 1.0248901903vw, 1.4rem);
}
.contactForm th span:not(.sub) {
  position: absolute;
  top: clamp(12px, 2.4890190337vw, 34px);
  right: 20px;
  padding: 5px 12px;
  border-radius: 2px;
  background: #F6F6F6;
  font-size: clamp(1.2rem, 1.0980966325vw, 1.5rem);
  font-weight: 700;
  line-height: 1;
}
.contactForm th .required {
  background: #B8334C !important;
  color: #fff;
}
.contactForm td {
  width: calc(100% - 274px);
}
@media screen and (min-width: 767px) and (max-width: 1366px) {
  .contactForm td {
    width: calc(100% - 20.0585651537vw);
  }
}
.contactForm td p {
  line-height: 1.65;
}
.contactForm td * {
  font-size: 1.6rem;
}
.contactForm td input, .contactForm td textarea, .contactForm td select {
  box-sizing: border-box;
  width: 100%;
  padding: 15px;
  border-radius: 3px;
  background: #F6F6F6;
}
.contactForm td textarea {
  min-height: 170px;
}
.contactForm td .error {
  display: inline-block;
  margin: 10px 0 0;
  font-size: 1.4rem;
  color: #B8334C;
}
.contactForm .confirmingTxt {
  margin: 40px 0;
  text-align: center;
}
.contactForm .confirmingTxt p {
  font-size: 1.6rem;
}
.contactForm .confirmingTxt .checkText {
  display: inline-block;
  margin-top: 40px;
  font-size: 1.8rem;
}
.contactForm .confirmingTxt .checkText input {
  margin-right: 10px;
}
.contactForm .confirmingTxt input {
  -webkit-appearance: checkbox;
}
.contactForm .confirmingTxt a {
  font-weight: bold;
  text-decoration: none;
}
.contactForm .confirmingTxt a:hover {
  text-decoration: underline;
}

.consultFormWrap {
  width: calc(100% - (210px + clamp(32px, 5.270863836vw, 72px)));
}
.consultForm__item {
  display: flex;
  padding: clamp(15px, 1.4641288433vw, 20px) 0;
  border-bottom: 3px solid #ECECEC;
  background: #fff;
  align-items: center;
}
.consultForm__item:first-child {
  border-top: 3px solid #ECECEC;
}
.consultForm__ttl {
  position: relative;
  width: 274px;
  padding-right: 55px;
  font-size: clamp(1.6rem, 1.4641288433vw, 2rem);
  font-weight: 700;
}
@media screen and (min-width: 767px) and (max-width: 1366px) {
  .consultForm__ttl {
    width: 20.0585651537vw;
    padding-right: 4.0263543192vw;
  }
}
.consultForm__ttl .sub {
  display: block;
  font-size: clamp(1.2rem, 1.0248901903vw, 1.4rem);
}
.consultForm__ttl span:not(.sub) {
  position: absolute;
  top: 50%;
  right: 0;
  padding: 5px 12px;
  border-radius: 2px;
  background: #F6F6F6;
  font-size: clamp(1.2rem, 1.0980966325vw, 1.5rem);
  font-weight: 700;
  line-height: 1;
  transform: translateY(-50%);
}
.consultForm__ttl .required {
  background: #B8334C !important;
  color: #fff;
}
.consultForm__list {
  width: calc(100% - 274px);
  padding-left: 27px;
  font-size: 2rem;
}
@media screen and (min-width: 767px) and (max-width: 1366px) {
  .consultForm__list {
    width: calc(100% - 20.0585651537vw);
    padding-left: 1.9765739385vw;
  }
}
.consultForm__list p {
  line-height: 1.65;
}
.consultForm__list * {
  font-size: 1.6rem;
}
.consultForm__list input:not([type=radio]):not([type=checkbox]), .consultForm__list textarea, .consultForm__list select {
  padding: 15px 20px;
  border: none;
  border-radius: 3px;
  background: #F6F6F6;
}
.consultForm__list input:not([type=radio]):not([type=checkbox]):not([class=widthNormal]), .consultForm__list textarea, .consultForm__list select {
  box-sizing: border-box;
  width: 100%;
}
.consultForm__list .mwform-radio-field {
  display: inline-block;
  margin-top: 1rem;
  margin-right: 3rem;
  margin-bottom: 1rem;
}
.consultForm__list .mwform-radio-field label {
  display: inline-block;
}
.consultForm__list input[type=radio] + span {
  position: relative;
  display: inline-block;
  padding-left: 42px;
}
.consultForm__list input[type=radio] + span::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  margin: auto;
  border: 3px solid #F3F4F8;
  border-radius: 50%;
  background-color: #fff;
  content: "";
}
.consultForm__list input[type=radio]:checked + span::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 8px;
  width: 16px;
  height: 16px;
  margin: auto 0;
  border-radius: 50%;
  background-color: #2C3F83;
  content: "";
}
.consultForm__list .mwform-checkbox-field {
  display: inline-block;
  margin-top: 1rem;
  margin-right: 3rem;
  margin-bottom: 1rem;
}
.consultForm__list .mwform-checkbox-field label {
  display: inline-block;
}
.consultForm__list input[type=checkbox] + span {
  position: relative;
  display: inline-block;
  padding-left: 42px;
}
.consultForm__list input[type=checkbox] + span::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  margin: auto;
  border: 3px solid #F3F4F8;
  border-radius: 3px;
  background-color: #fff;
  content: "";
}
.consultForm__list input[type=checkbox]:checked + span::after {
  position: absolute;
  top: 5px;
  left: 10px;
  display: inline-block;
  width: 15px;
  height: 12px;
  background-color: #2C3F83;
  content: "";
  -webkit-mask-image: url(../img/icon/icon_check_white.svg);
          mask-image: url(../img/icon/icon_check_white.svg);
}
.consultForm__list textarea {
  min-height: 170px;
}
.consultForm__list .error {
  display: block;
  margin: 10px 0 0;
  font-size: 1.4rem;
  color: #B8334C;
}
.consultForm__list .yoyaku {
  display: flex;
  align-items: center;
}
.consultForm__list .yoyaku .rank {
  width: 85px;
  font-weight: bold;
  color: #2C3F83;
}
.consultForm__list .yoyaku .yoyakuBox {
  display: flex;
  width: calc(100% - 85px);
}
.consultForm__list .yoyaku .yoyakudate {
  width: calc((100% - 15px) / 2) !important;
}
.consultForm__list .yoyaku .yoyakujikan {
  width: calc((100% - 15px) / 2) !important;
  margin-left: 15px;
}
.consultForm__list .yoyaku + .yoyaku {
  margin-top: 15px;
}
.consultForm .confirmingTxt {
  margin: 37px 0;
  text-align: center;
}
.consultForm .confirmingTxt p {
  font-size: 1.4rem;
}
.consultForm .confirmingTxt input {
  -webkit-appearance: checkbox;
}
.consultForm .confirmingTxt a {
  text-decoration: underline;
}
.consultForm .confirmingTxt a:hover {
  color: #02817C;
}
.consultForm + .consultForm {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px dashed #cbd5e8;
}

.completedForm .completedMessage {
  position: relative;
  left: 50%;
  display: inline-block;
  margin: 24px 0 0;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.06em;
  transform: translateX(-50%);
}
.completedForm .completedMessage::after {
  display: inline-block;
  width: 100%;
  height: 3px;
  background: #2C3F83;
  content: "";
}
.completedForm p {
  margin: 40px 0 0;
  font-size: 1.5rem;
  text-align: center;
}
.completedForm table {
  width: initial;
  margin: 40px auto 45px;
}
.completedForm th, .completedForm td {
  width: auto;
}
.completedForm th {
  padding: 15px 30px;
  font-size: 1.6rem;
  font-weight: bold;
  vertical-align: middle;
}
.completedForm td {
  padding: 15px 30px;
  vertical-align: middle;
}
.completedForm td .tel {
  margin: 0;
  font-size: 3.4rem;
  font-weight: bold;
  line-height: 1;
  color: #2C3F83;
  text-decoration: none;
}
@media screen and (min-width: 767px) {
  .completedForm td .tel {
    pointer-events: none;
  }
}
.completedForm td .receptionTime {
  display: flex;
  margin: 10px 0 0;
}
.completedForm td .receptionTime dt {
  width: 5.5em;
  font-size: 1.3rem;
  font-weight: bold;
  color: #2C3F83;
}
.completedForm td .receptionTime dd {
  width: calc(100% - 5.5em);
  font-size: 1.3rem;
}

@media screen and (max-width: 1019px) {
  /*=================================
    お問い合わせ
  =================================*/
  .contactPage {
    margin-top: 47px;
    padding: 0 0 40px;
  }
  .contactPage__inner {
    padding: 37px 4.358974359% 40px;
    border-top: 4px solid #2C3F83;
  }
  .formBox {
    display: block;
  }
  .formBox h1 {
    margin-bottom: 40px !important;
  }
  .formBox h2 {
    margin-bottom: 40px !important;
  }
  .formBox h3 {
    margin-bottom: 40px !important;
  }
  .formBox h4 {
    margin-bottom: 40px !important;
  }
  .formBox h5 {
    margin-bottom: 40px !important;
  }
  .formBox h6 {
    margin-bottom: 40px !important;
  }
  .formBox__ttl {
    margin-bottom: 40px;
    font-size: 2.8rem;
    text-align: center;
  }
  .formBox .step {
    display: flex;
    width: 100%;
    margin: 0 auto 40px;
    justify-content: center;
    align-items: center;
  }
  .formBox .step__item {
    position: relative;
    display: block;
    padding: 60px 30px 0;
    font-size: 2.2rem;
  }
  .formBox .step__item:not(:last-child)::after {
    top: 24px;
    left: 77px;
    width: 60px;
    height: 2px;
  }
  .formBox .step__item::before {
    top: 0;
    left: 50%;
    width: 49px;
    font-size: 2rem;
    line-height: 45px;
    transform: translateX(-50%);
  }
  .formBox .step__item .pc {
    display: none;
  }
  .formBox .btn--form:not(.back) input {
    padding: 26px 59px;
    box-shadow: 0 2px 0 #333333;
  }
  .formBox .btn--form.back input {
    font-size: 1.7rem;
  }
  /* =================================
    お問い合わせフォーム
  ================================= */
  .text--security {
    font-size: 1.4rem;
  }
  .contactForm table {
    display: table;
    white-space: initial;
  }
  .contactForm th {
    display: block;
    width: 100%;
    padding: 15px 0 !important;
    border: none;
    font-size: 2rem;
  }
  .contactForm th span:not(.sub) {
    position: static;
    margin-left: 1.5rem;
    padding: 4px 4px 4px 8px;
    font-size: 1.1rem;
    letter-spacing: 0.4em;
    transform: translateY(0);
  }
  .contactForm td {
    display: block;
    width: 100%;
    padding: 15px 0 !important;
    font-size: 2rem;
  }
  .contactForm td p {
    line-height: 1.5;
  }
  .contactForm td input, .contactForm td textarea, .contactForm td select {
    padding: 12px;
  }
  .contactForm td .error {
    font-size: 1.3rem;
  }
  .contactForm .confirmingTxt {
    margin: 30px 0;
  }
  .contactForm .confirmingTxt p {
    font-size: 1.4rem;
  }
  .contactForm .confirmingTxt .checkText {
    margin-top: 10px;
    font-size: 1.6rem;
  }
  .consultFormWrap {
    width: 100%;
  }
  .consultForm__item {
    display: block;
    padding: 30px 0;
  }
  .consultForm__ttl {
    width: 100%;
    margin: 0 0 11px;
    padding-right: 0;
    font-size: 2rem;
  }
  .consultForm__ttl .sub {
    font-size: 1.2rem;
  }
  .consultForm__ttl span:not(.sub) {
    position: static;
    margin-left: 12px;
    padding: 2px 11px;
    border-radius: 2px;
    font-size: 1.5rem;
    transform: translateY(0);
  }
  .consultForm__list {
    width: 100%;
    padding-left: 0;
    font-size: 1.6rem;
  }
  .consultForm__list p {
    line-height: 1.5;
  }
  .consultForm__list .mwform-radio-field {
    margin-right: 0.5rem;
  }
  .consultForm__list .mwform-checkbox-field {
    margin-right: 0.5rem;
  }
  .consultForm__list .error {
    font-size: 1.3rem;
  }
  .consultForm__list .yoyaku {
    flex-wrap: wrap;
  }
  .consultForm__list .yoyaku .rank {
    width: 100%;
    margin-bottom: 10px;
  }
  .consultForm__list .yoyaku .yoyakuBox {
    display: block;
    width: 100%;
  }
  .consultForm__list .yoyaku .yoyakudate {
    width: 100% !important;
  }
  .consultForm__list .yoyaku .yoyakujikan {
    width: 100% !important;
    margin: 10px 0 0;
  }
  .consultForm__list .yoyaku + .yoyaku {
    margin-top: 20px;
  }
  .consultForm .confirmingTxt {
    margin: 37px 0;
    text-align: center;
  }
  .consultForm .confirmingTxt p {
    font-size: 1.4rem;
  }
  .completedForm p {
    margin: 30px 0 0;
  }
  .completedForm table {
    display: table;
    margin: 40px auto 45px;
    white-space: initial;
  }
  .completedForm th, .completedForm td {
    width: auto;
  }
  .completedForm th {
    padding: 15px 4.358974359%;
    font-size: 1.4rem;
  }
  .completedForm td {
    padding: 15px 4.358974359%;
  }
  .completedForm td .tel {
    font-size: 3rem;
  }
  .completedForm td .receptionTime {
    text-align: left;
  }
}
/* =================================
  header
================================= */
.home .header {
  position: absolute;
  z-index: 10;
  background: transparent;
}
.home .header__logo .logo img {
  filter: brightness(0) invert(1);
}
.home .header .gNavList__item a {
  color: #fff;
}

.header {
  width: 100%;
  padding: 24px 2.196193265vw 15px;
  background: #fff;
}
.header__inner {
  display: flex;
  align-items: center;
}
.header__logo .logo {
  display: inline-block;
  width: clamp(200px, 24.5241581259vw, 335px);
  vertical-align: middle;
}
@media screen and (min-width: 767px) and (max-width: 1366px) {
  .header__logo .logo {
    width: clamp(165px, 17.2035139092vw, 235px);
  }
}
.header__logo .logo a {
  display: block;
}
@media screen and (min-width: 767px) {
  .header__logo .logo a:hover {
    opacity: 0.8;
  }
}
.header .gNav {
  display: flex;
  flex-direction: row-reverse;
  margin-left: auto;
  align-items: center;
}
.header .gNavList {
  display: flex;
  margin-left: 9px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.header .gNavList__item {
  position: relative;
  display: inline-block;
}
.header .gNavList__item:not(:first-child) {
  margin: 0 0 0 clamp(15px, 1.5373352855vw, 21px);
}
.header .gNavList__item a {
  position: relative;
  z-index: 2;
  display: block;
  padding: 10px clamp(10px, 1.5373352855vw, 21px) 10px 0;
  font-size: clamp(1.3rem, 1.1713030747vw, 1.6rem);
  font-weight: 600;
  color: #333333;
  text-decoration: none;
}
@media screen and (min-width: 767px) {
  .header .gNavList__item a:hover {
    color: #02817C;
  }
}
.header .gNavList .sns {
  width: clamp(15px, 2.9282576867vw, 40px);
}
.header .gNavList .sns a {
  padding: 0;
}
@media screen and (min-width: 767px) {
  .header .gNavList .sns a:hover {
    transform: scale(1.1);
  }
}
.header .gNavList .sns img {
  width: 100%;
}
.header .gNavList .hoverMenuTrigger {
  position: relative;
  cursor: pointer;
}
.header .gNavList .hoverMenuTrigger .arrowDown {
  position: relative;
  z-index: 1001;
  font-size: clamp(1.3rem, 1.1713030747vw, 1.6rem);
  font-weight: 600;
  color: #333333;
}
.header .gNavList .hoverMenuTrigger .hoverMenu__item a {
  font-size: clamp(1.3rem, 1.0248901903vw, 1.4rem);
  color: #333333;
}
.header .gNavBtn {
  display: flex;
  align-items: center;
}
.header .gNavBtn__item:not(:first-child) {
  margin: 0 0 0 clamp(12px, 1.8301610542vw, 25px);
}
.header .gNavBtn__item a {
  display: inline-block;
  padding: 13px clamp(12px, 1.8301610542vw, 25px);
  border: 1px solid transparent;
  border-radius: 50px;
  background: #006B67;
  box-shadow: 0px 1px 0 #024643;
  font-size: clamp(1.2rem, 1.1713030747vw, 1.6rem);
  color: #fff;
  text-decoration: none;
}
.header .gNavBtn__item a.blue {
  background: #2C3F83;
  box-shadow: 0px 1px 0 #1C2A5D;
}
@media screen and (min-width: 767px) {
  .header .gNavBtn__item a.blue:hover {
    border: 1px solid #2C3F83;
    color: #2C3F83;
  }
}
@media screen and (min-width: 767px) {
  .header .gNavBtn__item a:hover {
    border: 1px solid #006B67;
    background: #fff;
    box-shadow: none;
    color: #006B67;
  }
}
.header .gNavBtn__item.sns {
  width: clamp(30px, 3.6603221083vw, 50px);
}
.header .gNavBtn__item.sns a {
  display: block;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  box-shadow: none;
  font-size: clamp(1.2rem, 1.1713030747vw, 1.6rem);
  color: #fff;
}
@media screen and (min-width: 767px) {
  .header .gNavBtn__item.sns a:hover {
    transform: scale(1.1);
  }
}
.header .gNavBtn__item.sns img {
  width: 100%;
}

@media screen and (min-width: 930px) {
  .home .header .gNavList .hoverMenuTrigger .arrowDown {
    color: #fff;
  }
  .home .header .gNavList .hoverMenuTrigger .arrowDown::after {
    background-color: #fff;
  }
  .home .header.fixedNav .gNavList__item a {
    color: #2C3F83;
  }
  .home .header.fixedNav .hoverMenuTrigger .arrowDown {
    color: #333333;
  }
  .home .header.fixedNav .hoverMenuTrigger .arrowDown::after {
    background-color: #333333;
  }
  .home .header.fixedNav .header__logo .logo img {
    filter: unset;
  }
  .header .gNavList .hoverMenuTrigger .arrowDown {
    padding: 10px clamp(10px, 1.5373352855vw, 21px) 10px 0;
  }
  .header .gNavList .hoverMenuTrigger .arrowDown::after {
    position: absolute;
    top: 40%;
    right: 0;
    display: inline-block;
    width: clamp(8px, 0.878477306vw, 12px);
    height: 7px;
    background-color: #333333;
    content: "";
    -webkit-mask-image: url(../img/icon/icon_arrow_down_white.svg);
            mask-image: url(../img/icon/icon_arrow_down_white.svg);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
  }
  .header .gNavList .hoverMenuTrigger .hoverMenu {
    position: absolute;
    z-index: 1000;
    top: 80%;
    left: 0;
    visibility: hidden;
    width: 100%;
    padding: clamp(5px, 0.7320644217vw, 10px);
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 10px rgba(34, 34, 34, 0.2);
    opacity: 0;
    transition-timing-function: ease-out;
    transition-duration: 0.2s;
    transition-property: all;
  }
  .header .gNavList .hoverMenuTrigger .hoverMenu__item a {
    padding: 5px 0;
    font-size: clamp(1.2rem, 1.0248901903vw, 1.4rem);
    color: #333333;
  }
  .header .gNavList .hoverMenuTrigger .hoverMenu__item a:hover {
    color: #02817C;
  }
  .header .gNavList .hoverMenuTrigger:hover .hoverMenu {
    top: 150%;
    visibility: visible;
    opacity: 1;
  }
  .header.fixedNav {
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    padding: 12px 2.196193265vw;
    background: #fff;
    box-shadow: 0 0 10px rgba(34, 34, 34, 0.2);
    animation: header-show 0.5s ease-in;
    justify-content: center;
  }
  .header.fixedNav .gNavList__item a {
    color: #2C3F83;
  }
  .header.fixedNav .hoverMenuTrigger::after {
    background-color: #2C3F83;
  }
}
@media screen and (max-width: 930px) {
  /* =================================
    header
  ================================= */
  .home .header {
    z-index: 9999;
    top: 0;
    left: 0;
  }
  .home .header.fixedNav .header__logo .logo img {
    filter: unset;
  }
  .home .header:not(.fixedNav) {
    /*バーガーボタン設定*/
  }
  .home .header:not(.fixedNav) .burger--top {
    background: #fff;
  }
  .home .header:not(.fixedNav) .burger--middle::before {
    background: #fff;
  }
  .home .header:not(.fixedNav) .burger--middle::after {
    background: #fff;
  }
  .home .header:not(.fixedNav) .burger--bottom {
    background: #fff;
  }
  .home .header:not(.fixedNav) .headerNav__cover {
    top: 0;
  }
  .header {
    padding: 0;
    /*バーガーボタン設定*/
  }
  .header__inner {
    display: block;
  }
  .header__logo {
    width: 100%;
    height: 65px;
    padding: 12px 4.358974359% 5px;
  }
  .header__logo .logo {
    width: auto;
    height: 100%;
    line-height: 1;
  }
  .header__logo .logo a {
    width: auto;
    height: 100%;
  }
  .header__logo .logo img {
    width: auto;
    height: 100%;
  }
  .header .gNav {
    position: fixed;
    z-index: 9999;
    top: 70px;
    left: 0;
    display: block;
    visibility: hidden;
    overflow-y: scroll;
    width: 100%;
    max-height: calc(100vh - 70px);
    margin: auto;
    opacity: 0;
    transition: opacity 0.5s ease-in-out, transform 0.3s ease-out, visibility 0.2s ease-out;
    transform: scale(0.9);
  }
  .header .gNavList {
    display: block;
    margin-left: 0;
    padding: 54px 4.358974359% 70px;
  }
  .header .gNavList__item {
    display: block !important;
  }
  .header .gNavList__item:not(:first-child) {
    margin: 7.1794871795% 0 0;
  }
  .header .gNavList__item a {
    padding: 0;
    font-size: 1.8rem;
    color: #fff;
  }
  .header .gNavList .sns {
    width: 40px;
  }
  .header .gNavList .hoverMenuTrigger .arrowDown {
    font-size: 1.8rem;
    color: #fff;
  }
  .header .gNavList .hoverMenuTrigger .hoverMenu__item {
    line-height: 3;
  }
  .header .gNavList .hoverMenuTrigger .hoverMenu__item a {
    font-size: 1.6rem;
    font-weight: 500;
    color: #fff;
  }
  .header .gNavList .hoverMenuTrigger .hoverMenu__item a::before {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 10px 0 0;
    border-radius: 50px;
    background: #fff;
    content: "";
  }
  .header .gNavBtn {
    display: block;
    padding: 38px 4.358974359%;
    background: #fff;
  }
  .header .gNavBtn__item:not(:first-child) {
    margin: 5.3846153846% 0 0;
  }
  .header .gNavBtn__item a {
    position: relative;
    display: flex;
    width: 79.2307692308vw;
    height: 84px;
    margin: 0 auto;
    padding: 13px clamp(15px, 2.196193265vw, 30px);
    border: none;
    box-shadow: 0px 3px 0 #024643;
    font-size: 2.1rem;
    font-weight: 600;
    line-height: 1.23809;
    text-align: center;
    align-items: center;
    justify-content: center;
  }
  .header .gNavBtn__item a.blue {
    box-shadow: 0px 3px 0 #1C2A5D;
  }
  .header .gNavBtn__item a::after {
    position: absolute;
    top: 50%;
    right: 4.1025641026%;
    display: inline-block;
    width: 44px;
    height: 44px;
    border: 2px solid #fff;
    border-radius: 50px;
    background: url(../img/icon/icon_arrow_right_white.svg) no-repeat center center;
    background-size: 12px auto;
    content: "";
    transform: translateY(-50%);
  }
  .header .gNavBtn__item.sns {
    width: 40px;
  }
  .header .gNavBtn__item.sns a {
    display: inline-block;
    width: initial;
    height: initial;
  }
  .header .gNavBtn__item.sns a::after {
    content: none;
  }
  .header .gNavBtn__item.sns img {
    width: 40px;
  }
  .header .gNav.show {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
  }
  .header .gNav.hide {
    visibility: hidden;
    opacity: 0;
    transform: scale(0.9);
  }
  .header .headerNav__cover {
    position: fixed;
    z-index: 10;
    top: 65px;
    left: 0;
    display: block;
    width: 100%;
    height: 100vh;
    background: #02817C;
    content: "";
    /*アニメーション*/
    transition: transform 0.3s;
    transform: scale(0, 1);
    transform-origin: right top;
  }
  .header .headerNav__cover.show {
    transform: scale(1, 1);
    transform-origin: left top;
  }
  .header .headerNav__cover.hide {
    transform: scale(0, 1);
    transform-origin: right top;
  }
  .header .burger {
    position: fixed;
    z-index: 9999;
    top: 23px;
    right: 6.6666666667%;
    width: 23px;
    height: 23px;
    margin: auto;
    cursor: pointer;
    /*クリック後、バツボタンになる*/
  }
  .header .burger span {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 2px;
    margin: 0 auto;
    background: #02817C;
    transition: width 0.2s, right 0.2s, left 0.2s;
  }
  .header .burger span.burger--top {
    transform: translateY(0);
  }
  .header .burger span.burger--middle {
    position: relative;
    background: none;
    transform: translateY(7px);
  }
  .header .burger span.burger--middle::before {
    position: absolute;
    display: block;
    width: 20px;
    height: 2px;
    background: #02817C;
    content: "";
    transition: all 0.2s;
    transform: rotate(0deg);
  }
  .header .burger span.burger--middle::after {
    position: absolute;
    display: block;
    width: 20px;
    height: 2px;
    background: #02817C;
    content: "";
    transition: all 0.2s;
    transform: rotate(0deg);
  }
  .header .burger span.burger--bottom {
    transform: translateY(14px);
  }
  .header .burger.is-open .burger--top {
    left: 100%;
    width: 0px;
  }
  .header .burger.is-open .burger--middle::before {
    transform: rotate(135deg);
  }
  .header .burger.is-open .burger--middle::after {
    transform: rotate(45deg);
  }
  .header .burger.is-open .burger--bottom {
    right: 100%;
    width: 0px;
  }
  .header.fixedNav {
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 10px rgba(34, 34, 34, 0.2);
    animation: header-show 0.5s ease-in;
  }
}
/*=================================
footer
=================================*/
.footer {
  background: #fff;
}
.footer .pageTop {
  position: absolute;
  right: 5%;
  bottom: -25px;
  width: 49px;
  cursor: pointer;
  transition-timing-function: ease-out;
  transition-duration: 0.2s;
  transition-property: all;
}
@media screen and (min-width: 767px) {
  .footer .pageTop:hover {
    transform: translateY(-10%);
  }
}
.footer .pageTop.float {
  position: fixed;
  z-index: 10;
  right: 5%;
  bottom: 40px;
}
.footer__inner {
  position: relative;
  display: flex;
  box-sizing: content-box;
  max-width: 1226px;
  margin: 0 auto;
  padding: 57px 5% 104px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.footerInfo {
  margin-right: clamp(22px, 4.831625183vw, 66px);
  margin-bottom: clamp(22px, 2.4158125915vw, 33px);
}
.footerInfo__logo {
  display: block;
  margin-bottom: 6px;
}
.footerInfo__box .footerInfo__ttl {
  display: inline-block;
  margin-right: 6px;
  font-family: "Poppins", sans-serif;
  font-size: 1.8rem;
  font-weight: 600;
  vertical-align: middle;
}
.footerInfo__box .snsList {
  display: inline-block;
  vertical-align: middle;
}
.footerInfo__box .snsList__item {
  display: inline-block;
  width: 40px;
  height: auto;
  margin-left: 10px;
  vertical-align: middle;
  transition-timing-function: ease-out;
  transition-duration: 0.2s;
  transition-property: all;
}
@media screen and (min-width: 767px) {
  .footerInfo__box .snsList__item:hover {
    transform: scale(1.2);
  }
}
.footerInfo__box .snsList__item img {
  width: 100%;
}
.footer .fNav {
  display: flex;
}
.footer .fNav .fNavListWrap:not(:first-child) {
  margin-left: clamp(22px, 4.831625183vw, 66px);
}
.footer .fNavList__ttl {
  margin-bottom: 10px;
  font-size: clamp(1.4rem, 1.1713030747vw, 1.6rem);
  font-weight: 600;
  color: #333333;
}
.footer .fNavList__item:not(:first-child) {
  margin-top: 30px;
}
.footer .fNavList__item a {
  display: block;
  font-size: clamp(1.4rem, 1.1713030747vw, 1.6rem);
  font-weight: 600;
  color: #333333;
  text-decoration: none;
}
@media screen and (min-width: 767px) {
  .footer .fNavList__item a:hover {
    text-decoration: underline;
  }
}
.footer .fNav .fNavList--green__item a {
  position: relative;
  padding-left: 18px;
  font-size: clamp(1.3rem, 1.0248901903vw, 1.4rem);
  font-weight: 500;
  line-height: 2.85714;
  color: #333333;
  text-decoration: none;
}
@media screen and (min-width: 767px) {
  .footer .fNav .fNavList--green__item a:hover {
    text-decoration: underline;
  }
}
.footer .fNav .fNavList--green__item a::before {
  position: absolute;
  top: 5px;
  left: 0;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50px;
  background: #02817C;
  content: "";
}
.footer .fNav .fNavList--blue__item a {
  position: relative;
  padding-left: 18px;
  font-size: clamp(1.3rem, 1.0248901903vw, 1.4rem);
  font-weight: 500;
  line-height: 2.85714;
  color: #333333;
  text-decoration: none;
}
@media screen and (min-width: 767px) {
  .footer .fNav .fNavList--blue__item a:hover {
    text-decoration: underline;
  }
}
.footer .fNav .fNavList--blue__item a::before {
  position: absolute;
  top: 5px;
  left: 0;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50px;
  background: #2C3F83;
  content: "";
}
.footer .fBnr {
  padding: 40px 5%;
  background: #F6F6F6;
}
.footer .fBnr .fBnrList {
  display: flex;
  justify-content: center;
}
.footer .fBnr .fBnrList__item {
  margin: 0 20px;
}
@media screen and (min-width: 767px) {
  .footer .fBnr .fBnrList__item:hover {
    box-shadow: 0 5px 25px rgba(34, 34, 34, 0.05);
    opacity: 0.8;
  }
}
.footer .copy {
  display: block;
  padding: 31px 5%;
  background: #333333;
  font-family: "Poppins", sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.28571;
  color: #fff;
  text-align: center;
}

@media screen and (min-width: 0) and (max-width: 767px) {
  /*=================================
  footer
  =================================*/
  .footer .pageTop {
    right: 5.3846153846%;
  }
  .footer .pageTop.float {
    right: 5.3846153846%;
    bottom: 20px;
  }
  .footer__inner {
    padding: 52px 4.358974359% 63px;
  }
  .footerInfo {
    margin-right: 4.358974359%;
    margin-bottom: 53px;
  }
  .footerInfo__logo {
    margin-bottom: 5px;
  }
  .footerInfo__box .footerInfo__ttl {
    margin-right: 13px;
  }
  .footer .fNav {
    display: block;
    padding: 0 2.5641025641%;
  }
  .footer .fNav .fNavListWrap:not(:first-child) {
    margin: 30px 0 0;
  }
  .footer .fNavList__ttl {
    font-size: 1.8rem;
  }
  .footer .fNavList__item:not(:first-child) {
    margin-top: 30px;
  }
  .footer .fNavList__item a {
    font-size: 1.8rem;
  }
  .footer .fNav .fNavList--green__item a {
    font-size: 1.6rem;
    line-height: 3.125;
  }
  .footer .fNav .fNavList--green__item a::before {
    top: 6px;
  }
  .footer .fNav .fNavList--blue__item a {
    font-size: 1.6rem;
    line-height: 3.125;
  }
  .footer .fNav .fNavList--blue__item a::before {
    top: 6px;
  }
  .footer .fBnr {
    padding: 30px 0;
  }
  .footer .fBnr .fBnrList {
    display: block;
  }
  .footer .fBnr .fBnrList__item {
    display: block;
    margin: 0;
  }
  .footer .fBnr .fBnrList__item img {
    width: 100%;
  }
  .footer .fBnr .fBnrList__item + .fBnrList__item {
    margin-top: 30px;
  }
  .footer .copy {
    padding: 31px 4.358974359%;
    font-size: 1.6rem;
    line-height: 1.125;
  }
}
/* =================================
  entry banner
================================= */
.entry {
  position: relative;
  padding: clamp(20px, 7.3206442167vw, 100px) 5%;
  background: #0C7874;
}
.entry__inner {
  display: flex;
  max-width: 1226px;
  margin: 0 auto;
  padding: 0 2%;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.entry__deco {
  position: absolute;
  top: clamp(22px, 2.4158125915vw, 33px);
  right: 3%;
  width: clamp(115px, 16.8374816984vw, 230px);
  mix-blend-mode: multiply;
}
.entry__ttl {
  margin: 20px auto 20px 0;
  font-size: clamp(1.8rem, 2.635431918vw, 3.6rem);
  font-weight: 700;
  color: #fff;
}
.entry__btn {
  display: flex;
  justify-content: flex-end;
}
.entry__btn .entryBtn {
  position: relative;
  display: inline-block;
  min-width: min(23.9385065886vw, 327px);
  padding: clamp(17px, 1.8301610542vw, 25px) clamp(45px, 4.4655929722vw, 61px) clamp(17px, 1.8301610542vw, 25px) clamp(15px, 1.4641288433vw, 20px);
  border-radius: 50px;
  background: #fff;
  box-shadow: 0 2px 0 #333;
  font-size: clamp(1.5rem, 1.4641288433vw, 2rem);
  font-weight: 600;
  line-height: 1.5;
  color: #02817C;
  text-align: center;
  text-decoration: none;
}
@media screen and (min-width: 767px) {
  .entry__btn .entryBtn:hover {
    background: rgba(255, 255, 255, 0.9);
  }
  .entry__btn .entryBtn:hover::after {
    opacity: 0.9;
    transform: translate(20%, -50%);
  }
}
.entry__btn .entryBtn::after {
  position: absolute;
  top: 50%;
  right: clamp(12px, 1.317715959vw, 18px);
  display: inline-block;
  width: clamp(28px, 2.7818448023vw, 38px);
  height: clamp(28px, 2.7818448023vw, 38px);
  border-radius: 50px;
  background: url(../img/icon/icon_arrow_right_white.svg) no-repeat center center #02817C;
  background-size: clamp(8px, 0.7320644217vw, 10px) auto;
  content: "";
  transition-timing-function: ease-out;
  transition-duration: 0.2s;
  transition-property: all;
  transform: translateY(-50%);
}
.entry__btn .entryBtn.blue {
  color: #2C3F83;
}
.entry__btn .entryBtn.blue::after {
  background: url(../img/icon/icon_arrow_right_white.svg) no-repeat center center #2C3F83;
  background-size: clamp(8px, 0.7320644217vw, 10px) auto;
}
.entry__btn .entryBtn + .entryBtn {
  margin-left: clamp(15px, 2.196193265vw, 30px);
}
.entry.blue {
  background: #2C3F83;
}

@media screen and (min-width: 0) and (max-width: 767px) {
  /* =================================
    entry banner
  ================================= */
  .entry {
    padding: 60px 8.7179487179% 42px;
  }
  .entry__inner {
    display: block;
    padding: 0 1.7948717949%;
  }
  .entry__deco {
    top: 20px;
    right: 1.0256410256%;
    width: 36.6666666667vw;
  }
  .entry__ttl {
    margin: 0 0 30px;
    font-size: 3rem;
    line-height: 1.3333;
  }
  .entry__btn {
    display: block;
  }
  .entry__btn .entryBtn {
    display: flex;
    width: 100%;
    min-width: initial;
    height: 84px;
    padding: 16px 0;
    box-shadow: none;
    font-size: 2.1rem;
    line-height: 1.23809;
    align-items: center;
    justify-content: center;
  }
  .entry__btn .entryBtn::after {
    right: 4.1025641026%;
    width: 44px;
    height: 44px;
    background-size: 12px auto;
  }
  .entry__btn .entryBtn.blue::after {
    background-size: 12px auto;
  }
  .entry__btn .entryBtn + .entryBtn {
    margin: 21px 0 0;
  }
  .entry.blue {
    background: #2C3F83;
  }
}
/* =================================
  cross-talk
================================= */
.crossTalkList {
  position: relative;
  overflow: hidden;
  padding: clamp(60px, 8.78477306vw, 120px) 5% clamp(69px, 10.102489019vw, 138px);
  background: #F6F6F6;
}
.crossTalkList::before {
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 1%;
  display: inline-block;
  width: clamp(75px, 11.0541727672vw, 151px);
  height: 100%;
  background: url(../img/crosstalk/ttl_text_crosstalk_pc.png) repeat-y center bottom -50px;
  content: "";
}
.crossTalkList__inner {
  position: relative;
  z-index: 1;
  max-width: 1140px;
  margin: 0 auto;
}
.crossTalkList .crossTalkList__item a {
  display: block;
}
.crossTalkList .crossTalkList__item a img {
  width: 100%;
}
@media screen and (min-width: 767px) {
  .crossTalkList .crossTalkList__item a:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    opacity: 0.9;
  }
}
.crossTalkList .crossTalkList__item + .crossTalkList__item {
  margin-top: clamp(40px, 5.8565153734vw, 80px);
}

@media screen and (min-width: 0) and (max-width: 767px) {
  /* =================================
    cross-talk
  ================================= */
  .crossTalkList {
    padding: 80px 0 0;
  }
  .crossTalkList::before {
    z-index: 2;
    left: 0;
    width: 117px;
    background: url(../img/crosstalk/ttl_text_crosstalk_sp.png) repeat-y center top;
    background-size: 100% auto;
    mix-blend-mode: multiply;
  }
  .crossTalkList .crossTalkList__item + .crossTalkList__item {
    margin-top: 68px;
  }
}
/* =================================
  interview-list
================================= */
.interviewList {
  position: relative;
  overflow: hidden;
  padding: clamp(60px, 8.78477306vw, 120px) 5%;
  background: #F6F6F6;
}
.interviewList::before {
  position: absolute;
  z-index: 0;
  right: 1%;
  bottom: 36px;
  display: inline-block;
  width: clamp(75px, 11.0541727672vw, 151px);
  height: 100%;
  background: url(../img/interview/ttl_text_interview_pc.png) repeat-y center bottom;
  content: "";
}
.interviewList__inner {
  position: relative;
  z-index: 1;
  max-width: 1140px;
  margin: 0 auto;
}
.interviewList .interviewListWrap {
  display: flex;
  flex-wrap: wrap;
}
.interviewList .interviewList__item {
  width: calc((100% - 80px) / 2);
}
.interviewList .interviewList__item:nth-child(2n) {
  margin-left: clamp(40px, 5.8565153734vw, 80px);
}
.interviewList .interviewList__item:nth-child(n+3) {
  margin-top: clamp(40px, 5.8565153734vw, 80px);
}
.interviewList .interviewList__item a {
  display: block;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.interviewList .interviewList__item a img {
  width: 100%;
}
@media screen and (min-width: 767px) {
  .interviewList .interviewList__item a:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    opacity: 0.9;
  }
}

@media screen and (min-width: 0) and (max-width: 767px) {
  /* =================================
    interview-list
  ================================= */
  .interviewList {
    padding: 90px 0 0;
  }
  .interviewList::before {
    z-index: 2;
    top: 0;
    right: 0;
    bottom: initial;
    width: 138px;
    height: calc(100% - 150px);
    background: url(../img/interview/ttl_text_interview_sp.png) repeat-y center top;
    background-size: 100% auto;
    mix-blend-mode: multiply;
  }
  .interviewList .interviewListWrap {
    display: block;
  }
  .interviewList .interviewList__item {
    width: 100%;
    margin: 0 0 60px;
  }
  .interviewList .interviewList__item:nth-child(2n) {
    margin: 0 0 60px;
  }
  .interviewList .interviewList__item:nth-child(n+3) {
    margin: 0 0 60px;
  }
  .interviewList .interviewList__item a {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  }
  .interviewList .interviewList__item a img {
    width: 100%;
  }
}
/*# sourceMappingURL=maps/style.css.map */