@charset "UTF-8";
.mt_10 {
  margin-top: 10px;
}

.mt_20 {
  margin-top: 20px;
}

.mt_30 {
  margin-top: 30px;
}

.mt_40 {
  margin-top: 40px;
}

.mt_50 {
  margin-top: 50px;
}

.mt_60 {
  margin-top: 60px;
}

.mt_70 {
  margin-top: 70px;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 0vw;
  white-space: nowrap;
}

html {
  overflow-y: scroll;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
}

body {
  font-family: fot-matisse-pron, sans-serif;
  font-style: normal;
  *font: x-small;
  background: #fff;
  color: #000000;
  font-family: "Hiragino Sans", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Verdana, sans-serif", " 筑紫A丸ゴシック Std" "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  -webkit-text-size-adjust: 100%;
  font-size: 16px;
  height: auto;
  margin: 0;
  overflow-x: hidden;
  font-feature-settings: "palt" 1;
  font-size: 12px;
}
body a,
body a:visited,
body a:hover,
body a:active {
  color: inherit;
  text-decoration: none;
}
body h1 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  color: #000000;
  font-weight: bold;
  font-feature-settings: "palt" 1;
  letter-spacing: -1px;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
body h2 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
body h3 {
  font-size: clamp(18px, 1.67vw, 32px);
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  color: #000000;
  font-weight: bold;
  font-feature-settings: "palt" 1;
  letter-spacing: -1px;
}
body ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
body p {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 12px;
  line-height: normal;
  font-feature-settings: "palt" 1;
  color: #000000;
  color: rgb(0, 0, 0);
}

footer {
  width: 100%;
  background-color: inherit !important;
  background-image: radial-gradient(at 60% 52%, rgb(6, 13, 24), rgb(15, 24, 59));
  padding: 0;
  padding-top: 120px;
}
@media (max-width: 600px) {
  footer {
    padding-top: 50px;
  }
}
footer .footer-1 {
  display: flex;
  width: 358px;
  margin: auto;
  padding-top: 1.8229166667vw;
  justify-content: space-between;
}
@media (max-width: 1100px) {
  footer .footer-1 {
    justify-content: space-around;
  }
}
@media (max-width: 600px) {
  footer .footer-1 {
    width: auto;
    padding-top: 40px;
    justify-content: space-evenly;
  }
}
footer .footer-1 img {
  width: 8.8541666667vw;
  margin: auto;
}
@media (max-width: 1100px) {
  footer .footer-1 img {
    width: 130px;
  }
}
@media (max-width: 600px) {
  footer .footer-1 img {
    width: 30vw;
  }
}
footer .footer-1 a {
  position: relative;
}
footer .footer-1 .active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.3s;
}
footer .footer-1 :hover .active {
  opacity: 1;
}
footer .footer-2 {
  width: 100vw;
  margin: auto;
  margin-top: 2.0833333333vw;
  width: 620px;
}
footer .footer-2 a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
footer .footer-2 a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #ffffff;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform 0.3s;
}
footer .footer-2 a:hover::after {
  transform: scale(1, 1);
}
@media (max-width: 600px) {
  footer .footer-2 {
    width: auto;
    margin-top: 20px;
  }
}
footer .footer-2 ul {
  display: flex;
  margin: auto;
  flex-wrap: wrap;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}
@media (max-width: 794px) {
  footer .footer-2 ul {
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    gap: 0px;
  }
}
footer .footer-2 ul li {
  font-size: 12px;
  line-height: 1.4;
  font-feature-settings: "palt" 1;
  letter-spacing: 2px;
  color: #ffffff;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
@media (max-width: 794px) {
  footer .footer-2 ul li {
    padding-bottom: 10px;
  }
}
footer .footer-3 {
  width: 216px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  margin-top: 0 !important;
  margin-bottom: 4.53125vw;
}
@media (max-width: 600px) {
  footer .footer-3 {
    margin-bottom: 40px !important;
  }
}
footer .footer-3 :hover {
  opacity: 1;
  transform: scale(108%);
  transition-duration: 0.5s;
}
footer .footer-3 img {
  width: 40px;
}
footer .pri-po {
  font-size: 11px;
  line-height: 1.4;
  font-feature-settings: "palt" 1;
  letter-spacing: 0px;
  color: #808080;
  display: flex;
  margin: auto;
  justify-content: space-around;
  padding-bottom: 19px;
  background-color: #fff !important;
  width: 100% !important;
  padding: 30px 0 !important;
}

.modaal-inner-wrapper {
  text-align: center;
}

.tab_pp_container .pp_top {
  width: 100%;
  object-fit: cover;
  margin-top: -5px;
}
@media (max-width: 794px) {
  .tab_pp_container .pp_top {
    scale: 120%;
    height: 90px;
  }
}
.tab_pp_container p {
  font-size: 15px;
  white-space: pre-line;
}
@media (max-width: 1000px) {
  .tab_pp_container p {
    font-size: 14px;
  }
}
@media (max-width: 500px) {
  .tab_pp_container p {
    text-align: left;
  }
}
@media (max-width: 500px) {
  .tab_pp_container p .hid_pp {
    display: none;
  }
}
.tab_pp_container p .hid_pp_p {
  display: none;
}
@media (max-width: 500px) {
  .tab_pp_container p .hid_pp_p {
    display: inline;
  }
}
.tab_pp_container .red_line {
  width: 10.8333333333vw;
  margin: 0 auto;
  height: 1px;
  border-bottom: 1px solid #00114c;
}
.tab_pp_container .tab_wrap {
  background-color: white;
  padding-bottom: 4.84375vw;
}
@media (max-width: 794px) {
  .tab_pp_container .tab_wrap {
    margin: 0 auto;
    width: 95%;
    padding-bottom: 3vw;
    white-space: normal;
  }
}
.tab_pp_container .tab_wrap .tab_pp {
  width: 100%;
  margin-top: -1px;
}
@media (max-width: 794px) {
  .tab_pp_container .tab_wrap .tab_pp {
    height: 200px;
    object-fit: cover;
    object-position: 27%;
  }
}
.tab_pp_container .tab_wrap .up_wrap {
  margin: 0 auto;
  text-align: center;
  margin-bottom: 4vw;
}
@media (max-width: 1000px) {
  .tab_pp_container .tab_wrap .up_wrap {
    width: 90%;
  }
}
.tab_pp_container .tab_wrap .up_wrap p {
  margin-bottom: 20px;
  font-size: 30px;
  margin-top: 40px;
  letter-spacing: 5px;
  white-space: normal;
}
@media (max-width: 600px) {
  .tab_pp_container .tab_wrap .up_wrap p {
    font-size: 20px;
  }
}
.tab_pp_container .tab_wrap .up_wrap p {
  letter-spacing: 2px;
  line-height: 1.7;
}
.tab_pp_container .tab_wrap .down_wrap {
  width: 69%;
  margin: 0 auto;
  line-height: 29px;
  text-align: left;
  white-space: normal;
  font-feature-settings: normal;
  font-size: 14px;
}
@media (max-width: 1000px) {
  .tab_pp_container .tab_wrap .down_wrap {
    font-size: 15px;
    width: 95%;
  }
}
.tab_pp_container .tab_wrap .down_wrap p {
  white-space: normal;
  font-size: 14px;
  white-space: pre-line;
  letter-spacing: 0.8px;
  line-height: 1.7;
}
.tab_pp_container .tab_wrap .down_wrap span {
  font-weight: bold;
}
.tab_pp_container .tab_wrap .down_wrap .down_wrap_top .down_wrap_top_title {
  font-size: 16px;
  font-weight: bold;
}
.tab_pp_container .tab_wrap .down_wrap .down_wrap_top p {
  font-size: 14px;
  margin-top: 0px;
  white-space: normal;
  line-height: 1.8;
  letter-spacing: 0.7px;
  margin-bottom: 13px;
}
.tab_pp_container .pp_logo_wrap {
  text-align: center;
}
.tab_pp_container .pp_logo_wrap .pp_logo {
  width: 200px;
  padding: 30px 0;
}

.footer-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
}
.footer-container .footer_2_1,
.footer-container .footer_2_2 {
  margin: 1rem 0;
}
.footer-container .footer_2_1 {
  margin: 73px 0;
}
@media (max-width: 600px) {
  .footer-container .footer_2_1 {
    width: 80%;
    margin: 50px auto;
  }
}
.footer-container .footer_2_2 {
  margin-bottom: 73px;
}
@media (max-width: 600px) {
  .footer-container .footer_2_2 {
    margin-bottom: 70px !important;
    margin-top: 40px !important;
  }
}
.footer-container .footer_2_2 img {
  padding-right: 57px;
}
@media (max-width: 600px) {
  .footer-container .footer_2_2 img {
    padding-right: 21px;
    min-width: 260px;
  }
}
.footer-container img {
  max-width: 100%;
  height: auto;
}

.footer002 ul li {
  font-weight: bold !important;
  font-size: 16px !important;
}

/* キャッチフレーズ */
.catchphrase {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}

/* リンク */
.footer-links {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 40px;
  flex-direction: column;
  align-items: center;
}

.footer-links a {
  color: #ffffff !important;
  text-decoration: none;
  font-size: 14px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

/* 電話番号とプライバシーポリシー */
.footer-contact {
  margin-top: 20px;
}
.footer-contact img {
  width: 100%;
  max-width: 200px !important;
  padding-right: 14px;
}

.phone {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

.privacy-policy {
  font-size: 12px;
  color: #ffffff;
}

/* アイコンのスタイル */
.phone-icon {
  margin-right: 5px;
  font-size: 18px;
}

.footer_ph_text {
  display: none;
}
@media (max-width: 600px) {
  .footer_ph_text {
    display: block;
  }
}

.pp_text {
  color: #fff;
  font-size: 12px;
  text-align: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

#logo_loader {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 101;
  background-color: #fff;
}

#logo_loader .f_logo {
  position: absolute;
  margin: auto;
  width: 10vw;
  height: auto;
  text-align: center;
  color: #fff;
  font-size: 30px;
  top: 50%;
  left: 50%; /* 3 */
  transform: translate(-50%, -50%);
}
@media (max-width: 1300px) {
  #logo_loader .f_logo {
    width: 20vw;
    top: 50%;
  }
}
@media (max-width: 600px) {
  #logo_loader .f_logo {
    width: 30vw;
    top: 48%;
  }
}

.res_logo {
  display: none;
}
@media (max-width: 600px) {
  .res_logo {
    display: block;
    width: 30vw;
  }
}

@media (max-width: 600px) {
  .pc_logo {
    display: none;
  }
}

#logo_loader .f_logo img {
  width: 100%;
  height: auto;
}

#logo_loader .f_logo:before {
  content: "";
  display: block;
  width: 100%;
  height: auto;
  background-color: #333;
  position: absolute;
  top: 0;
  left: 100%;
  animation: loadLogo 1s;
}

@keyframes loadLogo {
  0% {
    left: 0;
  }
  50% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}
#logo_loader .f_logo:before {
  animation: loadLogo 0.5s;
}

#logo_loader.open {
  animation-name: slideOut;
  animation-fill-mode: forwards;
  animation-duration: 1.5s;
  animation-delay: 0.5s;
}

@keyframes slideOut {
  0% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(0%);
  }
  100% {
    transform: translateY(100%);
  }
}
header {
  width: 100vw;
  height: 84px !important;
  display: flex;
  position: fixed;
  z-index: 99;
  background-color: #ffffff;
}
@media (max-width: 600px) {
  header {
    height: 50px !important;
  }
}
header .header-main {
  display: flex;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
}
@media (max-width: 600px) {
  header .header-main {
    height: 50px;
  }
}
header .header-main .header-left {
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
}
@media (max-width: 600px) {
  header .header-main .header-left {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    height: 50px;
  }
}
header .header-main .header-left .header-burger {
  width: 50px;
  height: 50px;
  background-color: #fff !important;
  margin-top: 0px;
  z-index: 10;
  display: none;
}
@media (max-width: 600px) {
  header .header-main .header-left .header-burger {
    display: block;
  }
}
header .header-main .header-left .header-logo {
  width: auto;
  height: auto;
}
header .header-main .header-left .header-logo img {
  width: 197px !important;
  height: auto;
  margin-left: 29px !important;
}
@media (max-width: 600px) {
  header .header-main .header-left .header-logo img {
    width: 144px !important;
    margin-left: 9px !important;
  }
}
header .header-main .header-left .header-logo :hover {
  opacity: 0.7;
}
header .header-main .header-right-big {
  display: flex;
}
header .header-main .header-right-big .header-center {
  display: flex;
  align-items: center;
}
header .header-main .header-right-big .header-center a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
header .header-main .header-right-big .header-center a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #000000;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform 0.5s;
}
header .header-main .header-right-big .header-center a:hover::after {
  opacity: 1;
  transform: scale(100%);
  transition-duration: 0.5s;
}
@media (max-width: 1100px) {
  header .header-main .header-right-big .header-center {
    display: none;
  }
}
header .header-main .header-right-big .header-center ul {
  display: flex;
}
header .header-main .header-right-big .header-center ul li {
  display: flex;
  font-size: 14px;
  font-weight: bold;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  letter-spacing: 0.08px;
  color: #000000;
  color: rgb(0, 0, 0);
  padding-right: 42px !important;
  font-feature-settings: "palt" 1;
}
header .header-main .header-right-big .header-center .header-center-1 {
  display: flex;
  margin-right: 91px;
}
header .header-main .header-right-big .header-center .header-center-2 {
  display: flex;
  margin-right: 0;
}
@media (max-width: 1400px) {
  header .header-main .header-right-big .header-center .header-center-2 {
    margin-right: 0 !important;
  }
}
header .header-main .header-right-big .header-center .header-center-2 li {
  font-size: 16px !important;
  letter-spacing: 1px;
}
@media (max-width: 1400px) {
  header .header-main .header-right-big .header-center .header-center-2 li {
    font-size: 12px !important;
  }
}
header .header-main .header-right-big .header-right {
  width: auto;
  height: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 7px;
  margin-right: 24px;
}
@media (max-width: 600px) {
  header .header-main .header-right-big .header-right {
    margin-right: 0px !important;
    display: none;
  }
}
header .header-main .header-right-big .header-right .header-right-1 {
  position: relative;
}
header .header-main .header-right-big .header-right .header-right-1 img {
  width: auto !important;
  height: auto !important;
  margin-right: 2px;
}
@media (max-width: 1400px) {
  header .header-main .header-right-big .header-right .header-right-1 img {
    width: auto !important;
    height: 37px !important;
  }
}
@media (max-width: 600px) {
  header .header-main .header-right-big .header-right .header-right-1 img {
    display: none;
  }
}
header .header-main .header-right-big .header-right .header-right-1 .active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.3s;
}
header .header-main .header-right-big .header-right .header-right-1 :hover .active {
  opacity: 1;
}
header .header-main .header-right-big .header-right .header-right-2 {
  position: relative;
}
header .header-main .header-right-big .header-right .header-right-2 img {
  width: auto !important;
  height: auto !important;
}
@media (max-width: 1400px) {
  header .header-main .header-right-big .header-right .header-right-2 img {
    width: auto !important;
    height: 37px !important;
  }
}
@media (max-width: 600px) {
  header .header-main .header-right-big .header-right .header-right-2 img {
    display: none;
  }
}
header .header-main .header-right-big .header-right .header-right-2 .active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.3s;
}
header .header-main .header-right-big .header-right .header-right-2 :hover .active {
  opacity: 1;
}
header .header-main .header-right-big .header-right .header-right-3 {
  display: none;
}
@media (max-width: 600px) {
  header .header-main .header-right-big .header-right .header-right-3 {
    display: block;
    width: 120px;
    margin: auto;
    margin-right: 15px;
  }
}
header .header-main .header-right-big .header-right .header-right-3 img {
  width: 100%;
}

.mainblur {
  filter: blur(8px);
}

/*========= ナビゲーションのためのCSS ===============*/
#g-nav {
  /*position:fixed;にし、z-indexの数値を小さくして最背面へ*/
  position: inherit;
  z-index: -10;
  opacity: 0; /*はじめは透過0*/
  /*ナビの位置と形状*/
  top: 0;
  width: 100%;
  height: auto; /*ナビの高さ*/
  background: none;
  /*動き*/
  transition: all 0.3s;
}

/*アクティブクラスがついたら透過なしにして最前面へ*/
#g-nav.panelactive {
  opacity: 1;
  z-index: 9;
}

/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list {
  /*ナビの数が増えた場合縦スクロール*/
  position: inherit;
  z-index: -1;
  width: 100%;
  height: 100vh; /*表示する高さ*/
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/*ナビゲーション*/
#g-nav ul {
  display: none; /*はじめは非表示*/
  /*ナビゲーション天地中央揃え*/
  position: fixed;
  z-index: 9;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#g-nav.panelactive ul {
  display: flex;
  width: 50vw;
  flex-direction: column;
  margin: auto;
}
@media (max-width: 600px) {
  #g-nav.panelactive ul {
    width: 90vw;
    position: fixed;
  }
}

/*リストのレイアウト設定*/
#g-nav li {
  list-style: none;
  text-align: center;
  border-radius: 10px;
}

#g-nav li a {
  text-decoration: none;
  padding: 15px 15px;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: bold;
  width: fit-content;
  text-align: center;
}

/*========= ボタンのためのCSS ===============*/
.openbtn {
  position: absolute;
  z-index: 99; /*ボタンを最前面に*/
  cursor: pointer;
  width: 50px;
  height: 50px;
}

/*×に変化*/
.openbtn span {
  display: inline-block;
  transition: all 0.4s;
  position: absolute;
  left: 14px;
  height: 2px;
  border-radius: 2px;
  background-color: #00114c !important;
  width: 45%;
  border-radius: 22px;
}

.openbtn span:nth-of-type(1) {
  top: 15px;
}

.openbtn span:nth-of-type(2) {
  top: 23px;
}

.openbtn span:nth-of-type(3) {
  top: 31px;
}

.openbtn.active span:nth-of-type(1) {
  top: 18px;
  left: 18px;
  transform: translateY(6px) rotate(-45deg);
  width: 30%;
}

.openbtn.active span:nth-of-type(2) {
  opacity: 0;
}

.openbtn.active span:nth-of-type(3) {
  top: 30px;
  left: 18px;
  transform: translateY(-6px) rotate(45deg);
  width: 30%;
}

li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
li a::after {
  position: absolute;
}
li a:hover::after {
  opacity: 1;
  transform: scale(108%);
  transition-duration: 0.5s;
}

.burger-access {
  display: flex;
  font-size: clamp(14px, 1.04vw, 20px);
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  width: auto;
  height: auto;
  display: flex;
  justify-content: space-evenly;
}
@media (max-width: 600px) {
  .burger-access {
    flex-direction: column;
    align-items: center;
    font-size: 18px;
  }
}
.burger-access li {
  width: 23vw;
  height: fit-content;
  margin: 1vw;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
  background-color: #00114c !important;
  color: #fff !important;
}
@media (max-width: 600px) {
  .burger-access li {
    width: 66vw;
  }
}
.burger-access li:hover {
  background-color: #fff !important;
  color: #00114c !important;
  transition-duration: 0.5s;
  color: #ffffff;
}

.burger-access2 {
  display: flex;
  font-size: clamp(14px, 1.04vw, 20px);
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  width: auto;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  justify-content: center;
}
@media (max-width: 600px) {
  .burger-access2 {
    flex-direction: column;
    align-items: center;
    margin-top: 7vw;
  }
}
.burger-access2 li:hover {
  color: #ebff01;
}
.burger-access2 li {
  width: 23vw;
  color: #333 !important;
  background-color: #ffffff !important;
  margin: 1vw;
  color: #fff;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
}
@media (max-width: 600px) {
  .burger-access2 li {
    width: 66vw;
  }
}
.burger-access2 li:hover {
  background-color: #333 !important;
  color: #fff !important;
  transition-duration: 0.5s;
}

.footer-3 {
  width: 46vw;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 600px) {
  .footer-3 {
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 7vw;
  }
}
.footer-3 :hover {
  opacity: 1;
  transform: scale(108%);
  transition-duration: 0.5s;
}
.footer-3 img {
  width: 5vw;
}
@media (max-width: 600px) {
  .footer-3 img {
    width: 10vw;
    margin-bottom: 0vw;
  }
}

.burger_white {
  background-color: #fff !important;
  color: #00114c !important;
}

.container {
  width: 100%;
  height: auto;
  /*右左のアニメーション*/
}
.container .top-main {
  width: auto;
  height: auto;
}
.container .top-main .top-1 {
  width: 100%;
  height: auto;
  position: relative;
}
.container .top-main .top-1 .top-1-img {
  width: 100%;
  margin: auto;
  text-align: center;
  margin-top: 8px;
}
.container .top-main .top-1 .top-1-img img {
  width: 100% !important;
  margin-top: 60px;
}
@media (max-width: 600px) {
  .container .top-main .top-1 .top-1-img img {
    display: none;
  }
}
.container .top-main .top-1 .top-1-img .top-sp-img {
  display: none;
}
@media (max-width: 600px) {
  .container .top-main .top-1 .top-1-img .top-sp-img {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
}
.container .top-main .top-1 .top-1-textbox {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 9vw !important;
  left: 54.3vw !important;
}
.container .top-main .top-1 .top-1-textbox .top-text-box-img img {
  width: 11.5vw;
}
@media (max-width: 1100px) {
  .container .top-main .top-1 .top-1-textbox .top-text-box-img img {
    width: 13.5vw;
  }
}
@media (max-width: 600px) {
  .container .top-main .top-1 .top-1-textbox .top-text-box-img img {
    display: none;
  }
}
.container .top-main .top-1 .top-1-textbox .top-text-box-title {
  /* CSSアニメーションの指定 */
  /* CSSアニメーションの設定 */
}
.container .top-main .top-1 .top-1-textbox .top-text-box-title img {
  width: 34.21875vw;
  padding-left: 16px;
  min-width: 270px;
}
@media (max-width: 1100px) {
  .container .top-main .top-1 .top-1-textbox .top-text-box-title img {
    width: 51.26vw;
    max-width: 250px !important;
    min-width: auto !important;
  }
}
@media (max-width: 600px) {
  .container .top-main .top-1 .top-1-textbox .top-text-box-title img {
    display: none;
  }
}
.container .top-main .top-1 .top-1-textbox .top-text-box-title .top-img-ani {
  animation: SlideIn 3s;
  animation-delay: 1s;
}
@keyframes SlideIn {
  0% {
    opacity: 0; /*初期状態では透明に*/
    transform: translateX(10.4166666667vw);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.container .top-main .top-1 .top-1-textbox p {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: clamp(12px, 1.46vw, 28px);
  line-height: 1.8;
  font-weight: bold;
  color: #ffffff;
  text-shadow: 0.2px 0.2px 0.5px rgba(0, 0, 0, 0.4);
  margin-top: 2.97vw;
  margin-left: 28px;
  letter-spacing: -1px;
  font-style: oblique;
}
@media (max-width: 1100px) {
  .container .top-main .top-1 .top-1-textbox p {
    margin-top: 1.97vw;
    margin-left: 17px;
  }
}
@media (max-width: 600px) {
  .container .top-main .top-1 .top-1-textbox p {
    display: none;
  }
}
.container .top-main .top-2 {
  display: flex;
  margin-top: 100px;
  margin-bottom: 4.17vw;
}
@media (max-width: 1100px) {
  .container .top-main .top-2 {
    margin-left: 0px;
    justify-content: center;
    margin-top: 20px;
  }
}
@media (max-width: 600px) {
  .container .top-main .top-2 {
    flex-direction: column;
    align-items: center;
    margin-top: 0px;
    margin-bottom: 35px;
  }
}
.container .top-main .top-2 .top-2-text {
  margin-left: 16.88vw;
  margin-top: 1.04vw;
}
@media (max-width: 1100px) {
  .container .top-main .top-2 .top-2-text {
    margin-left: 0px;
  }
}
@media (max-width: 600px) {
  .container .top-main .top-2 .top-2-text {
    width: 95vw;
  }
}
.container .top-main .top-2 .top-2-text .eachTextAnime span {
  opacity: 0;
}
.container .top-main .top-2 .top-2-text .eachTextAnime.appeartext span {
  animation: text_anime_on 1s ease-out forwards;
}
@keyframes text_anime_on {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.container .top-main .top-2 .top-2-text h2 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: clamp(25px, 2.5vw, 40px);
  line-height: 1.8;
  color: #000000;
  font-weight: bold;
  letter-spacing: 4.3px;
  line-height: 1.6;
  white-space: normal;
  width: 33vw;
  min-width: 333px;
  max-width: 501px;
}
@media (max-width: 600px) {
  .container .top-main .top-2 .top-2-text h2 {
    width: auto;
    max-width: 300px;
    letter-spacing: 0px !important;
    min-width: auto;
    margin-bottom: 20px;
  }
}
.container .top-main .top-2 .top-2-text p {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: clamp(12px, 0.94vw, 18px);
  line-height: 1.4;
  color: #000000;
  font-weight: 500;
  margin-top: 0px;
  margin-left: 9px;
  letter-spacing: 0px;
  width: auto;
  white-space: pre-line;
}
@media (max-width: 1100px) {
  .container .top-main .top-2 .top-2-text p {
    width: auto;
    letter-spacing: -1px;
  }
}
@media (max-width: 600px) {
  .container .top-main .top-2 .top-2-text p {
    width: auto;
    font-size: 14px;
    margin-top: 10px;
    white-space: normal;
  }
}
.container .top-main .top-2 .top-2-text .top-2-text-spa {
  letter-spacing: -0.4px;
}
@media (max-width: 1100px) {
  .container .top-main .top-2 .top-2-text .top-2-text-spa {
    letter-spacing: -1.2px;
  }
}
@media (max-width: 600px) {
  .container .top-main .top-2 .top-2-text .top-2-text-spa {
    white-space: normal;
  }
}
.container .top-main .top-2 .top-2-text .top-2-h2 {
  letter-spacing: 6px;
}
.container .top-main .top-2 .top-2-mov {
  position: relative;
  margin-left: 5.6vw;
}
@media (max-width: 600px) {
  .container .top-main .top-2 .top-2-mov {
    margin-left: 0px;
    margin-top: 20ox;
  }
}
.container .top-main .top-2 .top-2-mov .top-2-mov-back img {
  width: 46.98vw;
  position: absolute;
  right: -55px;
  top: 40px;
  z-index: -1;
}
.container .top-main .top-2 .top-2-mov .top-2-youtube img {
  width: 33.54vw;
}
.container .top-main .top-2 .top-2-mov .top-2-youtube .top-you-link {
  width: 33.54vw;
  height: 18.8541666667vw;
}
@media (max-width: 600px) {
  .container .top-main .top-2 .top-2-mov .top-2-youtube .top-you-link {
    width: 90vw;
    height: 50vw;
  }
}
.container .top-main .top-2 .top-2-mov .top-2-youtube .top-2-youtube-text {
  width: fit-content;
  margin: auto;
}
.container .top-main .top-2 .top-2-mov .top-2-youtube .top-2-youtube-text a {
  position: relative;
  width: fit-content;
}
.container .top-main .top-2 .top-2-mov .top-2-youtube .top-2-youtube-text a :hover {
  opacity: 1;
  transition-duration: 0.5s;
}
.container .top-main .top-2 .top-2-mov .top-2-youtube .top-2-youtube-text a p {
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  color: #666666;
  font-size: clamp(14px, 0.833vw, 16px);
  margin-top: 16px;
}
@media (max-width: 600px) {
  .container .top-main .top-2 .top-2-mov .top-2-youtube .top-2-youtube-text a p {
    font-size: 12px;
  }
}
.container .top-main .top-2 .top-2-mov .top-2-youtube .top-2-youtube-text a p::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #666666;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform 0.5s;
}
.container .top-main .top-2 .top-2-mov .top-2-youtube .top-2-youtube-text a p:hover::after {
  transform: scale(100%);
  transition-duration: 0.5s;
  opacity: 1;
}
.container .top-main .top-2 .wrap {
  position: fixed;
  right: 1.5em;
  bottom: 2em;
  z-index: 10;
}
@media (max-width: 600px) {
  .container .top-main .top-2 .wrap {
    right: 10px;
  }
}
.container .top-main .top-2 .banner_hov a:hover {
  transition-duration: 0.5s;
  transform: translateY(-5px);
}
.container .top-main .top-2 .wrap .banner {
  display: block;
  padding: 1em;
  background-color: #e6ff01;
  width: auto;
  min-width: 200px;
  height: auto;
  min-height: 50px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: clamp(14px, 1.146vw, 22px);
  font-weight: bold;
  padding-left: 3vw;
  padding-right: 3vw;
  position: relative;
  line-height: 1.5;
  letter-spacing: 3px;
}
@media (max-width: 1500px) {
  .container .top-main .top-2 .wrap .banner {
    width: auto;
    height: auto;
  }
}
@media (max-width: 600px) {
  .container .top-main .top-2 .wrap .banner {
    width: 150px;
    height: auto;
    padding-left: 6vw;
  }
}
.container .top-main .top-2 .wrap label {
  position: relative;
  display: block;
}
.container .top-main .top-2 .wrap label img {
  position: absolute;
  right: -0.8em;
  top: -0.8em;
  width: 31px;
  height: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  z-index: 11;
  cursor: pointer;
}
@media (max-width: 600px) {
  .container .top-main .top-2 .wrap label img {
    width: 25px;
    height: 25px;
  }
}
.container .top-main .top-2 .ban_arrow {
  position: absolute;
  right: 1vw;
  top: 4.5vw;
}
@media (max-width: 1300px) {
  .container .top-main .top-2 .ban_arrow {
    right: 10px;
    top: 53px;
  }
}
@media (max-width: 600px) {
  .container .top-main .top-2 .ban_arrow {
    margin-left: 50px;
  }
}
.container .top-main .top-2 #close {
  display: none;
}
.container .top-main .top-2 #close:checked ~ div {
  display: none;
}
.container .top-main .top-3 {
  background-color: #000000;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}
.container .top-main .top-3 .top-3-main {
  width: 66.67vw;
  margin: auto;
  padding-bottom: 3.3vw;
}
@media (max-width: 1100px) {
  .container .top-main .top-3 .top-3-main {
    width: 90vw;
  }
}
@media (max-width: 600px) {
  .container .top-main .top-3 .top-3-main {
    width: 95vw;
  }
}
.container .top-main .top-3 .top-3-main .top-3-text {
  padding-top: 5px;
}
.container .top-main .top-3 .top-3-main .top-3-text .top-3-text-title {
  font-size: clamp(16px, 1.04vw, 20px);
  margin-top: 14px;
  font-weight: bold;
  line-height: normal;
  margin-bottom: 15px;
  margin-top: 30px;
  letter-spacing: 2px;
}
.container .top-main .top-3 .top-3-main .top-3-text p {
  color: #ffffff;
  font-size: clamp(14px, 0.94vw, 18px);
  margin-top: 0px;
  line-height: 1.6;
  white-space: pre-line;
}
@media (max-width: 600px) {
  .container .top-main .top-3 .top-3-main .top-3-text p {
    white-space: normal;
  }
}
.container .top-main .top-3 .top-3-main .top-3-contents {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
@media (max-width: 1100px) {
  .container .top-main .top-3 .top-3-main .top-3-contents {
    margin-bottom: 30px;
  }
}
@media (max-width: 600px) {
  .container .top-main .top-3 .top-3-main .top-3-contents {
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
}
.container .top-main .top-3 .top-3-main .top-3-contents .top-3-contents-1 {
  width: 15.63vw;
}
@media (max-width: 1100px) {
  .container .top-main .top-3 .top-3-main .top-3-contents .top-3-contents-1 {
    width: 20vw;
  }
}
@media (max-width: 600px) {
  .container .top-main .top-3 .top-3-main .top-3-contents .top-3-contents-1 {
    width: 45vw;
    margin-bottom: 20px;
  }
}
.container .top-main .top-3 .top-3-main .top-3-contents .top-3-contents-1 .top-3-contents-img img {
  width: 100%;
}
.container .top-main .top-3 .top-3-main .top-3-contents .top-3-contents-1 .top-3-contents-text p {
  color: #ffffff;
  font-size: clamp(12px, 0.94vw, 14px);
  white-space: pre-wrap;
}
.container .top-main .top-3 .top-3-main .top-3-contents .top-3-contents-1 .top-3-contents-text .top-3-contents-title {
  line-height: normal;
  margin-top: 7px;
  font-weight: bold;
  letter-spacing: 4px;
}
.container .top-main .top-3 .top-3-main .top-3-contents .top-3-contents-1 .top-3-contents-arrow img {
  width: 1.67vw;
  margin-top: 1.25vw;
}
@media (max-width: 1100px) {
  .container .top-main .top-3 .top-3-main .top-3-contents .top-3-contents-1 .top-3-contents-arrow img {
    width: 20px;
  }
}
@media (max-width: 600px) {
  .container .top-main .top-3 .top-3-main .top-3-contents .top-3-contents-1 .top-3-contents-arrow img {
    width: 40px;
  }
}
.container .about-main {
  width: 66.8vw;
  margin: auto;
}
@media (max-width: 1100px) {
  .container .about-main {
    width: 90vw;
  }
}
@media (max-width: 600px) {
  .container .about-main {
    width: 95vw;
  }
}
.container .about-main .about-1 {
  display: flex;
  flex-direction: column;
  margin-top: 120px;
  margin-bottom: 100px;
}
@media (max-width: 1100px) {
  .container .about-main .about-1 {
    flex-direction: column;
    margin-bottom: 50px;
    margin-top: 30px;
  }
}
.container .about-main .about-1 a :hover {
  opacity: 0.8;
}
@media (max-width: 600px) {
  .container .about-main .about-1 {
    flex-direction: column;
    margin-top: 3vw;
    margin-bottom: 3vw;
  }
}
.container .about-main .about-1 .about-1-top {
  display: flex;
  width: 66vw;
  margin: auto;
  margin-top: 1.69vw;
  margin-bottom: 0vw;
}
@media (max-width: 1100px) {
  .container .about-main .about-1 .about-1-top {
    flex-direction: row;
    align-items: flex-start;
    width: 85vw;
    margin-bottom: 20px;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-1 .about-1-top {
    flex-direction: column;
  }
}
.container .about-main .about-1 .about-1-top .about-1-top-img {
  display: flex;
  flex-direction: column;
  width: 31.25vw;
  height: auto;
  margin-right: 1vw;
}
@media (max-width: 1100px) {
  .container .about-main .about-1 .about-1-top .about-1-top-img {
    width: 50vw;
    height: auto;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-1 .about-1-top .about-1-top-img {
    width: 85vw;
  }
}
.container .about-main .about-1 .about-1-top .about-1-top-img .wrap {
  display: flex;
  align-items: center;
  width: 26.1458333333vw;
  height: auto;
  overflow: hidden;
}
@media (max-width: 1100px) {
  .container .about-main .about-1 .about-1-top .about-1-top-img .wrap {
    width: 45vw;
    height: auto;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-1 .about-1-top .about-1-top-img .wrap {
    width: 90vw;
    height: auto;
  }
}
.container .about-main .about-1 .about-1-top .about-1-top-img .slideshow {
  display: flex;
}
.container .about-main .about-1 .about-1-top .about-1-top-img .content {
  width: 25.5208333333vw;
  height: auto;
  margin-right: 20px;
}
@media (max-width: 1100px) {
  .container .about-main .about-1 .about-1-top .about-1-top-img .content {
    width: 45vw;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-1 .about-1-top .about-1-top-img .content {
    width: 90vw;
  }
}
.container .about-main .about-1 .about-1-top .about-1-top-img li img {
  width: inherit;
  height: auto;
}
.container .about-main .about-1 .about-1-top .about-1-top-img .slideshow {
  animation: loop-slide 20s infinite linear 1s both;
}
@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.container .about-main .about-1 .about-1-top .about-1-top-img h3 {
  font-size: clamp(20px, 2.083vw, 40px);
  letter-spacing: 1px;
  margin-left: 2.9vw;
}
@media (max-width: 600px) {
  .container .about-main .about-1 .about-1-top .about-1-top-img h3 {
    font-size: 20px;
    margin-left: none;
    margin-bottom: 4vw;
  }
}
.container .about-main .about-1 .about-1-top .about-1-top-text {
  padding-left: 3.5vw;
  margin-top: 1.2vw;
  z-index: 5;
  margin-bottom: 3.7vw;
  /*左右のアニメーション*/
}
@media (max-width: 1100px) {
  .container .about-main .about-1 .about-1-top .about-1-top-text {
    margin-top: 7.4vw;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-1 .about-1-top .about-1-top-text {
    padding-left: 0px;
    margin-top: 0px;
  }
}
.container .about-main .about-1 .about-1-top .about-1-top-text .about-1-title {
  font-size: clamp(25px, 2.08vw, 40px);
  letter-spacing: 1px;
}
.container .about-main .about-1 .about-1-top .about-1-top-text h3 {
  font-size: clamp(16px, 1.67vw, 32px);
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  color: #000000;
  font-weight: bold;
  font-feature-settings: "palt" 1;
  letter-spacing: -1px;
  margin-bottom: 0px;
  white-space: normal;
}
.container .about-main .about-1 .about-1-top .about-1-top-text h3 img {
  width: 24.0625vw;
  height: auto;
}
@media (max-width: 1100px) {
  .container .about-main .about-1 .about-1-top .about-1-top-text h3 img {
    width: 30vw;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-1 .about-1-top .about-1-top-text h3 img {
    width: 70vw;
  }
}
.container .about-main .about-1 .about-1-top .about-1-top-text .back-title {
  position: relative;
  z-index: -1;
}
.container .about-main .about-1 .about-1-top .about-1-top-text .back-title h3 {
  white-space: pre-line;
  margin-top: 5px;
  letter-spacing: -1px;
  z-index: 5;
  line-height: 1.4;
}
@media (max-width: 1100px) {
  .container .about-main .about-1 .about-1-top .about-1-top-text .back-title h3 {
    font-size: 16px;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-1 .about-1-top .about-1-top-text .back-title h3 {
    font-size: 24px;
  }
}
.container .about-main .about-1 .about-1-top .about-1-top-text .about-2-bottom-text-sp {
  display: block !important;
}
@media (max-width: 1100px) {
  .container .about-main .about-1 .about-1-top .about-1-top-text .about-2-bottom-text-sp {
    display: none !important;
  }
}
.container .about-main .about-1 .about-1-top .about-1-top-text .about-2-bottom-text-sp :hover {
  opacity: 1;
  transform: scale(100%);
  transition-duration: 0.5s;
}
.container .about-main .about-1 .about-1-top .about-1-top-text .about-2-bottom-text-sp a p {
  font-size: clamp(14px, 0.833vw, 16px);
  margin-right: auto;
  width: fit-content;
  color: #666666;
  margin-top: 30px;
  margin-bottom: 20px;
}
@media (max-width: 1100px) {
  .container .about-main .about-1 .about-1-top .about-1-top-text .about-2-bottom-text-sp a p {
    margin-left: auto !important;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-1 .about-1-top .about-1-top-text .about-2-bottom-text-sp a p {
    font-size: 12px;
  }
}
.container .about-main .about-1 .about-1-top .about-1-top-text .about-2-bottom-text-sp a p::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #666666;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform 0.5s;
}
.container .about-main .about-1 .about-1-top .about-1-top-text .about-2-bottom-text-sp a p:hover::after {
  transform: scale(100%);
  transition-duration: 0.5s;
  opacity: 1;
}
.container .about-main .about-1 .about-1-top .about-1-top-text .slide-in {
  overflow: hidden;
  display: inline-block;
}
.container .about-main .about-1 .about-1-top .about-1-top-text .slide-in_inner {
  display: inline-block;
}
.container .about-main .about-1 .about-1-top .about-1-top-text .rightAnime {
  opacity: 0; /*事前に透過0にして消しておく*/
}
.container .about-main .about-1 .about-1-top .about-1-top-text .slideAnimeLeftRight {
  animation-name: slideTextX100;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  opacity: 0;
  animation-delay: 0s;
}
@keyframes slideTextX100 {
  from {
    transform: translateX(-100%); /*要素を左の枠外に移動*/
    opacity: 0;
  }
  to {
    transform: translateX(0); /*要素を元の位置に移動*/
    opacity: 1;
  }
}
.container .about-main .about-1 .about-1-top .about-1-top-text .slideAnimeRightLeft {
  animation-name: slideTextX-100;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  opacity: 0;
  animation-delay: 0s;
}
@keyframes slideTextX-100 {
  from {
    transform: translateX(100%); /*要素を右の枠外に移動*/
    opacity: 0;
  }
  to {
    transform: translateX(0); /*要素を元の位置に移動*/
    opacity: 1;
  }
}
.container .about-main .about-1 .about-1-top .about-1-top-text p {
  font-size: clamp(12px, 0.729vw, 14px);
  line-height: 1.95;
  letter-spacing: 0px;
  padding-left: 8px;
  white-space: normal;
  margin-top: 7px;
  margin-bottom: 0px;
  z-index: 5;
}
@media (max-width: 1100px) {
  .container .about-main .about-1 .about-1-top .about-1-top-text p {
    font-size: 14px;
  }
}
.container .about-main .about-1 .about-1-top .about-1-top-text p span {
  font-weight: bold;
  font-size: clamp(14px, 0.833vw, 16px);
}
@media (max-width: 1100px) {
  .container .about-main .about-1 .about-1-top .about-1-top-text p span {
    font-size: 18px;
    white-space: normal;
  }
}
.container .about-main .about-1 .about-1-bottom {
  width: 53vw;
  display: flex;
  margin: auto;
  justify-content: space-between;
  margin-top: -4.3vw;
}
@media (max-width: 1100px) {
  .container .about-main .about-1 .about-1-bottom {
    margin-top: auto;
    flex-direction: row;
    width: 85vw;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-1 .about-1-bottom {
    flex-direction: column;
    width: 85vw;
  }
}
.container .about-main .about-1 .about-1-bottom .about-2-bottom-left .about-2-bottom-img img {
  width: 24.79vw;
}
@media (max-width: 1100px) {
  .container .about-main .about-1 .about-1-bottom .about-2-bottom-left .about-2-bottom-img img {
    width: 38vw;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-1 .about-1-bottom .about-2-bottom-left .about-2-bottom-img img {
    width: 85vw;
  }
}
.container .about-main .about-1 .about-1-bottom .about-2-bottom-left .about-2-bottom-img :hover {
  opacity: 0.9;
  transform: scale(105%);
  transition-duration: 0.5s;
}
.container .about-main .about-1 .about-1-bottom .about-2-bottom-left .about-2-bottom-text :hover {
  opacity: 1;
  transform: scale(100%);
  transition-duration: 0.5s;
}
.container .about-main .about-1 .about-1-bottom .about-2-bottom-left .about-2-bottom-text a p {
  font-size: clamp(14px, 0.833vw, 16px);
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  color: #666666;
}
@media (max-width: 600px) {
  .container .about-main .about-1 .about-1-bottom .about-2-bottom-left .about-2-bottom-text a p {
    display: none;
  }
}
.container .about-main .about-1 .about-1-bottom .about-2-bottom-left .about-2-bottom-text a p::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #666666;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform 0.5s;
}
.container .about-main .about-1 .about-1-bottom .about-2-bottom-left .about-2-bottom-text a p:hover::after {
  transform: scale(100%);
  transition-duration: 0.5s;
  opacity: 1;
}
@media (max-width: 1100px) {
  .container .about-main .about-1 .about-1-bottom .about-2-bottom-right {
    margin: auto;
  }
}
.container .about-main .about-1 .about-1-bottom .about-2-bottom-right .about-2-bottom-img img {
  width: 24.79vw;
}
@media (max-width: 1100px) {
  .container .about-main .about-1 .about-1-bottom .about-2-bottom-right .about-2-bottom-img img {
    width: 45vw;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-1 .about-1-bottom .about-2-bottom-right .about-2-bottom-img img {
    width: 85vw;
  }
}
.container .about-main .about-1 .about-1-bottom .about-2-bottom-right .about-2-bottom-img :hover {
  opacity: 0.9;
  transform: scale(105%);
  transition-duration: 0.5s;
}
.container .about-main .about-1 .about-1-bottom .about-2-bottom-right .about-2-bottom-text {
  display: none;
}
@media (max-width: 1100px) {
  .container .about-main .about-1 .about-1-bottom .about-2-bottom-right .about-2-bottom-text {
    display: block;
  }
}
.container .about-main .about-1 .about-1-bottom .about-2-bottom-right .about-2-bottom-text :hover {
  opacity: 1;
  transform: scale(100%);
  transition-duration: 0.5s;
}
.container .about-main .about-1 .about-1-bottom .about-2-bottom-right .about-2-bottom-text a p {
  font-size: clamp(14px, 0.833vw, 16px);
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  color: #666666;
}
@media (max-width: 600px) {
  .container .about-main .about-1 .about-1-bottom .about-2-bottom-right .about-2-bottom-text a p {
    font-size: 12px;
  }
}
.container .about-main .about-1 .about-1-bottom .about-2-bottom-right .about-2-bottom-text a p::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #666666;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform 0.5s;
}
.container .about-main .about-1 .about-1-bottom .about-2-bottom-right .about-2-bottom-text a p:hover::after {
  transform: scale(100%);
  transition-duration: 0.5s;
  opacity: 1;
}
.container .about-main .about-2 {
  width: auto;
  height: auto;
  margin-top: 3.4vw;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 32px;
}
@media (max-width: 1100px) {
  .container .about-main .about-2 {
    display: flex;
    align-items: center;
    margin-bottom: 7vw;
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 20px;
    align-items: center;
    max-width: 600px;
    margin: auto;
    margin-bottom: 30px;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-2 {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
.container .about-main .about-2 .about-2-top-text {
  margin-left: 1vw;
  margin-top: 2.3vw;
  width: 22vw;
}
@media (max-width: 1100px) {
  .container .about-main .about-2 .about-2-top-text {
    width: 580px;
    margin-top: 0 !important;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-2 .about-2-top-text {
    width: auto;
  }
}
.container .about-main .about-2 .about-2-top-text h2 {
  font-size: clamp(25px, 2.71vw, 40px) !important;
  margin-bottom: 0px;
  white-space: nowrap !important;
  font-weight: bold;
}
@media (max-width: 600px) {
  .container .about-main .about-2 .about-2-top-text h2 {
    margin-bottom: 0px !important;
  }
}
.container .about-main .about-2 .about-2-top-text h4 {
  font-size: clamp(15px, 1.563vw, 30px) !important;
  margin-bottom: 0px;
  white-space: nowrap;
  margin-top: 0;
  margin-top: 0.78vw;
}
@media (max-width: 600px) {
  .container .about-main .about-2 .about-2-top-text h4 {
    font-size: 16px;
    margin-top: 0;
  }
}
.container .about-main .about-2 .about-2-top-text .eachTextAnime span {
  opacity: 0;
}
.container .about-main .about-2 .about-2-top-text .eachTextAnime.appeartext span {
  animation: text_anime_on 1s ease-out forwards;
}
@keyframes text_anime_on {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.container .about-main .about-2 .about-2-top-text p {
  font-size: clamp(14px, 1.04vw, 20px);
  width: auto !important;
  white-space: normal;
  margin-top: 0.78vw;
  line-height: 1.4;
  margin-bottom: 0;
}
@media (max-width: 600px) {
  .container .about-main .about-2 .about-2-top-text p {
    width: auto;
    line-height: 1.8;
    white-space: normal;
    font-weight: normal !important;
  }
}
.container .about-main .about-2 .about-2-top-text .about-2-top-text_p {
  font-size: clamp(14px, 1.04vw, 20px) !important;
  width: auto !important;
  white-space: normal !important;
  margin-top: 0.78vw;
  line-height: 1.4;
  font-weight: bold;
}
@media (max-width: 600px) {
  .container .about-main .about-2 .about-2-top-text .about-2-top-text_p {
    width: auto;
    line-height: 1.8;
    white-space: normal;
    margin-bottom: 10px !important;
    font-weight: normal !important;
  }
}
.container .about-main .about-2 .about-2-top-text .about-2-big {
  font-size: clamp(18px, 1.67vw, 32px);
  margin-top: 1vw;
  margin-bottom: 0.94vw;
}
.container .about-main .about-2 .about-2-top-text .text-over-size {
  font-size: clamp(18px, 2.08vw, 40px);
}
.container .about-main .about-2 .about-2-top-img {
  width: 43.23vw;
}
@media (max-width: 1100px) {
  .container .about-main .about-2 .about-2-top-img {
    width: 45vw;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-2 .about-2-top-img {
    width: auto;
    margin-bottom: 7vw;
  }
}
.container .about-main .about-2 .about-2-top-img img {
  width: 100%;
}
@media (max-width: 600px) {
  .container .about-main .about-2 .about-2-top-img img {
    width: 100%;
  }
}
.container .about-main .about-2 .about-2-top-img p {
  font-size: clamp(14px, 1.04vw, 17px);
  width: auto !important;
  white-space: pre-line;
  margin-top: 0.78vw;
  line-height: 1.8;
  font-weight: bold;
  letter-spacing: 2px;
}
@media (max-width: 1100px) {
  .container .about-main .about-2 .about-2-top-img p {
    width: auto;
  }
}
.container .about-main .about-3 {
  display: flex;
  flex-direction: column;
  margin-top: 3vw;
}
.container .about-main .about-3 .about-3-top {
  display: flex;
  gap: 32px;
}
@media (max-width: 1100px) {
  .container .about-main .about-3 .about-3-top {
    flex-direction: column;
    margin-bottom: 30px;
    align-items: center;
    max-width: 600px;
    margin: auto;
    margin-bottom: 30px;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-3 .about-3-top {
    flex-direction: column;
    margin-bottom: 30px;
    gap: 0px;
  }
}
@media (max-width: 1100px) {
  .container .about-main .about-3 .about-3-top .about-3-img {
    width: 45vw;
    margin: auto;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-3 .about-3-top .about-3-img {
    width: 95vw;
  }
}
.container .about-main .about-3 .about-3-top .about-3-img img {
  width: 43.23vw;
}
@media (max-width: 1100px) {
  .container .about-main .about-3 .about-3-top .about-3-img img {
    width: 45vw;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-3 .about-3-top .about-3-img img {
    width: 95vw;
  }
}
.container .about-main .about-3 .about-3-top .about-3-text {
  margin-left: 1vw;
  margin-top: 2.3vw;
  width: 22vw;
}
@media (max-width: 1100px) {
  .container .about-main .about-3 .about-3-top .about-3-text {
    width: 100% !important;
    margin-top: 0 !important;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-3 .about-3-top .about-3-text {
    width: 95vw;
    margin-top: 20px !important;
  }
}
.container .about-main .about-3 .about-3-top .about-3-text h4 {
  width: auto;
  white-space: nowrap !important;
  font-size: clamp(15px, 1.563vw, 30px) !important;
  letter-spacing: 2px;
  margin-bottom: 0 !important;
  white-space: pre-line;
  line-height: 1.6;
}
@media (max-width: 1100px) {
  .container .about-main .about-3 .about-3-top .about-3-text h4 {
    width: 100%;
    margin-top: 0 !important;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-3 .about-3-top .about-3-text h4 {
    width: 90vw;
    font-size: 16px !important;
  }
}
.container .about-main .about-3 .about-3-top .about-3-text p {
  white-space: pre-line;
  font-size: clamp(14px, 0.94vw, 18px);
  margin-top: 15px !important;
  margin-left: 0vw !important;
  font-weight: bold;
  width: 19vw;
  line-height: 1.7;
  letter-spacing: 1px;
}
@media (max-width: 1100px) {
  .container .about-main .about-3 .about-3-top .about-3-text p {
    width: 100% !important;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-3 .about-3-top .about-3-text p {
    width: 90vw;
    font-weight: normal !important;
  }
}
.container .about-main .about-3 .about-3-top .about-3-text .about-3-text-big {
  font-size: clamp(25px, 2.24vw, 40px);
  letter-spacing: 0px;
}
.container .about-main .about-3 .about-3-top .about-3-text .about-3-text-2 {
  letter-spacing: 2px;
  white-space: pre-line;
}
.container .about-main .about-3 .about-3-top .about-3-text .about-3-text-3 {
  letter-spacing: 3px;
  white-space: pre-line;
}
.container .about-main .about-3 .about-3-bottom {
  display: flex;
  margin-top: 3vw;
  gap: 32px;
}
@media (max-width: 1100px) {
  .container .about-main .about-3 .about-3-bottom {
    align-items: center;
    flex-direction: column;
    max-width: 600px;
    margin: auto;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-3 .about-3-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
  }
}
@media (max-width: 1100px) {
  .container .about-main .about-3 .about-3-bottom .about-3-img {
    width: 45vw;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-3 .about-3-bottom .about-3-img {
    width: 95vw;
  }
}
.container .about-main .about-3 .about-3-bottom .about-3-img img {
  width: 43.23vw;
}
@media (max-width: 1100px) {
  .container .about-main .about-3 .about-3-bottom .about-3-img img {
    width: 45vw;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-3 .about-3-bottom .about-3-img img {
    width: 95vw;
  }
}
.container .about-main .about-3 .about-3-bottom .about-3-text {
  margin-left: 1vw;
  width: 22vw;
}
@media (max-width: 1100px) {
  .container .about-main .about-3 .about-3-bottom .about-3-text {
    width: 100%;
    margin-top: 0 !important;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-3 .about-3-bottom .about-3-text {
    width: 95vw;
    font-size: 16px !important;
  }
}
.container .about-main .about-3 .about-3-bottom .about-3-text h4 {
  width: auto !important;
  white-space: nowrap !important;
  font-size: clamp(15px, 1.563vw, 30px) !important;
  letter-spacing: 2px;
  margin-bottom: 0 !important;
}
@media (max-width: 1100px) {
  .container .about-main .about-3 .about-3-bottom .about-3-text h4 {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-3 .about-3-bottom .about-3-text h4 {
    width: 95vw !important;
    font-size: 16px !important;
  }
}
.container .about-main .about-3 .about-3-bottom .about-3-text p {
  white-space: pre-line;
  font-size: clamp(14px, 0.94vw, 18px);
  margin-top: 15px !important;
  margin-left: 0vw !important;
  font-weight: bold;
  width: 19vw;
  line-height: 1.7;
  letter-spacing: 0px;
}
@media (max-width: 1100px) {
  .container .about-main .about-3 .about-3-bottom .about-3-text p {
    width: 100% !important;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-3 .about-3-bottom .about-3-text p {
    width: 95vw !important;
    font-weight: normal;
  }
}
.container .about-main .about-3 .about-3-bottom .about-3-text .about-3-text-big {
  font-size: clamp(25px, 2.08vw, 40px);
  letter-spacing: -2px;
}
.container .about-main .about-3 .about-3-bottom .about-3-text .about-3-bottom-text-1 {
  font-size: clamp(14px, 1.04vw, 20px);
  letter-spacing: 0px;
  font-weight: bold;
}
.container .about-main .about-3 .about-3-bottom .about-3-text .about-3-bottom-text-2 {
  font-size: clamp(14px, 1.04vw, 20px);
  letter-spacing: 0px;
  white-space: pre-line;
}
.container .about-main .about-3 .about-3-bottom .about-3-text .about-3-bottom-text-3 {
  font-size: clamp(14px, 1.04vw, 20px);
  letter-spacing: -1px;
  white-space: pre-line;
  font-weight: bold;
}
.container .about-main .about-3-text-sub {
  margin-top: 0;
}
.container .about-main .about-4 {
  display: flex;
  margin-top: 6vw;
  justify-content: space-between;
  margin-bottom: 50px;
}
@media (max-width: 1100px) {
  .container .about-main .about-4 {
    flex-direction: column-reverse !important;
    align-items: center;
    max-width: 600px;
    margin: auto;
  }
}
.container .about-main .about-4 .about-4-text {
  width: 22vw;
}
@media (max-width: 1100px) {
  .container .about-main .about-4 .about-4-text {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-4 .about-4-text {
    width: 95vw;
    margin-bottom: 50px;
  }
}
.container .about-main .about-4 .about-4-text h4 {
  width: 22vw;
  white-space: pre-line;
  font-size: clamp(15px, 1.563vw, 30px) !important;
  letter-spacing: 1px !important;
  margin-bottom: 0%;
  line-height: 1.6;
}
@media (max-width: 1100px) {
  .container .about-main .about-4 .about-4-text h4 {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-4 .about-4-text h4 {
    width: 95vw;
    font-size: 16px !important;
  }
}
.container .about-main .about-4 .about-4-text p {
  white-space: pre-line;
  font-size: clamp(14px, 0.94vw, 18px);
  margin-left: 0vw !important;
  margin-top: 10px !important;
  font-weight: bold;
  width: 19vw;
  line-height: 1.7;
  letter-spacing: 0px;
}
@media (max-width: 1100px) {
  .container .about-main .about-4 .about-4-text p {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-4 .about-4-text p {
    width: 95vw;
    font-weight: normal !important;
  }
}
.container .about-main .about-4 .about-4-text .about-4-text-big {
  font-size: clamp(25px, 2.08vw, 40px);
  letter-spacing: 1px;
}
.container .about-main .about-4 .about-4-right {
  display: flex;
  flex-direction: column;
  margin-right: 1.4vw;
}
@media (max-width: 1100px) {
  .container .about-main .about-4 .about-4-right {
    margin-left: 2vw;
    width: 100%;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-4 .about-4-right {
    margin-left: 0px;
  }
}
@media (max-width: 1100px) {
  .container .about-main .about-4 .about-4-right .about-4-img {
    width: 45vw;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-4 .about-4-right .about-4-img {
    width: 90vw;
  }
}
.container .about-main .about-4 .about-4-right .about-4-img img {
  width: 40.63vw;
}
@media (max-width: 1100px) {
  .container .about-main .about-4 .about-4-right .about-4-img img {
    width: 45vw;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-4 .about-4-right .about-4-img img {
    width: 95vw;
  }
}
.container .about-main .about-4 .about-4-right .about-4-textbox {
  display: flex;
  margin-top: 2.03vw;
  justify-content: space-around;
}
@media (max-width: 1100px) {
  .container .about-main .about-4 .about-4-right .about-4-textbox {
    flex-direction: column;
  }
}
.container .about-main .about-4 .about-4-right .about-4-textbox .about-4-right-text-1 {
  width: 17.97vw;
  border: 0.1px solid;
  border-color: #00114c;
  padding-left: 1.09vw;
  padding-right: 1.09vw;
}
@media (max-width: 1100px) {
  .container .about-main .about-4 .about-4-right .about-4-textbox .about-4-right-text-1 {
    width: 45vw;
    margin-bottom: 10px;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-4 .about-4-right .about-4-textbox .about-4-right-text-1 {
    width: 90vw;
    margin: auto;
    margin-bottom: 10px;
  }
}
.container .about-main .about-4 .about-4-right .about-4-textbox .about-4-right-text-1 h4 {
  font-size: clamp(14px, 1.04vw, 20px);
  color: #00114c;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  text-align: center;
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 1vw;
}
.container .about-main .about-4 .about-4-right .about-4-textbox .about-4-right-text-1 p {
  font-size: clamp(12px, 0.73vw, 14px);
  white-space: pre-line;
  line-height: 1.8;
  margin-bottom: 1.4vw;
}
@media (max-width: 600px) {
  .container .about-main .about-4 .about-4-right .about-4-textbox .about-4-right-text-1 p {
    white-space: normal;
  }
}
.container .about-main .about-4 .about-4-right .about-4-textbox .about-4-right-text-2 {
  margin-right: 1.3vw;
}
@media (max-width: 600px) {
  .container .about-main .about-4 .about-4-right .about-4-textbox .about-4-right-text-2 {
    margin: auto;
  }
}
.container .about-main .about-5 {
  margin-top: 35px;
}
@media (max-width: 1100px) {
  .container .about-main .about-5 {
    flex-direction: column;
    margin-top: 15px;
  }
}
@media (max-width: 1100px) {
  .container .about-main .about-5 .a-5-text {
    width: 80vw;
    margin: auto;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-5 .a-5-text {
    width: 95vw;
  }
}
.container .about-main .about-5 .a-5-text h3 {
  line-height: 1.1;
  letter-spacing: 3px;
}
@media (max-width: 1100px) {
  .container .about-main .about-5 .a-5-text h3 {
    width: 90vw;
  }
}
.container .about-main .about-5 .a-5-text p {
  margin-top: 3vw;
}
@media (max-width: 1100px) {
  .container .about-main .about-5 .a-5-text p {
    width: 90vw;
  }
}
.container .about-main .about-5 .a-5-text .a-5-text-big {
  line-height: 1.5;
  letter-spacing: 0px;
}
.container .about-main .about-5 .about-5-right {
  width: 43.18vw;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1100px) {
  .container .about-main .about-5 .about-5-right {
    width: 80vw;
    margin: auto;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-5 .about-5-right {
    width: 95vw;
  }
}
.container .about-main .about-5 .about-5-right .about-5-right-top {
  margin-bottom: 1.4vw;
}
.container .about-main .about-5 .about-5-right .about-5-right-top img {
  width: 43.18vw;
}
@media (max-width: 1100px) {
  .container .about-main .about-5 .about-5-right .about-5-right-top img {
    width: 80vw;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-5 .about-5-right .about-5-right-top img {
    width: 95vw;
  }
}
.container .about-main .about-5 .about-5-right-bottom .about-5-img-1 {
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
  margin-bottom: 1.5625vw;
  width: auto;
}
.container .about-main .about-5 .about-5-right-bottom .about-5-img-1 img {
  width: 13.59vw;
}
@media (max-width: 1100px) {
  .container .about-main .about-5 .about-5-right-bottom .about-5-img-1 img {
    width: 25vw;
  }
}
@media (max-width: 600px) {
  .container .about-main .about-5 .about-5-right-bottom .about-5-img-1 img {
    width: 30vw;
  }
}
.container .about-main .about-5 .about-5-right-bottom .about-5-arrow {
  width: 17.19vw;
  position: relative;
  display: flex;
  align-items: center;
  padding: 16px 64px 16px 24px;
  font-weight: 700;
  line-height: 1.3;
  background-color: #ecff00;
  padding-right: 64px;
  padding-left: 24px;
  height: 64px;
  margin-left: auto;
  margin-top: 4vw;
  font-size: clamp(14px, 1.04vw, 20px);
  letter-spacing: 1px;
  min-width: 200px;
}
.container .about-main .about-5 .about-5-right-bottom .about-5-arrow :hover {
  opacity: 0.6;
}
@media (max-width: 600px) {
  .container .about-main .about-5 .about-5-right-bottom .about-5-arrow {
    height: 48px;
  }
}
.container .about-main .about-5 .about-5-right-bottom .about-5-arrow ::before {
  top: 50%;
  width: 1.72vw;
  position: absolute;
  right: 24px;
  display: block;
  height: 1px;
  color: #000000;
  content: "";
  background-color: #000000;
  min-width: 15px;
}
.container .about-main .about-5 .about-5-right-bottom .about-5-arrow ::after {
  top: 50%;
  width: 0.31vw;
  margin-top: -2px;
  transform: rotate(35deg);
  position: absolute;
  right: 24px;
  display: block;
  height: 1px;
  content: "";
  border-radius: 2px;
  background-color: #000000;
  min-width: 3px;
}
.container .intreview-main {
  background-color: #000000;
  width: auto;
  height: auto;
  margin-top: 11.9791666667vw;
}
.container .intreview-main .i-title {
  width: auto;
  margin: auto;
  display: flex;
}
.container .intreview-main .i-title h3 {
  color: #ffffff;
  border: #ffffff 1px solid;
  width: 23.59vw;
  padding: 0.5vw 0vw;
  margin: 0 auto;
  margin-top: 3.7vw;
  text-align: center;
  font-size: clamp(20px, 1.98vw, 38px);
  letter-spacing: 1px;
}
@media (max-width: 1100px) {
  .container .intreview-main .i-title h3 {
    width: auto;
    padding: 1.5vw 3vw;
    margin-top: 35px;
  }
}
.container .intreview-main .i-textbox {
  display: flex;
  flex-direction: column;
  margin-left: 16.5vw;
  margin-top: 4.2vw;
  width: 57vw;
}
@media (max-width: 1100px) {
  .container .intreview-main .i-textbox {
    width: 50vw;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (max-width: 600px) {
  .container .intreview-main .i-textbox {
    width: 90vw;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}
.container .intreview-main .i-textbox h1 {
  font-size: clamp(20px, 1.93vw, 37px);
  color: #ffffff;
  white-space: pre-line;
  letter-spacing: 3px;
  margin-bottom: 0%;
  font-weight: bold;
  line-height: 1.6;
}
.container .intreview-main .i-textbox p {
  color: #ffffff;
  font-size: clamp(12px, 1.04vw, 20px);
  margin-top: 14px;
  font-weight: bold;
  line-height: normal;
  margin-bottom: 15px;
  letter-spacing: 2.6px;
  white-space: pre-line;
}
@media (max-width: 600px) {
  .container .intreview-main .i-textbox p {
    width: 80vw;
    margin-left: auto;
    margin-right: auto;
  }
}
.container .intreview-main .i-bottom {
  display: flex;
  width: 80vw;
  margin: auto;
}
@media (max-width: 1100px) {
  .container .intreview-main .i-bottom {
    justify-content: space-evenly;
    flex-direction: column;
    width: 90vw;
    margin: auto;
  }
}
.container .intreview-main .i-bottom .i-img-slide-main {
  position: relative;
}
.container .intreview-main .i-bottom .i-img-slide-main .i-img-slide-text img {
  position: absolute;
  width: 20vw;
  top: 17.8vw;
  left: 1.5vw;
  z-index: 11;
}
@media (max-width: 1100px) {
  .container .intreview-main .i-bottom .i-img-slide-main .i-img-slide-text img {
    top: 20.8vw;
    left: 10.5vw;
  }
}
@media (max-width: 600px) {
  .container .intreview-main .i-bottom .i-img-slide-main .i-img-slide-text img {
    top: 34.8vw;
    left: 10.5vw;
    width: 33vw;
  }
}
.container .intreview-main .i-bottom .i-img-slide-main .i-img-slide {
  width: fit-content;
  margin: auto;
}
.container .intreview-main .i-bottom .i-img-slide-main .i-img-slide img {
  width: 35.42vw;
  margin-left: 23vw;
  margin-top: 7.4vw;
}
@media (max-width: 1100px) {
  .container .intreview-main .i-bottom .i-img-slide-main .i-img-slide img {
    margin-left: auto;
    margin-right: auto;
    width: 50vw;
    min-width: 300px;
  }
}
.container .intreview-main .i-bottom .i-img-text {
  width: 14.38vw;
  margin-left: 9.4vw;
  margin-top: 12vw;
  margin-bottom: 7.2916666667vw;
}
@media (max-width: 1100px) {
  .container .intreview-main .i-bottom .i-img-text {
    width: 50vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6vw;
  }
}
@media (max-width: 600px) {
  .container .intreview-main .i-bottom .i-img-text {
    width: 75vw;
  }
}
.container .intreview-main .i-bottom .i-img-text img {
  width: 14.38vw;
  min-width: 150px;
}
.container .intreview-main .i-bottom .i-img-text p {
  color: #ffffff;
  font-size: 14px;
  white-space: pre-line;
  line-height: 1.8;
  margin-bottom: 1.4vw;
  letter-spacing: 2px;
}
@media (max-width: 1300px) {
  .container .intreview-main .i-bottom .i-img-text p {
    line-height: 1.4;
  }
}
.container .intreview-main .i-bottom .i-img-text .spa_b {
  letter-spacing: -0.01vw;
}
.container .intreview-main .i-bottom .i-img-text .spa_s {
  letter-spacing: 0.16vw;
}
@media (max-width: 1100px) {
  .container .intreview-main .i-bottom .i-img-text .spa_s {
    letter-spacing: 2.4px;
  }
}
.container .education {
  width: 66.7vw;
  margin: auto;
  margin-top: 5.2083333333vw;
}
@media (max-width: 600px) {
  .container .education {
    width: 90vw;
    margin-left: auto;
    margin-right: auto;
  }
}
.container .education .edu-1 .edu-top h2 {
  font-weight: bold;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.3px;
  font-size: clamp(25px, 2.552vw, 49px);
  white-space: normal;
  color: #fff;
}
@media (max-width: 600px) {
  .container .education .edu-1 .edu-top h2 {
    white-space: pre-line;
    font-size: 18px;
    letter-spacing: -0.2px;
  }
}
.container .education .edu-1 .edu-top p {
  font-size: clamp(14px, 1.04vw, 20px);
  font-weight: bold;
  line-height: normal;
  letter-spacing: 0px;
  white-space: pre-line;
  color: #fff;
}
@media (max-width: 600px) {
  .container .education .edu-1 .edu-top p {
    font-size: 13px;
  }
}
.container .education .edu-1 .edu-bottom {
  display: flex;
  margin-top: 2.86vw;
}
@media (max-width: 1100px) {
  .container .education .edu-1 .edu-bottom {
    flex-direction: column;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }
}
.container .education .edu-1 .edu-bottom .edu-img {
  width: fit-content;
}
.container .education .edu-1 .edu-bottom .edu-img img {
  width: 41.67vw;
  width: 41.6666666667vw;
  min-width: 300px;
}
@media (max-width: 1100px) {
  .container .education .edu-1 .edu-bottom .edu-img img {
    width: 100%;
    margin: auto;
  }
}
@media (max-width: 600px) {
  .container .education .edu-1 .edu-bottom .edu-img img {
    width: 90vw;
    margin: auto;
  }
}
.container .education .edu-1 .edu-bottom .edu-textbox {
  margin-top: 0.68vw;
  margin-left: 3.02vw;
}
@media (max-width: 1100px) {
  .container .education .edu-1 .edu-bottom .edu-textbox {
    margin-top: 30px;
  }
}
.container .education .edu-1 .edu-bottom .edu-textbox img {
  width: 22.08vw;
  min-width: 150px;
}
.container .education .edu-1 .edu-bottom .edu-textbox p {
  font-size: 14px;
  white-space: pre-line;
  line-height: 1.8;
  letter-spacing: 0.8px;
  color: #fff;
}
@media (max-width: 1300px) {
  .container .education .edu-1 .edu-bottom .edu-textbox p {
    white-space: normal;
  }
}
.container .education .edu-1 .edu-bottom .edu-textbox .edu-name {
  font-size: clamp(14px, 0.83vw, 16px);
  white-space: pre-line;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 0px;
  color: #fff;
}
.container .education .edu-1 .edu-bottom .edu-textbox .ceo-name {
  margin-top: 1.4vw;
  color: #fff;
}
@media (max-width: 600px) {
  .container .education .edu-1 .edu-bottom .edu-textbox .ceo-name {
    margin-top: 35px;
  }
}
.container .education .edu-1 .edu-bottom .edu-textbox .edu-name-text {
  margin-top: 0.3vw;
  letter-spacing: 0.4px;
  color: #fff;
}
@media (max-width: 600px) {
  .container .education .edu-1 .edu-bottom .edu-textbox .edu-name-text {
    margin-top: revert;
  }
}
.container .education .edu-2 {
  margin-top: 5.3645833333vw;
}
.container .education .edu-2 .edu-top {
  margin-bottom: 3.4895833333vw;
}
.container .education .edu-2 .edu-top h1 {
  font-size: clamp(25px, 2.552vw, 49px);
  font-weight: bold;
  letter-spacing: 1px;
  white-space: pre-line;
}
.container .education .edu-2 .edu-top p {
  font-size: clamp(14px, 1.25vw, 24px);
  font-weight: bold;
  letter-spacing: 1.4px;
  white-space: pre-line;
}
@media (max-width: 600px) {
  .container .education .edu-2 .edu-top p {
    font-size: 14px;
  }
}
.container .education .edu-2 .edu-sup {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 1100px) {
  .container .education .edu-2 .edu-sup {
    justify-content: flex-start;
    width: 80vw;
  }
}
@media (max-width: 600px) {
  .container .education .edu-2 .edu-sup {
    width: 95vw;
    margin: auto;
  }
}
.container .education .edu-2 .edu-sup .edu-sup-mem {
  width: 11.9791666667vw;
}
@media (max-width: 1100px) {
  .container .education .edu-2 .edu-sup .edu-sup-mem {
    width: 20vw;
    margin-bottom: 30px;
    margin-right: 40px;
  }
}
@media (max-width: 600px) {
  .container .education .edu-2 .edu-sup .edu-sup-mem {
    width: 40vw;
    margin-right: auto;
  }
}
.container .education .edu-2 .edu-sup .edu-sup-mem img {
  width: 100%;
}
.container .education .edu-2 .edu-sup .edu-sup-mem h2 {
  font-size: clamp(14px, 1.25vw, 24px);
  white-space: pre-line;
  font-weight: bold;
  margin-top: 0.5208333333vw;
}
.container .education .edu-2 .edu-sup .edu-sup-mem p {
  font-size: clamp(12px, 0.729vw, 14px);
  white-space: normal;
  font-weight: bold;
  margin-top: 0.3645833333vw;
  line-height: 1.7;
  letter-spacing: 0.8px;
}
@media (max-width: 600px) {
  .container .education .edu-2 .edu-sup .edu-sup-mem p {
    font-size: 12px;
  }
}
.container .twitter-main {
  width: 100%;
  background-image: url("./images/2x/tw-22x.png");
  display: flex;
  margin-top: 9.8958333333vw;
  margin-bottom: 60px;
  height: auto;
}
@media (max-width: 1100px) {
  .container .twitter-main {
    align-items: center;
  }
}
@media (max-width: 600px) {
  .container .twitter-main {
    flex-direction: column;
    margin-top: 0;
  }
}
.container .twitter-main .twi-left {
  display: flex;
  flex-direction: column;
  width: 23.28125vw;
  margin-top: 4.1666666667vw;
  margin-left: 16.0416666667vw;
}
@media (max-width: 1100px) {
  .container .twitter-main .twi-left {
    margin-top: 0px;
  }
}
@media (max-width: 600px) {
  .container .twitter-main .twi-left {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10vw;
    width: 90vw;
  }
}
.container .twitter-main .twi-left img {
  width: 1.6145833333vw;
  min-width: 20px;
}
.container .twitter-main .twi-left .twi-title {
  width: 13.9583333333vw;
  margin-top: 1.0416666667vw;
  min-width: 180px;
}
@media (max-width: 600px) {
  .container .twitter-main .twi-left .twi-title {
    margin-top: 20px;
  }
}
.container .twitter-main .twi-left p {
  font-size: clamp(12px, 0.729vw, 14px);
  color: #ffffff;
  white-space: pre-line;
  line-height: 1.8;
}
@media (max-width: 600px) {
  .container .twitter-main .twi-left p {
    font-size: 12px;
  }
}
.container .twitter-main .twi-left .twi-ye {
  font-size: clamp(12px, 0.729vw, 14px);
  color: #ecff00;
  font-weight: bold;
  letter-spacing: 1px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
@media (max-width: 600px) {
  .container .twitter-main .twi-left .twi-ye {
    font-size: 12px;
  }
}
.container .twitter-main .twi-left a:hover {
  opacity: 0.7;
}
.container .twitter-main .twi-right {
  width: 33.0729166667vw;
  height: 313px !important;
  margin-top: 2.0833333333vw;
  margin-bottom: 2.0833333333vw;
  margin-left: 11.1458333333vw;
}
@media (max-width: 600px) {
  .container .twitter-main .twi-right {
    margin-left: auto;
    margin-right: auto;
    width: 90vw;
    margin-top: 10vw;
    margin-bottom: 15vw;
  }
}
.container .twitter-main .twi-right .twitter-timeline {
  width: 33.0729166667vw;
}
@media (max-width: 600px) {
  .container .twitter-main .twi-right .twitter-timeline {
    width: auto;
  }
}
.container .contents {
  background-color: #efefed;
}
@media (max-width: 600px) {
  .container .contents {
    padding-bottom: 7vw;
  }
}
.container .contents .contents-main {
  width: 51.40625vw;
  margin: auto;
  padding-top: 4.53125vw;
  padding-bottom: 4.0625vw;
}
@media (max-width: 1100px) {
  .container .contents .contents-main {
    width: 66vw;
  }
}
@media (max-width: 600px) {
  .container .contents .contents-main {
    width: 90vw;
    padding-top: 7vw;
  }
}
.container .contents .contents-main .contents-title {
  display: flex;
  margin-bottom: 1.875vw;
  align-items: center;
  height: auto;
  margin-left: 10px;
}
@media (max-width: 600px) {
  .container .contents .contents-main .contents-title {
    margin-bottom: 25px;
  }
}
.container .contents .contents-main .contents-title img {
  width: 8.1770833333vw;
  min-width: 100px;
}
.container .contents .contents-main .contents-title h2 {
  font-size: clamp(14px, 1.146vw, 20px);
  white-space: pre-line;
  font-weight: bold;
  letter-spacing: 1px;
  margin-left: 28px;
}
@media (max-width: 600px) {
  .container .contents .contents-main .contents-title h2 {
    font-size: 16px;
  }
}
.container .contents .contents-main .contents-wrapper {
  display: flex;
  height: auto;
  margin: 0 auto;
  justify-content: space-around;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 5px;
}
.container .contents .contents-main .contents-wrapper .contents-wrap {
  width: 15.8854166667vw;
  margin-bottom: 1.5625vw;
  background-color: #ffffff;
  border-radius: 13px;
}
.container .contents .contents-main .contents-wrapper .contents-wrap :hover {
  opacity: 0.8;
}
@media (max-width: 1100px) {
  .container .contents .contents-main .contents-wrapper .contents-wrap {
    width: 20vw;
  }
}
@media (max-width: 600px) {
  .container .contents .contents-main .contents-wrapper .contents-wrap {
    width: 43vw;
    margin-bottom: 15px;
  }
}
.container .contents .contents-main .contents-wrapper .contents-wrap img {
  width: 100%;
  height: auto;
}
.container .contents .contents-main .contents-wrapper .contents-wrap .con-text {
  display: flex;
  width: fit-content;
  margin: auto;
  align-items: baseline;
  margin-top: 1.3020833333vw;
  margin-bottom: 1.8229166667vw;
  position: relative;
}
@media (max-width: 600px) {
  .container .contents .contents-main .contents-wrapper .contents-wrap .con-text {
    width: 33vw;
  }
}
.container .contents .contents-main .contents-wrapper .contents-wrap .con-text :hover {
  opacity: 0.8;
}
.container .contents .contents-main .contents-wrapper .contents-wrap .con-text img {
  width: 9px;
  height: 14px;
  position: absolute;
  top: 0.3125vw;
  left: 0.4166666667vw;
}
@media (max-width: 1300px) {
  .container .contents .contents-main .contents-wrapper .contents-wrap .con-text img {
    top: 5px;
    left: 3px;
    width: 6px;
    height: 10px;
  }
}
@media (max-width: 600px) {
  .container .contents .contents-main .contents-wrapper .contents-wrap .con-text img {
    top: 6px;
    left: -4px;
  }
}
.container .contents .contents-main .contents-wrapper .contents-wrap .con-text p {
  font-size: clamp(12px, 0.833vw, 16px);
  white-space: normal;
  font-weight: bold;
  margin-left: 1.6666666667vw;
  line-height: 1.7;
  font-feature-settings: "palt" 1;
  letter-spacing: -0.5px;
  width: 11.6666666667vw;
  margin-top: 0;
}
@media (max-width: 1300px) {
  .container .contents .contents-main .contents-wrapper .contents-wrap .con-text p {
    white-space: normal;
    width: 13vw;
  }
}
@media (max-width: 600px) {
  .container .contents .contents-main .contents-wrapper .contents-wrap .con-text p {
    font-size: 13px;
    white-space: normal;
    width: 30vw;
  }
}
.container .contents .contents-main .contents-wrapper .contents-wrap .con-text p .let-sp {
  letter-spacing: -1px;
}
.container .contents .contents-main .youtube_wrap {
  width: fit-content;
  margin-left: auto;
}
.container .contents .contents-main .youtube_wrap .youtube-channel {
  font-size: clamp(14px, 1.146vw, 22px);
  width: fit-content;
  margin-left: auto;
  letter-spacing: 2px;
}
.container .contents .contents-main .youtube_wrap .youtube-channel :hover {
  opacity: 0.7;
}
.container .contents .contents-main .youtube_wrap .youtube-channel span {
  text-decoration: underline;
  text-decoration-color: #000000;
}
.container .contents .contents-main .youtube_wrap .youtube-channel img {
  width: 140px;
}
.container .question {
  width: 100%;
  background-color: black;
}
.container .question .q-wrap {
  width: 66.6666666667vw;
  margin: auto;
  padding-top: 2.6041666667vw;
  padding-bottom: 3.125vw;
}
@media (max-width: 1100px) {
  .container .question .q-wrap {
    width: 80vw;
  }
}
@media (max-width: 600px) {
  .container .question .q-wrap {
    padding-top: 7vw;
    padding-bottom: 7vw;
    width: 90vw;
  }
}
.container .question .q-wrap .q-title {
  font-weight: bold;
  font-size: clamp(14px, 1.25vw, 24px);
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  color: #ffffff;
  letter-spacing: 2px;
  margin-bottom: 1.0416666667vw;
}
@media (max-width: 600px) {
  .container .question .q-wrap .q-title {
    font-size: 20px;
    margin-bottom: 7vw;
  }
}
.container .question .q-wrap .q-main {
  background-color: #424242;
}
.container .question .q-wrap .q-main .q-main-title {
  padding-left: 2.0833333333vw;
  padding-top: 1.0416666667vw;
}
@media (max-width: 600px) {
  .container .question .q-wrap .q-main .q-main-title {
    padding-top: 2vw;
  }
}
.container .question .q-wrap .q-main .q-main-title .q-top {
  display: flex;
  align-items: center;
}
@media (max-width: 600px) {
  .container .question .q-wrap .q-main .q-main-title .q-top {
    align-items: flex-start;
  }
}
.container .question .q-wrap .q-main .q-main-title .q-top img {
  width: 0.9375vw;
  min-width: 10px;
  height: 0.9375vw;
  margin-right: 5px;
}
@media (max-width: 1100px) {
  .container .question .q-wrap .q-main .q-main-title .q-top img {
    width: 13px;
    height: 13px;
  }
}
@media (max-width: 600px) {
  .container .question .q-wrap .q-main .q-main-title .q-top img {
    width: 13px;
    height: 13px;
    margin-top: 4px;
  }
}
.container .question .q-wrap .q-main .q-main-title .q-top h2 {
  font-size: clamp(12px, 0.938vw, 18px);
  font-weight: bold;
  color: #ffffff;
  letter-spacing: 2px;
  white-space: normal;
}
@media (max-width: 1100px) {
  .container .question .q-wrap .q-main .q-main-title .q-top h2 {
    font-size: 13px;
  }
}
@media (max-width: 600px) {
  .container .question .q-wrap .q-main .q-main-title .q-top h2 {
    font-size: 13px;
    width: 75vw;
  }
}
.container .question .q-wrap .q-main .q-main-title p {
  font-size: clamp(12px, 0.938vw, 18px);
  color: #ffffff;
  letter-spacing: 1px;
  width: 56.7708333333vw;
  white-space: pre-line;
  padding-bottom: 1.1458333333vw;
  padding-left: 0.9375vw;
}
@media (max-width: 1100px) {
  .container .question .q-wrap .q-main .q-main-title p {
    width: 75vw;
    font-size: 13px;
  }
}
@media (max-width: 600px) {
  .container .question .q-wrap .q-main .q-main-title p {
    padding-bottom: 2vw;
    font-size: 13px;
    white-space: normal;
    width: 80vw;
    padding-left: 20px;
  }
}
.container .question .q-wrap .q-main .q-main-title .q_curning {
  letter-spacing: 1.5px;
  white-space: pre-line;
}
@media (max-width: 600px) {
  .container .question .q-wrap .q-main .q-main-title .q_curning {
    white-space: normal;
  }
}
.container .question .q-wrap .under-ye {
  font-size: clamp(12px, 0.729vw, 14px);
  font-weight: bold;
  color: #ffffff;
  border-bottom: #ecff00 2px solid;
  width: fit-content;
  margin: auto;
  margin-top: 2.1875vw;
  text-align: center;
}
@media (max-width: 1100px) {
  .container .question .q-wrap .under-ye {
    font-size: 12px;
  }
}
.container .news-note {
  background-image: radial-gradient(at 60% 52%, rgb(6, 13, 24), rgb(15, 24, 59));
  margin-top: 0 !important;
  width: auto;
  height: auto;
  padding-bottom: 2.4vw;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  margin-bottom: 30px;
}
@media (max-width: 600px) {
  .container .news-note {
    padding-bottom: 10vw;
    margin-top: 13vw;
  }
}
.container .news-note .news-title {
  width: 66.6666666667vw;
  margin: auto;
  padding-top: 2.4479166667vw;
  padding-bottom: 1.7708333333vw;
}
@media (max-width: 1100px) {
  .container .news-note .news-title {
    width: 80vw;
    justify-content: space-evenly;
  }
}
@media (max-width: 600px) {
  .container .news-note .news-title {
    width: 90vw;
    padding-top: 8vw;
  }
}
.container .news-note .news-title h1 {
  font-size: clamp(25px, 2.5vw, 48px);
  font-weight: bold;
  color: #ffffff;
  letter-spacing: 2px;
}
.container .news-note .news-title ul .top-3-contents {
  display: flex;
  justify-content: space-between;
  margin: auto;
  margin-top: 30px;
  width: auto;
}
@media (max-width: 1100px) {
  .container .news-note .news-title ul .top-3-contents {
    margin-bottom: 30px;
    justify-content: space-evenly;
  }
}
@media (max-width: 600px) {
  .container .news-note .news-title ul .top-3-contents {
    flex-wrap: wrap;
    margin-bottom: 0px;
    width: 90vw;
  }
}
.container .news-note .news-title ul .top-3-contents .top-3-contents-1 {
  width: 20.8333333333vw;
  text-align: left !important;
}
@media (max-width: 1100px) {
  .container .news-note .news-title ul .top-3-contents .top-3-contents-1 {
    width: 20vw;
  }
}
@media (max-width: 600px) {
  .container .news-note .news-title ul .top-3-contents .top-3-contents-1 {
    width: 85vw;
    margin-bottom: 20px;
  }
}
.container .news-note .news-title ul .top-3-contents .top-3-contents-1 a .top-3-contents-img img {
  width: 100%;
  object-fit: cover;
  height: 11.71875vw;
}
@media (max-width: 600px) {
  .container .news-note .news-title ul .top-3-contents .top-3-contents-1 a .top-3-contents-img img {
    height: 150px;
    object-position: center;
  }
}
.container .news-note .news-title ul .top-3-contents .top-3-contents-1 a .top-3-contents-img :hover {
  filter: brightness(106%);
  transform: scale(1.05);
  transition-duration: 0.5s;
}
.container .news-note .news-title ul .top-3-contents .top-3-contents-1 a .top-3-contents-text p {
  color: #ffffff;
  font-size: clamp(12px, 0.94vw, 14px);
  white-space: normal;
}
.container .news-note .news-title ul .top-3-contents .top-3-contents-1 a .top-3-contents-text .top-3-contents-title {
  line-height: normal;
  margin-top: 7px;
  font-weight: bold;
  letter-spacing: 4px;
  font-size: clamp(12px, 0.938vw, 14px);
}
@media (max-width: 600px) {
  .container .news-note .news-title ul .top-3-contents .top-3-contents-1 a .top-3-contents-text .top-3-contents-title {
    font-size: 18px;
  }
}
.container .news-note .news-title ul .top-3-contents .top-3-contents-1 a .top-3-contents-text .top-3-contents-title a {
  color: #ffffff;
  font-size: clamp(12px, 0.94vw, 14px);
  white-space: normal;
}
.container .news-note .news-title ul .top-3-contents .top-3-contents-1 a .top-3-contents-arrow :hover {
  filter: brightness(106%);
  transform: scale(1.2);
  transition-duration: 0.5s;
}
.container .news-note .news-title ul .top-3-contents .top-3-contents-1 a .top-3-contents-arrow img {
  width: 1.67vw;
  margin-top: 1.25vw;
  display: flex;
  margin-left: auto;
}
@media (max-width: 1100px) {
  .container .news-note .news-title ul .top-3-contents .top-3-contents-1 a .top-3-contents-arrow img {
    width: 20px;
  }
}
@media (max-width: 600px) {
  .container .news-note .news-title ul .top-3-contents .top-3-contents-1 a .top-3-contents-arrow img {
    display: none;
  }
}
.container .news-note .news-title .top-3-contents {
  display: flex;
  justify-content: space-between;
  margin: auto;
  margin-top: 30px;
  width: auto;
  flex-wrap: wrap;
}
@media (max-width: 1100px) {
  .container .news-note .news-title .top-3-contents {
    margin-bottom: 30px;
    justify-content: space-around;
  }
}
@media (max-width: 600px) {
  .container .news-note .news-title .top-3-contents {
    flex-wrap: wrap;
    margin-bottom: 0px;
    width: auto;
    justify-content: center;
  }
}
.container .news-note .news-title .top-3-contents .top-3-contents-1 {
  width: 20.8333333333vw;
  text-align: left;
  max-width: 380px;
}
@media (max-width: 1100px) {
  .container .news-note .news-title .top-3-contents .top-3-contents-1 {
    width: 25vw;
  }
}
@media (max-width: 600px) {
  .container .news-note .news-title .top-3-contents .top-3-contents-1 {
    width: 80vw;
    max-width: 320px;
    margin: auto;
    margin-bottom: 20px;
  }
}
.container .news-note .news-title .top-3-contents .top-3-contents-1 a .top-3-contents-img img {
  width: 100%;
  object-fit: cover;
  height: auto !important;
  aspect-ratio: 340/200;
}
@media (max-width: 1100px) {
  .container .news-note .news-title .top-3-contents .top-3-contents-1 a .top-3-contents-img img {
    height: 200px !important;
  }
}
@media (max-width: 600px) {
  .container .news-note .news-title .top-3-contents .top-3-contents-1 a .top-3-contents-img img {
    height: auto !important;
    max-height: 200px;
    object-fit: cover;
    object-position: center;
  }
}
.container .news-note .news-title .top-3-contents .top-3-contents-1 a .top-3-contents-img :hover {
  filter: brightness(106%);
  transform: scale(1.05);
  transition-duration: 0.5s;
}
.container .news-note .news-title .top-3-contents .top-3-contents-1 a .top-3-contents-text :hover {
  opacity: 0.8;
}
.container .news-note .news-title .top-3-contents .top-3-contents-1 a .top-3-contents-text p {
  color: #ffffff;
  font-size: clamp(12px, 0.94vw, 14px);
  white-space: normal;
}
.container .news-note .news-title .top-3-contents .top-3-contents-1 a .top-3-contents-text .top-3-contents-title-day {
  color: #808080;
  font-size: clamp(12px, 0.94vw, 14px);
  white-space: normal;
  font-weight: bold;
  letter-spacing: 1px;
}
.container .news-note .news-title .top-3-contents .top-3-contents-1 a .top-3-contents-text .top-3-contents-title-day :hover {
  opacity: 0.8;
}
.container .news-note .news-title .top-3-contents .top-3-contents-1 a .top-3-contents-text .top-3-contents-title {
  line-height: normal;
  margin-top: 7px;
  font-weight: bold;
  letter-spacing: 4px;
  font-size: clamp(12px, 0.938vw, 14px);
}
.container .news-note .news-title .top-3-contents .top-3-contents-1 a .top-3-contents-text .top-3-contents-title :hover {
  opacity: 0.8;
}
@media (max-width: 600px) {
  .container .news-note .news-title .top-3-contents .top-3-contents-1 a .top-3-contents-text .top-3-contents-title {
    font-size: 14px;
  }
}
.container .news-note .news-title .top-3-contents .top-3-contents-1 a .top-3-contents-text a {
  color: #ffffff;
  font-size: clamp(12px, 0.94vw, 14px);
  white-space: normal;
}
.container .news-note .news-title .top-3-contents .top-3-contents-1 a .top-3-contents-arrow :hover {
  filter: brightness(106%);
  transform: scale(1.2);
  transition-duration: 0.5s;
  opacity: 0.8;
}
.container .news-note .news-title .top-3-contents .top-3-contents-1 a .top-3-contents-arrow img {
  width: 1.67vw;
  margin-top: 1.25vw;
  display: flex;
  margin-left: auto;
}
@media (max-width: 1100px) {
  .container .news-note .news-title .top-3-contents .top-3-contents-1 a .top-3-contents-arrow img {
    width: 20px;
  }
}
@media (max-width: 600px) {
  .container .news-note .news-title .top-3-contents .top-3-contents-1 a .top-3-contents-arrow img {
    display: none;
  }
}
.container .news-note .note-con {
  height: 20.8333333333vw;
}
.container .news-note a :hover {
  opacity: 0.8;
}
.container .news-note .under-ye {
  text-align: center;
  font-size: clamp(12px, 0.729vw, 14px);
  font-weight: bold;
  color: #ffffff;
  border-bottom: #ecff00 2px solid;
  margin: auto;
  margin-top: 1vw;
  width: fit-content;
}
.container .news-note .under-ye :hover {
  opacity: 0.8;
}
@media (max-width: 1100px) {
  .container .news-note .under-ye {
    font-size: 12px;
  }
}
@media (max-width: 600px) {
  .container .news-note .under-ye {
    width: fit-content;
  }
}
.container .sub-footer {
  width: 100%;
}
.container .sub-footer img {
  width: 15.8333333333vw;
  margin: auto;
  text-align: center;
  display: flex;
  margin-top: 4.1666666667vw;
  margin-bottom: 4.1666666667vw;
  min-width: 175px;
}
.container .slide-in {
  overflow: hidden;
  display: inline-block;
}
.container .slide-in_inner {
  display: inline-block;
}
.container .rightAnime {
  opacity: 0; /*事前に透過0にして消しておく*/
}
.container .slideAnimeLeftRight {
  animation-name: slideTextX100;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  opacity: 0;
  animation-delay: 0s;
}
@keyframes slideTextX100 {
  from {
    transform: translateX(-100%); /*要素を左の枠外に移動*/
    opacity: 0;
  }
  to {
    transform: translateX(0); /*要素を元の位置に移動*/
    opacity: 1;
  }
}
.container .slideAnimeRightLeft {
  animation-name: slideTextX-100;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  opacity: 0;
  animation-delay: 0s;
}
@keyframes slideTextX-100 {
  from {
    transform: translateX(100%); /*要素を右の枠外に移動*/
    opacity: 0;
  }
  to {
    transform: translateX(0); /*要素を元の位置に移動*/
    opacity: 1;
  }
}

.leftAnime {
  opacity: 0; /*事前に透過0にして消しておく*/
}

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

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

@keyframes slideTextX-100 {
  from {
    transform: translateX(100%); /*要素を右の枠外に移動*/
    opacity: 0;
  }
  to {
    transform: translateX(0); /*要素を元の位置に移動*/
    opacity: 1;
  }
}
/*==================================================
スライダーのためのcss
===================================*/
.slider {
  /*横幅94%で左右に余白を持たせて中央寄せ*/
  width: 60%;
}
@media (max-width: 1100px) {
  .slider {
    width: 90vw;
  }
}
.slider li :hover {
  opacity: 0.8;
}

.slider img {
  /*スライダー内の画像を60vwにしてレスポンシブ化*/
  width: 35.42vw;
  height: auto;
}
@media (max-width: 1100px) {
  .slider img {
    width: 50vw;
  }
}
@media (max-width: 600px) {
  .slider img {
    width: 70vw;
  }
}

.slider .slick-slide {
  transform: scale(0.8); /*左右の画像のサイズを80%に*/
  transition: all 0.5s; /*拡大や透過のアニメーションを0.5秒で行う*/
  opacity: 0.3; /*透過50%*/
  margin-left: 0vw;
  margin-top: -10vw;
  z-index: 5;
  position: relative;
}

.slider .slick-slide.slick-center {
  transform: scale(1); /*中央の画像のサイズだけ等倍に*/
  opacity: 1; /*透過なし*/
  z-index: 15;
  margin-top: 30px;
  height: auto !important;
}

/*矢印の設定*/
/*戻る、次へ矢印の位置*/
.slick-prev,
.slick-next {
  position: absolute; /*絶対配置にする*/
  top: 42%;
  cursor: pointer; /*マウスカーソルを指マークに*/
  outline: none; /*クリックをしたら出てくる枠線を消す*/
  border-top: 2px solid #ffffff; /*矢印の色*/
  border-right: 2px solid #ffffff; /*矢印の色*/
  height: 15px;
  width: 15px;
  z-index: 11;
}

.slick-prev {
  /*戻る矢印の位置と形状*/
  left: 3.5%;
  transform: rotate(-135deg);
}

.slick-next {
  /*次へ矢印の位置と形状*/
  right: 3.5%;
  transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/
.slick-dots {
  text-align: center;
  margin: 20px 0 0 0;
}

.slick-dots li {
  display: inline-block;
  margin: 0 5px;
}

.slick-dots button {
  color: transparent;
  outline: none;
  width: 10px; /*ドットボタンのサイズ*/
  height: 10px; /*ドットボタンのサイズ*/
  display: block;
  border-radius: 50%;
  background: #ffffff; /*ドットボタンの色*/
  border: none;
  padding: 0px;
}
@media (max-width: 600px) {
  .slick-dots button {
    width: 8px;
    height: 8px;
  }
}

.slick-dots .slick-active button {
  background: #ecff00; /*ドットボタンの現在地表示の色*/
}

.slider_2 {
  /*横幅94%で左右に余白を持たせて中央寄せ*/
  width: 60%;
}
@media (max-width: 1100px) {
  .slider_2 {
    width: 90vw;
  }
}

.slider_2 img {
  /*スライダー内の画像を60vwにしてレスポンシブ化*/
  width: 35.42vw;
  height: auto;
}
@media (max-width: 1100px) {
  .slider_2 img {
    width: 50vw;
  }
}
@media (max-width: 600px) {
  .slider_2 img {
    width: 76vw;
  }
}

.slider_2 .slick-slide {
  transform: scale(0.8); /*左右の画像のサイズを80%に*/
  transition: all 0.5s; /*拡大や透過のアニメーションを0.5秒で行う*/
  opacity: 0.3; /*透過50%*/
  margin-left: 0vw;
  margin-top: -10vw;
  z-index: 5;
  position: relative;
}

.slider_2 .slick-slide.slick-center {
  transform: scale(1); /*中央の画像のサイズだけ等倍に*/
  opacity: 1; /*透過なし*/
  z-index: 15;
  margin-top: 30px;
  height: auto !important;
}

/*矢印の設定*/
/*戻る、次へ矢印の位置*/
.slick-prev,
.slick-next {
  position: absolute; /*絶対配置にする*/
  top: 42%;
  cursor: pointer; /*マウスカーソルを指マークに*/
  outline: none; /*クリックをしたら出てくる枠線を消す*/
  border-top: 2px solid #ffffff; /*矢印の色*/
  border-right: 2px solid #ffffff; /*矢印の色*/
  height: 15px;
  width: 15px;
  z-index: 11;
}

.slick-prev {
  /*戻る矢印の位置と形状*/
  left: 3.5%;
  transform: rotate(-135deg);
}

.slick-next {
  /*次へ矢印の位置と形状*/
  right: 3.5%;
  transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/
.slick-dots {
  text-align: center;
  margin: 20px 0 0 0;
}

.slick-dots li {
  display: inline-block;
  margin: 0 5px;
}

.slick-dots button {
  color: transparent;
  outline: none;
  width: 10px; /*ドットボタンのサイズ*/
  height: 10px; /*ドットボタンのサイズ*/
  display: block;
  border-radius: 50%;
  background: #ffffff; /*ドットボタンの色*/
  border: none;
  padding: 0px;
}
@media (max-width: 600px) {
  .slick-dots button {
    width: 8px;
    height: 8px;
  }
}

.slick-dots .slick-active button {
  background: #ecff00; /*ドットボタンの現在地表示の色*/
}

.sp-br {
  display: none;
}
@media (max-width: 600px) {
  .sp-br {
    display: block;
  }
}

.lp-br {
  display: block;
}
@media (max-width: 1100px) {
  .lp-br {
    display: none;
  }
}

.tokutei_top {
  margin-top: 130px !important;
  margin-bottom: 150px !important;
}
@media (max-width: 600px) {
  .tokutei_top {
    margin-bottom: 90px !important;
  }
}
.tokutei_top h2 {
  text-align: center;
  font-size: 30px !important;
  white-space: normal;
}
@media (max-width: 600px) {
  .tokutei_top h2 {
    font-size: 20px !important;
  }
}
.tokutei_top .company_about .c_about {
  flex-direction: column;
}
.tokutei_top .company_about .c_about .c_topic {
  width: 35vw;
  padding-left: 0;
  font-weight: bold;
  font-size: 18px;
}
@media (max-width: 600px) {
  .tokutei_top .company_about .c_about .c_topic {
    width: 100%;
    font-size: 14px;
  }
}
.tokutei_top .company_about .c_about .c_text {
  width: 66vw;
  font-size: 18px;
}
@media (max-width: 600px) {
  .tokutei_top .company_about .c_about .c_text {
    width: 100%;
    margin-left: 0px;
    font-size: 14px;
  }
}

.r_about {
  padding: 15px 0 !important;
}
@media (max-width: 600px) {
  .r_about {
    padding: 8px 0 !important;
  }
}
.r_about .c_topic {
  font-size: 23px;
}
.r_about .c_text {
  font-size: 20px;
}

.recruit_top h1 {
  border-bottom: 4px solid #ebff01;
  width: fit-content;
  margin: auto;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: clamp(25px, 2.5vw, 50px);
  line-height: 1.8;
  color: #000000;
  font-weight: bold;
  letter-spacing: 0px;
  line-height: 1.6;
}

.r_text a:hover {
  opacity: 0.8;
  color: blue;
}

.r_hover {
  color: blue;
}

ul {
  list-style-type: none;
}

.tab-area {
  display: flex;
  cursor: pointer; /* カーソルポインターに */
  justify-content: center;
  gap: 40px;
}
@media (max-width: 600px) {
  .tab-area {
    gap: 20px;
  }
}

.tab {
  width: 33.3333333333%;
  padding: 5px;
  text-align: center;
  color: #fff;
  background: #808080;
  padding: 35px 0;
  max-height: 125px;
  max-width: 480px;
  border-radius: 10px 10px 0 0;
}
@media (max-width: 600px) {
  .tab {
    padding: 20px 0;
    width: 40%;
  }
}
.tab h2 {
  font-size: 25px;
  line-height: 1;
  font-weight: bold;
}
@media (max-width: 600px) {
  .tab h2 {
    font-size: 20px;
  }
}
.tab p {
  font-size: 15px;
  color: #fff;
  margin-top: 15px;
  margin-bottom: 0;
  font-weight: bold;
}
@media (max-width: 600px) {
  .tab p {
    font-size: 11px;
    margin-top: 7px;
  }
}
.tab :hover {
  opacity: 0.8;
}

.tab.active {
  background-image: radial-gradient(at 60% 52%, rgb(6, 13, 24), rgb(15, 24, 59));
  color: #fff;
}

.panel {
  display: none;
  text-align: center;
}
.panel h2 {
  font-size: clamp(25px, 2.5vw, 48px);
  font-weight: bold;
  color: #ffffff;
  letter-spacing: 2px;
  text-align: left;
}
@media (max-width: 600px) {
  .panel h2 {
    width: 80vw;
    max-width: 320px;
    margin: auto;
  }
}

.panel.active {
  display: block;
  color: #fff;
}

.about-1 {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1500px) {
  .about-1 {
    justify-content: flex-start;
    align-content: center;
    flex-wrap: wrap;
  }
}
@media (max-width: 600px) {
  .about-1 {
    align-items: center;
  }
}
.about-1 .about-1-01 {
  display: flex;
  gap: 95px;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 1500px) {
  .about-1 .about-1-01 {
    scale: 0.8;
    justify-content: center;
    gap: 20px;
  }
}
@media (max-width: 1100px) {
  .about-1 .about-1-01 {
    scale: 1;
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 600px) {
  .about-1 .about-1-01 {
    width: 90%;
    justify-content: center;
    margin: auto;
  }
}
.about-1 .about-1-01-left img {
  width: auto;
  max-width: 490px;
  margin-top: 40px;
}
@media (max-width: 600px) {
  .about-1 .about-1-01-left img {
    width: 100%;
    max-width: inherit;
  }
}
.about-1 .about-1-01-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 600px) {
  .about-1 .about-1-01-right {
    width: 100%;
  }
}
.about-1 .about-1-01-right-top h2 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 0;
}
@media (max-width: 600px) {
  .about-1 .about-1-01-right-top h2 {
    font-size: 20px;
  }
}
.about-1 .about-1-01-right-top .right-top1 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 20px 0;
}
.about-1 .about-1-01-right-top .right-top1 h4 {
  font-size: 70px;
  font-weight: bold;
  margin: 0;
}
@media (max-width: 600px) {
  .about-1 .about-1-01-right-top .right-top1 img {
    width: 80%;
  }
}
.about-1 .about-1-01-right-top .right-top2 {
  margin-top: 10px;
}
.about-1 .about-1-01-right-top .right-top2 p {
  font-size: 14px;
  line-height: 1.7;
  white-space: normal;
}
.about-1 .about-1-01-right-top .right-top2 p span {
  font-size: 16px;
  font-weight: bold;
}
.about-1 .about-1-01-right-bottom {
  margin-top: -15px;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 600px) {
  .about-1 .about-1-01-right-bottom {
    align-items: flex-end;
  }
}
.about-1 .about-1-01-right-bottom h5 {
  font-size: 30px;
  font-weight: bold;
  margin: 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
}
@media (max-width: 600px) {
  .about-1 .about-1-01-right-bottom h5 {
    font-size: 18px;
    margin-top: 20px;
  }
}
.about-1 .about-1-01-right-bottom img {
  margin-left: 67px;
}
@media (max-width: 600px) {
  .about-1 .about-1-01-right-bottom img {
    margin-left: 15px;
    width: 50px;
  }
}
.about-1 .about-1-02 {
  display: flex;
  gap: 95px;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 1500px) {
  .about-1 .about-1-02 {
    gap: 20px;
    scale: 0.8;
    justify-content: flex-start;
  }
}
@media (max-width: 1100px) {
  .about-1 .about-1-02 {
    scale: 1;
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 600px) {
  .about-1 .about-1-02 {
    width: 90%;
    justify-content: center;
  }
}
.about-1 .about-1-02-left {
  margin-top: 0px;
  min-width: auto;
  text-align: center;
  width: 490px;
}
@media (max-width: 600px) {
  .about-1 .about-1-02-left {
    width: 80%;
    min-width: inherit;
  }
}
.about-1 .about-1-02-left img {
  width: auto;
}
@media (max-width: 600px) {
  .about-1 .about-1-02-left img {
    width: 100%;
    min-width: inherit;
  }
}
.about-1 .about-1-02-right {
  display: flex;
  flex-direction: column;
}
@media (max-width: 600px) {
  .about-1 .about-1-02-right {
    width: 100%;
    min-width: inherit;
  }
}
.about-1 .about-1-02-right-top h3 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 0;
}
@media (max-width: 600px) {
  .about-1 .about-1-02-right-top h3 {
    font-size: 20px;
  }
}
.about-1 .about-1-02-right-top .right-top1 {
  display: flex;
  align-items: center;
  gap: 10px;
}
.about-1 .about-1-02-right-top .right-top1 h4 {
  font-size: 30px;
  font-weight: bold;
}
@media (max-width: 600px) {
  .about-1 .about-1-02-right-top .right-top1 img {
    width: 80%;
  }
}
.about-1 .about-1-02-right-top .right-top2 {
  margin-top: 10px;
}
.about-1 .about-1-02-right-top .right-top2 p {
  font-size: 14px;
  line-height: 1.7;
  white-space: normal;
}
.about-1 .about-1-02-right-bottom {
  margin-top: -15px;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 600px) {
  .about-1 .about-1-02-right-bottom {
    align-items: flex-end;
  }
}
.about-1 .about-1-02-right-bottom h5 {
  font-size: 30px;
  font-weight: bold;
  margin: 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
}
@media (max-width: 600px) {
  .about-1 .about-1-02-right-bottom h5 {
    font-size: 18px;
    margin-top: 20px;
  }
}
.about-1 .about-1-02-right-bottom img {
  margin-left: 67px;
}
@media (max-width: 600px) {
  .about-1 .about-1-02-right-bottom img {
    margin-left: 15px;
    width: 50px;
  }
}
.about-1 .about-1-03 {
  margin-top: 20px;
  width: fit-content;
  margin: auto;
}
.about-1 .about-1-03 a img {
  width: auto;
  padding-left: 35px;
  max-width: 728px;
}
@media (max-width: 600px) {
  .about-1 .about-1-03 a img {
    width: 100%;
    padding-left: 29px;
  }
}

.coaching-section {
  display: flex;
  width: fit-content;
  margin: auto;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  background-color: inherit;
  height: auto;
  transform: skew(-14deg);
  padding: 20px;
  width: auto;
  min-height: 180px;
  max-width: 1169px;
  gap: 50px;
  margin-bottom: 80px;
}
@media (max-width: 1100px) {
  .coaching-section {
    flex-direction: column;
    height: auto;
  }
}
@media (max-width: 600px) {
  .coaching-section {
    transform: skew(0deg);
    width: 90%;
    background-color: #fff;
    padding: 0;
  }
}
.coaching-section .coaching-section_pc {
  transform: skew(14deg);
}
.coaching-section .coaching-section_pc img {
  width: 100%;
}
@media (max-width: 600px) {
  .coaching-section .coaching-section_pc {
    display: none;
  }
}
.coaching-section .coaching-section_ph {
  display: none;
}
.coaching-section .coaching-section_ph img {
  width: 100%;
}
@media (max-width: 600px) {
  .coaching-section .coaching-section_ph {
    display: block;
  }
}
.coaching-section .left-content,
.coaching-section .right-content {
  transform: skew(14deg);
  width: 100%;
  display: none;
}
@media (max-width: 600px) {
  .coaching-section .left-content,
  .coaching-section .right-content {
    transform: skew(0deg);
    display: block;
    text-align: center;
    display: none;
  }
}
.coaching-section .left-content {
  width: fit-content;
  text-align: left;
  margin-left: 30px;
}
@media (max-width: 1100px) {
  .coaching-section .left-content {
    margin-left: 0;
    text-align: center;
  }
}
.coaching-section .left-content h2 {
  font-size: 15px;
  color: #fff;
  margin-bottom: 5px;
  margin-left: 60px;
  font-family: "fot-rodin-pron", sans-serif;
  font-weight: 600;
  font-style: normal;
}
@media (max-width: 1100px) {
  .coaching-section .left-content h2 {
    margin-left: 0;
  }
}
.coaching-section .left-content h1 {
  font-size: clamp(53px, 5.365vw, 103px);
  color: #fff;
  margin-bottom: 10px;
  line-height: 1;
  margin-left: 32px;
  font-family: "poetica-std", sans-serif;
  font-weight: 400;
  font-style: normal;
}
@media (max-width: 1100px) {
  .coaching-section .left-content h1 {
    margin-left: 0;
  }
}
.coaching-section .left-content .subtitle {
  font-size: clamp(12px, 1.25vw, 24px);
  color: #fff;
  margin: 0;
  margin-left: 15px;
}
@media (max-width: 1100px) {
  .coaching-section .left-content .subtitle {
    margin-left: 0;
  }
}
.coaching-section .left-content .description {
  font-size: clamp(12px, 1.25vw, 24px);
  color: #fff;
}
.coaching-section .right-content img {
  width: auto;
  height: 25.229167vw;
  max-height: 350px;
  margin-right: -6vw;
  margin-bottom: 81px;
}
@media (max-width: 1100px) {
  .coaching-section .right-content img {
    height: 25.229167vw;
    max-height: 350px;
    margin-right: 0;
    margin-top: 0px;
  }
}
@media (max-width: 600px) {
  .coaching-section .right-content img {
    height: auto;
    width: 100%;
    margin-bottom: auto;
  }
}

.content-wrapper_top {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  background-color: #fff;
}
.content-wrapper_top .section-header {
  text-align: center;
  background-color: #fff;
  color: white;
}
.content-wrapper_top .section-header h2 {
  font-size: 25px;
  background-color: #00114c;
  text-align: left;
  font-weight: bold;
  padding: 15px 20px;
  white-space: normal;
}
@media (max-width: 1100px) {
  .content-wrapper_top .section-header h2 {
    text-align: center;
  }
}
.content-wrapper_top .section-header p {
  font-size: 40px;
  margin-top: 10px;
  text-align: left;
  font-weight: bold;
  margin: 60px 0;
  margin-left: 10px;
  white-space: normal;
}
@media (max-width: 600px) {
  .content-wrapper_top .section-header p {
    font-size: 24px;
    text-align: center;
    padding-right: 20px;
    margin: 30px 0;
  }
}
.content-wrapper_top .pathway-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 40px;
}
@media (max-width: 1100px) {
  .content-wrapper_top .pathway-list {
    justify-content: center;
  }
}
.content-wrapper_top .pathway-list .pathway-item {
  display: flex;
  background-color: white;
  margin-bottom: 50px;
  border-radius: 8px;
  max-width: 558px;
  text-align: left;
}
@media (max-width: 1300px) {
  .content-wrapper_top .pathway-list .pathway-item {
    max-width: 490px;
  }
}
@media (max-width: 600px) {
  .content-wrapper_top .pathway-list .pathway-item {
    max-width: 90%;
    flex-direction: column;
    align-items: center;
    margin-bottom: 25px;
  }
}
.content-wrapper_top .pathway-list .pathway-item img {
  max-width: 193px;
  margin-right: 20px;
  border-radius: 8px;
  height: fit-content;
}
@media (max-width: 600px) {
  .content-wrapper_top .pathway-list .pathway-item img {
    margin-right: 0px;
  }
}
.content-wrapper_top .pathway-list .pathway-item .pathway-text h3 {
  font-size: 28px;
  margin-top: 0;
  font-weight: bold;
  margin-bottom: 0;
}
@media (max-width: 600px) {
  .content-wrapper_top .pathway-list .pathway-item .pathway-text h3 {
    text-align: center;
  }
}
.content-wrapper_top .pathway-list .pathway-item .pathway-text .english-title {
  font-size: 12px;
  color: #53c9c5;
  margin-bottom: 10px;
  margin: 10px 0;
}
@media (max-width: 600px) {
  .content-wrapper_top .pathway-list .pathway-item .pathway-text .english-title {
    text-align: center;
    margin: 5px 0;
  }
}
.content-wrapper_top .pathway-list .pathway-item .pathway-text p {
  font-size: 14px;
  color: #000;
  white-space: normal;
  margin: 0;
  line-height: 1.5;
}

.education_wrap {
  background-image: radial-gradient(at 60% 52%, rgb(6, 13, 24), rgb(15, 24, 59));
  padding: 135px 0 160px 0;
}
@media (max-width: 600px) {
  .education_wrap {
    padding: 30px 0 60px 0;
  }
}

.youtube {
  max-width: 1066px;
  margin: auto;
  margin-top: 150px;
}
@media (max-width: 600px) {
  .youtube {
    margin-top: 50px;
  }
}
.youtube .youtube-header {
  text-align: center;
  width: fit-content;
  margin-right: auto;
}
.youtube .youtube-header img {
  max-width: auto;
}
@media (max-width: 1100px) {
  .youtube .youtube-header img {
    padding-left: 35px;
  }
}
.youtube .youtube-contents {
  display: flex;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 10px;
  flex-wrap: wrap;
  margin: auto;
  justify-content: space-between;
  padding: 40px;
}
@media (max-width: 1100px) {
  .youtube .youtube-contents {
    justify-content: space-evenly;
  }
}
.youtube .youtube-contents .youtube-content {
  max-width: 305px;
}
.youtube .youtube-contents .youtube-content a {
  display: block;
  text-decoration: none;
  color: #000;
}
.youtube .youtube-contents .youtube-content a img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.youtube .youtube-contents .youtube-content a p {
  font-size: 14px;
  line-height: 1.4;
  margin-top: 8px;
  white-space: normal;
  text-align: left;
  padding: 0 15px;
}

.voicy {
  max-width: 1066px;
  margin: auto;
}
.voicy .voicy-header {
  text-align: center;
  width: fit-content;
  margin-right: auto;
}
@media (max-width: 1100px) {
  .voicy .voicy-header {
    padding-left: 20px;
  }
}

.podcast-card {
  display: flex;
  align-items: center;
  background-color: #f8f8f8;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  max-width: 988px;
  margin: 40px auto;
}
@media (max-width: 600px) {
  .podcast-card {
    flex-direction: column;
    margin-top: 10px;
  }
}
.podcast-card .host-image {
  width: 107px;
  height: auto;
  border-radius: 50%;
  margin-right: 20px;
}
@media (max-width: 600px) {
  .podcast-card .host-image {
    width: 150px;
  }
}
.podcast-card .podcast-content {
  flex: 1;
  text-align: left;
}
.podcast-card .podcast-content .podcast-title {
  font-size: 16px;
  font-weight: bold;
  color: #ff8224;
  margin: 0;
}
@media (max-width: 600px) {
  .podcast-card .podcast-content .podcast-title {
    margin-bottom: 20px;
    margin-top: 15px;
  }
}
.podcast-card .podcast-content .podcast-host {
  font-size: 16px;
  color: #000;
  margin: 5px 0;
  font-weight: bold;
}
.podcast-card .podcast-content .podcast-description {
  font-size: 14px;
  color: #000;
  margin-top: 5px;
}
@media (max-width: 600px) {
  .podcast-card .podcast-content .podcast-description {
    margin-bottom: 30px;
  }
}
.podcast-card .podcast-content p {
  white-space: normal;
}
.podcast-card .play-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 20px;
  text-align: center;
}
@media (max-width: 600px) {
  .podcast-card .play-button {
    margin-left: 0px;
  }
}
.podcast-card .play-button span {
  font-size: 12px;
  color: #00a6e6;
  margin-bottom: 5px;
}
.podcast-card .play-button .play-icon {
  font-size: 24px;
  color: #ff7f27;
  background: none;
  border: none;
  cursor: pointer;
}

.card {
  border: 5px solid #00114c;
  padding: 0px;
  width: fit-content;
  text-align: center;
  max-width: 265px;
  border-radius: 36px;
}
@media (max-width: 1100px) {
  .card {
    width: 180px;
  }
}
@media (max-width: 600px) {
  .card {
    width: fit-content;
    border: 3px solid #00114c;
    border-radius: 12px !important;
  }
}
.card .card-header .title {
  font-size: clamp(17px, 1.771vw, 34px);
  color: #000;
  margin: 0;
  font-weight: bold;
}
@media (max-width: 1100px) {
  .card .card-header .title {
    font-size: 20px;
  }
}
@media (max-width: 600px) {
  .card .card-header .title {
    font-size: 15px;
    text-align: center;
  }
}
.card .card-header .count {
  font-size: 26px;
  color: #00114c;
  font-weight: bold;
  margin: 5px 0;
  line-height: 1;
}
@media (max-width: 1100px) {
  .card .card-header .count {
    font-size: 18px;
  }
}
@media (max-width: 600px) {
  .card .card-header .count {
    font-size: 16px;
  }
}
.card .card-header .count span {
  font-size: clamp(41px, 4.167vw, 80px);
}
@media (max-width: 1100px) {
  .card .card-header .count span {
    font-size: 50px;
  }
}
@media (max-width: 600px) {
  .card .card-header .count span {
    font-size: 35px;
  }
}
.card .card-header .count img {
  object-fit: contain;
}
.card .card-body {
  border-top: 5px solid #00114c;
}
@media (max-width: 600px) {
  .card .card-body {
    border-top: 3px solid #00114c;
  }
}
.card .card-body .description {
  font-size: 23px;
  color: #000;
  line-height: 1.5;
  font-weight: bold;
  white-space: normal;
  margin: 0;
  padding: 10px;
  text-align: left;
}
@media (max-width: 1400px) {
  .card .card-body .description {
    font-size: 16px;
  }
}
@media (max-width: 600px) {
  .card .card-body .description {
    font-size: 12px;
  }
}

.zero_feature {
  max-width: 829px;
}
@media (max-width: 1400px) {
  .zero_feature {
    width: 62%;
  }
}
@media (max-width: 1100px) {
  .zero_feature {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .zero_feature {
    padding: 0 2.5%;
  }
}

.zero_feature1 .zero_feature_title p,
.zero_feature1 .zero_feature_title h3 {
  background-color: #172046;
  color: #ffffff;
  padding: 10px 20px;
  text-align: center;
  font-weight: bold;
  font-size: 25px;
  display: inline-block;
  width: 100%;
}
@media (max-width: 600px) {
  .zero_feature1 .zero_feature_title p,
  .zero_feature1 .zero_feature_title h3 {
    font-size: 16px !important;
  }
}
.zero_feature1 .zero_feature_bottom {
  display: flex;
  gap: 20px;
}
@media (max-width: 1100px) {
  .zero_feature1 .zero_feature_bottom {
    justify-content: space-between;
  }
}
@media (max-width: 600px) {
  .zero_feature1 .zero_feature_bottom {
    gap: 10px;
  }
}
.zero_feature1 .zero_feature_bottom .zero_feature_bottom2 .text_box {
  text-align: left !important;
}
.zero_feature1 .zero_feature_bottom .zero_feature_bottom2 .text_box01 {
  display: flex;
  align-items: flex-end;
}
.zero_feature1 .zero_feature_bottom .zero_feature_bottom2 img {
  margin-left: -84px;
}
@media (max-width: 1400px) {
  .zero_feature1 .zero_feature_bottom .zero_feature_bottom2 img {
    margin-left: 0px;
    width: 117px;
  }
}
@media (max-width: 600px) {
  .zero_feature1 .zero_feature_bottom .zero_feature_bottom2 img {
    margin-left: 0px;
    width: 100%;
  }
}
.zero_feature1 .zero_feature_bottom .zero_feature_bottom3 .text_box {
  text-align: left !important;
}
.zero_feature1 .zero_feature_bottom .zero_feature_bottom3 .text_box01 {
  display: flex;
  align-items: flex-end;
}
.zero_feature1 .zero_feature_bottom .zero_feature_bottom3 img {
  width: 102px;
  margin-top: 23px !important;
}
@media (max-width: 1400px) {
  .zero_feature1 .zero_feature_bottom .zero_feature_bottom3 img {
    width: 74px;
    margin-top: 87px !important;
  }
}
@media (max-width: 1100px) {
  .zero_feature1 .zero_feature_bottom .zero_feature_bottom3 img {
    margin-top: 27px !important;
  }
}
.zero_feature1 .zero_feature_bottom .zero_feature_bottom3 .card-header {
  gap: 0 !important;
}
.zero_feature1 .zero_feature_bottom .zero_feature_bottom3 .description {
  letter-spacing: 1px;
  max-width: 226px;
  margin: auto;
}
@media (max-width: 600px) {
  .zero_feature1 .zero_feature_bottom .zero_feature_bottom3 .book-banner {
    width: 84% !important;
    margin-top: 50px;
  }
}
.zero_feature1 .zero_feature_bottom .zero_feature_bottom1,
.zero_feature1 .zero_feature_bottom .zero_feature_bottom2,
.zero_feature1 .zero_feature_bottom .zero_feature_bottom3 {
  display: flex;
}
@media (max-width: 600px) {
  .zero_feature1 .zero_feature_bottom .zero_feature_bottom1,
  .zero_feature1 .zero_feature_bottom .zero_feature_bottom2,
  .zero_feature1 .zero_feature_bottom .zero_feature_bottom3 {
    width: 30%;
  }
}
.zero_feature1 .zero_feature_bottom .zero_feature_bottom1 .card .card-header,
.zero_feature1 .zero_feature_bottom .zero_feature_bottom2 .card .card-header,
.zero_feature1 .zero_feature_bottom .zero_feature_bottom3 .card .card-header {
  display: flex;
  justify-content: center;
  padding: 20px;
  gap: 12px;
  height: 220px;
}
@media (max-width: 1400px) {
  .zero_feature1 .zero_feature_bottom .zero_feature_bottom1 .card .card-header,
  .zero_feature1 .zero_feature_bottom .zero_feature_bottom2 .card .card-header,
  .zero_feature1 .zero_feature_bottom .zero_feature_bottom3 .card .card-header {
    padding: 10px;
    align-items: center;
    flex-direction: column;
  }
}
@media (max-width: 600px) {
  .zero_feature1 .zero_feature_bottom .zero_feature_bottom1 .card .card-header,
  .zero_feature1 .zero_feature_bottom .zero_feature_bottom2 .card .card-header,
  .zero_feature1 .zero_feature_bottom .zero_feature_bottom3 .card .card-header {
    flex-direction: column;
    align-items: center;
    height: 160px;
  }
}
.zero_feature1 .zero_feature_bottom .zero_feature_bottom1 .card .card-header .text_box,
.zero_feature1 .zero_feature_bottom .zero_feature_bottom2 .card .card-header .text_box,
.zero_feature1 .zero_feature_bottom .zero_feature_bottom3 .card .card-header .text_box {
  text-align: right;
}
.zero_feature1 .zero_feature_bottom .zero_feature_bottom1 .card .card-header .book-banner,
.zero_feature1 .zero_feature_bottom .zero_feature_bottom2 .card .card-header .book-banner,
.zero_feature1 .zero_feature_bottom .zero_feature_bottom3 .card .card-header .book-banner {
  object-fit: contain;
  margin-top: 60px;
}
@media (max-width: 1400px) {
  .zero_feature1 .zero_feature_bottom .zero_feature_bottom1 .card .card-header .book-banner,
  .zero_feature1 .zero_feature_bottom .zero_feature_bottom2 .card .card-header .book-banner,
  .zero_feature1 .zero_feature_bottom .zero_feature_bottom3 .card .card-header .book-banner {
    width: 80px;
  }
}
@media (max-width: 1100px) {
  .zero_feature1 .zero_feature_bottom .zero_feature_bottom1 .card .card-header .book-banner,
  .zero_feature1 .zero_feature_bottom .zero_feature_bottom2 .card .card-header .book-banner,
  .zero_feature1 .zero_feature_bottom .zero_feature_bottom3 .card .card-header .book-banner {
    margin-top: 15px;
  }
}
@media (max-width: 600px) {
  .zero_feature1 .zero_feature_bottom .zero_feature_bottom1 .card .card-header .book-banner,
  .zero_feature1 .zero_feature_bottom .zero_feature_bottom2 .card .card-header .book-banner,
  .zero_feature1 .zero_feature_bottom .zero_feature_bottom3 .card .card-header .book-banner {
    width: 100%;
    margin-top: 40px;
  }
}
.features {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}
@media (max-width: 1400px) {
  .features {
    gap: 5px;
    max-width: 600px;
    margin: auto;
    justify-content: space-evenly;
  }
}
@media (max-width: 600px) {
  .features {
    gap: 12px;
  }
}
.features .feature-card {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  padding: 20px;
  width: 13.3333333333vw;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  min-width: 200px;
}
@media (max-width: 1400px) {
  .features .feature-card {
    width: 13.3333333333vw;
  }
}
@media (max-width: 1400px) {
  .features .feature-card {
    min-width: 150px;
    padding: 10px;
  }
}
@media (max-width: 600px) {
  .features .feature-card {
    min-width: inherit;
    width: 43vw;
  }
}
.features .feature-card .icon {
  margin-bottom: 10px;
}
.features .feature-card .icon img {
  width: 11.9791666667vw;
  height: auto;
}
@media (max-width: 1400px) {
  .features .feature-card .icon img {
    width: 100%;
  }
}
.features .feature-card .title {
  font-size: 20px;
  font-weight: bold;
  color: #001f54;
  margin-bottom: 10px;
}
@media (max-width: 1400px) {
  .features .feature-card .title {
    font-size: 16px;
  }
}
.features .feature-card .description {
  font-size: 14px;
  color: #333333;
  line-height: 1.5;
  white-space: normal;
  text-align: left;
}

.course-list {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 20px;
}
.course-list .course-item {
  border: 2px solid #001f54;
  border-radius: 10px;
  padding: 20px 0 0;
  font-family: "Noto Sans JP", sans-serif;
}
.course-list .course-item .course-title {
  font-size: 33px;
  font-weight: bold;
  color: #001f54;
  background-color: #fff;
  width: fit-content;
  margin: auto;
  margin-top: -50px;
  padding: 0 20px;
}
@media (max-width: 1400px) {
  .course-list .course-item .course-title {
    font-size: 20px;
    margin-top: -36px;
  }
}
.course-list .course-item .course-title span {
  color: #001f54;
  font-size: 40px;
  font-weight: bold;
  font-family: "din-condensed", sans-serif;
  font-style: normal;
}
@media (max-width: 1400px) {
  .course-list .course-item .course-title span {
    font-size: 20px;
  }
}
.course-list .course-item .course-description {
  font-size: 22px;
  font-weight: bold;
  color: #000;
  line-height: 1.6;
  margin-bottom: 20px;
  white-space: normal;
  padding: 0 10px;
}
@media (max-width: 1400px) {
  .course-list .course-item .course-description {
    font-size: 16px;
  }
}
@media (max-width: 1400px) {
  .course-list .course-item .course-description {
    font-size: 15px;
    text-align: left;
    padding: 0 10px;
  }
}
.course-list .course-item .course-tag {
  background-color: #001f54;
  color: #ffffff;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  padding: 10px 20px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1400px) {
  .course-list .course-item .course-tag {
    font-size: 18px;
  }
}

.education-structure {
  text-align: center;
  padding: 20px 0 0px 0;
  font-family: "Noto Sans JP", sans-serif;
}
.education-structure .structure-title {
  font-size: 24px;
  color: #001f54;
  margin-bottom: 20px;
}
.education-structure .course-tag {
  font-size: 20px !important;
}
@media (max-width: 600px) {
  .education-structure .course-tag {
    font-size: 14px !important;
  }
}
.education-structure .structure-logos {
  display: flex;
  justify-content: space-around;
  margin-bottom: 20px;
}
@media (max-width: 600px) {
  .education-structure .structure-logos {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
}
.education-structure .structure-logos .logo-item {
  text-align: center;
  color: #001f54;
  display: flex;
  align-items: center;
}
.education-structure .structure-logos .logo-item img {
  width: fit-content;
}
.education-structure .requirement-cards {
  display: flex;
  justify-content: space-between;
  margin: 20px 0;
  gap: 20px;
}
@media (max-width: 600px) {
  .education-structure .requirement-cards {
    gap: 20px;
  }
}
.education-structure .requirement-cards .card {
  border: 2px solid #001f54;
  border-radius: 10px;
  padding: 20px;
  width: 30%;
  text-align: center;
}
.education-structure .requirement-cards .card h3 {
  font-size: 16px;
  color: #001f54;
  margin-bottom: 10px;
}
.education-structure .requirement-cards .card p {
  font-size: 14px;
  color: #000;
  line-height: 1.6;
}
.education-structure .footer-text {
  font-size: 12px;
  color: #333333;
  line-height: 1.5;
  margin-top: 20px;
}
@media (max-width: 600px) {
  .education-structure .footer-text {
    display: none;
  }
}

.requirement-cards {
  display: flex;
  justify-content: space-between;
  margin: 20px 0;
  padding: 0 20px;
  gap: 20px;
}
@media (max-width: 1100px) {
  .requirement-cards {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }
}
.requirement-cards .card {
  border: 2px solid #001f54;
  border-radius: 10px;
  padding: 20px;
  width: 30%;
  text-align: center;
}
@media (max-width: 1400px) {
  .requirement-cards .card {
    width: 100%;
    max-width: none;
  }
}
.requirement-cards .card h3 {
  font-size: 14px;
  color: #001f54;
  border-radius: 37px;
  background: #001f54;
  color: #fff;
  padding: 0px 20px;
  margin-top: -40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-weight: bold;
}
@media (max-width: 1100px) {
  .requirement-cards .card h3 {
    width: 80%;
    margin: auto;
    margin-top: -40px;
    max-width: 200px;
  }
}
@media (max-width: 600px) {
  .requirement-cards .card h3 {
    width: min-content;
    margin: auto;
    margin-top: -40px;
    margin-bottom: 10px;
  }
}
.requirement-cards .card span {
  font-size: 23px;
}
.requirement-cards .card .school_small {
  font-size: 12px;
  white-space: normal;
}
.requirement-cards .card p {
  font-size: 14px;
  color: #000;
  line-height: 1.6;
  font-weight: bold;
  margin: auto;
  white-space: normal;
  min-width: 136px;
}
@media (max-width: 1100px) {
  .requirement-cards .card p {
    margin-top: 10px;
  }
}

.footer-text {
  font-size: 14px;
  color: #000;
  line-height: 1.5;
  margin-top: 20px;
  white-space: normal;
  text-align: center;
}
@media (max-width: 600px) {
  .footer-text {
    text-align: left;
  }
}

.graduation-requirements {
  font-size: 18px;
  font-weight: bold;
  color: #001f54;
  margin: 0px 0 47px;
}
.graduation-requirements p {
  font-size: clamp(18px, 1.823vw, 35px);
  line-height: 1.5;
  white-space: normal;
  color: #001f54;
  text-align: center;
  min-width: 136px;
}
@media (max-width: 1400px) {
  .graduation-requirements p {
    font-size: 20px;
  }
}
@media (max-width: 600px) {
  .graduation-requirements p {
    font-size: 16px;
  }
}

@media (max-width: 1400px) {
  .zero_feature_action {
    width: 100% !important;
  }
}

/* プロフェッショナルセミナーのコンテナ */
.professonal {
  display: flex;
  align-items: flex-start;
  margin-top: 20px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  gap: 73px;
  margin-bottom: 168px;
}
@media (max-width: 1100px) {
  .professonal {
    margin-bottom: 20px;
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
}

/* 左側の画像エリア */
.pro_left img {
  width: 460px;
  min-width: 400px;
  border-radius: 0px;
}
@media (max-width: 600px) {
  .pro_left img {
    width: 90vw;
    min-width: inherit;
  }
}

/* 右側のテキストエリア */
.pro_right {
  margin-left: 20px;
  max-width: 600px;
  text-align: left;
}
@media (max-width: 1100px) {
  .pro_right {
    margin-left: 0px;
    width: 90vw;
  }
}

.pro_01 {
  font-size: 16px;
  color: #000;
  margin: 0;
  margin-top: 32px;
}

.pro_02 {
  font-size: 24px;
  font-weight: bold;
  color: #000;
  margin: 13px 0;
}

.pro_03 {
  font-size: 14px;
  color: #000;
  line-height: 1.6;
  margin-bottom: 6.25vw;
  white-space: normal;
  max-width: 456px;
}
@media (max-width: 1100px) {
  .pro_03 {
    width: 90vw;
    max-width: inherit;
  }
}

/* 講師紹介リンクのスタイル */
.instructor_access {
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: flex-end;
}

.instructor_access img {
  width: 20px;
  margin-right: 8px;
}

.pro_04 {
  font-size: 16px;
  color: #000;
}

@media (max-width: 600px) {
  .text_ph {
    display: none;
  }
}

.ph_img {
  display: none;
}
@media (max-width: 600px) {
  .ph_img {
    display: block;
  }
}

.recommendation-section {
  padding: 20px;
  margin-bottom: 35px;
}
.recommendation-section .section-header {
  margin: 40px auto;
  font-size: 24px;
  font-weight: bold;
  position: relative;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  width: fit-content;
}
.recommendation-section .section-header:before, .recommendation-section .section-header:after {
  content: "";
  display: inline-block;
  width: 50px;
  height: 1px;
  background-color: #aaa;
  vertical-align: middle;
  margin: 0 10px;
  position: relative;
  top: -1px;
}
.recommendation-section .recommendations {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 0px;
}
@media (max-width: 1100px) {
  .recommendation-section .recommendations {
    flex-direction: column;
    align-items: center;
    gap: 0px;
  }
}
.recommendation-section .recommendations .card_blog {
  width: 30vw;
  max-width: 300px;
  padding: 15px;
  text-align: left;
  border-radius: 8px;
}
@media (max-width: 1100px) {
  .recommendation-section .recommendations .card_blog {
    width: 100%;
    padding: 0px;
    min-width: 100%;
  }
}
.recommendation-section .recommendations .card_blog img {
  width: 100%;
  height: auto;
  background-color: #ccc;
  object-fit: cover;
  display: block;
  max-height: 90px;
}
.recommendation-section .recommendations .card_blog p {
  font-size: 14px;
  color: #000;
  margin: 10px 0;
  line-height: 1.6;
  white-space: normal;
}
.recommendation-section .recommendations .card_blog p.date {
  font-size: 12px;
  color: #666;
  display: flex;
  gap: 7px;
}

.time_img {
  width: 10px !important;
  height: auto !important;
  background-color: inherit !important;
  object-fit: contain !important;
  padding-top: 1px;
}

.top-3-blogall {
  display: flex;
  justify-content: start;
  margin: auto;
  margin-top: 30px;
  width: auto;
  flex-wrap: wrap;
  gap: 20px 35px;
}
@media (max-width: 1100px) {
  .top-3-blogall {
    width: 90vw !important;
  }
}
@media (max-width: 600px) {
  .top-3-blogall {
    justify-content: center !important;
  }
}

@media (max-width: 600px) {
  .top-3-blogall .top-3-contents-1 a .top-3-contents-img img {
    max-height: 180px !important;
    object-fit: cover !important;
  }
}

.pagination {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 0px !important;
}

.pagination button {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #fff;
  border: none;
  cursor: pointer;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000 !important;
  padding-left: 7px;
  padding-bottom: 1px;
}

.pagination a:hover {
  opacity: 0.8;
}

.twitter-tweet {
  height: 300px !important;
  overflow-y: auto !important;
  overflow-x: hidden;
  border: none;
  border-radius: 15px;
}

.lp01 {
  font-family: sans-serif;
  margin: 0;
  padding: 0;
  line-height: 1.6;
  background: #fff;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

.lp-main-visual {
  margin-top: 10px;
}
.lp-main-visual img {
  width: 101%;
  height: auto;
  display: block;
  max-width: 701px;
  margin: auto;
}
@media (max-width: 600px) {
  .lp-main-visual img {
    width: 100%;
  }
}

.lp-catch-copy {
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  margin: 20px 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic";
}

.lp-features {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 27px;
  padding: 20px 0 30px 0px;
  background-color: #f0eef7;
  max-width: 530px;
  margin: auto;
}
@media (max-width: 600px) {
  .lp-features {
    max-width: 315px;
    justify-content: space-between;
  }
}
.lp-features .lp-feature-item {
  flex: 1 1 250px;
  max-width: 210px;
  text-align: center;
}
@media (max-width: 600px) {
  .lp-features .lp-feature-item {
    max-width: 135px;
  }
}
.lp-features .lp-feature-item img {
  width: 100%;
  height: auto;
  border-radius: 0px;
}
.lp-features .lp-feature-item .lp-feature-caption {
  margin-top: 0px;
  font-size: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic";
  letter-spacing: -1px;
}
@media (max-width: 600px) {
  .lp-features .lp-feature-item .lp-feature-caption {
    font-size: 12px;
  }
}

.lp-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 40px 20px;
}
.lp-cta .lp-cta-button {
  display: block;
  width: 100%;
  max-width: 400px;
  text-align: center;
  background: #7a84b9;
  color: #fff;
  text-decoration: none;
  padding: 15px 0;
  border-radius: 50px;
  font-size: 18px;
  font-weight: bold;
  transition: 0.3s;
}
.lp-cta .lp-cta-button:hover {
  opacity: 0.8;
}
.lp-cta .lp-cta-tel {
  margin-top: 20px;
}
.lp-cta .lp-cta-tel img {
  width: 100%;
  max-width: 300px;
  height: auto;
  display: block;
}

.lp-feature {
  text-align: center;
  padding: 40px 20px;
  background-color: #f0eef7;
}
.lp-feature .lp-feature-title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
  color: #023c8d;
  max-width: 500px;
  margin: auto;
}
@media (max-width: 600px) {
  .lp-feature .lp-feature-title {
    font-size: 16px;
  }
}
.lp-feature .lp-feature-title span {
  font-size: 16px;
}
@media (max-width: 600px) {
  .lp-feature .lp-feature-title span {
    font-size: 12px;
  }
}
.lp-feature .lp-feature-subtitle {
  display: inline-block;
  background: #fff;
  padding: 8px 16px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 40px;
  min-width: 180px;
  color: #023c8d;
  font-weight: bold;
}
@media (max-width: 600px) {
  .lp-feature .lp-feature-subtitle {
    font-size: 12px;
  }
}
.lp-feature .lp-feature-item {
  margin-bottom: 20px;
  background-color: #f0eef7;
  margin: auto;
}
@media (max-width: 600px) {
  .lp-feature .lp-feature-item {
    max-width: 500px;
  }
}
.lp-feature .lp-feature-item img {
  width: 100%;
  max-width: 600px;
  height: auto;
  display: block;
  margin: 0 auto 10px;
}
.lp-feature .lp-feature-item .lp-feature-caption {
  font-size: 16px;
  margin-top: 0;
}
@media (max-width: 600px) {
  .lp-feature .lp-feature-item .lp-feature-caption {
    font-size: 14px;
  }
}

.lp-message {
  text-align: center;
  padding: 20px 10px 0;
  max-width: 500px;
  margin: auto;
}
.lp-message .lp-message-catch {
  text-align: center;
  line-height: 1.6;
  margin-bottom: 20px;
}
.lp-message .lp-message-catch .lp-message-catch-small {
  font-size: 20px;
}
@media (max-width: 600px) {
  .lp-message .lp-message-catch .lp-message-catch-small {
    font-size: 16px;
  }
}
.lp-message .lp-message-catch .lp-message-catch-large {
  font-size: 30px;
  font-weight: bold;
}
@media (max-width: 600px) {
  .lp-message .lp-message-catch .lp-message-catch-large {
    font-size: 20px;
  }
}
.lp-message .lp-message-image {
  margin-bottom: 20px;
}
.lp-message .lp-message-image img {
  width: 100%;
  max-width: 500px;
  height: auto;
  display: block;
  margin: 0 auto;
}
@media (max-width: 600px) {
  .lp-message .lp-message-image img {
    max-width: 300px;
  }
}
.lp-message .lp-message-title {
  font-weight: bold;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
  font-weight: bold;
  font-size: 30px;
}
@media (max-width: 600px) {
  .lp-message .lp-message-title {
    font-size: 20px;
  }
}
.lp-message .lp-message-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.1em;
  width: 100%;
  height: 0.5em;
  background: yellow;
  z-index: -1;
}
.lp-message .lp-message-text {
  font-size: 18px;
  line-height: 1.8;
  text-align: left;
  max-width: 600px;
  margin: 0 auto;
  white-space: normal;
}
@media (max-width: 600px) {
  .lp-message .lp-message-text {
    font-size: 14px;
    max-width: 322px;
  }
}

.lp-pro {
  text-align: center;
  margin: 0 auto;
  background: #023c8d;
  margin-top: 50px;
}
.lp-pro .lp-pro-header {
  color: #fff;
  padding: 45px 20px 0;
}
.lp-pro .lp-pro-header .lp-pro-catch {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.2;
  color: #fff;
  margin: 0;
}
@media (max-width: 600px) {
  .lp-pro .lp-pro-header .lp-pro-catch {
    font-size: 20px;
  }
}
.lp-pro .lp-pro-header .lp-pro-catch span {
  font-size: 18px;
}
@media (max-width: 600px) {
  .lp-pro .lp-pro-header .lp-pro-catch span {
    font-size: 14px;
  }
}
.lp-pro .lp-pro-body {
  padding: 0px 0 20px;
}
.lp-pro .lp-pro-body .lp-pro-role {
  font-size: 14px;
  margin-bottom: 5px;
}
.lp-pro .lp-pro-body .lp-pro-name {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.lp-pro .lp-pro-body .lp-pro-text {
  font-size: 14px;
  line-height: 1.8;
  text-align: left;
}

.pro_right_lp {
  background-color: #fff;
  padding: 10px;
  margin-top: -8px;
  border-radius: 0;
  padding: 18px;
  margin-left: 0px;
  width: 100%;
}
@media (max-width: 600px) {
  .pro_right_lp {
    margin-left: 0px;
    max-width: 470px;
    width: 100%;
    min-height: 237px;
  }
}

.pro_01_lp {
  font-size: 20px;
}
@media (max-width: 600px) {
  .pro_01_lp {
    margin-top: 0px;
    font-size: 14px;
  }
}

.pro_02_lp {
  font-size: 30px;
}
@media (max-width: 600px) {
  .pro_02_lp {
    font-size: 20px;
  }
}

.pro_03_lp {
  width: fit-content;
  margin-bottom: 30px;
  max-width: 100%;
  font-size: 20px;
}
@media (max-width: 600px) {
  .pro_03_lp {
    margin-bottom: 20px;
    font-size: 12px;
  }
}

.coaching-section_lp {
  background-color: unset;
  justify-content: center;
  transform: skew(0deg) !important;
  margin-bottom: 0;
}

.lp-path {
  background: #fff;
  padding: 0 0 40px 0;
  text-align: center;
}
@media (max-width: 600px) {
  .lp-path {
    padding: 0 0 0px 0;
  }
}
.lp-path .lp-path-header {
  margin-bottom: 40px;
  margin-top: 40px;
}
.lp-path .lp-path-header img {
  width: 100%;
  max-width: 700px;
  height: auto;
  display: block;
  margin: 0 auto;
}
.lp-path .lp-path-text {
  font-size: 14px;
  line-height: 1.8;
  text-align: left;
  max-width: 600px;
  margin: 0 auto;
  white-space: normal;
  text-align: center;
}
@media (max-width: 600px) {
  .lp-path .lp-path-text {
    font-size: 12px;
  }
}

.lp-cards {
  display: flex;
  flex-wrap: wrap;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  max-width: 700px;
  margin: 0 auto;
  padding: 40px 0;
  justify-content: center;
  padding-top: 0;
}
@media (max-width: 600px) {
  .lp-cards {
    padding: 15px 0px 0 0px;
    max-width: 500px;
  }
}
.lp-cards .lp-card {
  width: 45%;
  max-width: 335px;
  min-width: 270px;
}
@media (max-width: 600px) {
  .lp-cards .lp-card {
    width: 48%;
    min-width: auto;
  }
}
.lp-cards .lp-card img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 0px;
}
.lp-cards .lp-card .lp-card-title {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 0;
  padding: 10px 0 5px;
  letter-spacing: 0px;
}
@media (max-width: 600px) {
  .lp-cards .lp-card .lp-card-title {
    font-size: 16px;
  }
}
.lp-cards .lp-card .lp-card-title span {
  display: block;
  font-size: 14px;
  font-weight: normal;
}
@media (max-width: 600px) {
  .lp-cards .lp-card .lp-card-title span {
    font-size: 10px;
  }
}
.lp-cards .lp-card .lp-card-text {
  font-size: 14px;
  line-height: 1.6;
  white-space: normal;
  text-align: center;
  margin: 0;
  padding: 0 5px 20px 5px;
}
@media (max-width: 600px) {
  .lp-cards .lp-card .lp-card-text {
    font-size: 12px;
  }
}

.lp-banner {
  background: #023c8d;
  text-align: center;
  padding: 30px 20px;
}
.lp-banner .lp-banner-text {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
}

.lp-schedule {
  max-width: 800px;
  margin: 0 auto;
  padding: 40px 20px;
}
.lp-schedule .lp-schedule-title {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #023c8d;
  margin-bottom: 20px;
}
.lp-schedule .lp-schedule-text {
  text-align: left;
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 30px;
  white-space: normal;
}
.lp-schedule .lp-schedule-table {
  overflow-x: auto;
}
.lp-schedule .lp-schedule-table table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}
.lp-schedule .lp-schedule-table th {
  background: #0070c0;
  color: #fff;
  padding: 10px;
}
.lp-schedule .lp-schedule-table td {
  border: 1px solid #ccc;
  padding: 10px;
  font-size: 14px;
}
.lp-schedule .lp-schedule-table tr:nth-child(even) {
  background: #f9f9f9;
}

.lp-chart {
  text-align: center;
  padding: 40px 20px;
}
.lp-chart .lp-chart-title {
  font-size: 20px;
  font-weight: bold;
  color: #023c8d;
  margin-bottom: 20px;
}
.lp-chart .lp-chart-image img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}

.lp-events {
  background: #023c8d;
  color: #fff;
  padding: 40px 20px;
}
.lp-events .lp-events-title {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
.lp-events .lp-event-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 40px;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 100%;
  margin: auto;
}
@media (max-width: 600px) {
  .lp-events .lp-event-item {
    max-width: 500px;
  }
}
.lp-events .lp-event-item .lp-event-image-main {
  display: flex;
}
.lp-events .lp-event-item .lp-event-image-main img {
  width: 100%;
}
@media (max-width: 600px) {
  .lp-events .lp-event-item .lp-event-image-main img {
    width: 67vw;
    height: auto;
    display: block;
    max-width: 368px;
  }
}
.lp-events .lp-event-item .lp-event-image-side {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.lp-events .lp-event-item .lp-event-image-side img {
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 600px) {
  .lp-events .lp-event-item .lp-event-image-side img {
    width: 22vw;
    height: auto;
    display: block;
    max-width: 121px;
  }
}
.lp-events .lp-event-item .lp-event-content {
  flex: 1 1 100%;
  margin-top: 0px;
  max-width: 700px;
  margin-bottom: 30px;
}
.lp-events .lp-event-item .lp-event-content .lp-event-heading {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 0px;
  color: #fff;
  text-align: center;
  margin-top: 0;
}
@media (max-width: 600px) {
  .lp-events .lp-event-item .lp-event-content .lp-event-heading {
    font-size: 20px;
  }
}
.lp-events .lp-event-item .lp-event-content .lp-event-text {
  font-size: 20px;
  line-height: 1.6;
  white-space: normal;
  color: #fff;
  text-align: left;
}
@media (max-width: 600px) {
  .lp-events .lp-event-item .lp-event-content .lp-event-text {
    font-size: 14px;
  }
}

.lp-events {
  background: #023c8d;
  color: #fff;
  padding: 60px 20px;
  text-align: center;
}
.lp-events .lp-events-title .lp-events-title-sub {
  font-size: 16px;
  margin-bottom: 10px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 0;
}
@media (max-width: 600px) {
  .lp-events .lp-events-title .lp-events-title-sub {
    font-size: 10px;
  }
}
.lp-events .lp-events-title .lp-events-title-main {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 0px;
}
@media (max-width: 600px) {
  .lp-events .lp-events-title .lp-events-title-main {
    font-size: 18px;
  }
}
.lp-events .lp-events-title .lp-events-title-en {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  margin-top: 0;
}
@media (max-width: 600px) {
  .lp-events .lp-events-title .lp-events-title-en {
    font-size: 12px;
  }
}

.lp-profile {
  max-width: 700px;
  margin: 0 auto;
  padding: 0px 0px 40px 0px;
}
@media (max-width: 1100px) {
  .lp-profile {
    max-width: 700px;
  }
}
.lp-profile .lp-profile-image img {
  width: 90%;
  height: auto;
  display: block;
  margin: auto;
}
.lp-profile .lp-profile-text {
  background: #023c8d;
  color: #fff;
  padding: 10px 20px;
  margin-top: 20px;
  border-radius: 10px;
  width: 90%;
  margin: auto;
  margin-top: 10px;
  min-height: 290px;
}
@media (max-width: 600px) {
  .lp-profile .lp-profile-text {
    min-height: 215px;
    margin-top: 5px;
  }
}
.lp-profile .lp-profile-text .lp-profile-heading {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
  white-space: normal;
  color: #fff;
}
@media (max-width: 600px) {
  .lp-profile .lp-profile-text .lp-profile-heading {
    font-size: 15px;
  }
}
.lp-profile .lp-profile-text .lp-profile-paragraph {
  font-size: 16px;
  line-height: 1.8;
  white-space: normal;
  color: #fff;
}
@media (max-width: 600px) {
  .lp-profile .lp-profile-text .lp-profile-paragraph {
    font-size: 12px;
  }
}

.lp-faq-header img {
  width: 100%;
  height: auto;
  display: block;
}

.lp-pamphlet {
  width: 90%;
  margin: auto;
}
.lp-pamphlet a:hover {
  opacity: 0.8;
}
.lp-pamphlet img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 500px;
  margin: auto;
  margin-top: -30px;
}

.category-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.profile-card_1 {
  display: block;
  padding: 10px 20px;
}
@media (max-width: 600px) {
  .profile-card_1 {
    padding: 10px 0px;
    max-width: 285px;
    margin: auto;
  }
}

.category-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: space-between;
}
@media (max-width: 1100px) {
  .category-list {
    max-width: 440px;
    margin: auto;
  }
}

.category-list__item {
  margin-bottom: 10px;
}

.category-list__item a {
  display: inline-block;
  padding: 6px 20px;
  border: 1px solid #00114c;
  border-radius: 5px;
  background-color: #fff;
  color: #00114c !important;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  transition: background-color 0.3s, color 0.3s;
  width: 135px;
  text-align: center;
}

.category-list__item--active a {
  background-color: #00114c;
  color: #fff !important;
  border-color: #00114c;
}

.container .news-note {
  height: fit-content !important;
}

.recommendation-section2 {
  padding: 0 !important;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.title-pc {
  display: inline;
  white-space: normal;
}

.title-sp {
  display: none;
  white-space: normal;
}

@media (max-width: 768px) {
  .title-pc {
    display: none;
  }
  .title-sp {
    display: inline;
    white-space: normal;
  }
}
.news_content_blog p a {
  white-space: normal;
  width: fit-content;
  display: inline-flex;
  max-width: 100%;
  overflow: hidden;
  word-break: break-all;
  color: #00114c;
}

@media (max-width: 600px) {
  .news_content_blog h1,
  .news_content_blog h2,
  .news_content_blog h3,
  .news_content_blog h4,
  .news_content_blog h5 {
    margin-right: 0vw !important;
    margin-left: 0vw !important;
    padding: 0.5em 0 0.5em 16px;
  }
}

.date_1 {
  display: flex;
  align-items: center;
  gap: 6px;
}

.lp-catch-copy p {
  font-size: 18px;
}
@media (max-width: 600px) {
  .lp-catch-copy p {
    font-size: 14px;
  }
}

.lp-features-wrap {
  background-color: #f0eef7;
}

.lp-contact-cta {
  padding: 40px 20px;
  background: #fff;
  text-align: center;
}
.lp-contact-cta__img1 {
  margin-bottom: 0px;
}
.lp-contact-cta__img1 img {
  width: 100%;
  max-width: 300px;
  height: auto;
}
@media (max-width: 600px) {
  .lp-contact-cta__img1 img {
    max-width: 170px;
  }
}
.lp-contact-cta__buttons {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  margin-bottom: 20px;
}
.lp-contact-cta__buttons img {
  width: 45% !important;
  max-width: 360px;
  height: auto;
}
.lp-contact-cta__tel {
  margin-top: 20px;
}
.lp-contact-cta__tel img {
  width: 100%;
  max-width: 360px;
  height: auto;
}

.lp-contact-cta {
  padding: 40px 20px;
  background: #fff;
  text-align: center;
}
.lp-contact-cta__buttons {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 600px;
  margin: auto;
}
@media (max-width: 600px) {
  .lp-contact-cta__buttons {
    max-width: 490px;
  }
}
.lp-contact-cta__buttons img {
  width: 80%;
  max-width: 170px;
}
.lp-contact-cta__tel {
  margin: 20px 0;
}
.lp-contact-cta__tel img {
  width: 70%;
  max-width: 300px;
}
.lp-contact-cta__main {
  margin-top: 30px;
}
.lp-contact-cta__main__lead {
  font-size: 16px;
  color: #000;
  margin-bottom: 5px;
}
.lp-contact-cta__main__title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.lp-contact-cta__main__image {
  margin: 20px auto;
  max-width: 300px;
}
.lp-contact-cta__main__image img {
  width: 100%;
  height: auto;
}
.lp-contact-cta__main__name {
  font-size: 14px;
  color: #333;
  line-height: 1.5;
}
.lp-contact-cta__main__message {
  margin-top: 20px;
  font-size: 14px;
  color: #222;
  line-height: 1.8;
}
.lp-contact-cta__main__message .highlight {
  font-weight: bold;
  font-size: 16px;
  color: #009933;
}

.lp-contact-cta {
  padding: 40px 0px;
  padding-top: 60px;
  background: #fff;
  text-align: center;
}
@media (max-width: 600px) {
  .lp-contact-cta {
    padding-top: 40px;
  }
}
.lp-contact-cta__buttons {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}
.lp-contact-cta__buttons img {
  width: 80%;
  min-width: 200px;
}
@media (max-width: 600px) {
  .lp-contact-cta__buttons img {
    min-width: 157px;
  }
}
.lp-contact-cta__buttons a {
  width: min-content;
}
.lp-contact-cta__tel {
  margin: 20px 0;
}
.lp-contact-cta__tel img {
  width: 90%;
  max-width: 400px;
  min-width: 520px;
}
@media (max-width: 600px) {
  .lp-contact-cta__tel img {
    width: 63%;
    max-width: 300px;
    min-width: 290px;
  }
}
.lp-contact-cta__main {
  margin-top: 30px;
}
.lp-contact-cta__main__lead {
  font-size: 14px;
  color: #000;
  margin-bottom: 5px;
}
.lp-contact-cta__main__title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 0;
}
.lp-contact-cta__main__image {
  margin: 20px auto;
  max-width: 300px;
}
.lp-contact-cta__main__image img {
  width: 100%;
  height: auto;
}

.lp-contact-cta__main {
  text-align: center;
  padding: 40px 0px;
  background-color: #fff;
}
.lp-contact-cta__main .lp-contact-cta__lead {
  font-size: 14px;
  color: #333;
  margin-bottom: 0px;
}
.lp-contact-cta__main .lp-contact-cta__title {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  margin-bottom: 20px;
  margin-top: 0;
}
.lp-contact-cta__main .lp-contact-cta__image {
  max-width: 280px;
  margin: 0 auto 16px;
}
.lp-contact-cta__main .lp-contact-cta__image img {
  width: 100%;
  height: auto;
  display: block;
}
.lp-contact-cta__main .lp-contact-cta__name {
  font-size: 14px;
  color: #333;
  line-height: 1.6;
  margin-bottom: 20px;
}
.lp-contact-cta__main .lp-contact-cta__message {
  font-size: 14px;
  color: #222;
  line-height: 1.8;
}
.lp-contact-cta__main .lp-contact-cta__message p {
  white-space: normal;
}

.cta__text {
  white-space: normal;
  text-align: left;
  max-width: 600px;
  font-size: 14px;
}

.highlight {
  display: inline;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  background: linear-gradient(transparent 60%, #fff700 60%);
}

.feature_img {
  width: 60px !important;
}
@media (max-width: 600px) {
  .feature_img {
    width: 41px !important;
  }
}

.features_top_title {
  width: 243px;
  margin: 40px auto;
  max-width: 243px;
}
.features_top_title img {
  width: 100%;
}

.coaching-section_pc_lp {
  padding-bottom: 90px;
  max-width: 550px;
  min-width: 550px;
  display: block !important;
  margin-left: -27px;
}
@media (max-width: 600px) {
  .coaching-section_pc_lp {
    min-width: 100%;
    padding-bottom: 60px;
    margin-left: -8px;
  }
}

.lp-card {
  min-height: 165px;
}
@media (max-width: 600px) {
  .lp-card {
    min-height: 148px;
  }
}
.lp-card h3,
.lp-card p {
  color: #fff;
}

.lp-card1 {
  background-color: #6cc5d1;
}
@media (max-width: 600px) {
  .lp-card1 {
    min-height: 148px;
  }
}

.lp-card2 {
  background-color: #023c8d;
}
@media (max-width: 600px) {
  .lp-card2 {
    min-height: 148px;
  }
}

.lp-card3 {
  background-color: #f6ad80;
}
@media (max-width: 600px) {
  .lp-card3 {
    min-height: 148px;
  }
}

.lp-card4 {
  background-color: #9ad39a;
}
@media (max-width: 600px) {
  .lp-card4 {
    min-height: 148px;
  }
}

.lp-card5 {
  background-color: #fd767b;
}
@media (max-width: 600px) {
  .lp-card5 {
    min-height: 148px;
  }
}

.lp-card6 {
  background-color: #ecbd58;
}
@media (max-width: 600px) {
  .lp-card6 {
    min-height: 148px;
  }
}

.lp-card7 {
  background-color: #88c2d1;
}
@media (max-width: 600px) {
  .lp-card7 {
    min-height: 148px;
  }
}

.lp-card8 {
  background-color: #999999;
}
@media (max-width: 600px) {
  .lp-card8 {
    min-height: 148px;
  }
}

.transfer-info {
  text-align: center;
  padding: 40px 20px;
  padding-bottom: 60px;
}
@media (max-width: 600px) {
  .transfer-info {
    padding: 40px 20px;
    padding-bottom: 40px;
  }
}

.transfer-title-img {
  margin-bottom: 16px;
}
@media (max-width: 600px) {
  .transfer-title-img {
    margin-bottom: 10px;
  }
}
.transfer-title-img img {
  width: 350px;
  max-width: 100%;
  height: auto;
}
@media (max-width: 600px) {
  .transfer-title-img img {
    width: 170px;
  }
}

.transfer-heading {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 24px;
  line-height: 1.4;
}
@media (max-width: 600px) {
  .transfer-heading {
    font-size: 18px;
  }
}

.transfer-image {
  margin-bottom: 24px;
}
.transfer-image img {
  width: 100%;
  max-width: 700px;
  height: auto;
  display: block;
  margin: 0 auto;
}

.transfer-text {
  font-size: 18px;
  line-height: 1.8;
  color: #333;
  white-space: normal;
  max-width: 700px;
  margin: auto;
  margin-bottom: 24px;
  text-align: left;
  padding: 0px 15px;
}
@media (max-width: 600px) {
  .transfer-text {
    font-size: 12px;
  }
}

.transfer-box {
  max-width: 500px;
  margin: 0 auto;
  border-radius: 0px;
  overflow: hidden;
}
@media (max-width: 600px) {
  .transfer-box {
    max-width: 230px;
  }
}

.transfer-box-title {
  background-color: #023c8d;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 10px 15px;
  font-size: 22px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
@media (max-width: 600px) {
  .transfer-box-title {
    font-size: 14px;
    padding: 3px 0px;
  }
}

.transfer-box-body {
  background-color: #fff;
  color: #000;
  padding: 16px;
  border: 2px solid #023c8d;
  border-top: none; /* 上だけ線を消す */
  box-sizing: border-box;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

.transfer-box-body ul {
  padding-left: 0;
  margin: 0;
}

.transfer-box-body li {
  font-size: 18px;
  line-height: 1.5;
  list-style: none;
  font-weight: bold;
  text-align: left;
  margin: auto;
  max-width: 236px;
}
@media (max-width: 600px) {
  .transfer-box-body li {
    font-size: 14px;
    max-width: 182px;
  }
}

.student-voice {
  background-color: #023c8d;
  color: #fff;
  padding: 60px 20px;
  margin: 0 auto;
  box-sizing: border-box;
}
@media (max-width: 600px) {
  .student-voice {
    padding: 34px 20px;
  }
}

.student-profile {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  justify-content: center;
}

.student-photo {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  object-fit: cover;
}
@media (max-width: 600px) {
  .student-photo {
    width: 60px;
    height: 60px;
  }
}

.student-info {
  text-align: left;
}

.student-school {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  color: #fff;
}
@media (max-width: 600px) {
  .student-school {
    font-size: 12px;
  }
}

.student-name {
  font-size: 16px;
  margin: 4px 0 0;
  color: #fff;
}
@media (max-width: 600px) {
  .student-name {
    font-size: 12px;
  }
}

.student-comment {
  background-color: #fff;
  color: #000;
  padding: 16px;
  border-radius: 8px;
  font-size: 18px;
  line-height: 1.7;
  text-align: left;
  max-width: 550px;
  margin: auto;
}
@media (max-width: 600px) {
  .student-comment {
    max-width: 310px;
    padding: 5px 15px;
  }
}
.student-comment p {
  white-space: normal;
  font-size: 18px;
}
@media (max-width: 600px) {
  .student-comment p {
    font-size: 12px;
  }
}

.full-width-photo {
  padding-top: 0px; /* 上の白スペースを確保（必要に応じて調整） */
}

.full-photo {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  max-width: 700px;
}

.lp-event-image {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  justify-content: center;
}

.lp-event-image-main img {
  width: 100%;
  height: auto;
  min-height: auto;
  object-fit: contain;
  display: block;
}

.lp-event-image-side {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.lp-event-image-side img {
  width: 100px; /* 任意サイズ */
  height: auto;
  display: block;
  min-height: auto;
  object-fit: contain;
}

.site-footer {
  background-color: #fff !important;
  padding: 40px 20px;
  text-align: center;
}

.footer-logo {
  padding: 0px;
  display: inline-block;
  margin-bottom: 16px;
}

.footer-logo img {
  width: 350px; /* 任意。元サイズに応じて調整 */
  height: auto;
}

.footer-copy {
  font-size: 10px;
  color: #808080;
}

.faq-section {
  background-color: #1c88b9;
  padding: 40px 20px;
  text-align: center;
}

.faq-header-img img,
.faq-footer-img img {
  max-width: 250px;
  height: auto;
  margin: 0 auto 20px;
  display: block;
}
@media (max-width: 600px) {
  .faq-header-img img,
  .faq-footer-img img {
    max-width: 158px;
  }
}

.faq-footer-img {
  margin: auto;
  margin-top: 35px;
  max-width: 70px;
}
@media (max-width: 600px) {
  .faq-footer-img {
    max-width: 35px;
  }
}
.faq-footer-img img {
  max-width: 70px;
}
@media (max-width: 600px) {
  .faq-footer-img img {
    max-width: 35px;
  }
}

.faq-item {
  border-radius: 0px;
  overflow: hidden;
  font-size: 14px;
  margin-bottom: 16px;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.3s ease;
  max-width: 600px;
  margin: auto;
  margin-bottom: 20px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic";
}

.faq-question {
  background-color: #f2f2f2;
  padding: 16px;
  font-weight: 500;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  cursor: pointer;
  position: relative;
  white-space: normal;
  text-align: left;
  gap: 10px;
  max-width: 600px;
  margin: auto;
  padding-right: 40px;
}

.toggle-icon {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #333;
}

.faq-q-icon {
  color: #023c8d;
  font-weight: bold;
  margin-right: 6px;
}

.toggle-icon {
  color: #023c8d;
  font-size: 12px;
  transition: transform 0.3s ease;
}

.faq-item.open .toggle-icon {
  transform: rotate(180deg);
}

.faq-answer {
  display: flex;
  flex-direction: row;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  padding: 0 16px;
  transition: opacity 0.5s ease, max-height 0.5s ease, padding 0.5s ease;
}

/* 表示状態 */
.faq-item.active .faq-answer {
  opacity: 1;
  max-height: 500px; /* 十分な高さを指定 */
  padding: 12px 16px;
  color: #023c8d;
}

.faq-a-icon {
  color: #023c8d;
  font-weight: bold;
  margin-right: 4px;
}

@keyframes fadeDown {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.faq-q-icon,
.faq-a-icon {
  display: inline-block;
  width: 20px; /* 同じ幅を指定してズレを防ぐ */
  color: #023c8d;
  font-weight: bold;
  margin-right: 4px;
  font-size: 18px;
  line-height: 1.2;
}

.features_lp {
  max-width: 700px;
  margin: auto;
  gap: 20px;
  justify-content: center;
}
@media (max-width: 600px) {
  .features_lp {
    max-width: 500px;
    justify-content: center;
  }
}

.lp-professonal {
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 20px;
  padding-top: 25px;
}
@media (max-width: 600px) {
  .lp-professonal {
    margin-bottom: 0px;
  }
}

.pro_left_lp img {
  width: 100%;
  min-width: 600px;
}
@media (max-width: 600px) {
  .pro_left_lp img {
    min-width: auto;
    max-width: 100%;
  }
}

.lp-event-sub {
  font-size: 16px;
  font-weight: normal;
  margin-left: 6px;
}
@media (max-width: 600px) {
  .lp-event-sub {
    font-size: 14px;
  }
}

.header-logo-section {
  text-align: center;
  padding: 20px 0 10px;
}

.school-logo {
  width: 115px;
  height: auto;
}

.school-name {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 0;
  line-height: 1.4;
}

.school-name span {
  font-size: 12px;
  font-weight: normal;
  color: #666;
}

.header-nav {
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 600px) {
  .header-nav {
    font-size: 10px;
  }
}

.header-nav a {
  color: #000;
  text-decoration: none;
  margin: 0 4px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
}

.header-nav a:hover {
  text-decoration: underline;
}

.header-nav span {
  color: #000;
  margin: 0 2px;
}

.features_lp .feature-card {
  max-width: 240px;
  min-width: 240px;
}
@media (max-width: 600px) {
  .features_lp .feature-card {
    max-width: 160px;
    min-width: inherit;
  }
}

.features_lp .feature-card .icon img {
  max-width: 170px;
}

div {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
}

.lp-features-wrap-3 {
  display: flex;
  max-width: 900px;
  margin: auto;
  gap: 10px;
  flex-direction: column;
}
@media (max-width: 1100px) {
  .lp-features-wrap-3 {
    max-width: 900px;
    flex-direction: column;
  }
}

.lp-events-main-wrap {
  display: flex;
  max-width: 700px;
  margin: auto;
  gap: 10px;
  flex-wrap: wrap;
}
@media (max-width: 1100px) {
  .lp-events-main-wrap {
    max-width: 900px;
    flex-direction: column;
  }
}

.lp-profile-wrap {
  display: flex;
  max-width: 700px;
  margin: auto;
  gap: 10px;
  flex-wrap: wrap;
}
@media (max-width: 1100px) {
  .lp-profile-wrap {
    max-width: 900px;
    flex-direction: column;
  }
}

.admission-flow {
  text-align: center;
  background: #f0eef7;
  margin: auto;
}

.admission-heading {
  font-weight: bold;
  font-size: 16px;
  color: #023c8d;
  display: inline-block;
  margin-bottom: 10px;
  font-style: italic;
}
@media (max-width: 600px) {
  .admission-heading {
    font-size: 14px;
  }
}

.admission-heading span {
  font-size: 22px;
  display: block;
  margin-top: 4px;
}

.flow-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.step {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  text-align: left;
}

.step-number {
  background: #002b80;
  color: #fff;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-weight: bold;
  font-size: 16px;
  line-height: 38px;
  text-align: center;
  flex-shrink: 0;
}

.step-content {
  margin-left: 10px;
  margin-top: 10px;
}

.step-content p {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
  display: flex;
  align-items: baseline;
  gap: 0px;
  color: #023c8d;
  width: fit-content;
}
@media (max-width: 600px) {
  .step-content p {
    font-size: 12px;
  }
}
.step-content p span {
  font-size: 24px;
}
@media (max-width: 600px) {
  .step-content p span {
    font-size: 18px;
  }
}

.step-content img {
  width: 20px;
  height: auto;
}

.step-content small {
  display: block;
  margin-top: 4px;
  font-size: 16px;
  color: #333;
  letter-spacing: -1.4px;
  white-space: normal;
}
@media (max-width: 600px) {
  .step-content small {
    font-size: 12px;
  }
}

.arrow-down {
  font-size: 12px;
  margin: 0 10px 0;
  color: #023c8d;
  margin-top: 20px;
}
@media (max-width: 600px) {
  .arrow-down {
    margin-top: 0px;
  }
}

.image-admission img {
  width: 100%;
  height: auto;
  margin: 0 15px 0;
  max-width: 330px;
}
@media (max-width: 600px) {
  .image-admission img {
    max-width: 230px;
  }
}

.note-lp {
  font-size: 16px;
  line-height: 1.6;
  color: #222;
  white-space: normal;
}
@media (max-width: 600px) {
  .note-lp {
    font-size: 12px;
  }
}

.admission-box {
  background-color: #023c8d; /* 紺色背景 */
  display: inline-block;
  padding: 10px 40px;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  color: #fff;
  margin-bottom: 45px;
}

.admission-title {
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  margin: 0;
}
@media (max-width: 600px) {
  .admission-title {
    font-size: 18px;
  }
}

.flow-list {
  list-style: none;
  padding: 0;
  margin: 0 auto;
}

.flow-list li {
  position: relative;
  text-align: center;
  margin-bottom: 10px;
}

/* 番号の丸 */
.step-number {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  background-color: #023c8d;
  color: #fff;
  font-size: 24px;
  font-style: italic;
  font-weight: bold;
  padding-right: 5px;
}

/* 矢印の表示 */
.flow-list li:not(:last-child)::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: 10px auto 0 20px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #d11b1b; /* 赤色 */
}

.has-icon {
  position: relative;
  display: inline-block;
  padding-right: 30px; /* 画像分の余白 */
}

.has-icon::after {
  content: "";
  position: absolute;
  top: 2%;
  transform: translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
}

/* 資料請求用アイコン */
.panf::after {
  background-image: url("https://infiniadmin.xsrv.jp/zero/wp-content/themes/zero-theme/images/2x/book@2x.png");
  width: 78px;
  height: 75px;
  right: -57px;
}

/* 出願用アイコン */
.entry::after {
  background-image: url("https://infiniadmin.xsrv.jp/zero/wp-content/themes/zero-theme/images/2x/entry@2x.png");
  width: 52px;
  height: 62px;
  right: -20%;
}

.admission-flow-wrap {
  text-align: center;
  padding: 40px 0%;
  max-width: 500px;
  margin: auto;
}
@media (max-width: 600px) {
  .admission-flow-wrap {
    padding: 40px 2.5%;
    max-width: 400px;
  }
}

.footer_lp01 {
  background-image: none;
  padding-top: 0px;
}

.lp_main-wrap {
  box-shadow: 4px 5px 9px rgba(0, 51, 153, 0.35);
  width: 100%;
  margin: auto;
  background-color: #fff;
  max-width: 700px;
}

.lp_main-wrap01 {
  background-color: #f0eef7;
}

.lp-contact-cta__buttons a:hover {
  opacity: 0.8;
}

.lp-contact-cta__tel a:hover {
  opacity: 0.8;
}

.faq-item_wrap_lp {
  background-color: #fff;
  padding: 40px 10px;
  border-radius: 20px;
}

.header-nav a {
  position: relative;
  display: inline-block;
  text-decoration: none !important;
}

.header-nav a::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.3s ease;
}

.header-nav a:hover::after {
  transform: scaleX(1); /* ホバー時に下線がスーッと伸びる */
}

/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}

.scroll_up.on {
  transform: translateY(0);
  opacity: 1;
}

/*----------------------------
  scroll_left ｜左から出現
  ----------------------------*/
.scroll_left {
  -webkit-transition: 0.8s ease-in-out;
  -moz-transition: 0.8s ease-in-out;
  -o-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  transform: translateX(-30px);
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
}

.scroll_left.on {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  transform: translateX(0);
}

/*----------------------------
    scroll_right ｜右から出現
    ----------------------------*/
.scroll_right {
  -webkit-transition: 0.8s ease-in-out;
  -moz-transition: 0.8s ease-in-out;
  -o-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  transform: translateX(30px);
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
}

.scroll_right.on {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  transform: translateX(0);
}

.lp01 {
  opacity: 0;
  transition: opacity 0.2s ease;
}

.lp01.page-loaded {
  opacity: 1 !important;
}

.recommendation-section2 {
  margin-bottom: 10px !important;
  margin-top: 10px !important;
}

.material-symbols-outlined {
  color: #fff !important;
}

.pathway-item img {
  display: block !important;
}
@media (max-width: 600px) {
  .pathway-item img {
    height: 193px !important;
  }
}

@media (max-width: 600px) {
  .br_block {
    width: 40px;
    display: block !important;
  }
}

@media (max-width: 600px) {
  .eachTextAnime span[style*="animation-delay:1.1s"] {
    display: table-column-group;
  }
}
.container {
  width: 100%;
  height: auto;
  background-color: #ffffff;
}
.container .news_contents {
  width: 100vw;
  margin: auto;
  background-color: #ebebe9;
  display: inline-block;
  margin-top: 57px;
}
.container .news_contents .news_top {
  width: 30vw;
  display: flex;
  margin-left: 20vw;
  margin-top: 7vw;
}
@media (max-width: 1100px) {
  .container .news_contents .news_top {
    margin-left: 10vw;
  }
}
@media (max-width: 600px) {
  .container .news_contents .news_top {
    width: 50vw;
    margin-left: 5vw;
    margin-top: 15vw;
  }
}
.container .news_contents .news_content {
  width: 60vw;
  margin: auto;
  display: block;
  margin-top: 3vw;
  background-color: #ffffff;
  padding: 5vw;
  margin-bottom: 5vw;
  border-radius: 10px;
  margin-top: 40px;
}
@media (max-width: 1100px) {
  .container .news_contents .news_content {
    width: 80vw;
  }
}
@media (max-width: 600px) {
  .container .news_contents .news_content {
    width: 90vw;
  }
}
.container .news_contents .news_content .news_contents_img {
  width: 50vw;
  display: block;
}
.container .news_contents .news_content .news_contents_img img {
  width: 50vw;
  margin: auto;
  display: flex;
}
@media (max-width: 1100px) {
  .container .news_contents .news_content .news_contents_img img {
    width: 70vw;
  }
}
@media (max-width: 600px) {
  .container .news_contents .news_content .news_contents_img img {
    width: 80vw;
  }
}
.container .news_contents .news_content .news_contents_text {
  white-space: pre-wrap;
}
.container .news_contents .news_content .news_contents_text h2 {
  font-size: 24px;
  font-weight: bold;
  width: fit-content;
  line-height: 32px;
}
@media (max-width: 1100px) {
  .container .news_contents .news_content .news_contents_text h2 {
    font-size: 24px;
  }
}
.container .news_contents .news_content .news_contents_text h2 strong {
  white-space: normal;
  background: linear-gradient(transparent 70%, #e7ff01 70%);
}
.container .news_contents .news_content .news_contents_text p {
  font-size: 18px;
  white-space: pre-line;
  line-height: 32px;
  width: 80%;
}
@media (max-width: 1100px) {
  .container .news_contents .news_content .news_contents_text p {
    font-size: 16px;
    width: 100%;
  }
}
.container .news_contents .news_content .news_contents_text p a:hover {
  opacity: 0.7;
  transform: scale(105%);
  transition-duration: 0.5s;
}
.container .news_contents .news_content .news_contents_text span {
  font-size: 20px;
  font-weight: bold;
}
@media (max-width: 1100px) {
  .container .news_contents .news_content .news_contents_text span {
    font-size: 16px;
  }
}
.container .news_contents .news_content .news_contents_text .about-1-bottom {
  width: 50vw;
  display: flex;
  margin: auto;
  justify-content: space-between;
}
@media (max-width: 1100px) {
  .container .news_contents .news_content .news_contents_text .about-1-bottom {
    flex-direction: column;
    align-items: flex-start;
    width: 70vw;
  }
}
@media (max-width: 600px) {
  .container .news_contents .news_content .news_contents_text .about-1-bottom {
    align-items: center;
    flex-direction: column;
    width: auto;
  }
}
.container .news_contents .news_content .news_contents_text .about-1-bottom .about-2-bottom-left .about-2-bottom-img img {
  width: 24.79vw;
}
@media (max-width: 1100px) {
  .container .news_contents .news_content .news_contents_text .about-1-bottom .about-2-bottom-left .about-2-bottom-img img {
    width: 38vw;
  }
}
@media (max-width: 600px) {
  .container .news_contents .news_content .news_contents_text .about-1-bottom .about-2-bottom-left .about-2-bottom-img img {
    width: 80vw;
  }
}
.container .news_contents .news_content .news_contents_text .about-1-bottom .about-2-bottom-left .about-2-bottom-img :hover {
  opacity: 0.9;
  transform: scale(105%);
  transition-duration: 0.5s;
}
.container .news_contents .news_content .news_contents_text .about-1-bottom .about-2-bottom-left .about-2-bottom-text :hover {
  opacity: 1;
  transform: scale(100%);
  transition-duration: 0.5s;
}
.container .news_contents .news_content .news_contents_text .about-1-bottom .about-2-bottom-left .about-2-bottom-text a p {
  font-size: 18px;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  color: #666666;
}
@media (max-width: 600px) {
  .container .news_contents .news_content .news_contents_text .about-1-bottom .about-2-bottom-left .about-2-bottom-text a p {
    display: none;
  }
}
.container .news_contents .news_content .news_contents_text .about-1-bottom .about-2-bottom-left .about-2-bottom-text a p::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #666666;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform 0.5s;
}
.container .news_contents .news_content .news_contents_text .about-1-bottom .about-2-bottom-left .about-2-bottom-text a p:hover::after {
  transform: scale(100%);
  transition-duration: 0.5s;
  opacity: 1;
}
.container .news_contents .news_content .news_contents_text .about-1-bottom .about-2-bottom-right .about-2-bottom-img img {
  width: 24.79vw;
}
@media (max-width: 1100px) {
  .container .news_contents .news_content .news_contents_text .about-1-bottom .about-2-bottom-right .about-2-bottom-img img {
    width: 38vw;
  }
}
@media (max-width: 600px) {
  .container .news_contents .news_content .news_contents_text .about-1-bottom .about-2-bottom-right .about-2-bottom-img img {
    width: 70vw;
  }
}
.container .news_contents .news_content .news_contents_text .about-1-bottom .about-2-bottom-right .about-2-bottom-img :hover {
  opacity: 0.9;
  transform: scale(105%);
  transition-duration: 0.5s;
}
.container .news_contents .news_content .news_contents_text .about-1-bottom .about-2-bottom-right .about-2-bottom-text :hover {
  opacity: 1;
  transform: scale(100%);
  transition-duration: 0.5s;
}
.container .news_contents .news_content .news_contents_text .about-1-bottom .about-2-bottom-right .about-2-bottom-text a p {
  font-size: 18px;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  color: #666666;
}
@media (max-width: 600px) {
  .container .news_contents .news_content .news_contents_text .about-1-bottom .about-2-bottom-right .about-2-bottom-text a p {
    font-size: 16px;
  }
}
.container .news_contents .news_content .news_contents_text .about-1-bottom .about-2-bottom-right .about-2-bottom-text a p::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #666666;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform 0.5s;
}
.container .news_contents .news_content .news_contents_text .about-1-bottom .about-2-bottom-right .about-2-bottom-text a p:hover::after {
  transform: scale(100%);
  transition-duration: 0.5s;
  opacity: 1;
}

.sub-footer {
  width: 100%;
}
.sub-footer img {
  width: 15.8333333333vw;
  margin: auto;
  text-align: center;
  display: flex;
  margin-top: 4.1666666667vw;
  margin-bottom: 4.1666666667vw;
  min-width: 150px;
}

.wp-block-image {
  margin: auto;
}

figure {
  max-width: 100%;
  height: auto;
  margin: 20px auto;
}

.blog a {
  text-decoration: underline !important;
  color: -webkit-link !important;
  white-space: normal;
  word-break: break-all;
  width: 80%;
  line-height: 36px;
}
@media (max-width: 1300px) {
  .blog a {
    font-size: 16px;
    line-height: 32px;
  }
}
@media (max-width: 600px) {
  .blog a {
    width: 100%;
  }
}
.blog h1 {
  font-size: 24px;
  width: fit-content;
  line-height: 36px;
  white-space: normal;
  word-break: break-all;
}
@media (max-width: 1300px) {
  .blog h1 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (max-width: 600px) {
  .blog h1 {
    width: fit-content;
  }
}
.blog h1 strong {
  white-space: normal;
  background: linear-gradient(transparent 70%, #e7ff01 70%);
}
.blog h2 {
  font-size: 24px;
  width: fit-content;
  line-height: 36px;
  white-space: normal;
  word-break: break-all;
}
@media (max-width: 1300px) {
  .blog h2 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (max-width: 600px) {
  .blog h2 {
    width: fit-content;
  }
}
.blog h2 strong {
  white-space: normal;
  background: linear-gradient(transparent 70%, #e7ff01 70%);
}
.blog h3 {
  font-size: 24px;
  width: 80%;
  line-height: 36px;
  white-space: normal;
  word-break: break-all;
}
@media (max-width: 1300px) {
  .blog h3 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (max-width: 600px) {
  .blog h3 {
    width: 100%;
  }
}
.blog h3 strong {
  white-space: normal;
  background: linear-gradient(transparent 70%, #e7ff01 70%);
}
.blog h4 {
  font-size: 24px;
  width: 80%;
  line-height: 36px;
  white-space: normal;
  word-break: break-all;
}
@media (max-width: 1300px) {
  .blog h4 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (max-width: 600px) {
  .blog h4 {
    width: 100%;
  }
}
.blog h4 strong {
  white-space: normal;
  background: linear-gradient(transparent 70%, #e7ff01 70%);
}
.blog h5 {
  font-size: 24px;
  width: 80%;
  line-height: 36px;
  white-space: normal;
  word-break: break-all;
}
@media (max-width: 1300px) {
  .blog h5 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (max-width: 600px) {
  .blog h5 {
    width: 100%;
  }
}
.blog h5 strong {
  white-space: normal;
  background: linear-gradient(transparent 70%, #e7ff01 70%);
}
.blog h6 {
  font-size: 24px;
  width: 80%;
  line-height: 36px;
  white-space: normal;
  word-break: break-all;
}
@media (max-width: 1300px) {
  .blog h6 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (max-width: 600px) {
  .blog h6 {
    width: 100%;
  }
}
.blog h6 strong {
  white-space: normal;
  background: linear-gradient(transparent 70%, #e7ff01 70%);
}
.blog p {
  font-size: 18px;
  white-space: normal;
  word-break: break-all;
  width: 80%;
  line-height: 36px;
}
@media (max-width: 1300px) {
  .blog p {
    font-size: 16px;
    line-height: 32px;
  }
}
@media (max-width: 600px) {
  .blog p {
    width: 100%;
  }
}
.blog ol {
  font-size: 18px;
  width: 80%;
  line-height: 36px;
  white-space: normal;
  word-break: break-all;
}
@media (max-width: 1300px) {
  .blog ol {
    font-size: 18px;
    line-height: 32px;
  }
}
@media (max-width: 600px) {
  .blog ol {
    width: 100%;
  }
}
.blog li {
  font-size: 18px;
  width: 80%;
  line-height: 36px;
  white-space: normal;
  word-break: break-all;
}
@media (max-width: 1300px) {
  .blog li {
    font-size: 18px;
    line-height: 32px;
  }
}
@media (max-width: 600px) {
  .blog li {
    width: 100%;
  }
}
.blog img {
  max-width: 80%;
  height: auto;
}
@media (max-width: 1100px) {
  .blog img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
}
@media (max-width: 600px) {
  .blog img {
    width: 100%;
  }
}
.blog strong {
  white-space: normal;
  word-break: break-all;
}
@media (max-width: 1100px) {
  .blog iframe {
    max-width: 400px !important;
  }
}
@media (max-width: 600px) {
  .blog iframe {
    max-width: 100% !important;
    min-width: 100% !important;
  }
}

.container {
  width: 100%;
  height: auto;
}

.sub-footer {
  width: 100%;
}
.sub-footer img {
  width: 15.8333333333vw;
  margin: auto;
  text-align: center;
  display: flex;
  margin-top: 4.1666666667vw;
  margin-bottom: 4.1666666667vw;
  min-width: 150px;
}

.container {
  width: 100%;
  height: auto;
}

.sub-footer {
  width: 100%;
}
.sub-footer img {
  width: 15.8333333333vw;
  margin: auto;
  text-align: center;
  display: flex;
  margin-top: 4.1666666667vw;
  margin-bottom: 4.1666666667vw;
  min-width: 150px;
}

.container {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  margin-top: 20px;
}
.container .company_top {
  margin-top: 57px;
  position: relative;
  margin-bottom: 6.4583333333vw;
}
.container .company_top .company_img01 {
  position: absolute;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.container .company_top .company_img01 img {
  width: 10.9375vw;
}
@media (max-width: 600px) {
  .container .company_top .company_img01 img {
    width: 25vw;
  }
}
.container .company_top .company_img02 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 600px) {
  .container .company_top .company_img02 {
    top: 58%;
  }
}
.container .company_top .company_img02 img {
  width: 46.875vw;
}
@media (max-width: 600px) {
  .container .company_top .company_img02 img {
    width: 80vw;
  }
}
.container .company_top .company_img03 {
  margin: auto;
}
.container .company_top .company_img03 img {
  width: 95.8333333333vw;
  margin: auto;
  display: block;
}
@media (max-width: 600px) {
  .container .company_top .company_img03 img {
    object-fit: cover;
    width: 100%;
    height: 300px;
  }
}
.container .company_text_main {
  width: 66.6666666667vw;
  margin: auto;
  margin-bottom: 17.8645833333vw;
}
@media (max-width: 600px) {
  .container .company_text_main {
    width: 90vw;
  }
}
.container .company_text_main h2 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: clamp(25px, 2.5vw, 50px);
  line-height: 1.8;
  color: #000000;
  font-weight: bold;
  letter-spacing: 0px;
  line-height: 1.6;
}
.container .company_text_main .company_about {
  margin-top: 3.59375vw;
}
.container .company_text_main li {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: clamp(13px, 1.354vw, 26px);
  line-height: 1.38;
  color: #000000;
  letter-spacing: 0px;
  width: 20vw;
  white-space: pre-line;
}
.container .company_text_main .c_topic {
  width: 13.5416666667vw;
  padding-left: 1.0416666667vw;
}
@media (max-width: 600px) {
  .container .company_text_main .c_topic {
    width: 25vw;
  }
}
.container .company_text_main .c_text {
  width: auto;
}
@media (max-width: 600px) {
  .container .company_text_main .c_text {
    margin-left: 10px;
  }
}
.container .company_text_main .c_about {
  display: flex;
  padding: 20px 0;
  border-bottom: 1px solid #000000;
}
.container .company_text_main .c_about5 .c_text {
  line-height: 1.6;
}

.sub-footer {
  width: 100%;
}
.sub-footer img {
  width: 15.8333333333vw;
  margin: auto;
  text-align: center;
  display: flex;
  margin-top: 4.1666666667vw;
  margin-bottom: 4.1666666667vw;
  min-width: 150px;
}

.container {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  margin-top: 20px;
}
.container .media_top .company_img01 {
  position: absolute;
  top: 26%;
  left: 27%;
  transform: translate(-50%, -50%);
}
@media (max-width: 600px) {
  .container .media_top .company_img01 {
    left: 5%;
    transform: translate(0%, 0%);
    top: 15%;
  }
}
.container .media_top .company_img01 img {
  width: 10.9375vw;
}
@media (max-width: 600px) {
  .container .media_top .company_img01 img {
    width: 110px;
  }
}
.container .media_top .company_img02 {
  position: absolute;
  top: 43%;
  left: 38%;
  transform: translate(-50%, -50%);
}
@media (max-width: 600px) {
  .container .media_top .company_img02 {
    top: 38%;
    left: 5%;
    transform: translate(0%, 0%);
  }
}
.container .media_top .company_img02 img {
  width: 33.8541666667vw;
}
@media (max-width: 600px) {
  .container .media_top .company_img02 img {
    width: 230px;
  }
}
.container .media_top .company_img04 {
  position: absolute;
  top: 61%;
  left: 34%;
  transform: translate(-50%, -50%);
}
@media (max-width: 600px) {
  .container .media_top .company_img04 {
    top: 65%;
    left: 5%;
    transform: translate(0%, 0%);
  }
}
.container .media_top .company_img04 img {
  width: 23.4375vw;
}
@media (max-width: 600px) {
  .container .media_top .company_img04 img {
    width: 190px;
  }
}
.container .media_title {
  margin-bottom: 16.40625vw;
}
.container .media_title .media_title_t1 {
  font-size: clamp(12px, 1.25vw, 24px);
  font-weight: bold;
  margin-top: 0px;
}
.container .media_title h2 {
  letter-spacing: 4px;
  white-space: pre-line;
}
.container .media_title .media_contact {
  margin-top: 2.4479166667vw;
}
.container .media_title .media_contact h2 {
  font-size: clamp(15px, 1.563vw, 30px);
  letter-spacing: 0px;
}
.container .media_title .media_contact .media_mail {
  margin-top: 2.1875vw;
  margin-bottom: 1.9791666667vw;
}
.container .media_title .media_contact .media_mail .mail_text {
  font-size: clamp(11px, 1.146vw, 22px);
  font-weight: bold;
  margin-bottom: 0px;
}
.container .media_title .media_contact .media_mail .mail_address {
  font-size: clamp(14px, 1.458vw, 28px);
  font-weight: bold;
  margin-top: 0px;
  width: auto;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  white-space: pre-line;
}
.container .media_title .media_contact a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.container .media_title .media_contact a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #000;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform 0.3s;
}
.container .media_title .media_contact a:hover::after {
  transform: scale(1, 1);
}
.container .media_title .media_contact .media_text p {
  line-height: 1.4;
  letter-spacing: 1.2px;
  width: auto;
}
.container .media_title .media_contact .media_text .media_atte {
  margin-top: 2.7604166667vw;
  letter-spacing: 0px;
}
.container .media_title p {
  font-size: clamp(10px, 1.042vw, 20px);
  width: auto;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  white-space: pre-line;
}

.container_blog .news_contents .news_content {
  width: 75vw;
  margin: auto;
  display: block;
  margin-top: 3vw;
  background-color: #ffffff;
  padding: 5vw;
  margin-bottom: 5vw;
  border-radius: 10px;
  padding-top: 0vw;
}
@media (max-width: 600px) {
  .container_blog .news_contents .news_content {
    width: 90vw;
  }
}
.container_blog .news_contents .blog-note {
  background-color: #ffffff;
  margin-top: 0vw;
  width: auto;
  height: auto;
  padding-bottom: 3.3vw;
  box-shadow: none;
}
@media (max-width: 600px) {
  .container_blog .news_contents .blog-note {
    padding-bottom: 10vw;
    margin-top: 13vw;
  }
}
.container_blog .news_contents .blog-note .news-title {
  width: auto;
  margin: auto;
  padding-top: 2.4479166667vw;
  padding-bottom: 1.7708333333vw;
}
@media (max-width: 1100px) {
  .container_blog .news_contents .blog-note .news-title {
    width: auto;
    justify-content: space-evenly;
  }
}
@media (max-width: 600px) {
  .container_blog .news_contents .blog-note .news-title {
    width: auto;
  }
}
.container_blog .news_contents .blog-note .news-title h1 {
  font-weight: bold;
  color: #000000;
  letter-spacing: 2px;
  font-size: clamp(20px, 1.563vw, 30px);
  width: fit-content;
  background: linear-gradient(transparent 70%, #e7ff01 70%);
}
.container_blog .news_contents .blog-note .news-title ul .top-3-contents {
  display: flex;
  justify-content: flex-start;
  margin: auto;
  margin-top: 60px;
  width: auto;
  flex-wrap: wrap;
}
@media (max-width: 1100px) {
  .container_blog .news_contents .blog-note .news-title ul .top-3-contents {
    margin-bottom: 30px;
    justify-content: flex-start;
  }
}
@media (max-width: 600px) {
  .container_blog .news_contents .blog-note .news-title ul .top-3-contents {
    flex-wrap: wrap;
    margin-bottom: 0px;
    width: auto;
  }
}
.container_blog .news_contents .blog-note .news-title ul .top-3-contents .top-3-contents-1 {
  width: 20.8333333333vw;
  margin-right: 0.4166666667vw;
  margin-left: 0.4166666667vw;
  margin-bottom: 10px;
  max-width: 380px;
}
@media (max-width: 1100px) {
  .container_blog .news_contents .blog-note .news-title ul .top-3-contents .top-3-contents-1 {
    width: 30vw;
    margin-right: 1.25vw;
    margin-left: 1.25vw;
  }
}
@media (max-width: 600px) {
  .container_blog .news_contents .blog-note .news-title ul .top-3-contents .top-3-contents-1 {
    width: 100%;
    margin-bottom: 20px;
    margin-right: auto;
    margin-left: auto;
  }
}
.container_blog .news_contents .blog-note .news-title ul .top-3-contents .top-3-contents-1 a .top-3-contents-img img {
  width: 100%;
  object-fit: cover;
  height: 11.71875vw;
  background-color: #ffffff;
}
@media (max-width: 1100px) {
  .container_blog .news_contents .blog-note .news-title ul .top-3-contents .top-3-contents-1 a .top-3-contents-img img {
    object-fit: contain;
    height: 150px;
  }
}
@media (max-width: 600px) {
  .container_blog .news_contents .blog-note .news-title ul .top-3-contents .top-3-contents-1 a .top-3-contents-img img {
    height: 200px;
    max-height: 200px;
    object-position: center;
    object-fit: contain;
  }
}
.container_blog .news_contents .blog-note .news-title ul .top-3-contents .top-3-contents-1 a .top-3-contents-img :hover {
  filter: brightness(106%);
  transform: scale(1.05);
  transition-duration: 0.5s;
}
.container_blog .news_contents .blog-note .news-title ul .top-3-contents .top-3-contents-1 a .top-3-contents-text p {
  color: #000000;
  font-size: clamp(12px, 0.94vw, 14px);
  white-space: normal;
}
.container_blog .news_contents .blog-note .news-title ul .top-3-contents .top-3-contents-1 a .top-3-contents-text .top-3-contents-title-day {
  color: #808080;
  font-size: clamp(12px, 0.94vw, 14px);
  white-space: normal;
  font-weight: bold;
  letter-spacing: 1px;
}
.container_blog .news_contents .blog-note .news-title ul .top-3-contents .top-3-contents-1 a .top-3-contents-text .top-3-contents-title {
  line-height: normal;
  margin-top: 7px;
  font-weight: bold;
  letter-spacing: 4px;
  font-size: clamp(9px, 0.938vw, 18px);
}
@media (max-width: 600px) {
  .container_blog .news_contents .blog-note .news-title ul .top-3-contents .top-3-contents-1 a .top-3-contents-text .top-3-contents-title {
    font-size: 18px;
  }
}
.container_blog .news_contents .blog-note .news-title ul .top-3-contents .top-3-contents-1 a .top-3-contents-text .top-3-contents-title a {
  color: #000000;
  font-size: clamp(12px, 0.94vw, 14px);
  white-space: normal;
}
.container_blog .news_contents .blog-note .news-title ul .top-3-contents .top-3-contents-1 a .top-3-contents-arrow :hover {
  filter: brightness(106%);
  transform: scale(1.2);
  transition-duration: 0.5s;
}
.container_blog .news_contents .blog-note .news-title ul .top-3-contents .top-3-contents-1 a .top-3-contents-arrow img {
  width: 1.67vw;
  margin-top: 1.25vw;
  display: flex;
  margin-left: auto;
}
@media (max-width: 1100px) {
  .container_blog .news_contents .blog-note .news-title ul .top-3-contents .top-3-contents-1 a .top-3-contents-arrow img {
    width: 20px;
  }
}
@media (max-width: 600px) {
  .container_blog .news_contents .blog-note .news-title ul .top-3-contents .top-3-contents-1 a .top-3-contents-arrow img {
    display: none;
  }
}

.news-note_blog {
  background-image: inherit !important;
}

.tab-area01 {
  width: fit-content;
  margin: auto;
  gap: 15px !important;
  margin-top: 100px;
}
@media (max-width: 1100px) {
  .tab-area01 {
    gap: 15px;
    flex-wrap: wrap;
    margin-top: 30px;
    margin-bottom: 50px;
  }
}
.tab-area01 .tab {
  min-width: 162px;
  max-height: 68px;
  padding: 15px 0;
}
@media (max-width: 1100px) {
  .tab-area01 .tab {
    border-radius: 25px;
  }
}
.tab-area01 .tab h2 {
  font-size: 16px;
}

.pickup-blog {
  background-color: inherit !important;
  margin: 0px auto !important;
  padding: 0px 0 !important;
}
.pickup-blog .pickup-blog-header {
  margin-bottom: 0px !important;
}

.blog_top00 {
  width: fit-content;
  margin: auto;
  margin-top: 163px;
  margin-bottom: 70px;
}
@media (max-width: 600px) {
  .blog_top00 {
    margin-top: 100px;
    text-align: center;
    margin-bottom: 30px;
  }
}
@media (max-width: 600px) {
  .blog_top00 img {
    width: 100%;
    margin: auto;
    max-width: 200px;
  }
}
.blog_top00 h1 {
  font-family: "adobe-myungjo-std", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #00114c;
  font-size: 50px;
  text-align: center;
}
@media (max-width: 600px) {
  .blog_top00 h1 {
    font-size: 24px;
  }
}
.blog_top00 p {
  text-align: center;
  font-size: 16px;
}
@media (max-width: 600px) {
  .blog_top00 p {
    text-align: center;
    width: auto;
    text-align: center;
    font-size: 1.3333em;
  }
}

.border_blog {
  background-color: #fafafa;
  margin-bottom: 100px;
}
@media (max-width: 600px) {
  .border_blog {
    margin-bottom: 50px;
  }
}
.border_blog .border {
  height: 20px;
  background-color: #00114c;
}
.border_blog h1 {
  font-size: 24px;
  letter-spacing: 1px;
  padding: 70px 0px 90px 0;
  width: 70%;
  margin: auto;
  max-width: 1200px;
  color: #333;
  white-space: normal;
  font-weight: bold;
}
@media (max-width: 600px) {
  .border_blog h1 {
    min-width: auto;
    width: 100%;
    padding: 30px 4vw 30px 4vw;
    font-size: 5vw;
  }
}

.news_content_blog {
  max-width: 912px;
  margin: auto;
}
@media (max-width: 600px) {
  .news_content_blog {
    padding-right: 4vw;
    padding-left: 4vw;
  }
}
.news_content_blog h1,
.news_content_blog h2,
.news_content_blog h3,
.news_content_blog h4,
.news_content_blog h5,
.news_content_blog h6 {
  margin: 20px 0;
  padding-left: 29px;
  border-left: 6px solid #00114c;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.4;
  color: #333;
  white-space: normal;
}
@media (max-width: 600px) {
  .news_content_blog h1,
  .news_content_blog h2,
  .news_content_blog h3,
  .news_content_blog h4,
  .news_content_blog h5,
  .news_content_blog h6 {
    font-size: 1.6em;
    padding: 0.5em 0 0.5em 16px;
    margin: 20px 0;
    margin-right: -2vw;
    margin-left: -2vw;
  }
}
.news_content_blog strong {
  white-space: normal;
}
@media (max-width: 600px) {
  .news_content_blog strong {
    font-size: 1.3em;
  }
}
.news_content_blog a {
  color: #00114c;
  text-decoration: underline; /* 下線を文字に直接引く */
  text-decoration-thickness: 1px; /* 線の太さ調整（任意） */
  text-underline-offset: 2px; /* 線の位置を少し下げる（任意） */
  white-space: normal; /* 折り返しOKにする */
  border-bottom: none; /* 下の線は不要なので削除 */
  font-size: 16px !important;
}
.news_content_blog p,
.news_content_blog li {
  color: #333;
  font-size: 16px;
  margin: 20px 0;
  line-height: 1.8;
  white-space: normal;
}
@media (max-width: 600px) {
  .news_content_blog p,
  .news_content_blog li {
    font-size: 16px;
    margin: 15px 0;
  }
}
.news_content_blog li {
  margin: 5px 0;
}

.sub_f001 {
  display: flex;
  margin-bottom: 60px;
}
.sub_f001 img {
  width: 12px;
  height: auto;
}
.sub_f001 p {
  margin: 0px 0;
}
.sub_f001 .category0 {
  display: flex;
  gap: 5px;
  align-items: center;
  margin-right: 10px;
}
.sub_f001 .category0 p {
  background-color: #000000;
  color: #ffffff;
  padding: 4px 0.5em;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.8;
}
.sub_f001 .tag {
  display: flex;
  gap: 5px;
  align-items: center;
}
.sub_f001 .tag p {
  background-color: #f7f7f7;
  color: #333;
  padding: 4px 0.5em;
  font-size: 12px;
  font-weight: bold;
}
.sub_f001 .tag a {
  color: #333 !important;
}

.wp-block-embed__wrapper {
  font-size: 16px;
  white-space: normal;
}

.xo-event-calendar table.xo-month td,
.xo-event-calendar table.xo-month th {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 0;
  height: 40px;
}

.blog_top_title_enrollment {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
  letter-spacing: -1.5px;
}

.category0 a {
  color: #fff !important;
}

.blog-title-all h1 {
  font-weight: bold;
  color: #000000;
  letter-spacing: 2px;
  font-size: clamp(20px, 1.563vw, 30px);
  width: fit-content;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 66.6666666667vw;
  margin: auto;
  margin-top: 120px;
  margin-bottom: 40px;
  border-left: 6px solid #00114c;
  padding-left: 16px;
}
@media (max-width: 600px) {
  .blog-title-all h1 {
    width: 80vw;
  }
}

@media (max-width: 600px) {
  .pickup_grid_column {
    flex-direction: column;
    align-items: center;
    width: 90%;
  }
}
.pickup_grid_column .pickup-item {
  width: 90% !important;
}

.recommendation-section-column .section-header {
  margin: 10px auto 20px auto !important;
}

@media (max-width: 600px) {
  .container_subf_column {
    margin-top: 20px;
  }
}

.section-header01 h2 {
  font-size: 24px;
  font-weight: bold;
  position: relative;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  width: fit-content;
  margin: auto;
}
.section-header01 h2:before, .section-header01 h2:after {
  content: "";
  display: inline-block;
  width: 50px;
  height: 1px;
  background-color: #aaa;
  vertical-align: middle;
  margin: 0 10px;
  position: relative;
  top: -1px;
}

.section-header01 {
  font-size: 24px;
  font-weight: bold;
  position: relative;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  width: fit-content;
  margin: auto;
}

body {
  margin: 0;
}
body .container {
  max-width: 1200px;
  margin: 0 auto;
  display: contents;
  gap: 20px;
  padding: 20px;
}
body .container .breadcrumb {
  width: 100%;
  margin-bottom: 10px;
  font-size: 12px;
  white-space: normal;
  padding: 0 30px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
}
body .container .breadcrumb a {
  color: #00114c !important;
}
body .container .main-content {
  flex: 3;
  background: #fff;
  padding: 20px;
  border-radius: 8px;
}
body .container .main-content h1 {
  font-size: 20px;
  margin-bottom: 5px;
}
body .container .main-content .main-image img {
  max-width: 100%;
  border-radius: 8px;
}
body .container .main-content .author {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
body .container .main-content .author img {
  border-radius: 50%;
  margin-right: 10px;
}
body .container .main-content .author .name {
  font-weight: bold;
}
body .container .main-content .author .profile {
  font-size: 12px;
  color: #666;
}
body .container .main-content .toc h2 {
  font-size: 18px;
  margin-top: 30px;
}
body .container .sidebar {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
body .container .sidebar section {
  background: #fff;
  padding: 15px;
  border-radius: 8px;
}
body .container .sidebar section h2 {
  font-size: 16px;
  margin-bottom: 10px;
}
body .container .sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
body .container .sidebar ul li {
  margin-bottom: 8px;
}
body .container .sidebar ul li a {
  color: #333;
  text-decoration: none;
}
body .container .sidebar ul li a:hover {
  text-decoration: underline;
}

.container_wrap {
  display: flex;
  width: 80%;
  margin: auto;
  gap: 40px;
  margin-bottom: 60px;
}
@media (max-width: 1100px) {
  .container_wrap {
    width: 90%;
    flex-direction: column;
  }
}
@media (max-width: 600px) {
  .container_wrap {
    width: 95%;
    gap: 80px;
  }
}

.recommendations1 {
  flex-direction: column;
  gap: 0px !important;
}
.recommendations1 .card_blog {
  width: 100%;
  max-width: fit-content !important;
  padding: 10px !important;
}

.card_blog_img img {
  width: 150px !important;
}

.card_blog a {
  display: flex;
  align-items: center;
}

.right_single {
  width: 22vw;
  min-width: 380px;
}
@media (max-width: 1100px) {
  .right_single {
    width: 100%;
    min-width: auto;
  }
}

.news_contents_blog {
  width: 100%;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  padding: 0 30px;
  border-radius: 40px;
}

.card_blog_text {
  margin-left: 10px;
  width: 100%;
}

.recommendation-section1 {
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
  padding: 20px 30px !important;
  border-radius: 10px;
  background-color: #fff !important;
}

.border p {
  padding-left: 30px;
  padding-bottom: 20px;
}

.profile-card {
  display: flex;
  align-items: center;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 10px 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.profile-card__image {
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 20px;
}
.profile-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.profile-card__info {
  flex: 1;
}
.profile-card__name {
  font-size: 18px;
  font-weight: bold;
  margin: 0 !important;
  color: #111827;
  line-height: 1.4;
}
.profile-card__position {
  font-size: 14px;
  color: #6b7280;
  margin: 0 !important;
  line-height: 1.4;
}
.profile-card__description {
  font-size: 14px;
  color: #374151;
  margin: 0 !important;
  line-height: 1.4;
  white-space: normal;
}

.toc {
  background: #f0f8ff;
  border: 1px solid #cce0f5;
  border-radius: 8px;
  padding: 16px;
  margin-top: 30px;
  margin-bottom: 20px;
}
@media (max-width: 600px) {
  .toc {
    margin-bottom: 30px !important;
  }
}
.toc__header {
  font-weight: bold;
  border-bottom: 1px solid #cce0f5;
  margin-bottom: 8px;
  padding-bottom: 4px;
  font-size: 20px;
}
.toc__list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.toc__item {
  padding: 8px 0;
  border-bottom: 1px dotted #d1d5db;
}
.toc__item a {
  text-decoration: none;
  color: #374151;
}
.toc__item--level1 {
  padding-left: 20px;
}
.toc__item--level2 {
  padding-left: 20px;
}
.toc__item--level3 {
  padding-left: 20px;
}
.toc__item--level4 {
  padding-left: 20px;
}
.toc__item--level5 {
  padding-left: 20px;
}
.toc__item--level6 {
  padding-left: 20px;
}
.article-content h2 {
  font-size: 28px !important;
}
.article-content h3 {
  font-size: 22px !important;
}
.article-content h4 {
  font-size: 18px !important;
}

.border_blog1 {
  margin-bottom: 40px !important;
}
.border_blog1 h1 {
  max-width: 912px !important;
  margin: auto !important;
  width: 100% !important;
  padding: 70px 30px 25px 30px !important;
}

.post-meta {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}
@media (max-width: 600px) {
  .post-meta {
    margin-bottom: 0px;
  }
}
.post-meta__tags {
  display: flex;
  gap: 8px;
}
.post-meta__tag {
  display: inline-block;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 999px;
  color: #fff;
}
.post-meta__tag--blue {
  background: #7fd3f7;
}
.post-meta__tag--green {
  background: #7fe7b4;
}
.post-meta__tag--orange {
  background: #f7b97f;
}

.cta-block {
  background: #fff;
  border: 2px solid #00114c;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  padding: 20px 30px;
  text-align: center;
  margin-bottom: 30px;
}
@media (max-width: 600px) {
  .cta-block {
    padding: 20px 15px;
  }
}
.cta-block__title {
  font-size: 24px !important;
  font-weight: bold;
  margin-bottom: 12px !important;
  margin-top: 10px !important;
}
.cta-block__title .highlight {
  color: #00114c;
}
.cta-block__text {
  font-size: 16px;
  margin-bottom: 24px !important;
  margin: 10px !important;
}
.cta-block__buttons {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  border-bottom: none !important;
  text-decoration: none !important;
}
@media (max-width: 600px) {
  .cta-block__buttons {
    gap: 10px;
    margin-top: 25px;
  }
}
.cta-block__button {
  padding: 12px 24px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none !important;
}
@media (max-width: 600px) {
  .cta-block__button {
    padding: 15px 55px;
  }
}
.cta-block__button--filled {
  background: #00114c;
  color: #fff !important;
  display: flex;
  gap: 5px;
  align-items: center;
}
.cta-block__button--outline {
  border: 2px solid #00114c;
  color: #00114c !important;
  border-bottom: 2px solid #00114c !important;
  display: flex;
  gap: 5px;
  align-items: center;
}
.cta-block__button--outline img {
  width: 24px;
}
.cta-block__button:hover {
  opacity: 0.9;
}

.post-meta__share {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.post-meta__share-text {
  font-size: 14px;
  color: #555;
}
.post-meta__share-icons {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.post-meta__share__icon {
  font-size: 20px;
  color: #555;
  text-decoration: none;
}
.post-meta__share__icon:hover {
  color: #00114c;
}

.footer-3-coclumn {
  width: 216px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  margin-top: 0 !important;
  margin-bottom: 0;
}
@media (max-width: 600px) {
  .footer-3-coclumn {
    margin-bottom: 40px !important;
  }
}
.footer-3-coclumn :hover {
  opacity: 1;
  transform: scale(108%);
  transition-duration: 0.5s;
}
.footer-3-coclumn img {
  width: 70px;
}
.footer-3-coclumn a {
  border-bottom: none !important;
}

.footer-3-coclumn {
  max-width: 300px;
}

.date {
  font-size: 12px;
  max-width: 912px;
  margin: auto;
  padding: 0 30px !important;
  padding-bottom: 20px !important;
}
@media (max-width: 1100px) {
  .date {
    padding: 0 5vw;
    padding-bottom: 20px;
  }
}

.container_column {
  padding-top: 30px !important;
  padding-bottom: 20px !important;
}

.news_contents_blog_column {
  border-radius: 10px !important;
  overflow: hidden;
  background-color: #fff;
  padding: 0 !important;
}
@media (max-width: 1100px) {
  .news_contents_blog_column {
    padding: 0 !important;
  }
}

.news_content_blog {
  padding: 0 30px !important;
}
@media (max-width: 600px) {
  .news_content_blog {
    padding: 0 15px !important;
  }
}

.recommendation-section .recommendations .card_blog p.date {
  padding: 0 !important;
}

.top-3-blogall-column {
  justify-content: flex-start !important;
}
@media (max-width: 600px) {
  .top-3-blogall-column {
    justify-content: center !important;
  }
}

.news-title-column {
  width: 90% !important;
}

.blog-title-all-column h1 {
  width: 80% !important;
  margin-top: 30px !important;
}
@media (max-width: 600px) {
  .blog-title-all-column h1 {
    margin-top: 60px;
    width: 95% !important;
  }
}

.top-3-blogall-column {
  width: 100% !important;
  padding: 0 12.5%;
}
@media (max-width: 1100px) {
  .top-3-blogall-column {
    padding: 0;
  }
}
.top-3-blogall-column .top-3-contents-1 {
  width: 46% !important;
}
@media (max-width: 850px) {
  .top-3-blogall-column .top-3-contents-1 {
    width: 46% !important;
  }
}
@media (max-width: 600px) {
  .top-3-blogall-column .top-3-contents-1 {
    width: 100% !important;
  }
}

.breadcrumb-column-all {
  width: 80% !important;
  margin: auto !important;
  margin-top: 120px !important;
  padding: 0 !important;
}
@media (max-width: 600px) {
  .breadcrumb-column-all {
    width: 95% !important;
  }
}

.top-3-contents-img-column img {
  height: 13.71875vw !important;
}
@media (max-width: 600px) {
  .top-3-contents-img-column img {
    height: auto !important;
  }
}

.news-note-column {
  border-radius: 10px !important;
  overflow: hidden;
}

.recommendation-section1 .section-header {
  margin: 10px auto 20px !important;
}

.news_content_blog_column h1 {
  font-size: 28px !important;
}
.news_content_blog_column h1 strong {
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
}
.news_content_blog_column h2 {
  font-size: 24px !important;
}
.news_content_blog_column h2 strong {
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
}
.news_content_blog_column h3 {
  font-size: 20px !important;
}
.news_content_blog_column h3 strong {
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
}
.news_content_blog_column h4 {
  font-size: 18px !important;
}
.news_content_blog_column h4 strong {
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
}
.news_content_blog_column h5 {
  font-size: 16px !important;
  border-left: 3px solid #00114c !important;
  padding-left: 29px;
}
.news_content_blog_column h5 strong {
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
}
.news_content_blog_column h6 {
  font-size: 16px !important;
  border-left: 1px solid #00114c !important;
  padding-left: 29px;
}
.news_content_blog_column h6 strong {
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
}

@media (max-width: 600px) {
  .cta-block__title {
    font-size: 16px !important;
    margin-bottom: 0 !important;
    letter-spacing: -1px !important;
  }
}
.cta-block__title .highlight {
  font-size: 28px;
}
@media (max-width: 600px) {
  .cta-block__title .highlight {
    font-size: 24px;
  }
}

.recommendation-section2 {
  max-width: 500px;
}
.recommendation-section2 .card_blog {
  width: 100%;
}

.toc__item a {
  text-decoration: underline !important;
  color: #00114c;
}

.border_blog1 a {
  text-decoration: underline !important;
}

#pagination .prev svg {
  transform: scaleX(-1); /* 左向きに反転 */
  padding-left: 2px;
}

#pagination .next svg {
  transform: none; /* 右向きのまま */
  padding-left: 2px;
  padding-bottom: 1px;
}

#pagination button:disabled {
  opacity: 1;
  cursor: default;
}

@media (max-width: 600px) {
  .cta-block__text {
    font-size: 14px !important;
    margin-top: 0px !important;
  }
}

@media (max-width: 600px) {
  .footer-3-coclumn_post {
    margin-bottom: 10px !important;
  }
}

.cta-block__button--filled {
  color: #fff !important;
}

.sub_f001 .category0 p a {
  font-size: 11px !important;
}

.sub_f001 .tag p a {
  font-size: 11px !important;
}

.news_contents_blog h2 strong,
.news_contents_blog h3 strong,
.news_contents_blog h4 strong,
.news_contents_blog h5 strong,
.news_contents_blog h6 strong {
  all: unset; /* 強調のデフォルトスタイルをリセット */
  display: inline;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  display: inline-flex;
  align-items: center;
}

.wp-block-image img {
  margin-top: 15px;
  margin-bottom: 15px;
}

.pagination ul {
  display: flex;
  gap: 8px;
  list-style: none;
  justify-content: center;
  padding: 0;
}

.pagination li a,
.pagination li span {
  padding: 8px 12px;
  border: 1px solid #ccc;
  text-decoration: none;
  border-radius: 4px;
}

.pagination li.current span {
  background: #f9fafb;
  color: white;
  pointer-events: none;
}

.page-number.prev-page {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: inherit !important;
  color: transparent; /* ← テキストを透明に */
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 0px #00114c;
  text-indent: -9999px; /* ← テキストを見えないようにする */
  overflow: hidden;
}

/* 背景画像で矢印を表示 */
.page-number.prev-page::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 17px;
  height: 17px;
  background: url(./images/1x/arrow-prev.svg) no-repeat center center/contain;
  transform: translate(-50%, -50%);
}

.page-number.next-page {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: inherit !important;
  color: transparent; /* ← テキストを透明に */
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 0px #00114c;
  text-indent: -9999px; /* ← テキストを見えないようにする */
  overflow: hidden;
}

/* 背景画像で矢印を表示 */
.page-number.next-page::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 17px;
  height: 17px;
  background: url(./images/1x/arrow-next.svg) no-repeat center center/contain;
  transform: translate(-50%, -50%);
}

.last-page {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: inherit !important;
  color: transparent; /* テキストを見えなく */
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 0px #00114c;
  text-indent: -9999px;
  overflow: hidden;
}

/* 最後ページ用の矢印画像 */
.last-page::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 30%;
  width: 25px;
  height: 25px;
  background: url(./images/1x/arrow-next-last.svg) no-repeat center center/contain;
  transform: translate(-50%, -50%);
}

.last-page {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff;
  color: transparent; /* テキストを見えなく */
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 0px #00114c;
  text-indent: -9999px;
  overflow: hidden;
}

/* 最後ページ用の矢印画像 */
.last-page::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 30%;
  width: 34px;
  height: 34px;
  background: url(./images/1x/arrow-next-last.svg) no-repeat center center/contain;
  transform: translate(-50%, -50%);
}

.first-page {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: inherit !important;
  color: transparent; /* テキストを見えなく */
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 0px #00114c;
  text-indent: -9999px;
  overflow: hidden;
}

/* 最後ページ用の矢印画像 */
.first-page::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 70%;
  width: 34px;
  height: 34px;
  background: url(./images/1x/arrow-next-first.svg) no-repeat center center/contain;
  transform: translate(-50%, -50%);
}

.pagination {
  font-size: 13px;
  gap: 15px !important;
  font-family: Lato, sans-serif !important;
  color: #00114c;
  align-items: center;
  margin-bottom: 20px;
}
@media (max-width: 600px) {
  .pagination {
    margin-bottom: 0px;
    flex-wrap: wrap;
    gap: 15px 10px !important;
    padding: 0 5px;
  }
}

.pagination a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

/* ▼ 「次へ」「前へ」にはhoverアクションを出さない */
.pagination .current {
  color: #fff !important;
  background: #1a4468;
  opacity: 1;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  text-decoration: none !important;
}

.page-number {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  overflow: hidden;
  background: #fff;
  border: solid 0px #00114c;
  font-size: 14px;
  color: #00114c !important;
  font-weight: bold;
  text-decoration: none;
  transition: border-width 0.2s ease, color 0.2s ease;
}

/* hover 時に border をふわっと表示 */
.page-number:hover::before {
  opacity: 0.8;
}

/* 日付セル全体を右寄せにする */
.xo-event-calendar table.xo-month tr:not(.month-dayname) td {
  text-align: right;
}

/* inline-blockで日付+「日」の表示を崩さない */
.xo-event-calendar table.xo-month tr:not(.month-dayname) td > div:first-child,
.xo-event-calendar table.xo-month tr:not(.month-dayname) td > div:first-child > a:first-child {
  display: inline-block;
  font-family: "Lato", sans-serif !important;
}

/* 「日」を後ろに追加 */
.xo-event-calendar table.xo-month tr:not(.month-dayname) td > div:first-child:not(:empty)::after,
.xo-event-calendar table.xo-month tr:not(.month-dayname) td > div:first-child > a:first-child::after {
  content: "日";
  margin-left: 0.2em;
  font-size: 0.9em;
  color: inherit;
}

.xo-event-calendar table.xo-month .month-event-title {
  white-space: normal;
}

.xo-event-calendar table.xo-month tr:not(.month-dayname) td > div:first-child,
.xo-event-calendar table.xo-month tr:not(.month-dayname) td > div:first-child > a:first-child {
  font-size: 16px;
}
@media (max-width: 600px) {
  .xo-event-calendar table.xo-month tr:not(.month-dayname) td > div:first-child,
  .xo-event-calendar table.xo-month tr:not(.month-dayname) td > div:first-child > a:first-child {
    font-size: 11px;
  }
}

.xo-event-calendar table.xo-month .month-event-title {
  white-space: normal;
  margin: 10px 5px;
  font-size: 14px;
  padding: 8px 5px !important;
}
@media (max-width: 600px) {
  .xo-event-calendar table.xo-month .month-event-title {
    font-size: 10px;
    font-size: 10px;
    margin: 10px 5px;
    letter-spacing: -1px;
  }
}

.xo-event-calendar {
  position: relative;
  background-color: #f0f8ff;
  padding: 20px;
}

.month-event a {
  text-decoration: none !important;
}

.xo-event-calendar table.xo-month caption {
  margin-bottom: 20px;
}

.xo-event-calendar table.xo-month .month-header > span {
  flex-grow: 1;
  text-align: center;
  font-size: 24px;
  font-family: "Lato", sans-serif;
}

/* XOイベントカレンダー内のすべての要素にフォントを適用 */
.xo-event-calendar {
  font-family: "Lato", sans-serif;
  font-weight: 400 !important;
  font-style: normal !important;
}

.xo-event-calendar table.xo-month button span.nav-prev::after,
.xo-event-calendar table.xo-month button span.nav-next::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 17px;
  height: 17px;
  background: url(./images/1x/arrow-prev.svg) no-repeat center center/contain;
  transform: translate(-50%, -50%);
}

.xo-event-calendar table.xo-month button span.nav-next::after {
  transform: translate(-50%, -50%) rotate(180deg); /* ← ここで回転を追加 */
}

.xo-event-calendar table.xo-month button span.nav-prev,
.xo-event-calendar table.xo-month button span.nav-next {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #1a4468;
  color: #00114c;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 0px #00114c;
  text-indent: -9999px;
  overflow: hidden;
}

.xo-event-calendar table.xo-month button span.nav-prev,
.xo-event-calendar table.xo-month button span.nav-next {
  transform: none !important;
}

.xo-event-calendar table.xo-month button:hover span.nav-next,
.xo-event-calendar table.xo-month button:hover span.nav-prev {
  border-width: 0px !important;
}

/* ベースの状態（擬似ボーダーは非表示） */
.xo-event-calendar table.xo-month button span.nav-next::before,
.xo-event-calendar table.xo-month button span.nav-prev::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 1px solid #00114c;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}

/* ホバー時に border をフェード表示 */
.xo-event-calendar table.xo-month button:hover span.nav-next::before,
.xo-event-calendar table.xo-month button:hover span.nav-prev::before {
  opacity: 0.8;
}

@media (max-width: 1605px) {
  .top-3-blogall-column {
    padding: 0 !important;
  }
}
ul.wp-block-list {
  list-style-type: disc; /* または 'unset' のままでもOK */
  list-style-position: inside; /* ← これがポイント */
  padding-left: 0; /* 必要に応じて調整 */
}

.expo_main {
  margin-top: 0 !important;
  background-color: #fff200 !important;
  /*----------------------------
  scroll_up ｜下から上へ出現
  ----------------------------*/
  /*----------------------------
  scroll_left ｜左から出現
  ----------------------------*/
  /*----------------------------
    scroll_right ｜右から出現
    ----------------------------*/
}
.expo_main .expo_top {
  width: 93.75vw;
  margin: auto;
}
@media (max-width: 600px) {
  .expo_main .expo_top {
    width: 100%;
  }
}
.expo_main .expo_top img {
  width: 100%;
}
@media (max-width: 600px) {
  .expo_main .expo_top .expo_top1 {
    display: none !important;
  }
}
.expo_main .expo_top .expo_top2 {
  display: none;
}
@media (max-width: 600px) {
  .expo_main .expo_top .expo_top2 {
    display: block;
  }
}
.expo_main .expo_button {
  display: flex;
  justify-content: center;
  gap: 34px;
  margin-top: 54px;
}
@media (max-width: 600px) {
  .expo_main .expo_button {
    flex-wrap: wrap;
    gap: 0px;
    width: 100vw !important;
    justify-content: center !important;
    margin: auto;
    margin-top: 35px;
  }
}
.expo_main .expo_button a img {
  width: 9.84375vw;
  min-width: 60px;
}
@media (max-width: 600px) {
  .expo_main .expo_button a img {
    width: 23vw !important;
    min-width: 89px;
    height: auto;
  }
}
.expo_main .expo_open {
  width: fit-content;
  margin: 53px auto 58px;
}
@media (max-width: 600px) {
  .expo_main .expo_open {
    width: 300px;
  }
}
.expo_main .expo_open img {
  width: 100%;
}
.expo_main .expo_about {
  position: relative;
}
.expo_main .expo_about .expo_a_wrap {
  display: flex;
  position: relative;
  width: 69.3229166667vw;
  min-width: 1300px;
  margin: auto;
  height: 633px;
  background-position: center bottom; /* または他の値 */
  background-size: 1030px contain; /* または contain、または具体的な値 */
  background-repeat: no-repeat; /* または repeat, repeat-x, repeat-y */
  z-index: 10;
  justify-content: space-between;
}
@media (max-width: 1400px) {
  .expo_main .expo_about .expo_a_wrap {
    display: none;
  }
}
.expo_main .expo_about .expo_a_wrap img.a_01 {
  margin-right: 70px;
  height: 614px;
  width: 99px;
  object-fit: contain;
}
.expo_main .expo_about .expo_a_wrap img.a_03 {
  margin-top: 20px;
  margin-right: 6px;
}
.expo_main .expo_about .expo_a_wrap .a_02 {
  background-image: url(./images/2x/expo_2x_6.png);
  width: 620px;
  height: 528px;
  background-size: contain; /* または contain、または具体的な値 */
  background-repeat: no-repeat; /* または repeat, repeat-x, repeat-y */
  white-space: normal;
  padding-top: 80px;
  padding: 80px 20px 0;
  font-size: 20px;
  display: none;
}
.expo_main .expo_about .expo_a_wrap .a_00 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.expo_main .expo_about .expo_a_wrap .a_04 {
  position: absolute;
  z-index: -1;
  left: 154px;
  bottom: 48px;
}
.expo_main .expo_about .expo_a_wrap2 {
  display: none;
}
@media (max-width: 1400px) {
  .expo_main .expo_about .expo_a_wrap2 {
    display: block;
  }
}
.expo_main .expo_about .expo_a_wrap2 .expo_a_2_1 {
  width: fit-content;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.expo_main .expo_about .expo_a_wrap2 .expo_a_2_1 img {
  width: 100%;
}
.expo_main .expo_about .expo_a_wrap2 .expo_a_2_1 img.a_01 {
  max-width: 500px;
  object-fit: contain;
  margin-bottom: 40px;
}
@media (max-width: 600px) {
  .expo_main .expo_about .expo_a_wrap2 .expo_a_2_1 img.a_01 {
    max-width: 200px;
    margin-bottom: 25px;
  }
}
.expo_main .expo_about .expo_a_wrap2 .expo_a_2_2 {
  width: fit-content;
  margin: auto;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1400px) {
  .expo_main .expo_about .expo_a_wrap2 .expo_a_2_2 {
    display: none;
  }
}
@media (max-width: 600px) {
  .expo_main .expo_about .expo_a_wrap2 .expo_a_2_2 {
    display: none;
  }
}
.expo_main .expo_about .expo_a_wrap2 .expo_a_2_2 .a_2_2 {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1400px) {
  .expo_main .expo_about .expo_a_wrap2 .expo_a_2_2 .expo_a_2_2 {
    display: none;
    width: 200px;
    min-width: 200px;
  }
}
@media (max-width: 600px) {
  .expo_main .expo_about .expo_a_wrap2 .expo_a_2_2 .expo_a_2_2 {
    width: 200px;
    min-width: inherit;
  }
}
.expo_main .expo_about .expo_a_wrap2 .expo_a_2_2 img {
  width: 100%;
  margin-top: 40px;
  object-fit: contain;
  min-width: 500px;
}
@media (max-width: 600px) {
  .expo_main .expo_about .expo_a_wrap2 .expo_a_2_2 img {
    width: 290px;
    min-width: inherit;
  }
}
.expo_main .expo_esports .expo_e_top {
  width: fit-content;
  margin: 153px auto 81px;
}
@media (max-width: 600px) {
  .expo_main .expo_esports .expo_e_top {
    margin: 90px auto 50px;
  }
}
.expo_main .expo_esports .expo_e_top img {
  width: 100%;
}
.expo_main .expo_esports .e_main_back {
  background-image: url(./images/2x/e-spo_back@2x.webp);
  background-size: cover;
}
.expo_main .expo_esports .expo_e_main {
  display: flex;
  margin: auto;
  width: 1318px;
  gap: 130px;
}
@media (max-width: 1400px) {
  .expo_main .expo_esports .expo_e_main {
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 30px;
  }
}
.expo_main .expo_esports .expo_e_main .expo_e_left {
  width: 620px;
}
@media (max-width: 1400px) {
  .expo_main .expo_esports .expo_e_main .expo_e_left {
    display: flex;
    width: 85%;
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 600px) {
  .expo_main .expo_esports .expo_e_main .expo_e_left {
    margin: auto;
    width: 90%;
  }
}
.expo_main .expo_esports .expo_e_main .expo_e_left img {
  max-width: 600px;
}
@media (max-width: 600px) {
  .expo_main .expo_esports .expo_e_main .expo_e_left img {
    max-width: inherit;
    width: 100%;
  }
}
.expo_main .expo_esports .expo_e_main .expo_e_left p {
  white-space: normal;
  font-size: 16px;
  color: #fff;
  padding-left: 145px;
  margin-top: 41px;
  text-shadow: 5px 7px 8px rgba(0, 0, 0, 0.8);
  letter-spacing: 0.6px;
}
@media (max-width: 1400px) {
  .expo_main .expo_esports .expo_e_main .expo_e_left p {
    padding-left: 0px;
    max-width: 800px;
  }
}
@media (max-width: 600px) {
  .expo_main .expo_esports .expo_e_main .expo_e_left p {
    font-size: 14px;
    width: 100%;
  }
}
.expo_main .expo_esports .expo_e_main .expo_e_left p a {
  white-space: normal;
}
@media (max-width: 600px) {
  .expo_main .expo_esports .expo_e_main .expo_e_left p a {
    display: block;
    white-space: normal;
    font-size: 12px;
    width: 90vw;
  }
}
.expo_main .expo_esports .expo_e_main .expo_e_left p span {
  white-space: normal;
  font-size: 12px;
}
@media (max-width: 600px) {
  .expo_main .expo_esports .expo_e_main .expo_e_left p span {
    display: block;
    white-space: normal;
    font-size: 12px;
    width: 90vw;
  }
}
.expo_main .expo_esports .expo_e_main .expo_e_right {
  display: flex;
  flex-direction: column;
  gap: 48px;
  margin-top: 87px;
}
@media (max-width: 1400px) {
  .expo_main .expo_esports .expo_e_main .expo_e_right {
    flex-direction: row;
  }
}
@media (max-width: 1000px) {
  .expo_main .expo_esports .expo_e_main .expo_e_right {
    flex-direction: column;
  }
}
@media (max-width: 600px) {
  .expo_main .expo_esports .expo_e_main .expo_e_right {
    margin-top: 30px;
  }
}
.expo_main .expo_esports .expo_e_main .expo_e_right img {
  width: fit-content;
}
@media (max-width: 600px) {
  .expo_main .expo_esports .expo_e_main .expo_e_right img {
    width: 90vw;
  }
}
@media (max-width: 600px) {
  .expo_main .expo_esports .expo_e_main .expo_e_right .expo_e_right0 {
    display: none;
  }
}
.expo_main .expo_esports .expo_e_fighter {
  display: flex;
  width: 1318px;
  padding-left: 145px;
  margin: auto;
  gap: 25px;
  margin-top: 50px;
  padding-bottom: 50px;
}
@media (max-width: 1300px) {
  .expo_main .expo_esports .expo_e_fighter {
    width: 475px;
    flex-wrap: wrap;
    padding-left: 0;
    justify-content: center;
  }
}
@media (max-width: 600px) {
  .expo_main .expo_esports .expo_e_fighter {
    width: 348px;
    gap: 7px;
  }
}
.expo_main .expo_esports .expo_e_bottom {
  width: fit-content;
  margin: auto;
  margin-top: 83px;
}
.expo_main .expo_esports .expo_e_bottom img {
  width: 100%;
}
.expo_main .expo_stage .stage_top {
  width: fit-content;
  margin: 150px auto 40px;
}
@media (max-width: 600px) {
  .expo_main .expo_stage .stage_top {
    margin: 30px auto 40px;
  }
}
.expo_main .expo_stage .stage_top img {
  width: 100%;
}
.expo_main .expo_stage .stage_main {
  display: flex;
  width: 1067px;
  margin: auto;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1300px) {
  .expo_main .expo_stage .stage_main {
    width: 80%;
    gap: 40px;
  }
}
@media (max-width: 1100px) {
  .expo_main .expo_stage .stage_main {
    flex-direction: column-reverse;
    max-width: 656px;
  }
}
@media (max-width: 794px) {
  .expo_main .expo_stage .stage_main {
    width: 90%;
  }
}
@media (max-width: 794px) {
  .expo_main .expo_stage .stage_main img {
    width: 100%;
  }
}
.expo_main .expo_stage .stage_main .stage_l {
  margin-left: 45px;
  margin-top: 65px;
}
@media (max-width: 1300px) {
  .expo_main .expo_stage .stage_main .stage_l {
    margin-left: 0;
  }
}
@media (max-width: 1100px) {
  .expo_main .expo_stage .stage_main .stage_l {
    margin-top: 0;
  }
}
@media (max-width: 600px) {
  .expo_main .expo_stage .stage_main .stage_l {
    width: 100%;
  }
}
.expo_main .expo_stage .stage_main .stage_l p {
  width: 463px;
  white-space: normal;
  font-size: 16px;
  color: #fff;
  margin-top: 49px;
}
@media (max-width: 600px) {
  .expo_main .expo_stage .stage_main .stage_l p {
    width: 100%;
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .expo_main .expo_stage .stage_main .stage_r {
    width: 100%;
  }
}
.expo_main .expo_stage .stage_main .stage_r img {
  margin-top: -72px;
}
@media (max-width: 1500px) {
  .expo_main .expo_stage .stage_main .stage_r img {
    margin-left: -35px;
  }
}
@media (max-width: 1100px) {
  .expo_main .expo_stage .stage_main .stage_r img {
    margin-top: 0;
    margin-left: 0px;
  }
}
.expo_main .stage_dance {
  display: flex;
  width: 1133px;
  margin: auto;
  margin-top: 230px;
}
@media (max-width: 1300px) {
  .expo_main .stage_dance {
    width: 80%;
    gap: 40px;
  }
}
@media (max-width: 1100px) {
  .expo_main .stage_dance {
    width: 90%;
    flex-direction: column;
    align-items: center;
    max-width: 656px;
    margin-top: 30px;
  }
}
@media (max-width: 794px) {
  .expo_main .stage_dance {
    width: 90%;
  }
}
@media (max-width: 794px) {
  .expo_main .stage_dance .stage_d_l img,
  .expo_main .stage_dance .stage_d_r img {
    width: 100%;
  }
}
.expo_main .stage_dance .stage_d_l p,
.expo_main .stage_dance .stage_d_r p {
  white-space: normal;
  font-size: 16px;
  color: #fff;
  margin-top: 49px;
  margin-left: 50px;
  width: 458px;
}
@media (max-width: 1300px) {
  .expo_main .stage_dance .stage_d_l p,
  .expo_main .stage_dance .stage_d_r p {
    margin-left: 0px;
    width: 463px;
  }
}
@media (max-width: 600px) {
  .expo_main .stage_dance .stage_d_l p,
  .expo_main .stage_dance .stage_d_r p {
    width: 100%;
    font-size: 14px;
  }
}
@media (max-width: 1100px) {
  .expo_main .stage_dance .stage_d_l img {
    width: 100%;
    max-width: 400px;
  }
}
@media (max-width: 600px) {
  .expo_main .stage_dance .stage_d_l img {
    width: 100%;
    max-width: 400px;
  }
}
.expo_main .stage_dance .stage_d_r {
  display: flex;
  flex-direction: column;
  margin-left: -25px;
  margin-top: -15px;
}
@media (max-width: 1100px) {
  .expo_main .stage_dance .stage_d_r {
    align-items: center;
  }
}
@media (max-width: 600px) {
  .expo_main .stage_dance .stage_d_r {
    width: 90vw;
    margin: auto;
  }
}
.expo_main .stage_dance .stage_d_r .dance2 {
  margin-left: 50px;
  margin-top: 105px;
  width: min-content;
}
@media (max-width: 1300px) {
  .expo_main .stage_dance .stage_d_r .dance2 {
    margin-left: 0px;
  }
}
@media (max-width: 1100px) {
  .expo_main .stage_dance .stage_d_r .dance2 {
    max-width: 400px;
    margin-top: 40px;
  }
}
@media (max-width: 600px) {
  .expo_main .stage_dance .stage_d_r .dance2 {
    width: 100%;
  }
}
.expo_main .stage_dance .stage_d_r .dance3 {
  width: 100%;
}
@media (max-width: 1100px) {
  .expo_main .stage_dance .stage_d_r .dance3 {
    max-width: 400px;
  }
}
.expo_main .expo_coffee .expo_c_0 {
  width: fit-content;
  margin: 150px auto 40px;
}
.expo_main .expo_coffee .expo_c_0 img {
  width: 100%;
}
.expo_main .expo_coffee .expo_c_top {
  display: flex;
  width: fit-content;
  margin: auto;
  margin-top: 113px;
  justify-content: space-between;
  width: 857px;
}
@media (max-width: 1100px) {
  .expo_main .expo_coffee .expo_c_top {
    width: 90vw;
    gap: 50px;
    flex-direction: column;
    align-items: center;
    margin-top: 50px;
  }
}
.expo_main .expo_coffee .expo_c_top .expo_c_top2 {
  text-align: center;
}
.expo_main .expo_coffee .expo_c_top .expo_c_top2 h2 {
  font-size: 16px;
  white-space: normal;
  color: #fff;
}
.expo_main .expo_coffee .expo_c_top img {
  width: fit-content;
  object-fit: contain;
}
@media (max-width: 600px) {
  .expo_main .expo_coffee .expo_c_top img {
    width: 90vw;
  }
}
.expo_main .expo_coffee .expo_c_top .expo_zero_coffee {
  padding-top: 65px;
  margin-left: -20px;
}
@media (max-width: 600px) {
  .expo_main .expo_coffee .expo_c_top .expo_zero_coffee {
    width: 90vw;
    max-width: 140px;
    margin-left: 0px;
  }
}
.expo_main .expo_coffee .expo_c_bottom {
  display: flex;
  width: 1135px;
  margin: auto;
  gap: 40px;
  margin-top: 12px;
  padding-bottom: 180px;
  margin-top: 74px;
  align-items: center;
}
@media (max-width: 1400px) {
  .expo_main .expo_coffee .expo_c_bottom {
    width: 90vw;
    gap: inherit;
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 794px) {
  .expo_main .expo_coffee .expo_c_bottom {
    padding-bottom: 100px;
  }
}
@media (max-width: 600px) {
  .expo_main .expo_coffee .expo_c_bottom {
    margin-top: 50px;
  }
}
@media (max-width: 1400px) {
  .expo_main .expo_coffee .expo_c_bottom .expo_c_bottom_0 {
    display: none;
  }
}
.expo_main .expo_coffee .expo_c_bottom .expo_c_bottom2 {
  width: 525px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1400px) {
  .expo_main .expo_coffee .expo_c_bottom .expo_c_bottom2 {
    width: auto;
  }
}
.expo_main .expo_coffee .expo_c_bottom .expo_c_bottom2 p {
  width: 473px;
  margin-right: 25px;
  white-space: normal;
  font-size: 16px;
  color: #fff;
  letter-spacing: 0.3px;
}
@media (max-width: 1400px) {
  .expo_main .expo_coffee .expo_c_bottom .expo_c_bottom2 p {
    width: 68vw;
    margin-right: 0px;
    max-width: 656px;
  }
}
@media (max-width: 1000px) {
  .expo_main .expo_coffee .expo_c_bottom .expo_c_bottom2 p {
    width: 90vw;
    max-width: 456px;
  }
}
@media (max-width: 600px) {
  .expo_main .expo_coffee .expo_c_bottom .expo_c_bottom2 p {
    width: 90vw;
    font-size: 14px;
  }
}
.expo_main .expo_coffee .expo_c_bottom .expo_c_bottom2 img {
  margin-top: 30px;
  margin-left: auto;
}
@media (max-width: 600px) {
  .expo_main .expo_coffee .expo_c_bottom .expo_c_bottom2 img {
    width: 200px;
  }
}
.expo_main .expo_coffee .expo_c_bottom .expo_c_bottom2 .e_insta {
  margin-right: auto;
  margin-left: 0;
}
.expo_main .live_s .live_s_top {
  width: fit-content;
  margin: auto;
}
.expo_main .live_s .live_s_top img {
  width: 100%;
}
.expo_main .live_s .live_s_main {
  display: flex;
  justify-content: space-between;
  width: 989px;
  margin: 60px auto;
  margin-top: 125px;
  padding-right: 113px;
}
@media (max-width: 1100px) {
  .expo_main .live_s .live_s_main {
    width: 90vw;
    padding-right: 0;
  }
}
@media (max-width: 1000px) {
  .expo_main .live_s .live_s_main {
    padding-right: 0;
    flex-direction: column-reverse;
    align-items: center;
  }
}
@media (max-width: 600px) {
  .expo_main .live_s .live_s_main .live_s_left,
  .expo_main .live_s .live_s_main .live_s_right {
    width: 100%;
    max-width: 400px;
    margin: auto;
  }
}
@media (max-width: 794px) {
  .expo_main .live_s .live_s_main .live_s_left img,
  .expo_main .live_s .live_s_main .live_s_right img {
    width: 100%;
  }
}
.expo_main .live_s .live_s_main .live_s_left p,
.expo_main .live_s .live_s_main .live_s_right p {
  white-space: normal;
  font-size: 16px;
  color: #fff;
  letter-spacing: 0.4px;
}
@media (max-width: 794px) {
  .expo_main .live_s .live_s_main .live_s_left p,
  .expo_main .live_s .live_s_main .live_s_right p {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .expo_main .live_s .live_s_main .live_s_left p,
  .expo_main .live_s .live_s_main .live_s_right p {
    font-size: 14px;
  }
}
.expo_main .live_s .live_s_main .live_s_left a,
.expo_main .live_s .live_s_main .live_s_right a {
  white-space: normal;
  font-size: 16px;
  color: #fff;
}
@media (max-width: 794px) {
  .expo_main .live_s .live_s_main .live_s_left a,
  .expo_main .live_s .live_s_main .live_s_right a {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .expo_main .live_s .live_s_main .live_s_left a,
  .expo_main .live_s .live_s_main .live_s_right a {
    font-size: 14px;
  }
}
.expo_main .live_s .live_s_main .live_s_left img {
  width: 80%;
  margin-top: 20px;
}
.expo_main .zero_sai .zero_sai_top {
  width: fit-content;
  margin: auto;
}
.expo_main .zero_sai .zero_sai_top img {
  width: 100%;
}
.expo_main .zero_sai .zero_sai_bottom {
  display: flex;
  width: 965px;
  margin: 65px auto;
  justify-content: space-between;
  margin-bottom: 194px;
}
@media (max-width: 1000px) {
  .expo_main .zero_sai .zero_sai_bottom {
    width: 90vw;
    flex-direction: column;
    align-items: center;
    margin-bottom: 100px;
  }
}
@media (max-width: 600px) {
  .expo_main .zero_sai .zero_sai_bottom .zero_sai_left,
  .expo_main .zero_sai .zero_sai_bottom .zero_sai_right {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .expo_main .zero_sai .zero_sai_bottom .zero_sai_left img,
  .expo_main .zero_sai .zero_sai_bottom .zero_sai_right img {
    width: 100%;
  }
}
.expo_main .zero_sai .zero_sai_bottom .zero_sai_left p,
.expo_main .zero_sai .zero_sai_bottom .zero_sai_right p {
  white-space: normal;
  font-size: 16px;
  color: #fff;
  width: 463px;
  letter-spacing: 0.4px;
}
@media (max-width: 600px) {
  .expo_main .zero_sai .zero_sai_bottom .zero_sai_left p,
  .expo_main .zero_sai .zero_sai_bottom .zero_sai_right p {
    width: 100%;
    font-size: 14px;
  }
}
.expo_main .zero_sai .zero_sai_bottom .zero_sai_left {
  margin-top: 25px;
}
.expo_main .zero_sai .zero_sai_bottom .zero_sai_right {
  margin-right: 68px;
  margin-top: 14px;
}
@media (max-width: 1000px) {
  .expo_main .zero_sai .zero_sai_bottom .zero_sai_right {
    margin-right: 0px;
    margin-top: 0px;
  }
}
.expo_main .cloud_f .cloud_f_top {
  width: fit-content;
  margin: auto;
}
.expo_main .cloud_f .cloud_f_top img {
  width: 100%;
}
.expo_main .cloud_f .cloud_f_bottom {
  display: flex;
  width: 1047px;
  justify-content: space-between;
  margin: 60px auto;
  margin-top: 120px;
}
@media (max-width: 1100px) {
  .expo_main .cloud_f .cloud_f_bottom {
    width: fit-content;
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 600px) {
  .expo_main .cloud_f .cloud_f_bottom {
    width: 90vw;
  }
}
@media (max-width: 600px) {
  .expo_main .cloud_f .cloud_f_bottom .cloud_f_left img,
  .expo_main .cloud_f .cloud_f_bottom .cloud_f_right img {
    width: 90vw;
  }
}
.expo_main .cloud_f .cloud_f_bottom .cloud_f_left p,
.expo_main .cloud_f .cloud_f_bottom .cloud_f_right p {
  white-space: normal;
  font-size: 16px;
  color: #fff;
  width: 463px;
  padding-left: 13px;
  letter-spacing: -0.4px;
}
@media (max-width: 1100px) {
  .expo_main .cloud_f .cloud_f_bottom .cloud_f_left p,
  .expo_main .cloud_f .cloud_f_bottom .cloud_f_right p {
    padding-left: 0;
  }
}
@media (max-width: 600px) {
  .expo_main .cloud_f .cloud_f_bottom .cloud_f_left p,
  .expo_main .cloud_f .cloud_f_bottom .cloud_f_right p {
    width: 90vw;
    font-size: 14px;
  }
}
.expo_main .cloud_f .cloud_f_bottom .cloud_f_left {
  width: 100%;
}
.expo_main .cloud_f .cloud_f_bottom .cloud_f_right {
  margin-top: 25px;
}
.expo_main .cloud_f .cloud_f_bottom2 {
  width: fit-content;
  margin: auto;
  margin-top: -183px;
  margin-bottom: 70px;
}
@media (max-width: 600px) {
  .expo_main .cloud_f .cloud_f_bottom2 {
    margin-top: 0px;
  }
}
.expo_main .cloud_f .cloud_f_bottom2 img {
  width: 100%;
}
@media (max-width: 600px) {
  .expo_main .cloud_f .cloud_f_bottom2 img {
    width: 310px;
  }
}
.expo_main .expo_schedule {
  margin: auto;
  background-image: url(./images/2x/expo_2x_34.png);
  width: 100vw;
  height: 88.0208333333vw;
  min-height: 1300px;
  max-height: 1651px;
  background-size: cover; /* 背景画像をカバーするように設定 */
  background-position: center; /* 背景画像を中央に配置 */
  display: flex; /* Flexboxを使用 */
  justify-content: center; /* 水平方向の中央揃え */
  background-repeat: no-repeat; /* または repeat, repeat-x, repeat-y */
}
@media (max-width: 1400px) {
  .expo_main .expo_schedule {
    height: auto !important;
    min-height: inherit !important;
    padding-bottom: 100px;
  }
}
@media (max-width: 1000px) {
  .expo_main .expo_schedule {
    min-height: 950px !important;
  }
}
@media (max-width: 794px) {
  .expo_main .expo_schedule {
    height: auto !important;
    min-height: inherit !important;
    padding-bottom: 60px;
  }
}
.expo_main .expo_schedule img {
  width: 66.6666666667vw;
  height: max-content;
  text-align: center;
  min-width: 1000px;
  padding-top: 63px;
  object-fit: contain;
}
@media (max-width: 1400px) {
  .expo_main .expo_schedule img {
    width: 80vw;
    min-width: 720px;
    object-fit: contain;
  }
}
@media (max-width: 794px) {
  .expo_main .expo_schedule img {
    width: 90vw;
    min-width: inherit !important;
    object-fit: contain;
    height: auto;
  }
}
.expo_main .ticket .ticket1,
.expo_main .ticket .ticket2,
.expo_main .ticket .ticket3 {
  width: fit-content;
  margin: auto;
}
.expo_main .ticket .ticket1 img,
.expo_main .ticket .ticket2 img,
.expo_main .ticket .ticket3 img {
  width: 100%;
}
.expo_main .ticket .ticket1 {
  margin-top: 110px;
}
@media (max-width: 600px) {
  .expo_main .ticket .ticket1 {
    width: 90vw;
  }
}
.expo_main .ticket .ticket2 {
  margin-top: 46px;
  height: 0;
}
.expo_main .ticket .ticket3 {
  margin-top: 20px;
}
@media (max-width: 600px) {
  .expo_main .ticket .ticket3 {
    text-align: center;
  }
}
@media (max-width: 600px) {
  .expo_main .ticket .ticket3 img {
    width: 40vw;
  }
}
.expo_main .ticket .ticket3 p {
  white-space: normal;
  font-size: 16px;
  color: #fff;
}
.expo_main .back_img {
  width: fit-content;
  margin-top: 82px;
}
@media (max-width: 794px) {
  .expo_main .back_img {
    margin-top: 100px;
  }
}
.expo_main .back_img img {
  width: 100vw;
  height: 1080px;
  object-fit: cover;
}
@media (max-width: 794px) {
  .expo_main .back_img img {
    height: 680px;
  }
}
.expo_main .expo_member .expo_member_top {
  width: fit-content;
  margin: 189px auto 50px;
}
@media (max-width: 794px) {
  .expo_main .expo_member .expo_member_top {
    width: 90vw;
    max-width: 400px;
  }
}
.expo_main .expo_member .expo_member_top img {
  width: 100%;
}
.expo_main .expo_member .expo_member_bottom {
  margin: auto;
  background-image: url(./images/2x/expo_2x_35.png);
  width: 100vw;
  height: 554px;
  background-size: cover; /* 背景画像をカバーするように設定 */
  background-position: center; /* 背景画像を中央に配置 */
  display: flex; /* Flexboxを使用 */
  justify-content: center; /* 水平方向の中央揃え */
  align-items: center; /* 垂直方向の中央揃え */
  background-repeat: no-repeat; /* または repeat, repeat-x, repeat-y */
}
@media (max-width: 1100px) {
  .expo_main .expo_member .expo_member_bottom {
    height: 700px;
  }
}
@media (max-width: 794px) {
  .expo_main .expo_member .expo_member_bottom {
    height: auto;
    padding: 5vw;
    padding-bottom: 100px;
  }
}
@media (max-width: 794px) {
  .expo_main .expo_member .expo_member_bottom img {
    width: auto;
    max-width: 400px;
  }
}
.expo_main .expo_member .expo_member_bottom .member_img {
  display: flex; /* Flexbox を有効化 */
  flex-wrap: wrap; /* コンテンツがコンテナを超えたら折り返す */
  justify-content: space-between; /* アイテム間のスペースを均等に分配 */
  align-items: center; /* アイテムを垂直方向の中央に配置 */
  gap: 10px; /* アイテム間のギャップ（必要に応じて調整） */
  width: 1023px;
}
@media (max-width: 1100px) {
  .expo_main .expo_member .expo_member_bottom .member_img {
    width: fit-content;
    justify-content: center;
  }
}
@media (max-width: 600px) {
  .expo_main .expo_member .expo_member_bottom .member_img {
    width: max-content;
    min-width: 320px;
    margin-top: 25px;
  }
}
.expo_main .expo_member .expo_member_bottom .member_img img {
  flex: 0 1 auto; /* 画像がその内容に基づいてサイズを決定 */
  max-width: 100%; /* 画像がコンテナを超えないようにする */
  margin-bottom: 10px;
}
@media (max-width: 600px) {
  .expo_main .expo_member .expo_member_bottom .member_img img {
    width: 100px;
    margin-bottom: 0px;
  }
}
.expo_main .expo_sub_f_1 {
  width: fit-content;
  margin: 120px auto 40px;
}
@media (max-width: 794px) {
  .expo_main .expo_sub_f_1 {
    width: 90vw;
    max-width: 400px;
  }
}
.expo_main .expo_sub_f_1 img {
  width: 100%;
}
.expo_main .expo_footer .expo_footer1 {
  width: fit-content;
  margin: 66px auto;
}
@media (max-width: 794px) {
  .expo_main .expo_footer .expo_footer1 {
    width: 100px;
  }
}
.expo_main .expo_footer .expo_footer1 img {
  width: 100%;
}
.expo_main .expo_footer .expo_footer2 {
  display: flex;
  gap: 18px;
  width: fit-content;
  margin: auto;
}
@media (max-width: 794px) {
  .expo_main .expo_footer .expo_footer2 {
    flex-wrap: wrap;
    justify-content: center;
    width: 207px;
  }
}
.expo_main .expo_footer .expo_footer3 {
  width: auto;
  margin: 71px auto 0;
}
.expo_main .expo_footer .expo_footer3 img {
  width: 100vw;
  height: 220px;
  object-fit: cover;
}
@media (max-width: 794px) {
  .expo_main .expo_footer .expo_footer3 img {
    height: 116px;
  }
}
.expo_main .scroll_up {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}
.expo_main .scroll_up.on {
  transform: translateY(0);
  opacity: 1;
}
.expo_main .scroll_left {
  -webkit-transition: 0.8s ease-in-out;
  -moz-transition: 0.8s ease-in-out;
  -o-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  transform: translateX(-30px);
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
}
.expo_main .scroll_left.on {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  transform: translateX(0);
}
.expo_main .scroll_right {
  -webkit-transition: 0.8s ease-in-out;
  -moz-transition: 0.8s ease-in-out;
  -o-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  transform: translateX(30px);
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
}
.expo_main .scroll_right.on {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  transform: translateX(0);
}
.expo_main a:hover {
  opacity: 0.85;
}

.coming_soon {
  width: fit-content;
  margin: 100px auto;
}
@media (max-width: 794px) {
  .coming_soon {
    margin: 0px auto 100px;
  }
}
.coming_soon img {
  width: 100%;
}

.expo_back {
  background-image: url(./images/1x/back_img.webp);
}

@media (max-width: 1100px) {
  .back_img1 {
    display: none;
  }
}

.back_img2 {
  display: none;
}
@media (max-width: 1100px) {
  .back_img2 {
    display: block;
  }
}

.expo_c_top1 {
  width: fit-content;
}

.expo_event_mc {
  width: fit-content;
  margin: 80px auto 0;
}
@media (max-width: 794px) {
  .expo_event_mc {
    width: 90vw;
  }
}
.expo_event_mc img {
  width: 100%;
}

.a_00_2 {
  padding-top: 100px;
}

.sponsor {
  width: fit-content;
  margin: auto;
}
@media (max-width: 600px) {
  .sponsor {
    width: 90vw;
  }
}
.sponsor .sponsor_pc {
  width: 100%;
  margin-top: 70px;
  margin-bottom: 50px;
}
@media (max-width: 1300px) {
  .sponsor .sponsor_pc {
    width: 80vw;
  }
}
@media (max-width: 600px) {
  .sponsor .sponsor_pc {
    display: none;
  }
}
.sponsor .sponsor_ph {
  display: none;
}
@media (max-width: 600px) {
  .sponsor .sponsor_ph {
    display: block;
    width: 100%;
    margin: 40px auto;
  }
}

.sponsor1 {
  width: fit-content;
  margin: auto;
  margin-top: 70px;
  margin-bottom: 50px;
  min-width: 1058px;
}
@media (max-width: 1300px) {
  .sponsor1 {
    width: 80vw;
    min-width: 0;
  }
}
@media (max-width: 600px) {
  .sponsor1 {
    width: 90vw;
  }
}
.sponsor1_1, .sponsor1_2, .sponsor1_3, .sponsor1_4, .sponsor1_5 {
  display: flex;
  gap: 30px;
  margin-top: 15px;
}
@media (max-width: 1300px) {
  .sponsor1_1, .sponsor1_2, .sponsor1_3, .sponsor1_4, .sponsor1_5 {
    gap: 10px;
    margin-top: 10px;
  }
}
.sponsor1_1 a, .sponsor1_2 a, .sponsor1_3 a, .sponsor1_4 a, .sponsor1_5 a {
  display: block;
  margin: 0 auto;
}
.sponsor1_1 a img, .sponsor1_2 a img, .sponsor1_3 a img, .sponsor1_4 a img, .sponsor1_5 a img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 600px) {
  .sponsor1_1 img {
    height: 18vw !important;
    object-fit: cover;
  }
}
.sp_ph {
  display: none;
}
@media (max-width: 600px) {
  .sp_ph {
    display: flex;
    width: 90vw;
  }
}

@media (max-width: 600px) {
  .sp_pc {
    display: none;
  }
}

.expo_container {
  position: relative;
  width: 100%;
}

.expo_button2025 {
  flex-wrap: wrap;
  margin: auto;
  margin-top: 54px;
  justify-content: space-between;
  gap: 0 !important;
}
@media (max-width: 1300px) {
  .expo_button2025 {
    width: auto;
  }
}
@media (max-width: 600px) {
  .expo_button2025 {
    width: 90% !important;
  }
}
.expo_button2025 a img {
  width: auto !important;
}
@media (max-width: 600px) {
  .expo_button2025 a img {
    max-width: 120px;
  }
}

.expo_about1 {
  width: fit-content;
  margin: auto;
  margin-top: 57px;
}
@media (max-width: 600px) {
  .expo_about1 {
    margin-top: 40px;
  }
}

.expo_01 {
  position: relative; /* 親要素に基づいた配置 */
  text-align: center; /* 中央揃え */
  top: 0;
  z-index: 10;
}
.expo_01 img {
  width: 100%;
}

.expo_02 {
  position: absolute;
  left: -26%;
  top: -16%;
  transform: translate(-50%, 0%);
}
@media (max-width: 1500px) {
  .expo_02 {
    left: -21%;
    top: -8%;
  }
}
@media (max-width: 1300px) {
  .expo_02 {
    display: none;
  }
}
@media (max-width: 1500px) {
  .expo_02 img {
    display: flex;
    width: 507px;
  }
}

.expo_03 {
  position: absolute;
  left: 128%;
  top: 8%;
  transform: translate(-50%, 0%);
}
@media (max-width: 1500px) {
  .expo_03 {
    left: 122%;
    top: 11%;
  }
}
@media (max-width: 1300px) {
  .expo_03 {
    display: none;
  }
}
@media (max-width: 1500px) {
  .expo_03 img {
    width: 250px;
  }
}

.expo_01 img,
.expo_02 img,
.expo_03 img {
  height: auto;
}

.expo_back01 {
  background-color: #fff200 !important;
  background-image: none !important;
  margin-bottom: -12px;
}

.stage001 {
  display: flex;
  margin: auto;
  width: fit-content;
  max-width: 500px;
}

.stage_title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0em;
  color: #000;
  margin-top: 0;
}
@media (max-width: 600px) {
  .stage_title {
    font-size: 14px;
    text-align: center;
  }
}

@media (max-width: 1300px) {
  .stage001_l {
    display: none;
  }
}

.stage001_l_ph {
  display: none;
}
@media (max-width: 1300px) {
  .stage001_l_ph {
    display: block;
    display: block;
    margin: auto;
    margin-bottom: 20px;
  }
}

.stage_name {
  font-size: 60px;
  font-weight: bold;
  margin-bottom: 0.5em;
  color: #000;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 1;
  margin: 15px 0;
}
@media (max-width: 600px) {
  .stage_name {
    font-size: 40px;
    text-align: center;
  }
}

.stage001_r {
  display: flex;
  flex-direction: column;
  margin-left: 100px;
  gap: 39px;
}
@media (max-width: 1300px) {
  .stage001_r {
    margin-left: 0px;
    width: 95%;
  }
}

.stage_description {
  font-size: 16px;
  line-height: 1.6;
  color: #000;
  width: 411px;
  white-space: normal;
  margin-top: 0px;
}
@media (max-width: 1300px) {
  .stage_description {
    text-align: left;
    white-space: normal;
  }
}
@media (max-width: 600px) {
  .stage_description {
    width: 100%;
    margin: auto;
  }
}

.stage001 {
  width: 100%;
  justify-content: center;
}

.event_overview {
  text-align: center;
  padding: 0px;
  background-color: #3ac7fe;
  color: #000;
}

.event_title {
  font-size: 50px;
  font-weight: bold;
  margin: 10px 0;
  padding-top: 90px;
}
@media (max-width: 600px) {
  .event_title {
    font-size: 30px;
  }
}

.event_subtitle {
  font-size: 54px;
  font-weight: bold;
  margin: 10px 0;
}

.event_catchphrase {
  font-size: 1em;
  margin: 10px 0;
}

.event_date {
  font-size: 1.5em;
  font-weight: bold;
  margin: 20px 0;
}

.event_details {
  list-style-type: none;
  padding: 0;
  margin: 20px 0;
  font-size: 1em;
  text-align: center;
  width: fit-content;
  margin: auto;
  text-align: left;
}

.event_details li {
  margin: 5px 0;
}

.ticket_info {
  font-size: 46px;
  font-weight: bold;
  margin: 40px 0 10px;
}
@media (max-width: 600px) {
  .ticket_info {
    font-size: 27px;
  }
}

.ticket_target {
  font-size: 28px;
  margin: 10px 0;
  font-weight: bold;
}
@media (max-width: 600px) {
  .ticket_target {
    font-size: 16px;
  }
}

.apply_button {
  display: inline-block;
  margin: 0px 0;
  padding: 10px 20px;
}
.apply_button img {
  width: 100%;
}
@media (max-width: 600px) {
  .apply_button img {
    height: 96px;
    object-fit: contain;
  }
}
.apply_button :hover {
  opacity: 0.8;
}

.stage_top_arrow img {
  height: 9vw;
  max-width: 150px;
  object-fit: contain;
}
@media (max-width: 600px) {
  .stage_top_arrow img {
    min-height: 40px;
  }
}

.admission_info {
  font-size: 27px;
  margin: 20px 0;
  font-weight: bold;
}

.note {
  font-size: 21px;
  color: #000;
}
@media (max-width: 600px) {
  .note {
    font-size: 16px;
  }
}

.footer_cityscape {
  height: auto;
  margin-top: 20px;
}
.footer_cityscape img {
  margin-bottom: -6px;
}
@media (max-width: 600px) {
  .footer_cityscape img {
    width: 100%;
  }
}

.market_city {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  width: fit-content;
  margin: auto;
  gap: 60px;
}
@media (max-width: 1300px) {
  .market_city {
    flex-direction: column;
    gap: 0;
    width: 100%;
    max-width: 450px;
  }
}

.market_image {
  display: flex;
  text-align: center;
  padding: 10px;
}
@media (max-width: 1300px) {
  .market_image {
    display: block;
  }
}

.market_image img {
  max-width: 90%;
  border-radius: 15px;
}
@media (max-width: 1300px) {
  .market_image img {
    max-width: 100%;
  }
}

.market_text {
  flex: auto;
  padding: 0px;
  width: 650px;
}
@media (max-width: 1300px) {
  .market_text {
    width: 100%;
  }
}

.market_text h1 {
  font-size: 90px;
  font-weight: bold;
  margin-bottom: 10px;
}
@media (max-width: 1300px) {
  .market_text h1 {
    font-size: 55px;
  }
}
@media (max-width: 600px) {
  .market_text h1 {
    font-size: 40px;
  }
}
@media (max-width: 1300px) {
  .market_text h1 img {
    max-width: 400px;
  }
}
@media (max-width: 600px) {
  .market_text h1 img {
    max-width: 270px;
  }
}

.market_text .subtitle {
  font-size: 16px;
  margin-bottom: 15px;
  color: #000;
  font-weight: bold;
}
@media (max-width: 600px) {
  .market_text .subtitle {
    white-space: normal;
  }
}

.market_text .description {
  font-size: 16px;
  line-height: 1.1;
  margin-bottom: 15px;
  white-space: normal;
  max-width: 400px;
}

.market_text .footer {
  font-size: 1em;
  font-weight: bold;
  color: #444;
}

.gallery_container {
  padding: 60px;
  background-color: #fdd002;
}
@media (max-width: 600px) {
  .gallery_container {
    padding: 20px 0;
  }
}

.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px; /* 画像間の間隔 */
}

.gallery img {
  border-radius: 8px;
}
@media (max-width: 600px) {
  .gallery img {
    width: 42vw;
  }
}

.logo_container {
  margin-top: 30px;
  width: fit-content;
  margin: auto;
}
@media (max-width: 1300px) {
  .logo_container {
    width: 90%;
    margin: 40px auto;
  }
}

.logo_container img {
  width: 100%;
  height: auto;
  margin: auto;
}

.container1 {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  margin: auto;
  background: #fff;
  padding-top: 100px;
}

.arrows {
  flex: 1;
  position: absolute;
}
@media (max-width: 600px) {
  .arrows {
    bottom: -86px;
    max-width: 100px;
  }
}

.arrows img {
  width: 100%;
  max-width: 200px;
}

.content {
  width: fit-content;
  text-align: center;
  display: block;
  margin: auto;
}

.image img {
  width: 620px;
  height: auto;
  border-radius: 10px;
}
@media (max-width: 600px) {
  .image img {
    width: 70vw;
  }
}

.main-text {
  font-size: 1.5em;
  font-weight: bold;
  margin: 20px 0;
}

.logo img {
  width: 100px;
  height: auto;
  margin-top: 20px;
}

.expo_top2025 {
  width: 100% !important;
}
@media (max-width: 600px) {
  .expo_top2025 {
    display: none !important;
  }
}

.expo_top2025_ph {
  width: 100% !important;
  display: none;
}
@media (max-width: 600px) {
  .expo_top2025_ph {
    display: block !important;
  }
}

.vegas_img {
  right: 185px;
  position: absolute;
}
@media (max-width: 1300px) {
  .vegas_img {
    display: none;
  }
}

.stage_top2025 {
  margin: 200px auto 40px;
}
@media (max-width: 600px) {
  .stage_top2025 {
    max-width: 300px;
    margin: 0px auto 35px;
  }
}

.stage_top_calender {
  max-width: 1500px;
}
@media (max-width: 600px) {
  .stage_top_calender img {
    width: 135% !important;
    object-position: right;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0%);
  }
}

.gallery2025 {
  max-width: 1203px;
  margin: auto;
}

.expo_footer2025 {
  background: #fff;
}

.expo_footer2025_2 {
  padding-top: 65px;
}

.expo_f_sns {
  background-image: url(./images/1x/ex40.png);
  object-fit: cover;
  height: 210px;
  background-size: cover;
  background-repeat: no-repeat; /* 繰り返しを防ぐ */
  background-position: center; /* 中央に配置 */
}
@media (max-width: 1300px) {
  .expo_f_sns {
    height: auto;
  }
}

.ex38_1 {
  margin: 30px 0 auto;
}
@media (max-width: 600px) {
  .ex38_1 {
    width: 100%;
    margin: auto;
    padding: 0 5%;
  }
}

.ex38 {
  margin: 30px auto 46px;
}
@media (max-width: 600px) {
  .ex38 {
    width: 100%;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 46px;
    padding: 0 5%;
  }
}

@media (max-width: 600px) {
  .expo_top2025 {
    display: block !important;
  }
}

@media (max-width: 600px) {
  .expo_top2025_1 {
    display: none !important;
  }
}

.ex17 {
  width: 100%;
  max-width: 420px;
}

.expo_footer_2025 {
  display: none;
  margin-top: -14px;
  padding-top: 0 !important;
}

@media (max-width: 600px) {
  .stage_name img {
    transform: scale(0.7);
    max-width: 100%;
  }
}

.expo_f_sns p {
  font-size: 12px;
  color: #fff;
  text-align: center;
  margin-top: 28px;
  padding-bottom: 20px;
}
body .header-burger_expo2025 {
  display: block !important;
  background-color: transparent !important;
  width: 50px;
  height: 50px;
  margin-top: 0px;
  z-index: 10;
  display: none;
}

.expo_header {
  background-color: transparent;
  position: absolute !important;
}

.header-main_expo {
  box-shadow: none !important;
}

.openbtn_expo span {
  display: inline-block;
  transition: all 0.4s;
  position: absolute;
  left: 14px;
  height: 2px;
  border-radius: 2px;
  background-color: #fff !important;
  width: 60%;
  border-radius: 22px;
}
@media (max-width: 600px) {
  .openbtn_expo span {
    width: 45%;
  }
}

.openbtn_expo {
  position: absolute;
  z-index: 99;
  cursor: pointer;
  width: 50px;
  height: 50px;
}

@media (max-width: 600px) {
  .header-left_expo2025 {
    flex-direction: row !important;
  }
}

.pagetop {
  position: absolute;
  right: 30px;
  top: 35px;
}
@media (max-width: 600px) {
  .pagetop {
    right: 20px;
    top: 35px;
  }
}
.pagetop img {
  width: 80px;
  height: auto;
}
@media (max-width: 600px) {
  .pagetop img {
    width: 40px;
  }
}

.burger-access2_expo {
  background-color: #ffffff !important;
}

.expo_burger-access li {
  width: 23vw;
  height: fit-content;
  margin: 1vw;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
  background-color: #fff !important;
  color: #333 !important;
}
@media (max-width: 600px) {
  .expo_burger-access li {
    width: 66vw;
  }
}

.expo_burger-access2 li {
  width: 23vw;
  color: #333 !important;
  background-color: #00114c !important;
  margin: 1vw;
  color: #fff !important;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
}
@media (max-width: 600px) {
  .expo_burger-access2 li {
    width: 66vw;
  }
}

@media (max-width: 600px) {
  .expo_burger-access {
    font-size: 14px;
  }
}

@media (max-width: 600px) {
  .expo_burger-access2 {
    font-size: 18px;
  }
}

.stage_top_sponsor {
  width: 90% !important;
  margin: 200px auto 200px !important;
}
@media (max-width: 600px) {
  .stage_top_sponsor {
    margin: 100px auto 60px !important;
  }
}
.stage_top_sponsor img {
  width: 100%;
}

.sponsor_pc {
  display: block;
}
@media (max-width: 600px) {
  .sponsor_pc {
    display: none;
  }
}

.sponsor_ph {
  display: none;
}
@media (max-width: 600px) {
  .sponsor_ph {
    display: block;
  }
}

.main-content {
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
  background-color: white;
  color: #000;
}
.main-content .wrapper {
  margin: 110px auto 0;
  width: 80%;
}
@media (max-width: 600px) {
  .main-content .wrapper {
    width: 95%;
  }
}
.main-content .wrapper .subtitle {
  font-size: 21px;
  color: #000;
  margin-bottom: 40px;
  white-space: normal;
}
@media (max-width: 600px) {
  .main-content .wrapper .subtitle {
    font-size: 14px;
    margin-bottom: 0px;
  }
}
.main-content .wrapper h1 {
  font-size: 58px !important;
  margin: 20px 0;
  font-weight: bold;
}
@media (max-width: 600px) {
  .main-content .wrapper h1 {
    font-size: 26px !important;
    margin: 5px 0 0 0;
  }
}
.main-content .wrapper .description {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 84px;
  white-space: normal;
}
@media (max-width: 600px) {
  .main-content .wrapper .description {
    text-align: left;
    margin: auto;
    margin-top: 14px;
    margin-bottom: 40px;
    font-size: 14px;
    letter-spacing: -1px;
    max-width: 400px;
  }
}
.main-content .wrapper .divider {
  margin: 30px 0;
  border-bottom: 1px solid #000;
  width: 50%;
  margin: auto;
}
.main-content .wrapper .recruitment {
  margin-top: 40px;
}
.main-content .wrapper .recruitment img {
  width: 100%;
  height: auto;
  max-width: 735px;
}

.wrapper {
  width: 80%;
  margin: 0 auto;
}
.wrapper .enrollment-options {
  display: flex;
  justify-content: space-around;
  margin-top: 40px;
}
.wrapper .enrollment-options .option {
  text-align: center;
  width: 30%;
}
.wrapper .enrollment-options .option .category {
  font-size: 1.2em;
  margin-bottom: 10px;
  color: #000;
}
.wrapper .enrollment-options .option h2 {
  font-size: 1.8em;
  margin: 10px 0;
}
.wrapper .enrollment-options .option .date {
  background-color: #00114c;
  color: white;
  font-size: 1.1em;
  padding: 5px 10px;
  border-radius: 5px;
  display: inline-block;
  margin-bottom: 15px;
}
.wrapper .enrollment-options .option .status {
  background-color: #00114c;
  color: white;
  font-size: 1.1em;
  padding: 5px 10px;
  border-radius: 5px;
  display: inline-block;
  margin-bottom: 15px;
}
.wrapper .enrollment-options .option .description {
  font-size: 0.9em;
  line-height: 1.5;
  color: #000;
}
.wrapper .divider {
  margin-top: 40px;
}
.wrapper .divider img {
  width: 100%;
  height: auto;
}

.container-box {
  width: 80%;
  margin: 0 auto;
  max-width: 870px;
  margin-top: -4px;
}
@media (max-width: 600px) {
  .container-box {
    width: 95%;
  }
}
.container-box .process {
  margin-top: 0px;
  text-align: center;
}
@media (max-width: 600px) {
  .container-box .process {
    margin-top: 40px;
  }
}
.container-box .process .step {
  border: 1px solid #00114c;
  margin-bottom: 20px;
  text-align: left;
  display: flex;
  max-width: 870px;
  align-items: center;
}
@media (max-width: 1100px) {
  .container-box .process .step {
    flex-direction: column;
  }
}
@media (max-width: 600px) {
  .container-box .process .step {
    margin-bottom: 10px;
  }
}
.container-box .process .step .title {
  background-color: #00114c;
  color: white;
  font-size: 22px;
  padding: 30px 0px;
  text-align: center;
  width: 180px;
  letter-spacing: 1px;
  font-weight: bold;
}
@media (max-width: 1100px) {
  .container-box .process .step .title {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .container-box .process .step .title {
    font-size: 20px;
    padding: 10px 0px;
  }
}
.container-box .process .step p {
  font-size: 14px;
  color: #000;
  line-height: 1.5;
  margin-left: 35px;
  white-space: normal;
}
@media (max-width: 1100px) {
  .container-box .process .step p {
    margin-left: 0px;
  }
}
@media (max-width: 600px) {
  .container-box .process .step p {
    margin: 10px;
  }
}
.container-box .process .step p span {
  font-size: 16px;
  color: #00114c;
  font-weight: bold;
  white-space: normal;
}
@media (max-width: 600px) {
  .container-box .process .step p span {
    margin: 10px;
    line-height: 2.2;
    letter-spacing: -1px;
  }
}
.container-box .process .arrow {
  margin-bottom: 15px;
}
@media (max-width: 600px) {
  .container-box .process .arrow {
    margin-bottom: 10px;
  }
}
.container-box .divider {
  margin-top: 40px;
}
.container-box .divider img {
  width: 100%;
  height: auto;
}

.main-wrapper {
  width: 100%;
  margin: 0 auto;
  max-width: 726px;
}
.main-wrapper .image-section {
  margin: 20px 0;
  display: flex;
  justify-content: space-between;
}
.main-wrapper .image-section img {
  width: 100%;
  height: auto;
}
.main-wrapper .image-section2 img {
  width: auto;
  height: auto;
  max-width: calc(33.33% - 10px); /* Ensures that images are responsive */
}
.main-wrapper .content {
  margin-top: 30px;
  font-size: 1em;
  color: #000;
}
.main-wrapper .content p {
  white-space: normal;
  max-width: 700px;
  margin: auto;
  text-align: left;
  font-size: 14px;
}
.main-wrapper .content .button-section {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  gap: 20px;
}
.main-wrapper .content .button-section button {
  background-color: #00114c;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  font-size: 1em;
  cursor: pointer;
}
.main-wrapper .content .button-section button:hover {
  background-color: #002d8a;
}

@media (max-width: 600px) {
  .recruitment {
    display: none;
  }
}

.recruitment_ph {
  display: none;
}
@media (max-width: 600px) {
  .recruitment_ph {
    display: block;
  }
}

@media (max-width: 600px) {
  .recruitment_ph_img {
    width: 183px;
    display: block;
    margin: auto;
  }
}

.recruitment_ph01 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 40px;
  align-items: center;
}
.recruitment_ph01 img {
  width: 95%;
  max-width: 400px;
}

.pickup-section {
  background-color: #0b132b;
  padding: 55px 0;
  margin: 65px auto;
}
.pickup-section .pickup-header {
  text-align: center;
  margin-bottom: 40px;
}
.pickup-section .pickup-header img {
  width: auto;
  height: auto;
}
@media (max-width: 600px) {
  .pickup-section .pickup-header img {
    width: 274px;
  }
}
.pickup-section .slider_0 {
  position: relative;
  display: flex;
  align-items: center;
}
.pickup-section .slider_0 .slider-arrow {
  background: none;
  border: none;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
}
.pickup-section .slider_0 .slider-arrow.left-arrow {
  margin-right: 10px;
}
.pickup-section .slider_0 .slider-arrow.right-arrow {
  margin-left: 10px;
}
.pickup-section .slider_0 .slider-content {
  display: flex;
  overflow: hidden;
  margin: auto;
}
@media (max-width: 1100px) {
  .pickup-section .slider_0 .slider-content {
    flex-direction: column;
    gap: 30px;
  }
}
.pickup-section .slider_0 .slider-content a:hover {
  opacity: 0, 8;
}
.pickup-section .slider_0 .slider-content .slide1_wrap .slide1 {
  margin: 0 10px;
  text-align: center;
  background-color: #fff;
  max-width: 366px;
  min-height: 311px;
  padding: 10px;
}
@media (max-width: 600px) {
  .pickup-section .slider_0 .slider-content .slide1_wrap .slide1 {
    min-height: 260px;
  }
}
.pickup-section .slider_0 .slider-content .slide1_wrap .slide1 :hover {
  opacity: 0.8;
}
.pickup-section .slider_0 .slider-content .slide1_wrap .slide1 img {
  width: 100%;
  height: auto;
  border-radius: 0px;
  padding: 10px 0px;
}
.pickup-section .slider_0 .slider-content .slide1_wrap .slide1 .category {
  color: #000;
  margin-top: 10px;
  font-size: 14px;
  margin: 0;
  font-weight: bold;
}
.pickup-section .slider_0 .slider-content .slide1_wrap .slide1 .category_1 {
  color: #000;
  margin-top: 0px;
  font-size: 14px;
  white-space: normal;
  padding: 0 10px;
  font-weight: bold;
  text-align: left;
}
.pickup-section .slider_0 .slider-content .slide1_wrap .category_2 {
  color: #fff;
  margin-top: 10px;
  font-size: 22px;
  margin-bottom: 0;
}
@media (max-width: 600px) {
  .pickup-section .slider_0 .slider-content .slide1_wrap .category_2 {
    font-size: 16px;
  }
}

.pickup-section1 {
  background-color: #fff;
  padding: 20px;
}
.pickup-section1 .pickup-header {
  text-align: center;
  margin-bottom: 40px;
}
.pickup-section1 .pickup-header img {
  width: auto;
  height: auto;
}
@media (max-width: 600px) {
  .pickup-section1 .pickup-header img {
    width: 274px;
  }
}
.pickup-section1 a:hover {
  opacity: 0.8;
}
.pickup-section1 .pickup-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: 1158px;
  margin: auto;
}
@media (max-width: 1100px) {
  .pickup-section1 .pickup-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 1fr;
  }
}
@media (max-width: 600px) {
  .pickup-section1 .pickup-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    max-width: 100%;
    justify-content: center;
  }
}
.pickup-section1 .pickup-grid .pickup-item {
  background: #ffffff;
  padding: 10px;
  border-radius: 8px;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 600px) {
  .pickup-section1 .pickup-grid .pickup-item {
    width: 45%;
    padding: 0;
  }
}
.pickup-section1 .pickup-grid .pickup-item img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.pickup-section1 .pickup-grid .pickup-item .description {
  margin-top: 10px;
  font-size: 16px;
  color: #000;
  white-space: normal;
  text-align: left;
  font-weight: bold;
}
@media (max-width: 600px) {
  .pickup-section1 .pickup-grid .pickup-item .description {
    font-size: 12px;
  }
}

.post-title {
  text-align: center;
  margin: 20px 0;
}
.post-title a {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  display: inline-block;
}
.post-title a:hover {
  opacity: 0.8;
}
.post-title .underline {
  width: 80px;
  height: 2px;
  background-color: #0b132b;
  margin: 5px auto 0;
}

.info-section {
  background-color: #fff;
  padding: 40px 0px;
  max-width: 1170px;
  margin: auto;
}
.info-section a :hover {
  opacity: 0.8;
}
.info-section .info-header {
  text-align: center;
  margin-bottom: 30px;
}
.info-section .info-header img {
  width: 100%;
  height: auto;
}
@media (max-width: 600px) {
  .info-section .info-header img {
    object-fit: cover;
    height: 45px;
  }
}
.info-section .info-content {
  display: flex;
  justify-content: space-around;
  flex-wrap: nowrap;
  margin: auto;
  margin-bottom: 50px;
}
@media (max-width: 1100px) {
  .info-section .info-content {
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 600px) {
  .info-section .info-content {
    width: 90%;
    margin-bottom: 25px;
  }
}
.info-section .info-content .info-item {
  padding: 0px;
  border-radius: 10px;
  text-align: center;
  max-width: 420px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 600px) {
  .info-section .info-content .info-item {
    align-items: center;
  }
}
.info-section .info-content .info-item img {
  width: 100%;
  height: auto;
  max-width: 378px;
  height: 380px;
  object-fit: contain;
}
@media (max-width: 600px) {
  .info-section .info-content .info-item img {
    height: auto;
    max-width: 250px;
  }
}
.info-section .info-content .info-item .info-description {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
  color: #0b132b;
  margin: 10px 0;
}
.info-section .info-content .info-item .info-description .icon {
  width: auto;
  height: auto;
  margin-right: 8px;
}
.info-section .info-content .info-item .info-description span {
  line-height: 1;
}
.info-section .info-content .info-item .info-description {
  font-size: 18px;
  line-height: 1.5;
  color: #000;
  text-align: center;
}
.info-section .info-content .info-item p {
  white-space: normal;
  text-align: left;
  font-size: 14px;
}
.info-section .info-content .info-item1 img {
  width: 100%;
  border-radius: 0px;
  max-width: 378px;
}
.info-section .contact-section {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 600px) {
  .info-section .contact-section {
    width: 100%;
    margin: auto;
  }
}
.info-section .contact-section .line-banner {
  width: auto;
  height: auto;
  margin-bottom: 20px;
  padding-left: 57px;
}
@media (max-width: 600px) {
  .info-section .contact-section .line-banner {
    width: 100%;
    padding-left: 0%;
    margin-left: 5%;
    max-width: 440px;
  }
}
.info-section .contact-section .book-banner {
  width: auto;
  height: auto;
  margin-bottom: 20px;
}
@media (max-width: 600px) {
  .info-section .contact-section .book-banner {
    width: 86%;
    margin-bottom: 0px;
  }
}
.info-section .contact-section .phone-contact {
  background: #fff;
  border-radius: 10px;
  display: inline-block;
}
.info-section .contact-section .phone-contact p {
  margin: 5px 0;
  font-size: 14px;
  color: #000;
  white-space: normal;
}
.info-section .contact-section .phone-contact p.phone-number {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  margin: 10px 0;
}

.br_no1 {
  display: block;
}
@media (max-width: 600px) {
  .br_no1 {
    display: none;
  }
}

.qa_0_main {
  margin: auto;
  margin-bottom: 50px;
  max-width: 1197px;
}
@media (max-width: 600px) {
  .qa_0_main {
    width: 95%;
  }
}
.qa_0_main .qa_top {
  border-top: solid 1px #00114c;
  border-bottom: solid 1px #00114c;
  margin-bottom: 20px;
}
.qa_0_main .qa_top h2 {
  background-color: #00114c;
  color: #fff;
  margin: 5px auto;
  padding: 10px 20px;
  text-align: left;
  font-size: 22px;
  font-weight: bold;
}

.qa {
  font-size: 20px;
}
.qa .q {
  background-color: #fff;
  height: 60px;
  padding: 15px 40px 15px 40px;
  position: relative;
  cursor: pointer;
  color: #000;
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: -20px;
}
@media (max-width: 600px) {
  .qa .q {
    padding: 15px 40px 15px 25px;
  }
}
.qa .q:before {
  position: absolute;
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  background-color: #fff;
  right: 15px;
  top: 50%;
  transform: translate(0, -50%);
}
.qa .q:after {
  position: absolute;
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  background-color: #000;
  right: 15px;
  top: 50%;
  transform: translate(0, -50%) rotate(90deg);
}
.qa .q.active:after {
  display: none;
}
.qa .a {
  background-color: inherit;
  height: auto;
  display: none;
  padding: 15px 40px 15px 40px;
}
.qa .a p,
.qa .a a {
  text-align: left;
  white-space: normal;
  font-size: 16px;
  margin: 0;
}
.qa .a a {
  border-bottom: 1px solid #000;
  display: inline-block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.qa .a a:hover {
  opacity: 0.8;
}
@media (max-width: 600px) {
  .qa .a {
    padding: 15px 2.5vw 15px 2.5vw;
  }
}

.q_1 {
  background-color: #e2e9f2;
  height: auto;
  padding: 15px 40px 15px 37px;
  position: relative;
  cursor: pointer;
  text-align: left;
  font-size: 16px;
  margin-bottom: 5px;
}
@media (max-width: 600px) {
  .q_1 {
    height: auto;
    padding: 15px 40px 15px 15px;
  }
}
.q_1 p,
.q_1 h3 {
  position: relative;
  text-align: left;
  font-size: 16px;
  margin: 0;
  margin-bottom: 5px;
  font-weight: normal !important;
}
.q_1:before {
  position: absolute;
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  background-color: #2b7d9a;
  right: 15px;
  top: 50%;
  transform: translate(0, -50%);
}
.q_1:after {
  position: absolute;
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  background-color: #2b7d9a;
  right: 15px;
  top: 50%;
  transform: translate(0, -50%) rotate(90deg);
}

.q_1.active:after {
  display: none;
}

.a_1 {
  display: block !important;
}

.right-top3_img {
  width: 90%;
}
@media (max-width: 600px) {
  .right-top3_img {
    width: 100%;
  }
}

.special-student-section {
  margin-top: 5.4166666667vw;
  /* セクション全体のスタイル */
  /* タイトルのスタイル */
  /* タイトルの左右のライン */
  /* 説明文のスタイル */
  /* ポリシータイトルのスタイル */
  /* 矢印アイコンのスタイル */
  /* 特待生ボタンのスタイル */
  /* 注意文のスタイル */
}
.special-student-section .special-student-section {
  text-align: center;
  padding: 20px;
  font-family: sans-serif;
}
.special-student-section .section-title {
  font-size: 34px;
  font-weight: bold;
  color: #000;
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
}
.special-student-section .section-title::before,
.special-student-section .section-title::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 34px;
  height: 2px;
  background-color: #00114c;
}
.special-student-section .section-title::before {
  left: -50px;
}
.special-student-section .section-title::after {
  right: -50px;
}
.special-student-section .description {
  font-size: 14px;
  color: #000;
  line-height: 1.6;
  margin-bottom: 20px;
}
.special-student-section .policy-title {
  font-size: 18px;
  color: #000;
  margin-bottom: 0px;
}
.special-student-section .arrow-icon {
  font-size: 20px;
  color: #333;
  margin-bottom: 10px;
}
.special-student-section .special-student-button {
  background-color: #00114c;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 3px;
  font-size: 14px;
  cursor: pointer;
  margin-bottom: 27px;
  min-width: 160px;
  font-weight: bold;
}
.special-student-section .special-student-button:hover {
  opacity: 0.8;
}
.special-student-section .note {
  font-size: 14px;
  color: #000;
  margin-top: 0;
}

/* 親コンテナに中央配置のスタイルを追加 */
.center-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.entry-button {
  display: inline-flex;
  align-items: center;
  background-color: #1f4c9e; /* ボタンの背景色 */
  color: #ffffff; /* テキストの色 */
  padding: 10px 20px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  width: fit-content;
  min-width: 246px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic";
  justify-content: center;
  margin-top: 50px;
  padding-left: 27px;
}

.arrow {
  font-size: 12px;
  margin-left: 8px;
}

.scholarship_text p {
  font-size: 16px;
  text-align: center;
  width: fit-content;
  margin: auto;
  margin-bottom: 70px;
  white-space: normal;
}
@media (max-width: 600px) {
  .scholarship_text p {
    width: 90vw;
  }
}

.pickup-blog-01 img {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.pickup-item-img-column img {
  height: 180px !important;
  object-fit: cover;
}

.scholarship_wrapper {
  width: 562px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 94px;
}
@media (max-width: 600px) {
  .scholarship_wrapper {
    width: 95%;
    margin-bottom: 0px;
  }
}

.scholarship_title {
  font-size: 45pt;
  font-weight: bold;
  letter-spacing: 2px;
  margin-bottom: 24px;
}
@media (max-width: 600px) {
  .scholarship_title {
    font-size: 33pt;
  }
}

.scholarship_sub {
  font-size: 14pt;
  margin-bottom: 45px;
}

.scholarship_box {
  display: flex;
  width: 100%;
}

.scholarship_condition_sub {
  width: 97%;
  margin: 0 auto;
}

.scholarship_condition_wrapper {
  width: 545px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 68px;
}
@media (max-width: 600px) {
  .scholarship_condition_wrapper {
    width: 95%;
  }
}
.scholarship_condition_wrapper .scholarship_condition_upper {
  width: 283px;
  object-fit: cover;
  margin-bottom: 26px;
}
@media (max-width: 600px) {
  .scholarship_condition_wrapper .scholarship_condition_upper {
    width: 240px;
  }
}
.scholarship_condition_wrapper .scholarship_condition_upper_text {
  font-size: 14px;
  letter-spacing: 0.1px;
}

.scholarship_subject_wrapper {
  width: 545px;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 600px) {
  .scholarship_subject_wrapper {
    width: 90%;
  }
}

.scholarship_subject_sub {
  width: 545px;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 600px) {
  .scholarship_subject_sub {
    width: 100%;
  }
}

.scholarship_subject_upper_img {
  width: 140px;
  object-fit: cover;
  margin-bottom: 32px;
}

.scholarship_subject_sub {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px; /* 画像間の隙間を調整 */
  margin-bottom: 70px;
}
@media (max-width: 600px) {
  .scholarship_subject_sub {
    margin-bottom: 45px;
  }
}

.scholarship_subject_sub_img {
  width: 164px; /* 画像の幅を調整 */
  height: auto; /* アスペクト比を維持 */
}
@media (max-width: 600px) {
  .scholarship_subject_sub_img {
    width: 125px;
  }
}

.scholarship_apea {
  display: none;
}
@media (max-width: 600px) {
  .scholarship_apea {
    display: inline;
  }
}

.scholarship {
  margin-top: 80px;
}
@media (max-width: 600px) {
  .scholarship {
    margin-top: 30px;
  }
}

.scholarship_info {
  margin-top: 120px !important;
}
@media (max-width: 600px) {
  .scholarship_info {
    margin-top: 20px !important;
  }
}

.instructor_top {
  margin-top: 57px;
  width: 100%;
}

.instructor_top_img {
  width: 100%;
  min-height: 350px;
  object-fit: contain;
}
@media (max-width: 1000px) {
  .instructor_top_img {
    min-height: 30vh;
    object-fit: cover;
  }
}
@media (max-width: 600px) {
  .instructor_top_img {
    min-height: 24vh;
  }
}

.pankuzu {
  height: 45px;
  width: 100vw;
  box-shadow: 0 0 10px 0 rgba(246, 246, 246, 0.5);
}

.instructor_select_wrapper {
  width: 840px;
  margin: 0 auto;
}
@media (max-width: 1000px) {
  .instructor_select_wrapper {
    width: 90vw;
  }
}

.instructor_select_box {
  width: 840px;
  background-color: rgb(246, 246, 246);
  display: flex;
  height: 85px;
  margin-bottom: 86px;
}
@media (max-width: 1000px) {
  .instructor_select_box {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 86px;
  }
}
@media (max-width: 600px) {
  .instructor_select_box {
    width: 100%;
    height: auto;
    padding-top: 5vw;
    padding-bottom: 5vw;
    flex-direction: column;
    align-items: center;
  }
}
.instructor_select_box_right {
  width: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: bold;
}
@media (max-width: 1000px) {
  .instructor_select_box_right {
    width: 110px;
  }
}
.instructor_select_box_left {
  display: flex;
  text-align: center;
  align-items: center;
  width: 100%;
  justify-content: center;
}
@media (max-width: 600px) {
  .instructor_select_box_left {
    display: inline-block;
  }
}

.instructor_select_inner {
  width: 202px;
  height: 35px;
  background-color: white;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  margin-left: 6px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  box-shadow: 2px 1px 1px rgba(0, 0, 0, 0.3);
}
@media (max-width: 1000px) {
  .instructor_select_inner {
    width: 21vw;
  }
}
@media (max-width: 600px) {
  .instructor_select_inner {
    width: 90%;
    margin: 2vw auto;
  }
}

.instructor_main_wrapper {
  width: 860px;
  margin: 0 auto;
}
@media (max-width: 1000px) {
  .instructor_main_wrapper {
    width: 80vw;
    justify-content: center;
  }
}
@media (max-width: 1000px) {
  .instructor_main_wrapper {
    width: 93vw;
    justify-content: center;
  }
}

.instructor_sub_title {
  width: 175px;
  height: 40px;
  font-size: 16px;
  color: white;
  background-image: radial-gradient(at 60% 52%, rgb(6, 13, 24), rgb(15, 24, 59));
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 70px;
}
.instructor_sub_title_under {
  margin-bottom: 35px;
}

.instructor_box {
  width: 100%;
  display: flex;
  margin-bottom: 43px;
  align-items: center;
}
@media (max-width: 1000px) {
  .instructor_box {
    justify-content: center;
    margin-bottom: 5vw;
  }
}
@media (max-width: 600px) {
  .instructor_box {
    display: block;
    text-align: center;
  }
}
.instructor_box_under {
  margin-bottom: 20px;
}
@media (max-width: 600px) {
  .instructor_box_under {
    display: block;
    margin-bottom: 40px;
  }
}
.instructor_box_last {
  margin-bottom: 150px;
}
@media (max-width: 600px) {
  .instructor_box_last {
    margin-bottom: 100px;
  }
}
.instructor_box_last02 {
  margin-bottom: 173px;
}
@media (max-width: 600px) {
  .instructor_box_last02 {
    margin-bottom: 100px;
  }
}

.instructor_personal {
  width: 170px;
  object-fit: contain;
}
@media (max-width: 600px) {
  .instructor_personal {
    width: 180px;
  }
}

.instructor_text {
  padding-left: 54px;
}
@media (max-width: 1000px) {
  .instructor_text {
    padding-left: 2vw;
    width: 100%;
  }
}
@media (max-width: 600px) {
  .instructor_text {
    padding-left: 0;
  }
}
.instructor_text_main {
  font-size: 16px;
  margin-bottom: 6px;
}
@media (max-width: 600px) {
  .instructor_text_main {
    margin-top: 6px;
  }
}
.instructor_text_name {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 0px;
}
.instructor_text_name_sub {
  font-size: 16px;
  font-weight: normal;
}
.instructor_text_text {
  font-size: 14px;
  line-height: 23px;
  letter-spacing: -1px;
}
@media (max-width: 1000px) {
  .instructor_text_text {
    white-space: normal;
  }
}
@media (max-width: 600px) {
  .instructor_text_text {
    text-align: left;
    max-width: 300px;
    margin: auto;
  }
}

.instructor_title_box {
  display: flex;
  background-color: rgb(246, 246, 246);
  margin: 0 auto;
  width: 840px;
  height: 100px;
  font-size: 30px;
  font-weight: bold;
  padding-left: 36px;
  margin-bottom: 53px;
  align-items: center;
}
@media (max-width: 1000px) {
  .instructor_title_box {
    width: 90%;
    font-size: 22px;
  }
}
@media (max-width: 600px) {
  .instructor_title_box {
    width: 95vw;
  }
}
.instructor_title_box h1 {
  font-size: 30px;
  font-weight: bold;
}
@media (max-width: 1000px) {
  .instructor_title_box h1 {
    font-size: 22px;
  }
}

@media (max-width: 1000px) {
  .instructor_hid {
    display: none;
  }
}

.instructor_apea {
  display: none;
}
@media (max-width: 600px) {
  .instructor_apea {
    display: inline;
  }
}

.container_subf {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.container_subf a :hover {
  opacity: 0.8;
}
.container_subf .box {
  margin: 0 10px;
  margin: 0 10px;
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container_subf .box a {
  display: block;
  width: 100%;
  height: 100%;
}
.container_subf .box a img {
  width: 100%;
  height: auto;
  max-width: 260px;
}

.phone_sub {
  width: fit-content;
  margin: auto;
  margin-top: 30px;
  text-align: center;
  margin-bottom: 100px;
}
.phone_sub a {
  display: block;
}
.phone_sub a img {
  width: 100%;
  max-width: 200px;
}
.phone_sub p {
  margin-top: 10px;
  font-size: 12px;
  color: #0b1a39;
}

.zero1_coach_top_img {
  width: 100vw;
  height: 520px;
  object-fit: cover;
}

.press_main {
  max-width: 1200px;
  margin: auto;
  margin-top: 150px;
  margin-bottom: 100px;
  width: 90%;
}
@media (max-width: 600px) {
  .press_main {
    margin-top: 100px;
  }
}

.press__title {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: left;
  color: #00114c;
  line-height: 1;
}
.press__title span {
  font-size: 0.9rem;
  color: #00114c;
}
.press__filters {
  margin: 1rem 0;
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.press__filters button {
  background: #00114c;
  color: #fff;
  border: none;
  padding: 0.2rem 1rem;
  border-radius: 9999px;
  cursor: pointer;
  border: solid 1px #00114c;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.press__filters button:hover {
  background: #fff;
  color: #00114c;
  border: solid 1px #00114c;
}
.press__list {
  list-style: none;
  padding: 0;
}
.press__list .press__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
  border-bottom: 1px solid #ccc;
}
.press__list .press__item .press__content {
  flex: 1;
  text-align: left;
  max-width: 700px;
}
.press__list .press__item .press__content .press__subtitle {
  font-weight: bold;
  margin-bottom: 0.3rem;
  white-space: normal;
  font-size: 14px;
}
.press__list .press__item .press__content .press__description {
  font-size: 0.9rem;
  margin-bottom: 0.3rem;
}
.press__list .press__item .press__content .press__date {
  font-size: 0.8rem;
  color: #000;
  display: flex;
  gap: 5px;
}
.press__list .press__item .press__content .press__date img {
  width: 18px;
  object-fit: contain;
}
.press__list .press__item .press__thumbnail {
  margin-left: 1rem;
}
.press__list .press__item .press__thumbnail img {
  width: 120px;
  height: 80px;
  object-fit: cover;
}
.press__list .hidden {
  display: none !important;
}

.press__item_first {
  border-top: 1px solid #ccc;
}

.press__item {
  display: flex;
  align-items: center; /* 垂直中央揃え（必要に応じて） */
  gap: 16px; /* コンテンツとサムネイルの間にスペース */
}

.press__content {
  flex: 1; /* コンテンツエリアを広げる */
}/*# sourceMappingURL=style.css.map */