/* page.css
   固定ページメインCSS */

:-webkit-any(article, aside, nav, section) h1 {
  margin-block-start: 0;
  margin-block-end: 0;
}

html {
  scroll-behavior: smooth;
}

p {
  margin-block-start: 0;
  margin-block-end: 0;
}

a {
  transition: all 0.2s ease-in;
}

a:hover {
  opacity: 0.5;
  transition: all 0.2s ease-in;
}

/*---------------------------------------------ページ幅*/

/*.page-main*/
.page-main,
.w-800 {
  width: 93%;
  max-width: 800px;
  margin: 0 auto;
}

.w-1100 {
  width: 93%;
  max-width: 1100px;
  margin: 0 auto;
}

.p-main {
  display: block;
  max-width: 800px;
  margin: 0 auto;
  text-align: justify;
  word-break: break-all;
}

.page-wide {
  max-width: 1400px;
  margin: 0 auto;
}

.slider-page-600 {
  width: 93% !important;
  max-width: 600px;
  margin: 0 auto;
}

.slider-page-800 {
  width: 93% !important;
  max-width: 800px;
  margin: 0 auto;
}

.slider-page-1100 {
  width: 93% !important;
  max-width: 1100px;
  margin: 0 auto;
}

.slider-page h1 {
  width: 93% !important;
  max-width: 93%;
  margin: 0 auto;
}

@media screen and (max-width: 850px) {
  .page-main,
  .page-wide {
    width: 93%;
    max-width: 800px;
  }

  .slider-page-1100 {
    max-width: none;
  }

  .w-800,
  .w-1100 {
    width: 100%;
    max-width: none;
  }
}

.full-bleed {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.bg-blue {
  background-color: #edf7fc;
}

.bg-gray {
  background-color: #f7f7f7;
}

.bg-lgblue {
  background-color: #56b7e6;
}

.bg-red {
  background-color: #d50032;
}

.bg-dkblue {
  background-color: #003a70;
}

.bg-yellow {
  background-color: #f1c400;
}

.bg-green {
  background-color: #008655;
}

.bg-purple {
  background-color: #5c068c;
}

.bg-pink {
  background-color: #d0006f;
}

.bg-wh-r {
  background-color: #fff;
  border-radius: 0 0 50px 0;
  padding-left: 40px;
  padding-right: 40px;
  width: 100%;
}

@media screen and (max-width: 850px) {
  .bg-wh-r {
    width: 93%;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
  }
}
/*---------------------------------------------テキスト設定*/
h1 {
  font-size: 40px;
  font-weight: 400;
  text-align: center;
  color: #008ad8;
  padding-top: 80px;
  letter-spacing: 0.1rem;
  line-height: 140%;
}

h2,
h3 {
  letter-spacing: 0.1rem;
}

.entry-content {
  line-height: 1.8;
}

.lead {
  font-size: 16px;
  color: #008ad8;
  font-weight: 600;
  margin: 0;
}

.font-red {
  color: #d50032;
}

@media screen and (max-width: 768px) {
  h1 {
    font-size: 28px;
    margin-top: 60px;
  }
}

/*---------------------------------------------リンクテキスト*/
.link-int {
  align-items: flex-start;
  width: 100%;
}

.link-int figure {
  width: 20px !important;
  height: 20px !important;
}

.link-int p a {
  line-height: 20px;
  border-bottom: 1px solid #003a70;
  word-break: break-all;
}

.link-int figure img {
  vertical-align: sub;
  border-radius: 0;
}

.link-int p {
  display: block;
  width: calc(100% - 30px);
}

/*PDFリンク*/
.link-pdf {
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  flex-grow: unset;
}

.link-pdf p {
  display: inline-block;
}

.link-pdf p a {
  line-height: 20px;
  border-bottom: 1px solid #003a70;
}

.link-pdf figure {
  width: 40px !important;
  height: 16px;
  flex-shrink: 0;
}

.link-pdf figure img {
  vertical-align: top;
  width: 100% !important;
}

.p-main a,
.p-wide a,
.link-tx {
  color: #003a70 !important;
  border-bottom: 1px solid #003a70 !important;
}

/*---------------------------------------------ボタン*/
.btn-bl {
  justify-content: center;
}

.btn-bl a {
  background-color: #008ad8;
  color: #fff !important;
  font-size: 16px;
  font-weight: 500;
  padding: 18px 100px;
  border-radius: 0;
  transition: background-color 0.2s ease-in-out;
  text-decoration: none;
}

.btn-bl a:hover {
  background-color: #0073b6;
  color: #fff !important;
  opacity: 1;
}

@media screen and (max-width: 550px) {
  .btn-bl {
    width: 100%;
  }

  .btn-bl div {
    flex: 1;
  }

  .btn-bl a {
    padding: 15px;
  }
}

/*---------------------------------------------テキストレスポンシブ用*/
@media screen and (max-width: 850px) {
  .t-20 {
    font-size: 20px !important;
  }

  .t-18 {
    font-size: 18px !important;
  }

  .t-16 {
    font-size: 16px !important;
  }

  .t-15 {
    font-size: 15px !important;
  }

  .h2-32 {
    font-size: 32px !important;
  }

  .h2-28,
  .h3-28 {
    font-size: 28px !important;
    font-weight: 400;
  }

  .h2-20,
  .h3-20,
  .h4-20 {
    font-size: 20px !important;
  }
}

/*------------------------------横並びブロック-blue-ずらし*/
.page-main .column-blue,
.page-wide .column-blue,
.home .column-blue,
.slider-page .column-blue,
.slider-page-l .column-blue {
  width: 96%;
  margin: 0 auto;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 0;
}

.page-main .column-img,
.page-wide .column-img,
.home .column-img,
.slider-page .column-img,
.slider-page-l .column-img {
  position: absolute;
  width: 48%;
  height: auto;
  max-width: 700px;
  max-height: 400px;
  z-index: 55;
  display: block;
  margin: 0;
}

.page-main .column-text,
.page-wide .column-text,
.home .column-text,
.slider-page .column-text,
.slider-page-l .column-text {
  background-color: #cce9f7;
  width: 100%;
  min-height: 400px;
  padding: 60px 80px 60px 51.5%;
  margin-top: 50px;
  margin-left: 50px;
  z-index: 50;
  position: relative;
}

@media screen and (max-width: 1200px) {
  .page-main .column-blue,
  .page-wide .column-blue,
  .home .column-blue,
  .slider-page .column-blue,
  .slider-page-l .column-blue {
    width: 93%;
    margin: 0 auto;
  }

  .page-main .column-text,
  .page-wide .column-text,
  .home .column-text,
  .slider-page .column-text,
  .slider-page-l .column-text {
    background-color: #cce9f7;
    width: 100%;
    min-height: 400px;
    padding: 40px 40px 40px 51.5%;
    margin-top: 50px;
    margin-left: 50px;
    z-index: 50;
    position: relative;
  }
}

@media screen and (max-width: 850px) {
  .page-main .column-blue,
  .page-wide .column-blue,
  .home .column-blue,
  .slider-page .column-blue,
  .slider-page-l .column-blue {
    justify-content: center;
    flex-direction: column;
  }

  .page-main .column-img,
  .page-wide .column-img,
  .home .column-img,
  .slider-page .column-img,
  .slider-page-l .column-img {
    width: 100%;
    max-width: 700px;
    position: static;
  }

  .page-main .column-text,
  .page-wide .column-text,
  .home .column-text,
  .slider-page .column-text,
  .slider-page-l .column-text {
    padding: 120px 28px 40px;
    margin-left: 0;
    margin-top: -90px;
    z-index: 50;
    position: static;
  }
}

/*--------------------横並びブロック-画像＋テキストプレーン*/
.w-1100-column {
  width: 93%;
  max-width: 1100px;
  margin: 0 auto;
  flex-wrap: nowrap;
  gap: 3%;
}

.w-1400-column {
  width: 87.5%;
  max-width: 1400px;
  margin: 0 auto;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 2.3%;
}

.w-1400-column figure,
.w-1100-column figure {
  width: 50%;
}

.w-1400-column figure img,
.w-1100-column img {
  width: 100% !important;
}

.w-1400-column p {
  width: 47.7%;
}

.w-1100-column p {
  width: 47%;
}

.w-1100-column p a {
  color: #003a70 !important;
  border-bottom: 1px solid #003a70 !important;
  word-break: break-all;
}

@media screen and (max-width: 768px) {
  .w-1100-column,
  .w-1400-column {
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }

  .w-1400-column figure,
  .w-1100-column figure,
  .w-1400-column p,
  .w-1100-column p {
    width: 100%;
  }
}

/*左にリンク・PDFパターン・ボタンはいる場合 w-1100-column-in*/
.w-1100-column-in figure,
.w-1100-column-in div {
  width: 50%;
  height: auto;
  margin-left: 0 !important;
}

.w-1100-column-in div p {
  width: 100%;
}

.w-1100-column-in .link-pdf {
  width: 100%;
  align-items: center;
  padding-top: 28px;
}

.w-1100-column-in .link-pdf p {
  width: auto;
}

.w-1100-column-in .link-pdf figure {
  width: 40px;
  height: 16px;
}

.w-1100-column-in .link-int {
  width: 100%;
}

.w-1100-column-in .link-int figure {
  width: 21px;
  height: 20px;
}

@media screen and (max-width: 850px) {
  .w-1100-column-in figure,
  .w-1100-column-in div {
    width: 100%;
    height: auto;
  }

  .w-1100-column-in div p {
    width: 100%;
  }

  .w-1100-column-in .link-pdf {
    padding-top: 14px;
  }
}

/*-----------------------------------------------表(左グレー、ヘッダーなし)*/
.table-gray table tr td {
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  border: #cccccc solid 1px;
  padding: 14px 40px;
  vertical-align: middle;
  text-align: left;
  text-align: justify;
  word-break: break-all;
}

.table-gray table tr td:nth-child(1) {
  width: 30%;
  text-align: center;
  background-color: #f7f7f7;
  font-weight: 500;
}

.table-gray table tr td a {
  color: #003a70 !important;
  text-decoration: underline !important;
}

@media screen and (max-width: 768px) {
  .table-gray table tr td {
    font-size: 14px;
    padding: 10px;
  }

  .table-gray table tr td:nth-child(1) {
    width: 35%;
  }

  .table-gray table tr td:nth-child(2) {
    width: 65%;
  }
}

/*------------------------------------------------表(背景なし、ヘッダーなし上下グレー線)*/

.table-gray-op table tr td {
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  border-top: #cccccc solid 1px;
  border-bottom: #cccccc solid 1px;
  border-left: none;
  border-right: none;
  padding: 14px 0;
  vertical-align: middle;
  text-align: left;
  text-align: justify;
  word-break: break-all;
}

.table-gray-op table tr td:nth-child(1) {
  width: 20%;
  text-align: left;
  font-weight: 500;
}

.table-gray-op table tr td {
  vertical-align: baseline;
}

@media screen and (max-width: 768px) {
  .table-gray-op table tr td {
    font-size: 14px;
    padding: 10px;
  }
}

/*----------------------------------------------表(背景なし、ヘッダーあり(水色ヘッダー)*/

.table-blue-h table thead,
.table-blue-h table thead tr,
.table-blue-h table thead tr th {
  border: #cccccc solid 1px;
  background-color: #edf7fc;
  font-weight: 500;
  padding: 14px;
}

.table-blue-h::-webkit-scrollbar {
  background: #f7f7f7;
  height: 10px;
}

.table-blue-h::-webkit-scrollbar-thumb {
  background-color: #008ad8;
  border-radius: 10px;
}

.table-blue-h table tr td {
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  border: #cccccc solid 1px;
  padding: 14px;
  vertical-align: middle;
  text-align: left;
  text-align: justify;
  word-break: break-all;
  min-width: 100px;
}

.table-blue-h table tr td a {
  color: #003a70 !important;
  text-decoration: underline !important;
}

@media screen and (max-width: 768px) {
  .table-blue-h table tr td {
    font-size: 14px;
    padding: 10px;
  }

  .table-blue-h table tr td:nth-child(1) {
    width: 35%;
  }

  .table-blue-h table tr td:nth-child(2) {
    width: 65%;
  }
}

/*---------------------------------------------表の結合*/
.colspan-h {
  text-align: center;
}
/*----------------------------------------------画像＋表*/
.page-main .w-1100-row,
.page-wide .w-1100-row {
  width: 93%;
  max-width: 1100px;
  margin: 0 auto;
  flex-wrap: nowrap;
  gap: 50px;
}

.page-main .w-1100-row .w-1100-row-img,
.page-wide .w-1100-row .w-1100-row-img {
  width: 30%;
}

.p-main .w-1100-row .w-1100-row-img img,
.page-wide .w-1100-row .w-1100-row-img img {
  width: 100%;
  height: auto;
}

.page-main .w-1100-row .w-1100-row-tb,
.page-wide .w-1100-row .w-1100-row-tb {
  width: 70%;
}

@media screen and (max-width: 768px) {
  .page-main .w-1100-row,
  .page-wide .w-1100-row {
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 60px;
  }

  .page-main .w-1100-row .w-1100-row-img,
  .page-wide .w-1100-row .w-1100-row-img {
    width: 100%;
    max-width: 500px;
  }

  .page-main .w-1100-row .w-1100-row-tb,
  .page-wide .w-1100-row .w-1100-row-tb {
    width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .page-main .w-1100-row,
  .page-wide .w-1100-row {
    gap: 60px;
  }

  .page-main .w-1100-row .w-1100-row-img,
  .page-wide .w-1100-row .w-1100-row-img {
    max-width: 300px;
  }
}

/*----------------------------------------------画像＋h3+テキスト（水色背景）×3*/
.page-main .three-column,
.page-wide .three-column {
  display: flex;
  width: 85%;
  max-width: 1400px;
  margin: 0 auto;
  flex-wrap: nowrap;
  gap: 3.5%;
  align-items: stretch;
}

.page-main .three-column-box,
.page-wide .three-column-box {
  display: flex;
  flex-direction: column;
  width: 32.16666%;
}

.page-main .three-column-box .three-column-img img,
.page-wide .three-column-box .three-column-img img {
  width: 100%;
  height: auto;
}

.page-main .three-column-box .three-column-text-box,
.page-wide .three-column-box .three-column-text-box {
  width: 100%;
  background-color: #cce9f7;
  padding: 20px 28px 40px;
  flex-grow: 1;
}

.page-main .three-column-box .three-column-text-box h3,
.page-wide .three-column-box .three-column-text-box h3 {
  margin-bottom: 14px;
}

.page-main .three-column-box .three-column-text-box .three-column-text,
.page-wide .three-column-box .three-column-text-box .three-column-text {
  line-height: 1.5;
}

@media screen and (max-width: 850px) {
  .page-main .three-column,
  .page-wide .three-column {
    flex-direction: column;
    max-width: 500px;
    gap: 40px;
  }

  .page-main .three-column-box,
  .page-wide .three-column-box {
    width: 100%;
  }

  .page-main .three-column-box .three-column-img,
  .page-wide .three-column-box .three-column-img {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 500px) {
  .page-main .three-column,
  .page-wide .three-column {
    width: 100%;
    max-width: none;
    gap: 40px;
  }
}

/*three-column-r*/

.three-column-r {
  display: flex;
  width: 85%;
  max-width: 1400px;
  margin: 0 auto;
  flex-wrap: nowrap;
  gap: 2%;
  align-items: stretch;
  justify-content: flex-start !important;
}

.three-column-r-box {
  display: flex;
  flex-direction: column;
  width: 32.16666%;
}

.three-column-r-text-box {
  width: 100%;
  padding: 10px 10px 40px;
}

.three-column-r figure,
.three-column-r figure a {
  margin: 0 !important;
  width: 100%;
  height: auto;
}

.three-column-r img {
  width: 100%;
  border-radius: 0 0 50px 0;
}

@media screen and (max-width: 850px) {
  .three-column-r {
    width: 100%;
    flex-direction: column;
    max-width: 500px;
    gap: 40px;
    padding: 0 3.5%;
  }

  .three-column-r-box {
    width: 100%;
  }

  .three-column-r img {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 550px) {
  .three-column-r {
    gap: 0px;
  }
}

/*----------------------------------------------画像(角丸)＋h2(紺)+テキスト×4*/
.four-column {
  display: flex;
  width: 85%;
  max-width: 1400px;
  margin: 0 auto;
  flex-wrap: nowrap;
  gap: 2%;
  align-items: stretch;
  justify-content: flex-start !important;
}

.four-column-box {
  display: flex;
  flex-direction: column;
  width: 23.5%;
  flex: 1;
}

.four-column-img {
  margin: 0 !important;
}

.four-column-box .four-column-img img,
.four-column-box .four-column-img a {
  width: 100%;
  height: auto;
  border-radius: 0 0 50px 0;
}

.four-column-box .four-column-text-box {
  width: 100%;
  padding: 10px 10px 40px;
  flex-grow: 1;
}

.four-column-box .four-column-text-box h2 {
  margin-bottom: 10px;
}

.four-column-box .four-column-text-box .four-column-text {
  line-height: 1.5;
}

/*4つの際に、4つ以下の横並びの場合の調整*/
.four-column .four-column-box-none {
  flex: none;
}

@media screen and (max-width: 820px) {
  .four-column {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap !important;
    /* max-width: 600px; */
    gap: 3%;
  }

  .four-column-box {
    width: 48%;
    flex: auto !important;
  }

  .four-column .four-column-box-none {
    flex: none !important;
  }

  .four-column-box .four-column-img .four-column-box .four-column-img a {
    width: 100%;
    margin: 0;
  }
}

@media screen and (max-width: 599px) {
  .four-column {
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
    max-width: none;
    gap: 28px;
  }

  .four-column-box {
    width: 100%;
  }
}

/*--------------------------------------------リンク一覧.link-archive*/
.link-archive-box {
  margin: 0 auto;
  width: 93%;
  max-width: 1100px;
  gap: 28px;
  justify-content: center;
  flex-wrap: wrap !important;
}

@media screen and (max-width: 550px) {
  .link-archive-box {
    width: 93%;
    max-width: 93%;
    flex-direction: row;
    flex-wrap: wrap !important;
  }
}

/*-------------------------------------------アンカーリンクボックス横並び*/

.anchor-link-box {
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 0;
  text-align: center;
}

.anchor-link-item {
  flex: 1;
  text-align: center;
  height: 120px;
  padding: 20px 0;
  border-right: 1px solid #003a70;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.anchor-link-item:first-child {
  border-left: 1px solid #003a70;
}

.anchor-link-txt {
  padding-bottom: 0px;
  display: block;
}

.anchor-link-arrow {
  width: 10px;
  height: auto;
}

@media screen and (max-width: 1200px) {
  .slider-page .anchor-link-box {
    width: 93%;
    height: auto;
  }

  .p-main .anchor-link-box,
  .p-wide .anchor-link-box {
    width: 100%;
  }

  .anchor-link-txt {
    height: 40px;
  }
}

@media screen and (max-width: 550px) {
  .anchor-link-box {
    flex-direction: column;
    justify-content: space-between;
    padding: 0 5%;
  }

  .anchor-link-item:first-child {
    border-left: none;
    border-top: 1px solid #003a70;
  }

  .anchor-link-item {
    width: 100%;
    text-align: center;
    padding: 20px 0;
    border: none;
    border-bottom: 1px solid #003a70;
  }

  .anchor-link-txt a {
    font-size: 20px;
    display: block;
  }

  .anchor-link-arrow {
    width: 8px;
  }
}

/*-----------------------------------------------------カラフルなボタンセクション*/

.colorful-btn-container {
  width: 93%;
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  padding: 0;
  list-style: none;
}

.colorful-btn-container div {
  width: 49%;
  margin: 0 !important;
}

.colorful-btn-container div div {
  width: 100%;
}

.colorful-btn-item {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 10px 0;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: opacity 0.3s;
}

.colorful-btn-item:hover {
  opacity: 0.8;
}

.colorful-btn-item__arrow {
  width: 30px;
  height: 30px;
}

.colorful-btn-item a {
  border-radius: 0 0 20px 0;
  padding: 28px 80px;
  display: flex;
  align-items: center;
  justify-content: space-between !important;
}

@media (max-width: 850px) {
  .colorful-btn-container {
    width: 100%;
  }

  .colorful-btn-item a {
    border-radius: 0 0 20px 0;
    padding: 28px 30px;
    font-size: 22px !important;
  }

  .colorful-btn-item {
    padding: 8px 0;
  }
}

@media (max-width: 550px) {
  .colorful-btn-container {
    flex-direction: column;
  }

  .colorful-btn-container div {
    width: 100%;
  }

  .colorful-btn-item {
    padding: 5px 0;
  }
  .colorful-btn-item a {
    padding: 15px 20px;
    font-size: 16px !important;
    font-weight: 400;
  }

  .colorful-btn-item__arrow {
    width: 20px;
    height: 20px;
  }
}

/*---------------------------------------------大画像*/
.img-large {
  width: 93%;
  max-width: 1100px;
  margin: 0 auto;
}

.img-large img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 768px) {
  .img-large {
    width: 100%;
    max-width: none;
  }
}

/*---------------------------------------------中画像*/
.page-main .img-middle,
.page-wide .img-middle,
.slider-page .img-middle {
  width: 93%;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.page-main .img-middle img,
.page-wide .img-middle img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 768px) {
  .page-main .img-middle,
  .page-wide .img-middle {
    width: 100%;
    max-width: none;
  }
}

/*---------------------------------------------you tube*/
iframe[src*="youtube.com"],
iframe[src*="youtube-nocookie.com"] {
  aspect-ratio: 16 / 9;
  width: 93%;
  max-width: 1100px;
  height: auto;
}

.youtube-res {
  text-align: center;
  width: 60%;
  margin: 0 auto;
}

@media screen and (max-width: 550px) {
  .youtube-res {
    width: 100%;
  }

  iframe[src*="youtube.com"],
  iframe[src*="youtube-nocookie.com"] {
    width: 100%;
  }
}
/*------------------------------------------------ライン*/
.line-gray {
  width: 800px !important;
  margin: 0 auto;
  color: #cccccc;
  border-bottom: 1px solid;
}

@media screen and (max-width: 768px) {
  .line-gray {
    width: 100% !important;
    margin: 0 auto;
  }
}

.line-gray-1100 {
  width: 93% !important;
  max-width: 1100px !important;
  margin: 0 auto;
  color: #cccccc;
  border-bottom: 1px solid;
}

@media screen and (max-width: 768px) {
  .line-gray-1100 {
    margin: 0 auto;
  }
}

.line-gray-dashed {
  width: 100% !important;
  margin: 0 auto;
  border-bottom: 1px dashed #cccccc;
}

@media screen and (max-width: 768px) {
  .line-gray-dashed {
    width: 100% !important;
    margin: 0 auto;
  }
}

/*---------------------------------------------アクセスマップ*/

@media screen and (min-width: 1200px) {
  .page-main .access-map-1200,
  .page-wide .access-map-1200 {
    width: 1100px;
    margin: 0 auto;
    gap: 0;
    border: #cccccc solid 1px;
  }

  .page-main .access-map-1200 .access-map-box,
  .page-wide .access-map-1200 .access-map-box {
    width: 50%;
    height: 450px;
    overflow: hidden;
  }

  .page-main .access-map-1200 .access-text-box,
  .page-wide .access-map-1200 .access-text-box {
    width: 50%;
    padding: 50px;
  }

  .page-main .access-map-769,
  .page-wide .access-map-769 {
    display: none;
  }

  .page-main .access-map-768,
  .page-wide .access-map-768 {
    display: none;
  }
}

@media screen and (max-width: 1200px) {
  .page-main .access-map-1200,
  .page-wide .access-map-1200 {
    display: none;
  }

  .page-main .access-map-768,
  .page-wide .access-map-768 {
    display: none;
  }

  .page-main .access-map-769,
  .page-wide .access-map-769 {
    width: 709px;
    gap: 0;
    overflow: hidden;
    margin: 0 auto;
    border: #cccccc solid 1px;
  }

  .page-main .access-map-769 .access-map-box,
  .page-wide .access-map-769 .access-map-box {
    width: 50%;
    height: 400px;
    overflow: hidden;
  }

  .page-main .access-map-769 .access-text-box,
  .page-wide .access-map-769 .access-text-box {
    width: 49.5%;
    padding: 28px;
  }
}

@media screen and (max-width: 540px) {
  .page-main .access-map-1200,
  .page-wide .access-map-1200 {
    display: none;
  }

  .page-main .access-map-769,
  .page-wide .access-map-769 {
    display: none;
  }

  .page-main .access-map-768,
  .page-wide .access-map-768 {
    display: flex;
    width: 344px;
    overflow: hidden;
    margin: 0 auto;
    border: #cccccc solid 1px;
    flex-direction: column;
    align-items: center;
    gap: 0;
  }

  .page-main .access-map-768 .access-map-box,
  .page-wide .access-map-768 .access-map-box {
    width: 100%;
  }

  .page-main .access-map-768 .access-text-box,
  .page-wide .access-map-768 .access-text-box {
    width: 100%;
    padding: 30px 14px;
  }
}

/*---------------------------------------------------------top*/

.home h1 {
  padding-top: 0;
}

.home .fv-slider-wrapper {
  position: relative;
}

@media (max-width: 550px) {
  .home .fv-slider-wrapper {
    height: 70vh;
  }
}

.home .fv-inner {
  position: absolute;
  z-index: 10;
  top: 133px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 100%;
  max-width: 1400px;
  height: 70vh;
  background-color: transparent;
  padding: 5% 4.44444444% 0 4.4444444%;
}

.home .fv-inner-right-box,
.home .fv-inner-left-box {
  width: 50%;
  flex-shrink: 0;
}

.home .fv-inner-left-box {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 3%;
  align-items: flex-start;
}

.home .fv-inner-left-box .fv-inner-left-inner {
  margin: 0 !important;
  color: #000000;
  background: #ffffff;
  padding: 14px 50px 16px;
  width: 80%;
  border-radius: 30px;
}

.home .fv-inner-left-box .fv-inner-left-inner .news-title-top a {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.5;
}

.home .fv-inner-left-box .fv-inner-left-inner .wp-block-post-date {
  line-height: 1.4;
  margin-bottom: 5px;
}

.home .fv-inner-left-box .fv-inner-left-inner time {
  font-size: 12px;
  color: #003a70;
}

.home .fv-inner-right-box {
  height: 100%;
}

.home .fv-inner-right-box figure {
  width: 100%;
  height: 60%;
}

.home .fv-inner-right-box figure {
  padding-top: 8%;
  margin-right: 0 !important;
}

.home .fv-inner-right-box figure img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: right;
  max-width: none;
}

.home .fv-inner-left-box .fv-inner-left-inner .news-title-top a {
  display: block;
}

@media screen and (max-width: 920px) {
  .home .fv-inner {
    flex-direction: column;
    flex-flow: column-reverse;
    top: 70px;
  }

  .home .fv-inner-left-box {
    width: 100%;
  }

  .home .fv-inner-left-box {
    justify-content: center;
    padding-bottom: 5%;
    align-items: center;
    padding-left: 0;
    height: 150px;
  }

  .home .fv-inner-left-box .fv-inner-left-inner {
    width: 80%;
  }

  .home .fv-inner-right-box,
  .home .fv-inner-right-box figure {
    width: 70%;
    height: 70%;
  }

  .home .fv-inner-right-box figure {
    padding-top: 30%;
  }

  .home .fv-inner-right-box,
  .home .fv-inner-right-box figure img {
    height: 75%;
    width: 100%;
  }
}

@media screen and (max-width: 550px) {
  .home .fv-inner {
    height: 70vh;
    padding-top: 0;
    gap: 0;
  }

  .home .fv-inner-left-box {
    padding-bottom: 0;
  }

  .home .fv-inner-left-box .fv-inner-left-inner {
    width: 85%;
    height: auto;
    border-radius: 45px;
    padding: 12px 30px 14px;
  }

  .home .fv-inner-left-box .fv-inner-left-inner ul {
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0;
  }

  .home .fv-inner-left-box .fv-inner-left-inner .news-title-top a {
    font-size: 14px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: unset;
  }

  .home .fv-inner-right-box figure {
    width: 65%;
    height: 65%;
  }

  .home .fv-inner-right-box figure {
    padding-top: 40%;
  }

  .home .fv-inner-right-box figure img {
    height: 75%;
    width: 100%;
  }
}

.news-top-title-area {
  justify-content: space-between;
}

.news-top-btn a {
  font-weight: 500;
  background-color: transparent;
  line-height: 38px;
  padding: 0 25px;
  border-left: #000000 1.5px solid;
  border-right: #000000 1.5px solid;
  border-radius: 0;
}

.news-top-box {
  display: flex;
  gap: 2%;
  padding: 15px 0;
  align-items: center;
  border-bottom: 1px #000000 solid;
}

.news-top-box-cont:first-child {
  border-top: 1px #000000 solid;
}

.news-top-box figure {
  width: 20%;
  aspect-ratio: 1/1;
  margin: 0 !important;
}

.news-top-box figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.news-top-box .wp-block-group {
  width: 68%;
}

.news-top-box .news-top-box-txt-area .wp-block-group {
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  gap: 14px;
  padding-bottom: 14px;
}

.news-top-box .news-top-box-txt-area h2 {
  color: #003a70;
}

.news-top-box .taxonomy-category {
  font-size: 11px;
  color: #ffffff;
  background: #003a70;
  padding: 4px 25px;
}

.news-top-box time {
  font-size: 14px;
  color: #003a70;
  line-height: 30px;
}

@media screen and (max-width: 550px) {
  .news-top-box figure {
    width: 25%;
  }

  .news-top-box .news-top-box-txt-area {
    max-height: 90px;
    overflow: hidden;
  }

  .news-top-box .news-top-box-txt-area h2 {
    font-size: 15px;
    line-height: 1.4;
  }

  .news-top-box .taxonomy-category {
    padding: 3px 20px;
  }

  .news-top-box .news-top-box-txt-area h2 a {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: unset;
  }
}

.home-column-blue {
  flex-direction: row-reverse;
}

.home .column-blue {
  max-width: 1400px;
}

.home .home-column-text {
  padding: 60px 51.5% 0 80px;
  margin-left: 0;
  margin-right: 50px;
}

.home .column-img {
  overflow: hidden;
  border-radius: 0 0 100px 0;
}

.home .column-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media screen and (max-width: 1200px) {
  .home .home-column-text {
    padding: 40px 51.5% 40px 40px;
  }
}

@media screen and (max-width: 850px) {
  .home .column-blue .column-img {
    max-width: none;
  }

  .home .home-column-text {
    padding: 120px 28px 40px;
  }

  .home .column-img {
    max-height: none;
  }
}

.top-banner-area {
  gap: 3%;
}

@media screen and (max-width: 850px) {
  .top-banner-area {
    width: 100%;
    flex-direction: column;
    gap: 14px;
  }

  .top-banner-area figure,
  .top-banner-area figure img {
    width: 100%;
  }
}

/*--------------------------------------------------------------news*/

.news-archive-page {
  width: 93%;
  max-width: 800px;
  margin: 0 auto;
}

.news-archive-page h1 {
  font-size: 40px;
  padding-bottom: 40px;
  text-align: center;
  color: #008ad8;
}

.news-list-wrapper {
  padding-bottom: 40px;
}

.news-list-wrapper .news-content-box {
  display: flex;
  padding: 20px 0;
  border-bottom: 1px solid #000000;
  gap: 28px;
}

.news-content-box .news-list-thumb {
  height: 150px;
  width: 150px;
  overflow: hidden;
  flex-shrink: 0;
}

.news-content-box .news-list-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.news-content-box .news-list-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  flex-grow: 1;
}
.news-content-box .news-list-content .news-date {
  font-size: 16px;
  color: #003a70;
}

.news-content-box .news-list-content .news-title {
  font-size: 22px;
  color: #003a70;
  line-height: 1.4;
}

.nav-links {
  padding-bottom: 80px;
  display: flex;
  justify-content: center;
  gap: 28px;
}

.nav-links span,
.nav-links a {
  font-size: 20px;
  color: #003a70;
  font-weight: 400;
}

.nav-links .current {
  border-bottom: 1px solid #003a70;
}

@media screen and (max-width: 550px) {
  .news-archive-page h1 {
    font-size: 28px;
  }

  .news-list-wrapper .news-content-box {
    gap: 14px;
  }

  .news-content-box .news-list-thumb {
    height: 100px;
    width: 100px;
  }

  .news-content-box .news-list-content .news-date {
    font-size: 14px;
  }

  .news-content-box .news-list-content .news-title {
    font-size: 16px;
  }

  .nav-links {
    padding-bottom: 80px;
    gap: 14px;
  }

  .nav-links span,
  .nav-links a {
    font-size: 18px;
  }
}

/*--------------------------------------------------------------news-single*/

.news-page-single {
  width: 93%;
  max-width: 900px;
  margin: 0 auto;
}

.news-page-single h1 {
  font-size: 32px;
  font-weight: 400;
  padding-top: 40px;
  padding-bottom: 80px;
}

.news-page-single .entry-meta {
  text-align: center;
}

.news-page-single .entry-meta .post-date {
  padding-top: 80px;
  font-size: 20px;
  color: #008ad8;
  text-align: center;
}

.news-page-single .date,
.news-page-single time,
.news-page-single .post-type-content {
  display: none;
}

.news-page-single article {
  padding-bottom: 80px;
}

.news-page-single p {
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  max-width: 900px;
  margin: 0 auto;
}

.news-page-single p a {
  font-size: 16px;
  color: #003a70 !important;
  border-bottom: 1px solid #003a70;
  font-weight: 500;
}

.news-page-single .wp-block-image {
  text-align: center;
}

.news-page-single .is-layout-flex {
  align-items: flex-start;
}

.news-page-single hr {
  width: 100% !important;
  border-bottom: 1px solid #ccc;
}

.news-page-single .link-int {
  max-width: none;
}

.news-page-single .link-pdf {
  align-items: center;
}

.news-page-single .link-pdf p {
  margin: 0;
}

.news-page-single .wp-block-button a {
  background-color: #008ad8;
  color: #fff !important;
  font-size: 16px;
  font-weight: 500;
  padding: 18px 100px;
  border-radius: 0;
  transition: background-color 0.2s ease-in-out;
  text-decoration: none;
}

.news-page-single .post-navigation {
  padding-top: 80px;
  border-top: 1px solid #ccc;
}

.news-page-single .post-navigation .nav-links {
  justify-content: space-between;
}

.news-page-single .nav-previous a,
.news-page-single .nav-next a {
  display: flex;
  flex-direction: column;
}

.news-page-single .nav-links .nav-previous,
.news-page-single .nav-links .nav-next {
  display: flex;
  width: 48%;
}

.news-page-single .nav-links .nav-next {
  justify-content: flex-end;
}

.news-page-single .nav-links .nav-next a {
  align-items: flex-end;
}

.news-page-single .nav-links .nav-subtitle {
  font-size: 20px;
  margin-bottom: 14px;
  border-bottom: 1px solid #003a70;
  padding-bottom: 5px;
  width: fit-content;
}

.news-page-single .nav-links .nav-title {
  font-size: 14px;
  line-height: 1.5;
}

.news-page-single .news-single-button {
  display: flex;
  justify-content: center;
  padding-bottom: 160px;
}

.news-page-single .bg-blue {
  padding: 40px;
}

.news-page-single figcaption {
  text-align: left;
  font-size: 12px;
  color: #999;
}

@media screen and (max-width: 550px) {
  .news-page-single h1 {
    font-size: 25px;
    padding-bottom: 40px;
  }

  .news-page-single .is-layout-flex {
    flex-direction: column;
  }

  .news-page-single .link-int {
    flex-direction: row;
  }

  .news-page-single .nav-links .nav-subtitle {
    font-size: 16px;
  }

  .news-page-single .news-single-button {
    padding-bottom: 80px;
  }

  .news-page-single .nav-links .nav-title {
    font-size: 12px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  .news-page-single .nav-links {
    padding-bottom: 40px;
  }

  .news-page-single .link-pdf {
    flex-direction: row;
  }

  .news-page-single .post-navigation {
    padding-top: 40px;
  }

  .news-page-single .bg-blue {
    padding: 4%;
  }
}

/*
.news-page-single .cat_area {
  padding-top: 40px;
  font-size: 16px;
  color: #008ad8;
}*/

/*旧*/
.news-page-single .l-section {
  padding-bottom: 100px;
}

/*----------------------------------------------theymca*/

.theymca-page-ar {
  width: 93%;
  max-width: 800px;
  margin: 0 auto;
  padding-bottom: 160px;
}

.theymca-page-ar h1,
.theymca-page-sg h1 {
  padding-bottom: 40px;
  text-align: center;
  color: #008ad8;
  line-height: 1.4;
}

.theymca-page-ar .lead {
  font-size: 16px;
  text-align: center;
  padding-bottom: 80px;
  line-height: 1.4;
  font-weight: 500;
}

.theymca-page-ar .theymca-month-section {
  width: 93%;
  max-width: 800px;
  margin: 0 auto;
  padding-bottom: 40px;
}

.theymca-latest-issue h2,
.theymca-backnumber-list h2 {
  font-size: 25px;
  font-weight: 500;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: #000000 1px solid;
  text-align: center;
}

.theymca-content-wrapper {
  display: flex;
  gap: 4%;
  align-items: flex-start;
  margin-bottom: 40px;
  max-height: 300px;
  overflow: hidden;
}

.theymca-right-column {
  width: 66%;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

.theymca-right-column .theymca-title {
  flex-shrink: 0;
  margin-top: 0;
  font-size: 25px;
  font-weight: 400;
  color: #008ad8;
  padding-bottom: 40px;
  line-height: 1.4;
}

.theymca-page-ar .theymca-description p:first-child,
.theymca-page-ar .theymca-description span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: unset;
  -webkit-line-clamp: 3;
  font-size: 16px;
  color: #000;
  line-height: 1.8;
}

.theymca-page-ar .theymca-description p:not(:first-child) {
  display: none;
}

.theymca-page-ar .theymca-left-column {
  width: 35%;
  min-height: 250px;
}

.theymca-page-ar .theymca-left-column a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.theymca-page-ar .theymca-left-column img {
  width: 100%;
  height: auto;
  max-width: 100%;
}

.read-pdf-link {
  height: 160px;
}

.read-pdf-link a {
  color: #fff !important;
  padding: 15px 40px;
  background-color: #008ad8;
  line-height: 80px;
}

.theymca-latest-item {
  margin-bottom: 80px;
}

.issue-number {
  text-align: center;
  font-size: 25px;
  color: #000000;
  font-weight: 400;
  margin-bottom: 40px;
}

.theymca-year-group {
  padding-top: 28px;
}

.theymca-year-group h3 {
  font-size: 25px;
  color: #000000;
  padding-bottom: 28px;
}

.theymca-list-item .theymca-list-link {
  font-size: 20px;
  color: #003a70 !important;
  text-decoration: underline !important;
  padding-left: 20px;
  padding-bottom: 15px;
}

.theymca-page-sg {
  width: 93%;
  max-width: 800px;
  margin: 0 auto;
}

.theymca-page-sg .pdf-cover-wrapper {
  width: 40vw;
  margin: 0 auto;
  max-width: 400px;
}

.theymca-page-sg .pdf-cover-wrapper a {
  width: 100%;
  height: 100%;
}

.theymca-page-sg .pdf-cover-wrapper a img {
  width: 100%;
  height: auto;
}

.theymca-page-sg .theymca-description-text p {
  font-size: 16px !important;
  color: #000000;
  line-height: 1.8 !important;
  margin-top: 40px;
}

.theymca-page-sg .pdf-btn-box {
  margin: 80px 0;
  text-align: center;
}

.theymca-page-sg .pdf-download-btn {
  width: 100%;
  color: #ffffff !important;
  background-color: #008ad8;
  text-align: center;
  padding: 15px 40px;
}

@media screen and (max-width: 850px) {
  .theymca-page-ar .theymca-month-section {
    max-width: 93%;
  }
}

@media screen and (max-width: 550px) {
  .theymca-page-ar {
    padding-bottom: 80px;
  }

  .theymca-month-section {
    width: 100% !important;
    max-width: none !important;
    padding-bottom: 28px !important;
  }

  .theymca-content-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 28px;
    max-height: none;
  }

  .theymca-page-ar .theymca-left-column,
  .theymca-page-ar .theymca-right-column {
    width: 100%;
  }

  .theymca-right-column .theymca-title {
    width: 100%;
    font-size: 20px;
    font-weight: 500 !important;
    padding-bottom: 20px;
  }

  .theymca-right-column .theymca-title a {
    display: block;
    width: 100%;
  }

  .theymca-page-ar h2 {
    font-size: 20px;
    text-align: center;
    padding-bottom: 28px;
    margin-bottom: 28px;
  }

  .theymca-year-group h3 {
    font-size: 20px;
  }

  .read-pdf-link {
    height: 80px;
    padding-top: 15px;
  }

  .read-pdf-link a {
    color: #fff !important;
    padding: 15px 40px;
    background-color: #008ad8;
    line-height: 80px;
  }
}

/*---------------------------------about*/

.about-three-column-r {
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: row;
  gap: 2%;
}

.about-three-column-r .three-column-r-box {
  width: 32%;
}

.about-three-column-r .three-column-r-box h2 {
  text-align: left;
  word-break: break-all;
  letter-spacing: inherit;
}

@media screen and (max-width: 850px) {
  .about-three-column-r {
    max-width: none;
  }
}
@media screen and (max-width: 550px) {
  .about-three-column-r {
    gap: 3%;
  }

  .about-three-column-r .three-column-r-box {
    width: 48.5%;
  }

  .about-three-column-r .three-column-r-box h2 {
    font-size: 14px !important;
  }

  .about-three-column-r .wp-block-spacer {
    display: none;
  }

  .about-three-column-r .three-column-r-text-box {
    padding: 10px 10px 28px;
  }
}

/*------------------------------------------------brand-*/

@media screen and (max-width: 550px) {
  .brand-h3 {
    text-align: center;
  }

  .brand-sp-reverse {
    flex-direction: column-reverse;
  }
}
/*---------------------------------------------message*/

.page-main .message-name_box {
  text-align: center;
  display: flex;
  flex-direction: column;
}

.page-main .message-name {
  width: 250px;
}

.message-link p {
  border-bottom: 1px solid #003a70;
}

.message-name_box .message-name {
  margin-top: 20px;
}

.message-link a img {
  vertical-align: middle;
}

/*-----------------------------------------------agreement*/
.indent-txt {
  text-indent: -1em;
  padding-left: 1em;
  width: calc(100% - 1em);
}

/*----------------------------------------------------privacy*/
.privacy-top {
  width: 90% !important;
  background-color: #f7f7f7 !important;
  padding: 40px !important;
}

.privacy-indent {
  text-indent: -2.5em;
  padding-left: 2.5em;
}

.privacy-indent-sm {
  text-indent: -1em;
  padding-left: 1em;
}
/*---------------------------------------------mission*/

.mission-top {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  padding: 80px;
  background-color: #cce9f7;
  border-radius: 0 0 150px 0;
}

@media screen and (max-width: 850px) {
  .mission-top {
    padding: 40px 28px;
    border-radius: 0 0 50px 0;
  }

  .mission-top-p {
    font-size: 16px !important;
  }
}

@media screen and (max-width: 550px) {
  .mission-column-h3 {
    text-align: center;
    font-size: 20px !important;
  }
}

/*---------------------------------------------partner*/
.partner-link {
  flex-direction: row;
  align-items: flex-start;
}

.partner-link p {
  display: block;
  width: 91%;
}

/*--------------------------------------------------local*/

.local-icon {
  width: 18px;
  height: 18px;
}

.local-link-box .local-h2 {
  display: flex;
  gap: 20px;
}

.local-link-box .local-h2 h2 {
  font-size: 22px !important;
}

.local-link-bottom {
  width: 100%;
  display: flex;
  padding-bottom: 28px;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 20px 0;
}

.local-link-bottom p {
  box-sizing: border-box;
  text-align: center;
  line-height: 35px;
  width: 20%;
  height: 35px;
  flex-grow: 0;
  margin: 0 !important;
  border-right: #003a70 1px solid;
}

.local-link-bottom p a {
  display: block;
}

.local-link-bottom p a:hover {
  background-color: #cce9f7;
  opacity: 1;
}

.local-link-bottom p:first-child,
.local-link-bottom p:nth-child(6) {
  border-left: #003a70 1px solid;
}

@media screen and (max-width: 550px) {
  .local-link-box .local-h2 {
    padding-bottom: 14px;
    gap: 14px;
  }

  .local-link-box h2 {
    font-size: 20px !important;
  }

  .local-link-bottom p {
    font-size: 15px;
    line-height: 50px;
    width: 33.3333333%;
    height: 50px;
  }

  .local-link-bottom p:first-child,
  .local-link-bottom p:nth-child(6) {
    border-left: none;
  }

  .local-link-bottom p:first-child,
  .local-link-bottom p:nth-child(4),
  .local-link-bottom p:nth-child(7) {
    border-left: #003a70 1px solid;
  }
}

.local-btn-box {
  gap: 3%;
}

@media screen and (max-width: 850px) {
  .local-btn-box {
    max-width: 93%;
  }

  .local-btn-box .btn-bl a {
    padding: 20px 40px;
  }
}

@media screen and (max-width: 550px) {
  .local-btn-box {
    flex-direction: column;
    gap: 14px;
  }

  .local-btn-box .wp-block-buttons,
  .local-btn-box .wp-block-buttons .btn-bl {
    width: 100%;
  }

  .local-btn-box .btn-bl a {
    padding: 20px 30px;
  }
}

.local-list-box .afterschool-pl-icon-1,
.local-list-box .afterschool-pl-icon-2,
.local-list-box .afterschool-pl-icon-3,
.local-list-box .afterschool-pl-icon-4,
.local-list-box .afterschool-pl-icon-5,
.local-list-box .afterschool-pl-icon-6 {
  width: 5px;
  height: 40px;
  border-radius: 0;
}

.local-list-box h2 {
  padding-left: 15px;
}

.local-list-box .local-h2 {
  width: 100%;
  padding-bottom: 28px;
}

.local-list-box .local-h2-flex {
  justify-content: space-between;
}

.local-list-box .local-h2 .btn-local a {
  padding: 10px 40px;
}

.local-list-box .local-list-bottom h3 a {
  color: #003a70 !important;
  text-decoration: underline !important;
}

.local-list-box .local-link-ad {
  width: 100%;
  padding: 20px 30px;
  border-radius: 10px;
  background: #edf7fc;
}

.local-list-box .local-list-bottom {
  width: 100%;
  justify-content: space-between;
  padding-bottom: 40px;
}

.local-list-box .local-list-bottom-box {
  padding: 15px 30px;
  border-bottom: #ccc 1px solid;
}

.local-list-box .local-list-bottom-box p a {
  text-decoration: underline !important;
}

@media screen and (max-width: 550px) {
  .local-list-box .local-list-bottom {
    padding-bottom: 28px;
  }
  .local-list-box .local-list-bottom h3 {
    font-size: 15px !important;
  }

  .local-list-box .local-list-bottom-box {
    flex-direction: column;
    align-items: flex-start;
    padding: 15px 5px;
  }

  .local-list-box .local-h2-flex {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }

  .local-list-box .local-link-ad {
    padding: 14px 20px;
    border-radius: 10px;
    background: #edf7fc;
  }

  .local-list-box .local-link-ad p {
    font-size: 15px;
    line-height: 1.6;
  }
}
/*--------------------------------------------------------local下層ページ*/
.map-container {
  position: relative;
  padding-bottom: 40%;
  height: 0;
  overflow: hidden;
  max-width: 1100px;
  margin: 0 auto;
}

.map-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*----------------------------------------------information*/

.info-pdf {
  width: 500px;
  margin: 0 auto;
}

@media screen and (max-width: 600px) {
  .info-pdf {
    width: 100%;
  }
}
/*-----------------------------------------kindergarten*/
.kindergarten-box {
  margin: 0 auto;
  gap: 0;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: flex-start;
  padding-left: 3.5%;
  padding-right: 3.5%;
  align-items: stretch;
}

.kindergarten-box .wp-block-group {
  width: 33.3333333%;
  padding: 0 14px;
}

.kindergarten-box .wp-block-group:first-child,
.kindergarten-box .wp-block-group:nth-child(2) {
  border-right: 1px solid #ccc;
}

@media screen and (max-width: 850px) {
  .kindergarten-box {
    padding: 0;
  }

  .kindergarten-box p {
    text-align: left;
  }
}

@media screen and (max-width: 500px) {
  .kindergarten-box {
    flex-direction: column;
  }

  .kindergarten-box .wp-block-group:first-child,
  .kindergarten-box .wp-block-group:nth-child(2) {
    border-right: 0;
    border-bottom: 1px solid #ccc;
  }

  .kindergarten-box .wp-block-group {
    padding: 20px 14px;
    width: 100%;
    max-width: none;
  }
}

/*---------------------------------------------afterschool*/

.afterschool-row-box {
  max-width: 1100px;
  gap: 3.5%;
}

.afterschool-row-box .four-column-box {
  flex: 1;
}

@media screen and (max-width: 850px) {
  .afterschool-row-box {
    width: 93%;
    gap: 40px;
  }
}

.afterschool-phy {
  width: 93%;
  padding: 80px;
  border-radius: 0 0 50px 0;
}

@media screen and (max-width: 768px) {
  .afterschool-phy {
    width: 93%;
    padding: 40px 20px !important;
    border-radius: 0 0 50px 0;
  }
}

.afterschool-pl-icon-1,
.afterschool-pl-icon-2,
.afterschool-pl-icon-3,
.afterschool-pl-icon-4,
.afterschool-pl-icon-5,
.afterschool-pl-icon-6 {
  width: 20px;
  height: 20px;
  border-radius: 10px 0 10px 0;
}

.afterschool-label-box {
  gap: 28px;
}

.afterschool-label-box div {
  gap: 14px;
}

.afterschool-label {
  /*児童館等四角ラベル*/
  padding: 3px 20px;
  white-space: nowrap;
  flex-shrink: 0;
}

@media screen and (max-width: 768px) {
  .afterschool-pl div div div {
    flex-direction: column;
    align-items: flex-start;
  }

  .afterschool-label-box {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }

  .afterschool-label-box div {
    gap: 10px;
  }
}

.afterschool-pl-h3 {
  line-height: 2;
  padding-left: 28px;
  margin-bottom: 28px;
}

.h3-hokkaido {
  border-left: 6px solid #56b7e6;
}

.h3-kanto {
  border-left: 6px solid #d50032;
}

.h3-chubu {
  border-left: 6px solid #003a70;
}

.h3-kansai {
  border-left: 6px solid #f1c400;
}

.h3-chugoku {
  border-left: 6px solid #008655;
}

.h3-kyusyu {
  border-left: 6px solid #5c068c;
}

.afterschool-pl-h4 {
  /*h3後のh4見出しリンク*/
  color: #000000;
  text-decoration: underline !important;
  padding-left: 10px;
}

@media screen and (max-width: 768px) {
  .afterschool-pl-h4 {
    padding-left: 0;
    font-size: 18px !important;
  }
}

/*---------------------------------------------vision*/

.vision-top .four-column-h3 {
  line-height: 1.4;
}

@media screen and (max-width: 900px) {
  .vision-top .four-column {
    width: 100%;
    max-width: none;
    gap: 0;
  }

  .vision-top .four-column-text-box {
    padding: 5px 5px 20px;
  }
}

@media screen and (max-width: 550px) {
  .vision-top .four-column {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0;
  }

  .vision-top .four-column-box {
    width: 50%;
  }
}

.vision-casestudy .three-column {
  width: 100%;
  justify-content: flex-start;
}

.vision-casestudy .three-column-box {
  width: 50%;
}

.vision-casestudy .three-column-box .three-column-text-box {
  background: #fff;
}

.vision-casestudy .w-1100-row {
  display: flex;
  align-items: flex-start;
}

.vision-casestudy .w-1100-row-sp {
  display: none;
}

.vision-casestudy .w-1100-row figure {
  width: 20% !important;
  flex-shrink: 0 !important;
}

@media screen and (max-width: 1200px) {
  .vision-casestudy .bg-wh-r {
    max-width: 93%;
  }
}

@media screen and (max-width: 850px) {
  .vision-casestudy .three-column {
    flex-direction: row;
    max-width: none;
    gap: 28px;
  }
  .vision-casestudy .three-column-box .three-column-text-box {
    padding: 20px 10px 0px;
  }
}

@media screen and (max-width: 550px) {
  .vision-casestudy .bg-wh-r {
    padding: 0 20px;
  }

  .vision-casestudy .w-1100-row {
    display: none;
  }

  .vision-casestudy .w-1100-row-sp {
    display: flex;
    flex-direction: column;
  }

  .vision-casestudy .w-1100-row-sp figure {
    width: 70%;
    margin: 0 auto;
  }

  .vision-casestudy .w-1100-row-sp figure img {
    width: 100%;
  }

  .vision-casestudy .w-1100-row-sp h3 {
    font-size: 25px !important;
  }

  .vision-casestudy .three-column {
    flex-direction: column;
    gap: 40px;
  }

  .vision-casestudy .three-column-box {
    width: 100%;
  }
}

.vision-img-box {
  display: flex;
  flex-wrap: wrap !important;
  gap: 0;
}

.vision-img-box figure {
  width: 50%;
}

@media screen and (max-width: 550px) {
  .vision-img-box {
    flex-direction: column;
    gap: 14px;
  }

  .vision-img-box figure {
    width: 100%;
  }
}

.vision-casestudy .btn-bl-tr a {
  background-color: transparent;
  color: #008ad8 !important;
  border: 1px solid #008ad8;
  font-size: 16px;
  font-weight: 500;
  padding: 18px 100px;
  border-radius: 0;
  transition: background-color 0.2s ease-in-out;
  text-decoration: none;
}

/*--------------------------------------------------------history*/

.history-anchor .anchor-link-item:nth-child(2) p:nth-child(1),
.history-anchor .anchor-link-item:nth-child(4) p:nth-child(1) {
  line-height: 1.3 !important;
}

.history-span {
  font-size: 20px;
  line-height: 1;
}

@media screen and (max-width: 850px) {
  .history-anchor {
    width: 100%;
  }

  .history-anchor .anchor-link-item {
    height: 100px;
  }

  .history-anchor .anchor-link-item p {
    font-size: 16px !important;
  }

  .history-span {
    font-size: 14px;
  }

  .history-anchor .anchor-link-item:nth-child(1) {
    padding-top: 0px;
  }
}

@media screen and (max-width: 550px) {
  .history-anchor .sp-br,
  .history-anchor .br-550,
  .history-anchor br {
    display: none;
  }

  .history-anchor .anchor-link-item:nth-child(1) {
    padding-top: 20px;
  }

  .history-anchor .anchor-link-item:nth-child(4) {
    padding-top: 20px !important;
  }

  .history-anchor .anchor-link-item:nth-child(2) p:nth-child(1),
  .history-anchor .anchor-link-item:nth-child(4) p:nth-child(1) {
    line-height: normal !important;
  }

  .history-anchor .anchor-link-item:nth-child(2) p,
  .history-anchor .anchor-link-item:nth-child(4) p {
    padding: 0;
  }
}

/*--------------------------------------------1923kanto-daisinsai*/
.kanto-d-column .four-column-box figure img {
  border-radius: 0;
  border: #ccc solid 1px;
}

.kanto-d-column .four-column-text-box h3 {
  text-align: left;
  padding-bottom: 14px;
}

@media screen and (max-width: 850px) {
  .four-column-box {
    flex: 1 !important;
  }
}
/*-----------------------------------------------------study*/

.study-img-top {
  max-width: 800px;
}

@media screen and (max-width: 768px) {
  .study-img-top {
    width: 100% !important;
  }
}

/*-----------------------------------------------------accommodation*/

.accom-list-box .afterschool-pl-icon-1,
.accom-list-box .afterschool-pl-icon-2,
.accom-list-box .afterschool-pl-icon-3,
.accom-list-box .afterschool-pl-icon-4,
.accom-list-box .afterschool-pl-icon-5,
.accom-list-box .afterschool-pl-icon-6 {
  width: 5px;
  height: 40px;
  border-radius: 0;
  margin-right: 10px;
}

.accom-list-item-box {
  width: 100%;
  gap: 5%;
  padding: 28px;
  border: #ccc 1px solid;
}

.accom-list-item-box figure {
  width: 35%;
}

.accom-list-item-box figure img {
  width: 100%;
}

.accom-list-text-box {
  width: 60%;
}

.accom-list-text-box h3 {
  padding-bottom: 14px;
}

.accom-list-text-box h3 a {
  text-decoration: underline !important;
}

.accom-text-item-box .accom-text-label {
  width: 80px;
}

@media screen and (max-width: 550px) {
  .accom-list-item-box {
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 15px;
  }

  .accom-list-item-box figure,
  .accom-list-text-box {
    width: 100%;
  }

  .accom-text-item-box {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    margin-bottom: 10px;
  }

  .accom-text-item-box .accom-text-label {
    width: auto;
  }
}

/*-----------------------------------------------------japanese*/

.language-switcher {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  width: 93%;
  max-width: 1100px;
  margin: 0 auto;
  padding-top: 80px;
  text-align: left;
  font-size: 20px;
  font-weight: 400;
  color: #003a70;
  text-decoration: underline;
}

.japanese-title-box {
  gap: 10px;
  align-items: flex-start;
}

.japanese-number {
  height: 38px;
  width: 38px;
  padding-top: 12px;
  flex-shrink: 0;
}

.japanese-number-en {
  height: 29px;
  width: 29px;
}

.japanese-number img {
  height: 100%;
  width: auto;
}

.japanese-column-blue .column-img img {
  overflow: hidden;
  border-radius: 0 0 100px 0;
}

.japanese-column-blue .column-text {
  min-height: 300px;
}

.japanese-column-blue .column-text .text-box-en {
  word-break: break-all;
}

.lang-link {
  text-align: center;
}

@media screen and (max-width: 850px) {
  .japanese-column-blue {
    max-width: 700px;
  }

  .japanese-title-box {
    align-items: center;
  }

  .japanese-number {
    height: 30px;
    width: 30px;
    padding-top: 0;
  }

  .japanese-column-blue .column-img {
    max-width: none !important;
  }

  .japanese-column-blue .column-img img {
    width: 100%;
  }

  .japanese-column-blue .column-text {
    min-height: 300px !important;
  }

  .japanese-anchor {
    max-width: 93%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 550px) {
  .language-switcher {
    width: 93%;
    margin: 0 auto;
    justify-content: center;
  }

  .language-switcher {
    font-size: 16px;
  }

  .japanese-title-box {
    gap: 10px;
  }

  .japanese-title-box h3 {
    font-size: 18px !important;
  }

  .japanese-title-box .japanese-number {
    height: 20px;
    width: 20px;
    padding-top: 0;
  }

  .japanese-title-box .japanese-number img {
    vertical-align: baseline;
  }

  .japanese-column-blue .column-img img {
    overflow: hidden;
    border-radius: 0 0 50px 0;
  }
}

/*--------------------------------------------------------wellness*/

@media screen and (max-width: 768px) {
  .wellness-anchor {
    width: 100%;
  }

  .wellness-anchor .anchor-link-item {
    height: 100px;
  }

  .wellness-anchor .anchor-link-item:nth-child(3) {
    padding-top: 10px;
    padding-bottom: 12px !important;
    line-height: 1.4 !important;
  }

  .wellness-anchor .anchor-link-item:nth-child(3) p {
    font-size: 20px !important;
    text-align: center;
  }
}

@media screen and (max-width: 550px) {
  .wellness-anchor br {
    display: none;
  }

  .wellness-anchor .anchor-link-item:nth-child(3) {
    padding: 20px 0 !important;
  }
}

/*-----------------------------------------------------alternative*/

.alternative-list .alter-h2 {
  border-left: 6px solid #008ad8;
}

.alternative-h3-box {
  align-items: baseline;
  flex-direction: row !important;
}

.alternative-label {
  /*四角ラベル*/
  padding: 5px 5px;
  white-space: nowrap;
  flex-shrink: 0;
}

@media screen and (max-width: 768px) {
  .alternative-list {
    width: 100%;
  }

  .alternative-list .alter-h2 {
    font-size: 22px !important;
    padding: 14px;
    line-height: 1.2;
  }

  .alternative-h3-box {
    flex-direction: column !important;
    align-items: flex-start;
    gap: 10px;
  }

  p {
    text-align: left;
    word-break: break-all;
  }

  .alternative-label {
    display: none;
  }
}

@media screen and (max-width: 550px) {
  .alter-anchor a,
  .alter-anchor {
    font-size: 20px !important;
  }

  .alter-anchor br {
    display: none;
  }
}

/*-----------------------------------------------------noto-sien*/

.noto-deco-box {
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
}

.noto-deco {
  width: 5px;
  height: 28px;
  background-color: #003a70;
}
@media screen and (max-width: 550px) {
  .noto-deco-box {
    align-items: flex-start;
  }

  .noto-deco-box .noto-deco {
    height: 25px;
  }

  .noto-deco-box h3 {
    margin-top: -5px;
  }

  .noto-table.table-gray-op table tr td:nth-child(1) {
    width: 26%;
  }
}

/*---------------------------------------------eastjapan*/

@media screen and (max-width: 850px) {
  .eastjapan-bottom {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
}

@media screen and (max-width: 550px) {
  .eastjapan-bottom-in {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
}

/*------------------------------------------------ukraine*/

@media screen and (max-width: 550px) {
  .ukraine-table.table-gray-op table tr td:nth-child(1) {
    width: 26%;
  }
}

/*--------------------------------------------------palestine*/
@media screen and (max-width: 550px) {
  .palestine-table.table-gray-op table tr td:nth-child(1) {
    width: 26%;
  }
}

/*---------------------------------------------grant-program*/
.grant-program-lead {
  font-size: 25px;
}

.grant-program-contents .w-1100-column .grant-program-contents-txt {
  width: 47%;
}

.grant-program-contents .w-1100-column .grant-program-contents-txt p {
  width: 100%;
}

.grant-program-link {
  max-width: 500px;
}

.grant-program-link .wp-block-group {
  gap: 0;
}

@media screen and (max-width: 850px) {
  .grant-program-lead {
    font-size: 20px !important;
  }

  .grant-program-contents .w-1100-column {
    flex-direction: column;
    align-items: center;
    gap: 14px;
  }

  .grant-program-contents .w-1100-column figure {
    width: 100%;
  }

  .grant-program-contents .w-1100-column .grant-program-contents-txt {
    width: 100%;
  }

  .grant-program-contents .w-1100-column .grant-program-contents-txt h3 {
    font-size: 25px !important;
  }

  .grant-program-contents .w-1100-column .grant-program-contents-txt h3,
  .grant-program-contents .w-1100-column .grant-program-contents-txt .under-h3 {
    text-align: center;
  }
}

@media screen and (max-width: 550px) {
  .grant-program-contents .w-1100-column .grant-program-contents-txt h3 {
    font-size: 20px !important;
  }

  .grant-program-link .wp-block-group {
    align-items: flex-start;
    justify-content: space-between;
    gap: 0;
  }

  .grant-program-link .wp-block-group p {
    text-indent: -1.5em;
    padding-left: 1.5em;
  }

  .grant-program-link .wp-block-group figure {
    flex-shrink: 0;
  }
}

/*-----------------------------------------------------pinkshirt*/
.post-2569 h1 {
  color: #d0006f;
}

.pinkshirtday-btn a {
  border-radius: 0;
}

.pinkshirtday-three-column-r {
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: row;
  gap: 2%;
}

.pinkshirtday-three-column-r .three-column-r-box {
  width: 32%;
}

.pinkshirtday-three-column-r .three-column-r-box h3 {
  text-align: left;
  word-break: break-all;
  letter-spacing: inherit;
}

@media screen and (max-width: 850px) {
  .pinkshirtday-anchor .anchor-link-item a {
    font-size: 20px;
  }

  .pinkshirtday-three-column-r {
    max-width: none;
    padding: 0;
  }
}

@media screen and (max-width: 550px) {
  .pinkshirtday-anchor .anchor-link-item,
  .pinkshirtday-anchor .anchor-link-item a {
    font-size: 16px;
    line-height: 0.8 !important;
  }

  .pinkshirtday-anchor br {
    display: none;
  }

  .pinkshirtday-three-column-r {
    gap: 3%;
  }

  .pinkshirtday-three-column-r .three-column-r-box {
    width: 48.5%;
  }

  .pinkshirtday-three-column-r .three-column-r-box h3 {
    font-size: 15px !important;
  }

  .pinkshirtday-three-column-r .wp-block-spacer {
    display: none;
  }

  .pinkshirtday-three-column-r .three-column-r-text-box {
    padding: 10px 10px 28px;
  }
}

/*-----------------------------------------------------watersafety*/

.watersafety-youtube figure {
  width: 100%;
}

#watersafety-grid p {
  text-align: center;
}

.watersafety-number {
  padding-top: 7px;
}

.japanese-column-blue figcaption {
  margin: 0 !important;
}

@media screen and (max-width: 1200px) {
  .watersafety-full-bleed .bg-wh-r {
    max-width: 93%;
  }

  .japanese-column-blue {
    width: 100% !important;
  }

  .watersafety-column-text {
    padding-top: 220px !important;
  }
}

@media screen and (max-width: 850px) {
  .watersafety-youtube {
    flex-direction: column;
    align-items: center;
    gap: 28px;
  }

  .watersafety-title-box {
    align-items: flex-start;
  }

  .watersafety-title-box .japanese-number {
    padding-top: 3px;
  }
}

@media screen and (max-width: 550px) {
  #watersafety-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .watersafety-full-bleed h2 {
    font-size: 25px !important;
  }

  .watersafety-column-text {
    padding-top: 130px !important;
  }

  .watersafety-title-box .japanese-number {
    padding-top: 6.5px!important;
  }
}

/*-------------------------------------------------camp100th-------*/

.camp-100-grid {
  gap: 60px 4%;
  align-items: start;
  height: auto !important;
}

.camp-100-grid-item {
  width: 48%;
  align-items: flex-start;
  gap: 20px;
}

.camp-100-grid-item figure {
  width: 40%;
  flex-shrink: 0;
}

.camp-100-grid-item-txt .link-pdf {
  flex-direction: row-reverse;
  align-items: flex-start;
}

.camp-100-grid-item-txt .link-pdf figure {
  padding-top: 7px;
}

.camp-table.table-gray-op table tbody td:nth-child(1) {
  vertical-align: baseline;
}

@media screen and (max-width: 850px) {
  .camp-100-grid {
    gap: 28px 5%;
  }

  .camp-100-grid-item {
    flex-direction: column;
    width: 30%;
  }

  .camp-100-grid-item figure,
  .camp-100-grid-item img {
    width: 100%;
  }

  .camp-100-grid-item-txt h2,
  .camp-100-grid-item-txt p {
    font-size: 15px !important;
  }

  .camp-100-grid-item-txt .link-pdf a {
    font-size: 15px;
  }
}

@media screen and (max-width: 550px) {
  .camp-100-grid {
    gap: 40px 4%;
  }

  .camp-100-grid-item {
    width: 48%;
    gap: 0;
  }

  .camp-100-grid-item-txt .link-pdf a {
    font-size: 14px;
  }

  .camp-table.table-gray-op table tbody td:nth-child(1) {
    width: 30%;
  }
}

/*-----------------------------------------------------charityrun-top*/
.charityrun-link .student-link-box {
  flex-wrap: wrap !important;
  gap: 14px;
}

.charityrun-link .student-link-box .student-link-box-inner {
  width: 32%;
}

@media screen and (max-width: 550px) {
  .charityrun-link .student-link-box .student-link-box-inner {
    width: 100%;
  }

  .charityrun-link .student-link-box {
    gap: 10px;
  }
}
/*-----------------------------------------------------charityrun-sponsor*/
.charityrun-sponsor-link {
  justify-content: center;
}

/*-----------------------------------------------------------charityrun-use*/
.charityrun-use-tx {
  word-break: keep-all !important;
}

/*------------------------------------------------------charityrun-report2024*/
.report-column {
  justify-content: center;
  width: 100%;
  gap: 4%;
}

@media screen and (max-width: 550px) {
  .report-column {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
}

/*-----------------------------------------------------college*/
.college-h3-box {
  gap: 0;
}

.college-policy .accordion-trigger {
  border: none;
  padding: 14px 0;
}

.college-policy .accordion-trigger::before {
  background-color: #cccccc;
}

.college-four-column .four-column-box {
  flex: none;
}

.college-policy .is-open .accordion-content p {
  border-bottom: none;
  padding-bottom: 40px;
}

.college-policy ul {
  padding: 0px 20px 40px 30px;
}

.college-policy ul li {
  list-style: inside;
  text-indent: -1.5em;
  margin-left: 25px;
}

.college-four-column {
  justify-content: center !important;
}

.college-four-column .wp-block-button a {
  border-radius: 0;
}

.college-four-column .four-column-box .four-column-text-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.college-list-box .afterschool-pl-icon-1 {
  width: 5px;
  height: 28px;
  border-radius: 0;
  margin-right: 10px;
}

.college-list-box .college-icon {
  width: 10px;
  height: 10px;
  background-color: #cce9f7;
}

.college-list-box .college-bottom-box {
  gap: 28px;
  flex-wrap: wrap;
}

.college-list-box .college-ad,
.college-list-box .college-bottom-box {
  padding-left: 22px;
}

.college-link-box {
  gap: 14px;
  width: 93%;
  margin: 0 auto;
}

.college-link-box-2 {
  gap: 28px;
  width: 93%;
  margin: 0 auto;
}

.college-link-box .college-link-box-item {
  gap: 0;
}

.college-link-box-2 .college-link-box-item {
  flex-direction: column;
  gap: 0;
}

.college-link-box-2 .college-link-box-item figure {
  rotate: 90deg;
}

.college-link-box-2 .college-link-box-item .college-item-tx-box {
  border-bottom: #000000 1px solid;
  line-height: 2.5;
}

.college-link-box-2 .college-link-box-item .college-item-tx-box a {
  display: block;
}
@media screen and (max-width: 1200px) {
  .college-link-box {
    flex-wrap: wrap !important;
    gap: 0;
    justify-content: flex-start !important;
    max-width: 700px;
  }

  .college-link-box .college-link-box-item {
    width: 33.3%;
  }

  .college-link-box .college-link-box-item:last-child {
    flex-grow: 1;
  }
}

@media screen and (max-width: 850px) {
  .college-four-column {
    justify-content: flex-start !important;
    gap: 4% !important;
  }

  .college-four-column .four-column-box {
    flex: auto !important;
    flex-grow: 0 !important;
  }

  .college-btn-box .colorful-btn-item a {
    font-size: 20px !important;
  }

  .college-list-box .college-bottom-box .wp-block-group {
    flex-direction: row;
    align-items: center;
  }

  .college-link-box {
    flex-wrap: wrap !important;
    gap: 0;
    max-width: 600px;
  }

  .college-link-box .college-link-box-item {
    width: 50%;
  }

  .college-link-box .college-link-box-item:last-child {
    width: 100%;
  }

  .college-link-box-2 {
    flex-wrap: wrap !important;
    max-width: 600px;
  }
}

@media screen and (max-width: 550px) {
  .college-link a {
    font-size: 16px !important;
  }

  .college-h3-box {
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
  }

  .college-policy .accordion-item {
    width: 100%;
  }

  .college-policy .is-open .accordion-content p {
    padding: 0;
    font-size: 15px;
    padding-bottom: 28px;
  }

  .college-img {
    padding: 0;
    width: 100% !important;
  }

  .college-four-column {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 28px 4% !important;
  }
  .college-four-column .four-column-box {
    width: 48%;
  }

  .college-four-column .four-column-box figure img {
    border-radius: 0 0 10px 0;
  }

  .college-four-column .four-column-text-box {
    padding: 5px 0 !important;
  }

  .college-four-column .four-column-text-box h3 {
    font-size: 16px !important;
  }

  .college-four-column .four-column-text-box h4 {
    font-size: 14px !important;
  }

  .college-four-column .four-column-text-box p {
    font-size: 13px !important;
  }

  .college-four-column .wp-block-buttons,
  .college-four-column .wp-block-button {
    width: 100% !important;
  }
  .college-four-column .four-column-text-box .wp-block-button__link {
    font-size: 13px !important;
    width: 100%;
    padding: 8px 13px !important;
  }

  .college-list-box .college-ad,
  .college-list-box .college-bottom-box {
    padding-left: 0;
  }

  .college-list-box .college-bottom-box {
    gap: 10px 14px;
  }

  .college-policy ul {
    padding: 0 0 28px 0;
  }

  .college-link-box {
    flex-wrap: wrap !important;
    width: 90%;
    margin: 0 auto;
    gap: 14px;
  }

  .college-link-box .college-link-box-item {
    width: 100% !important;
  }

  .college-link-box-2 {
    flex-wrap: wrap !important;
    width: 93%;
    margin: 0 auto;
    gap: 14px;
  }

  .college-link-box-2 .college-link-box-item {
    width: 45% !important;
  }

  .college-link-box-2 .college-link-box-item .college-item-tx-box {
    width: 100%;
  }

  .college-link-box-2 .college-link-box-item .college-item-tx-box p {
    font-size: 16px !important;
    text-align: center;
  }

  .college-link-box-2 .college-link-box-item:last-child {
    width: 90% !important;
  }
}
/*-----------------------------------------------------report2023*/

.report2023-icon {
  background-color: #003a70;
  width: 10px;
  height: 10px;
  flex-shrink: 0;
}

.report2023-accordion-item .is-open .accordion-content {
  border-top: 1px solid #cccccc;
}

.report2023-accordion-item.is-open {
  border-bottom: 1px solid #cccccc;
}

@media screen and (max-width: 550px) {
  .report2023-accordion-item {
    margin: 0 !important;
    width: 100% !important;
  }

  .report2023-column {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
}

/*--------------------------------------------------------global-cooperation*/
.global-cooperation-pdf {
  padding-top: 0px !important;
}

/*-------------------------------------------------------community*/

.community-bottom {
  gap: 4%;
  justify-content: center;
}

.community-bottom figure,
.community-bottom figure a,
.community-bottom figure a img {
  width: 100%;
  height: auto;
}

.community-bottom2 figure,
.community-bottom2 figure a,
.community-bottom2 figure a img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 850px) {
  .eastjapan-bottom {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
}

@media screen and (max-width: 550px) {
  .eastjapan-bottom-in {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
}

/*-------------------------------------------------------student*/

.student-link p {
  width: 25%;
}

.student-link .local-link-bottom p:nth-child(6) {
  border-left: none;
}

.student-link .local-link-bottom p:nth-child(5),
.student-link .local-link-bottom p:nth-child(9) {
  border-left: 1px solid #000;
}

.student-link-box {
  width: 93%;
  max-width: 1100px;
}

.student-link-box .student-link-box-inner {
  width: 100%;
  gap: 1.3333333333333%;
}

.student-link-box .student-link-box-inner a {
  padding: 10px 40px;
}

.student-link-box .student-link-box-inner a:hover {
  background-color: #008ad8 !important;
  opacity: 1 !important;
}

.sns-link-box {
  height: 64px;
  width: 50%;
  margin: 0 auto;
}

.sns-link-box figure {
  height: 100%;
  width: 50%;
  text-align: center;
}

.sns-link-box figure:first-child {
  border-right: #cccccc 1px solid;
}

.sns-link-box figure a,
.sns-link-box figure a img {
  height: 100%;
  width: auto;
}

.sns-link-feed .twitter-timeline {
  width: 50%;
}

@media screen and (max-width: 1200px) {
  .student-link p {
    width: 33.333333%;
  }

  .student-link .local-link-bottom p:nth-child(6) {
    border-left: none;
  }

  .student-link .local-link-bottom p:nth-child(5),
  .student-link .local-link-bottom p:nth-child(9) {
    border-left: none;
  }

  .student-link .local-link-bottom p:nth-child(4),
  .student-link .local-link-bottom p:nth-child(7) {
    border-left: 1px solid #000;
  }
}

@media screen and (max-width: 850px) {
  .student-link-box .student-link-box-inner a {
    padding: 10px 15px;
  }

  .student-link p {
    font-size: 15px;
  }
}

@media screen and (max-width: 550px) {
  .student-link .student-link-bottom {
    flex-direction: column;
  }

  .student-link p {
    width: 100% !important;
    font-size: 16px;
  }

  .student-link .local-link-bottom p:nth-child(2),
  .student-link .local-link-bottom p:nth-child(3),
  .student-link .local-link-bottom p:nth-child(4),
  .student-link .local-link-bottom p:nth-child(5),
  .student-link .local-link-bottom p:nth-child(6),
  .student-link .local-link-bottom p:nth-child(7),
  .student-link .local-link-bottom p:nth-child(8),
  .student-link .local-link-bottom p:nth-child(9) {
    border-left: 1px solid #000 !important;
  }

  .student-link .local-link-bottom p:nth-child(4) {
    border-left: none;
  }

  .student-link-box {
    flex-wrap: wrap !important;
  }

  .student-link-box .student-link-box-inner {
    gap: 14px;
  }

  .sns-link-box {
    width: 100%;
  }

  .sns-link-feed {
    flex-direction: column;
    width: 100%;
  }

  .sns-link-feed .twitter-timeline {
    width: 100%;
  }
}

/*-----------------------------------------------------student-list*/

.student-list-bottom {
  width: 100%;
  padding-bottom: 40px;
}

.student-list-bottom .student-list-bottom-box {
  padding: 2px 30px;
  border-bottom: none;
  justify-content: flex-start;
  font-size: 15px;
}

.student-list-bottom .student-list-bottom-box h3 {
  padding-right: 15px;
}

.afterschool-pl-h4-none {
  text-decoration: none !important;
}

.student-none-icon {
  width: 8px;
  height: 20px;
  padding: 0;
}

.student-none {
  padding-left: 5px;
  text-decoration: none !important;
}

@media screen and (max-width: 550px) {
  .student-list-bottom {
    width: 100%;
    padding-bottom: 28px;
  }
  .student-list-bottom .student-list-bottom-box {
    padding: 0 0 10px 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
  }

  .student-list-bottom .student-list-sns {
    flex-direction: row;
    gap: 10px;
  }

  .student-link-bottom p {
    width: 50%;
  }

  .student-link-bottom p:nth-child(4) {
    border-left: none;
  }

  .student-link-bottom p:first-child,
  .student-link-bottom p:nth-child(3),
  .student-link-bottom p:nth-child(5),
  .student-link-bottom p:nth-child(7) {
    border-left: #003a70 1px solid;
  }
}

/*------------------------------------------------sanjokai*/
.donate-box {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 2%;
}

.donate-box form {
  margin: 0 auto;
  width: 49%;
}

.donate-box input[type="submit"] {
  text-align: center;
  border: none;
  background: #008ad8;
  color: #fff;
  font-size: 16px;
  text-align: center;
  padding: 18px;
  width: 100%;
  max-width: 100%;
}

.donate-box-fr {
  margin: 0 auto;
  text-align: center;
}

.donate-box-fr input[type="submit"] {
  text-align: center;
  border: none;
  background: #008ad8;
  color: #fff;
  font-size: 16px;
  text-align: center;
  padding: 18px;
  width: 50%;
  max-width: 100%;
  margin-top: 15px;
}

.donate-box input[type="submit"]:hover,
.donate-box-fr input[type="submit"]:hover {
  opacity: 0.5 !important;
}

.donate-box-fr input[type="number"] {
  border: 1px solid #000;
  border-radius: 0;
  margin-right: 5px;
}

@media screen and (max-width: 550px) {
  .donate-box,
  .donate-box-fr {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 15px;
  }

  .donate-box form,
  .donate-box-fr input[type="submit"] {
    width: 100%;
  }
}

/*-----------------------------------------------------dorm*/
.w-1100-column-dorm figure {
  width: 65%;
}

.w-1100-column-dorm div {
  width: 35%;
}

@media screen and (max-width: 550px) {
  .w-1100-column-dorm figure,
  .w-1100-column-dorm div {
    width: 100%;
  }
}

/*---------------------------------------------------youthchallenge*/

.youth-w-1100-column-in {
  align-items: flex-start;
}

.youth-w-1100-column-in .link-pdf {
  padding-top: 0 !important;
}

/*------------------------------------------------------faq*/
.faq-accordion-item .accordion-trigger {
  border-bottom: 1px solid #cccccc;
}

.faq-accordion-item.is-open .accordion-trigger {
  border-bottom: none;
}

.faq-accordion-item.is-open .accordion-content {
  border-bottom: 1px solid #cccccc;
}

@media screen and (max-width: 550px) {
  .faq-accordion-item {
    margin: 0 !important;
    width: 100% !important;
  }
}

/*-----------------------------------------------------contact*/
.contact-box {
  width: 93% !important;
  margin: 0 auto;
}

.contact-box label {
  font-size: 14px !important;
  font-weight: 500 !important;
  padding-bottom: 5px !important;
}

.contact-box input[type="text"]::placeholder,
.contact-box input[type="email"]::placeholder,
.contact-box textarea::placeholder {
  color: #cccccc !important;
  font-weight: 400 !important;
  font-size: 15px !important;
}
.contact-box input[type="text"],
.contact-box input[type="email"],
.contact-box textarea {
  padding: 10px 15px !important;
  height: auto !important;
}

.contact-box button[type="submit"] {
  background-color: #008ad8 !important;
  color: #fff !important;
  border: none !important;
  padding: 14px 50px !important;
  font-size: 16px !important;
  cursor: pointer !important;
}

.contact-box button[type="submit"]:hover {
  opacity: 0.5 !important;
}

/*-------------------------------------------------------saiyo_list*/
.saiyo-list-box .local-list-bottom-box {
  gap: 40px;
  align-items: flex-start;
}

.saiyo-list-box .local-list-bottom-box p {
  flex-shrink: 0;
}

.saiyo-list-box .job-tag {
  color: #fff;
  background-color: #d50032;
  padding: 1px 10px 2px 12px;
  font-size: 12px;
  border-radius: 20px;
  letter-spacing: 0.1em;
  margin-left: 5px;
  margin-top: 2.5px;
}

@media screen and (max-width: 550px) {
  .saiyo-list-box .local-list-bottom-box {
    gap: 14px;
  }

  .saiyo-txt {
    text-align: left;
  }
}

/*------------------------------------------------------slider*/
.fv-slider-wrapper {
  width: 100%;
  height: 70vh;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  border-radius: 0 0 50px 0;
}

@media (max-width: 550px) {
  .fv-slider-wrapper {
    height: 40vh;
  }
}

/*画像2個の場合 slider-box-2 3個の場合 slider-box-3 4個の場合 slider-box-4 5個の場合 slider-box-5*/

/*
.slider-box-5,
.slider-box-4,
.slider-box-3,
.slider-box-2 {
  width: 100%;
  height: 100%;
}

.slider-box-5 figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  animation: slideAnimation-2 25s infinite;
}

.slider-box-4 figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  animation: slideAnimation 20s infinite;
}

.slider-box-3 figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  animation: slideAnimation 15s infinite;
}

.slider-box-2 figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  animation: slideAnimation 10s infinite;
}

.slider-box-5 img,
.slider-box-4 img,
.slider-box-3 img,
.slider-box-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.slider-box-5 figure:nth-child(1) {
  animation-delay: 0s;
}
.slider-box-5 figure:nth-child(2) {
  animation-delay: 5s;
}
.slider-box-5 figure:nth-child(3) {
  animation-delay: 10s;
}
.slider-box-5 figure:nth-child(4) {
  animation-delay: 15s;
}
.slider-box-5 figure:nth-child(5) {
  animation-delay: 20s;
}

.slider-box-4 figure:nth-child(1) {
  animation-delay: 0s;
}
.slider-box-4 figure:nth-child(2) {
  animation-delay: 5s;
}
.slider-box-4 figure:nth-child(3) {
  animation-delay: 10s;
}
.slider-box-4 figure:nth-child(4) {
  animation-delay: 15s;
}

.slider-box-3 figure:nth-child(1) {
  animation-delay: 0s;
}
.slider-box-3 figure:nth-child(2) {
  animation-delay: 5s;
}
.slider-box-3 figure:nth-child(3) {
  animation-delay: 10s;
}

.slider-box-2 figure:nth-child(1) {
  animation-delay: 0s;
}
.slider-box-2 figure:nth-child(2) {
  animation-delay: 5s;
}

@-webkit-keyframes slideAnimation {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes slideAnimation {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes slideAnimation-2 {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes slideAnimation-2{
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
*/
/* --- スライダー共通の基本設定 --- */
.slider-box-5,
.slider-box-4,
.slider-box-3,
.slider-box-2 {
  width: 100%;
  height: 100%;
  position: relative;
}

.slider-box-5 figure,
.slider-box-4 figure,
.slider-box-3 figure,
.slider-box-2 figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.slider-box-5 img,
.slider-box-4 img,
.slider-box-3 img,
.slider-box-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* --- スライド5枚用 --- */
.slider-box-5 figure {
  animation: fade-in-out-5 25s infinite;
}
.slider-box-5 figure:nth-child(1) {
  animation-delay: 0s;
}
.slider-box-5 figure:nth-child(2) {
  animation-delay: 5s;
}
.slider-box-5 figure:nth-child(3) {
  animation-delay: 10s;
}
.slider-box-5 figure:nth-child(4) {
  animation-delay: 15s;
}
.slider-box-5 figure:nth-child(5) {
  animation-delay: 20s;
}

/* --- スライド4枚用 --- */
.slider-box-4 figure {
  animation: fade-in-out-4 20s infinite;
}
.slider-box-4 figure:nth-child(1) {
  animation-delay: 0s;
}
.slider-box-4 figure:nth-child(2) {
  animation-delay: 5s;
}
.slider-box-4 figure:nth-child(3) {
  animation-delay: 10s;
}
.slider-box-4 figure:nth-child(4) {
  animation-delay: 15s;
}

/* --- スライド3枚用 --- */
.slider-box-3 figure {
  animation: fade-in-out-3 15s infinite;
}
.slider-box-3 figure:nth-child(1) {
  animation-delay: 0s;
}
.slider-box-3 figure:nth-child(2) {
  animation-delay: 5s;
}
.slider-box-3 figure:nth-child(3) {
  animation-delay: 10s;
}

/* --- スライド2枚用 --- */
.slider-box-2 figure {
  animation: fade-in-out-2 10s infinite;
}
.slider-box-2 figure:nth-child(1) {
  animation-delay: 0s;
}
.slider-box-2 figure:nth-child(2) {
  animation-delay: 5s;
}

/* 5枚スライド用 */
@keyframes fade-in-out-5 {
  0% {
    opacity: 0;
  }
  4% {
    opacity: 1;
  }
  16% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

/* 4枚スライド用*/
@keyframes fade-in-out-4 {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

/* 3枚スライド用 */
@keyframes fade-in-out-3 {
  0% {
    opacity: 0;
  }
  6.66% {
    opacity: 1;
  }
  26.66% {
    opacity: 1;
  }
  33.33% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

/* 2枚スライド用 */
@keyframes fade-in-out-2 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

/*-----------------------------------------------------global-initiatives*/

.global-initiatives-slide img {
  height: calc(100% - 30px);
  border-radius: 0 0 50px 0;
}

.global-initiatives-slide figcaption {
  color: #008ad8;
  margin-top: 14px;
  height: 16px;
}

.global-initiatives-column {
  flex-wrap: wrap !important;
  gap: 80px 5%;
}

.global-initiatives-column .three-column-r-box {
  width: 30%;
}

@media screen and (max-width: 1200px) {
  .global-initiatives-column .three-column-r-box:last-child h3 {
    padding-bottom: 28px;
  }
}

@media screen and (max-width: 850px) {
  .global-initiatives-column {
    width: 93%;
    margin: 0 auto;
    max-width: none;
    padding: 0;
    flex-direction: row !important;
  }

  .global-initiatives-column .three-column-r-box {
    align-items: stretch !important;
  }

  .global-initiatives-column .three-column-r-box h3 {
    font-size: 16px !important;
    text-align: left;
    margin: 0 !important;
  }
}

@media screen and (max-width: 550px) {
  .global-initiatives-slide img {
    height: calc(100% - 24px);
  }

  .global-initiatives-slide figcaption {
    margin-top: 10px;
    text-align: left;
    font-size: 10px;
    padding-left: 10px;
  }

  .global-initiatives-column {
    flex-wrap: nowrap !important;
    flex-direction: column !important;
    gap: 40px;
  }

  .global-initiatives-column .three-column-r-box {
    width: 100%;
  }

  .global-initiatives-column .three-column-r-box h3 {
    margin: 0 !important;
    font-size: 20px !important;
  }

  .global-initiatives-column .three-column-r-box:last-child h3 {
    padding-bottom: 0;
  }
}

/*-------------------------------------------------newlife_ouen*/
.newlife_ouen-four-column .four-column-img img{
  border-radius: 50px 0 0 0;
}


/*---------------------------------------------countup*/
.number-box {
  width: 93%;
  max-width: 1100px;
  background: #cce9f7;
  justify-content: space-between;
  gap: 0;
  padding: 40px 0;
}

.number-item-box {
  flex: 1;
  text-align: center;
  padding: 14px;
}

.number-txt-top {
  padding-bottom: 14px;
}

.number-under-box {
  align-items: self-end;
}

.number-under-box-number {
  line-height: 0.9;
}

.number-under-box-unit {
  line-height: 1;
}

.number-under-box-number {
  font-size: 70px;
  font-weight: 600;
  color: #008ad8;
}

@media screen and (max-width: 1000px) {
  .number-under-box-number {
    font-size: 50px !important;
  }

  .number-under-box-unit {
    font-size: 28px !important;
  }
}

@media screen and (max-width: 550px) {
  .number-box {
    flex-direction: column;
    gap: 28px;
  }

  .number-under-box {
    margin: 0;
    gap: 0;
    align-items: flex-end;
  }

  .number-item-box {
    padding: 0;
    width: 100%;
  }

  .number-txt-top {
    font-size: 25px !important;
  }

  .number-under-box-number {
    font-size: 50px !important;
    padding-right: 5px;
  }

  .number-under-box-unit {
    font-size: 30px !important;
    line-height: 1.2;
    padding-right: 5px;
  }
}

/*---------------------------------------------slick*/

.slick-slider {
  margin-left: auto;
  margin-right: auto;
}

.slick-item {
  margin: 0 15px;
}

.slick-list {
  margin-left: -15px;
  margin-right: -15px;
}

/*---------------------------------------------pcとspで改行を変える*/
.br-550 {
  display: none;
}

.sp-br {
  display: none;
}

.pc-br {
  display: block;
}

@media screen and (max-width: 850px) {
  .br-550 {
    display: none;
  }

  .sp-br {
    display: block;
  }

  .pc-br {
    display: none;
  }
}

@media screen and (max-width: 550px) {
  .br-550 {
    display: block;
  }
}

/*-------------------------------非表示------------------*/
.hidden-cl{
  display: none!important;
}

/*-------------------------------------------------footer*/
.site-footer {
  background-color: #008ad8;
  position: relative;
}

.site-footer::before {
  content: "";
  background-image: url("../img/circle-img.png");
  width: 150px;
  height: 150px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: -150px;
  right: 0px;
  z-index: 10000;
}

.footer-inner {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  max-width: 1100px;
  margin: 0 auto;
  padding: 40px 0 20px;
}

.footer-nav-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  max-height: 250px;
}

.footer-nav-list li {
  font-size: 14px;
  color: #fff;
  width: 50%;
  margin-bottom: 28px;
}

.footer-left-area {
  width: 40%;
  padding-right: 40px;
}

.footer-right-area {
  width: 60%;
  display: flex;
  gap: 20px;
  margin-bottom: 28px;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
}

.btn-footer {
  display: flex;
  gap: 28px;
  color: #fff;
  font-size: 14px;
  text-align: center;
}

.footer-right-bottom-area {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.btn-footer a {
  background-color: #008ad8;
  border: #fff 1px solid;
  border-radius: 0;
  padding: 15px 40px;
  min-width: 150px;
  display: block;
}

.footer_right_nav {
  max-width: none;
  padding: 0;
  margin: 0;
  justify-content: flex-start;
  align-items: flex-end;
}

.footer_right_nav .menu-item {
  color: #ffffff !important;
  text-decoration: none;
  font-size: 12px;
  padding: 5px 7px;
  border-right: 1px solid #ffffff;
}

.footer_right_nav .menu-item:first-child {
  padding-left: 0;
  border-left: none;
}

.footer_right_nav .menu-item:last-child {
  padding-right: 0;
  border-right: none;
}

.footer_right_nav .menu-item:hover {
  text-decoration: underline;
}

.copyright-text {
  color: #ffffff;
  margin-left: 10px;
  padding: 5px 7px;
  font-size: 12px;
}

@media screen and (max-width: 1400px) {
  .footer-inner {
    width: 93%;
    margin: 0 auto;
  }

  .btn-footer a {
    min-width: 150px;
  }
}

@media screen and (max-width: 1024px) {
  .site-footer::before {
    width: 100px;
    height: 100px;
    top: -100px;
  }

  .footer-nav-list li {
    font-size: 14px;
    color: #fff;
    width: 50%;
    margin-bottom: 28px;
  }

  .footer-right-bottom-area {
    flex-direction: column;
  }

  .copyright-text {
    margin-left: 0px;
    padding: 20px 7px 5px 0;
  }
}

@media screen and (max-width: 850px) {
  .footer-inner {
    width: 93%;
    margin: 0 auto;
  }

  .footer-left-area {
    width: 40%;
    padding-right: 0;
  }

  .footer-nav-list li {
    font-size: 13px;
    width: 55%;
    margin-bottom: 28px;
  }

  .footer-nav-list li:nth-child(2),
  .footer-nav-list li:nth-child(4),
  .footer-nav-list li:nth-child(6) {
    width: 45%;
  }

  .footer-right-area {
    width: 60%;
    gap: 10px;
    margin-bottom: 0;
    padding-bottom: 28px;
  }

  .btn-footer {
    justify-content: center;
    gap: 10px;
  }

  .btn-footer a {
    padding: 15px 20px;
  }

  .copyright-text {
    padding: 5px 0 0 0;
  }
}

@media screen and (max-width: 550px) {
  .footer-inner {
    flex-direction: column;
    width: 80%;
    margin: 0 auto;
    max-width: 90%;
  }

  .btn-footer {
    flex-direction: column;
    gap: 14px;
  }

  .footer-left-area {
    width: 100%;
    padding-bottom: 40px;
  }

  .footer-nav-list li {
    font-size: 14px;
  }

  .footer-right-area {
    width: 100%;
    gap: 40px;
    align-items: center;
  }

  .btn-footer {
    width: 100%;
  }

  .btn-footer a {
    padding: 15px 10px;
    min-width: 0;
  }

  .footer_right_nav {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0;
  }

  .footer_right_nav .menu-item {
    width: 50%;
    font-size: 12px;
    padding: 0;
    margin-bottom: 28px;
    border: none !important;
  }

  .copyright-text {
    padding: 20px 0 0 0;
  }
}