@charset "UTF-8";
/*
Theme Name: 2024 Early
Author: Author
Author URI: URI
Version: 1.0
*/
/*
@import “_header”;
@import “_main”;
@import “_footer”;

.btn{
  color: #fff;
  background: #000;
}
.btnBlue {
  @extend .btn;
  background: blue;
}
*/
/* ===========================================================
   # BASE
=========================================================== */
* {
  border: none;
  box-sizing: border-box;
  font: inherit;
  margin: 0;
  padding: 0;
  outline: none;
  vertical-align: bottom;
  -webkit-tap-highlight-color: transparent;
}

html, body {
  width: 100%;
  min-height: 100%;
}

html {
  font-size: 10px;
  -webkit-text-size-adjust: 100%;
}

body {
  background: #fff;
  color: #333;
  font: 400 1.6rem/1 "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
  letter-spacing: 1px;
}

main {
  display: block;
}

img {
  max-width: 100%;
  height: auto;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
}

strong {
  font-weight: bolder;
}

sub, sup {
  font-size: 80%;
}

sub {
  vertical-align: sub;
}

sup {
  vertical-align: super;
}

/* = CLASS
----------------------------------------------------------- */
.auto {
  margin: auto;
}

.boxradiusAll {
  border-radius: 1rem;
}

.boxShadow {
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
}

.clear {
  clear: both;
}

.disNon {
  display: none !important;
}

.hidden {
  overflow: hidden;
}

.serif {
  font-family: "Noto Serif JP", serif;
}

.small {
  font-size: 0.9em;
}

.transAll {
  transition: all 500ms 0s ease;
}

.txtShadow {
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
}

/* ALIGN */
.align_c {
  text-align: center;
}

.align_l {
  text-align: left;
}

.align_r {
  text-align: right;
}

.alignfull {
  width: calc(var(--vw) * 100);
  position: relative;
  left: calc(50% - var(--vw) * 50);
}

/* DISPLAY */
.noSP, .onPC,
.noSP.flex, .onPC.flex {
  display: none;
}

/* FLEX */
.flex {
  display: flex;
  flex-wrap: wrap;
}

/* FONT */
.has-small-font-size {
  font-size: 0.88em;
}

/* POSITION */
.posRe {
  position: relative;
}

.posAb {
  position: absolute;
}

@media (min-width: 768px) {
  .alignleft {
    float: left;
  }
  .alignright {
    float: right;
  }
  .onSP {
    display: none !important;
  }
  .noSP {
    display: block;
  }
  .noSP.flex {
    display: flex;
  }
  img.noSP,
  span.noSP,
  strong.noSP {
    display: inline;
  }
}
@media (min-width: 1024px) {
  .noPC {
    display: none !important;
  }
  .onPC {
    display: block;
  }
  .onPC.flex {
    display: flex;
  }
  img.onPC,
  span.onPC,
  strong.onPC {
    display: inline;
  }
}
/* ===========================================================
   # HREF
=========================================================== */
a {
  color: #333;
  outline: none;
  text-decoration: none;
}
a.linkBtn, a.linkBox {
  border-radius: 0;
  display: inline-block;
  line-height: 4rem;
  padding: 0 1em;
  max-width: 100%;
  min-width: 20rem;
  text-decoration: none !important;
  transition: all 500ms 0s ease;
}
a.linkBox {
  border: 2px solid #333;
  color: #333;
  font-weight: 500;
}
a.linkBox:hover {
  background: #333;
  border-color: #333;
  color: #fff;
}
.entryBody a {
  color: #7d075a;
  text-decoration: underline;
}
.entryBody a:hover img {
  opacity: 0.9;
}
@media (min-width: 768px) {
  a.linkBtn, a.linkBox {
    font-size: 1.4em;
    line-height: 6rem;
    min-width: 36rem;
  }
}
.linkWrap {
  position: relative;
}
.linkWrap_item a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-decoration: none !important;
}

/* ===========================================================
   # MAIN
=========================================================== */
.wrap {
  padding-top: 5rem;
  min-height: 100%;
}

.inner {
  padding-left: 1em;
  padding-right: 1em;
}
.innerS, .innerM, .innerL, .innerLl {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.innerS {
  max-width: 98rem;
}
.innerM {
  max-width: 124rem;
}
.innerL {
  max-width: 154rem;
}
.innerLl {
  max-width: 192rem;
}

@media (min-width: 768px) {
  .wrap {
    padding-top: 10rem;
  }
  .inner {
    padding-left: 2em;
    padding-right: 2em;
  }
}
@media (min-width: 1366px) {
  .inner.innerS, .inner.innerM {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1920px) {
  .inner.innerL, .inner.innerLl {
    padding-left: 0;
    padding-right: 0;
  }
}
/* ===========================================================
   # HEAD
=========================================================== */
.head {
  background: #fff;
  box-shadow: 0 0 2rem 0 rgba(51, 51, 51, 0.1);
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 5rem;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
}
.head .logo a {
  color: #002870;
  font-size: min(5.4vw, 2.4rem);
  font-weight: 700;
  letter-spacing: 0;
}
@media (min-width: 768px) {
  .head {
    height: 10rem;
  }
}
@media (min-width: 1024px) {
  .head {
    justify-content: center;
  }
}
/* ===========================================================
   # SIDE
=========================================================== */
/* ===========================================================
   # FOOT
=========================================================== */
.foot {
  background: url(./img/bg_yellow.jpg);
  color: #002870;
  flex-direction: column;
  gap: 0.5em;
  line-height: 1.4;
  padding: 2em 0;
}
.foot h1 {
  font-weight: 700;
}
.foot p {
  font-size: 0.9em;
}
@media (min-width: 768px) {
  .foot {
    gap: 1em;
    line-height: 1.5;
    padding: 3em 0;
  }
}
.gotoTop {
  background: #002870;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 999;
}
.gotoTop svg {
  fill: #fff;
  width: 2.8rem;
  height: auto;
}
@media (min-width: 768px) {
  .gotoTop {
    width: 6rem;
    height: 6rem;
  }
}
/* ===========================================================
   # NAVI
=========================================================== */
body.open {
  position: fixed;
}
@media (min-width: 1024px) {
  body.open {
    position: static;
  }
}

/* = MENU BTN
----------------------------------------------------------- */
.btnMenu {
  cursor: pointer;
  width: 2.4rem;
  height: 2rem;
}
.btnMenu span {
  background: #002870;
  width: 100%;
  height: 3px;
  left: 0;
}
.btnMenu01 {
  top: 0;
}
.btnMenu02 {
  top: 8.5px;
}
.btnMenu03 {
  bottom: 0;
}
.open .btnMenu01 {
  transform: translateY(8.5px) rotate(45deg);
}
.open .btnMenu02 {
  opacity: 0;
}
.open .btnMenu03 {
  transform: translateY(-8.5px) rotate(-45deg);
}

/* = G NAVI
----------------------------------------------------------- */
.gNav {
  background: rgb(255, 255, 255);
  display: none;
  align-items: center;
  overflow: auto;
  height: 100dvh;
  width: 100%;
  padding-top: 2.5rem;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
  /*HOPI*/
}
.gNav.m_fixed {
  left: 0;
  position: fixed;
  top: 0;
}
.gNav::-webkit-scrollbar {
  display: none;
}
.gNav > ul {
  justify-content: center;
  width: 90%;
  max-width: 60rem;
}
.gNav > ul > li {
  width: 50%;
  position: relative;
}
.gNav > ul > li:nth-child(-n+4)::before, .gNav > ul > li:nth-child(odd)::after {
  background: rgba(51, 51, 51, 0.2);
  content: "";
  margin: auto;
  position: absolute;
  right: 0;
  bottom: 0;
}
.gNav > ul > li:nth-child(-n+4)::before {
  width: 70%;
  height: 1px;
  left: 0;
}
.gNav > ul > li:nth-child(odd)::after {
  width: 1px;
  height: 70%;
  top: 0;
}
.gNav > ul > li > a {
  color: #002870;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1em;
  justify-content: center;
  font-size: min(4vw, 1.8rem);
  font-weight: 500;
  padding: 2em 0;
  height: 100%;
  transition: all 500ms 0s ease;
}
.gNav > ul > li > a::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  filter: invert(17%) sepia(73%) saturate(1973%) hue-rotate(204deg) brightness(81%) contrast(113%);
  width: 100%;
  height: 5rem;
}
.gNav > ul > li.home > a::before {
  background-image: url(./img/ico_home.svg);
}
.gNav > ul > li.school > a::before {
  background-image: url(./img/ico_school.svg);
}
.gNav > ul > li.exam > a::before {
  background-image: url(./img/ico_exam.svg);
}
.gNav > ul > li.event > a::before {
  background-image: url(./img/ico_event.svg);
}
.gNav > ul > li.support > a::before {
  background-image: url(./img/ico_support.svg);
}
.gNav > ul > li.teacher > a::before {
  background-image: url(./img/ico_teacher.svg);
}
.gNav > ul > li.exhibition {
  background: #F7716C;
  width: calc(100% - 4em);
}
.gNav > ul > li.exhibition::after {
  display: none;
}
.gNav > ul > li.exhibition a {
  color: #fff;
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1.2;
  padding: 1em 0;
}
.gNav > ul > li.exhibition a::before {
  display: none;
}
@media (min-width: 768px) {
  .gNav {
    padding-top: 5rem;
  }
  .gNav > ul > li.exhibition {
    width: calc(100% - 6em);
  }
  .gNav > ul > li.exhibition a {
    padding: 1.5em 0;
  }
}
@media (min-width: 1024px) {
  .gNav {
    background: #002870;
    display: block !important;
    height: auto;
    padding: 0;
    position: relative;
    overflow: visible;
    z-index: 9999;
  }
  .gNav > ul {
    width: auto;
    max-width: 128rem;
  }
  .gNav > ul > li {
    flex: 1;
  }
  .gNav > ul > li:nth-child(-n+5)::after {
    background: #fff;
    content: "";
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    height: 5rem;
  }
  .gNav > ul > li > a {
    color: #fff;
    gap: 0.8em;
    font-size: min(1.5vw, 1.8rem);
    padding: 0.8em 0;
  }
  .gNav > ul > li > a::before {
    filter: invert(94%) sepia(94%) saturate(22%) hue-rotate(306deg) brightness(105%) contrast(100%);
    height: min(4vw, 5rem);
  }
}
/* ===========================================================
   # HOME
=========================================================== */
.homeCont > * {
  padding-top: 2em;
  padding-bottom: 2em;
}
.homeCont h2.wp-block-heading {
  color: #007DC9;
  font-size: 0.9em;
  font-weight: 700;
  margin-bottom: 2em;
}
.homeCont h2.wp-block-heading::after {
  content: "";
  background: linear-gradient(90deg, #007dc9 0%, #00a869 100%);
  display: block;
  margin-top: 0.3em;
  height: 1px;
}
.homeCont h2.wp-block-heading strong {
  font-size: min(6.4vw, 2.22em);
  font-weight: 600;
  padding-right: 0.1em;
  vertical-align: text-bottom;
}
.homeCont > *:nth-child(odd) {
  background: #C9DFF1;
}
.homeCont > *:nth-child(odd) h2.wp-block-heading::after {
  background: linear-gradient(90deg, #007dc9 0%, white 100%);
}
.homeMv_slick {
  padding: 0 !important;
}
.homeMv_slick figure {
  margin: 0;
}
.homeMv_slick figure img {
  width: 100vw;
}
.homeMv.wp-block-cover {
  padding-bottom: 0;
  min-height: unset;
}
.homeMv.wp-block-cover .wp-block-cover__inner-container {
  mix-blend-mode: multiply;
  height: 100%;
}
.homeMv.wp-block-cover .wp-block-cover__inner-container img {
  width: auto;
  max-height: 52rem;
}
.homeNews h2.wp-block-heading {
  margin-bottom: 0;
}
.homeTopics {
  background: #fafafa;
}
.homeSchool_list {
  background: #002870;
  gap: 5px;
  justify-content: space-between;
  margin: -2em -1em 2em;
  padding: 5px;
}
.homeSchool_list li {
  color: #fff;
  width: calc(50% - 2.5px);
}
.homeSchool_list li.flex {
  align-items: center;
  justify-content: center;
  font-size: min(3.2rem);
  font-weight: 600;
}
.homeSchool_list li.flex::before, .homeSchool_list li.flex::after {
  background: #fff;
  content: "";
  height: 1px;
  position: absolute;
  bottom: 0.6em;
  right: 0.5em;
}
.homeSchool_list li.flex::before {
  width: 1.2rem;
  order: 1;
  transform: rotate(45deg);
  transform-origin: right bottom;
}
.homeSchool_list li.flex::after {
  left: 0.5em;
}
.homeSchool_list li a {
  display: block;
}
.homeSchool_list li a span {
  background: rgba(51, 51, 51, 0.6);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2;
  height: 3em;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 300ms 0s ease;
}
.homeSchool_list li a:hover span {
  background: rgba(51, 51, 51, 0.8);
  height: 100%;
}
@media (min-width: 768px) {
  .homeCont > * {
    padding-top: 3em;
    padding-bottom: 3em;
  }
  .homeCont h2.wp-block-heading {
    margin-bottom: 3em;
  }
  .homeCont h2.wp-block-heading::after {
    margin-top: 0.5em;
  }
  .homeSchool_list {
    box-shadow: 1rem 1rem 0 0 white;
    margin: 0 0 2em;
  }
  .homeSchool_list li {
    width: calc(33.33% - 3.4px);
  }
}
@media (min-width: 1024px) {
  .homeCont > * {
    padding-top: 7em;
    padding-bottom: 7em;
  }
  .homeMv.wp-block-cover .wp-block-cover__inner-container img {
    height: 39vw;
  }
  .homeSchool_list {
    margin-bottom: 4em;
  }
  .homeSchool_list li {
    width: calc(16.66% - 4.1px);
  }
}
/* ===========================================================
   # NEWS
=========================================================== */
.newsList li {
  cursor: pointer;
  display: grid;
  gap: 0.4em;
  line-height: 1.4;
  padding: 1em;
}
.newsList li:nth-child(even) {
  background: #fafafa;
}
.newsList li .wp-block-post-date {
  color: #002870;
  font-size: 0.9em;
  font-weight: 500;
  letter-spacing: 0;
}
.newsList li .wp-block-post-title {
  font-size: 1.25em;
  font-size: min(4.8vw, 2rem);
}
.newsList li .wp-block-post-excerpt {
  opacity: 0.7;
  overflow: hidden;
}
.newsList li .wp-block-post-excerpt p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.newsList + .more {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .newsList li {
    grid-template-columns: 6em 1fr;
    padding: 2em 1em;
  }
  .newsList li .wp-block-post-date {
    grid-row: 1/3;
    grid-column: 1/2;
    padding-top: 0.3em;
  }
  .newsList li .wp-block-post-title {
    grid-row: 1/2;
    grid-column: 2/3;
  }
  .newsList li .wp-block-post-excerpt {
    grid-row: 2/3;
    grid-column: 2/3;
  }
  .newsList + .more {
    margin-top: 4rem;
  }
}
@media (min-width: 1024px) {
  .newsList li {
    gap: 1em;
    grid-template-columns: 9em 1fr;
  }
}
/* ===========================================================
   # SCHOOL
=========================================================== */
/* = NEWS
----------------------------------------------------------- */
.schoolNews ul {
  gap: 1em;
  margin-bottom: 2em;
}
.schoolNews ul .wp-block-post {
  background: #fff;
  border-radius: 1rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 0.1em;
  font-weight: 600;
  overflow: hidden;
  padding: 0 1rem 1em;
  transition: all 500ms 0s ease;
}
.schoolNews ul .wp-block-post:hover {
  transform: translateY(-1em);
}
.schoolNews ul .wp-block-post:not(:has(figure))::before {
  background: #eee;
  color: #aaa;
  content: "滋賀県私立中学高等学校連合会";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  letter-spacing: 0;
  margin: 0 -1rem;
  aspect-ratio: 8/5;
}
.schoolNews ul .wp-block-post-featured-image {
  margin: 0 -1em;
  aspect-ratio: 8/5;
}
.schoolNews ul .wp-block-post-featured-image img {
  width: 100%;
  height: 100%;
}
.schoolNews ul .wp-block-post-date {
  font-weight: 500;
  letter-spacing: 0;
  opacity: 0.7;
}
.schoolNews ul .wp-block-post-title {
  font-size: min(4.4vw, 1.13em);
  line-height: 1.3;
}
.schoolNews ul .wp-block-post-terms {
  font-size: 0.8em;
}
.schoolNews ul .wp-block-post-terms.taxonomy-category {
  margin: 1em 0;
  letter-spacing: 0;
}
.schoolNews ul .wp-block-post-terms.taxonomy-category a {
  background: #002870;
  border-radius: 3px;
  color: #fff;
  padding: 0 0.5em 0.15em;
}
.schoolNews ul .wp-block-post-terms.taxonomy-category a.hieizan {
  background: #4f7a5e;
}
.schoolNews ul .wp-block-post-terms.taxonomy-category a.shigatan {
  background: #614786;
}
.schoolNews ul .wp-block-post-terms.taxonomy-category a.happy {
  background: #5299bb;
}
.schoolNews ul .wp-block-post-terms.taxonomy-category a.ohmi {
  background: #255d8a;
}
.schoolNews ul .wp-block-post-terms.taxonomy-category a.hikosou {
  background: #aecc6b;
}
.schoolNews ul .wp-block-post-terms.taxonomy-category a.omibh {
  background: #464683;
}
.schoolNews ul .wp-block-post-terms.taxonomy-category a.shigagakuen {
  background: #428b5a;
}
.schoolNews ul .wp-block-post-terms.taxonomy-category a.kousen {
  background: #276093;
}
.schoolNews ul .wp-block-post-terms.taxonomy-category a.ritsumei {
  background: #863b43;
}
.schoolNews ul .wp-block-post-terms.taxonomy-category a.ayaha {
  background: #2e4b8f;
}
.schoolNews ul .wp-block-post-terms.taxonomy-category a.mihobigaku {
  background: #d8b06f;
}
.schoolNews ul .wp-block-post-terms.taxonomy-point {
  margin-top: 0.5em;
  opacity: 0.6;
}
.schoolNews ul .wp-block-post-terms.taxonomy-point a {
  padding-right: 0.2em;
}
.schoolCat ul {
  gap: 0.5em;
  margin-top: 1em;
}
.schoolCat ul a {
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 0.8em;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2;
  padding: 0 0.5em;
  height: 4.2rem;
  text-align: center;
  transition: all 500ms 0s ease;
}
.schoolCat ul a:hover {
  color: #fff;
  transform: scale(1.05);
}
.schoolCat ul.categoryList li {
  width: calc(50% - 0.25em);
}
.schoolCat ul.categoryList li a:hover {
  background: #002870;
}
.schoolCat ul.pointList li {
  flex: 1;
}
.schoolCat ul.pointList li:first-child {
  display: none;
}
.schoolCat ul.pointList li a {
  color: #fff;
  padding: 0;
}
.schoolCat ul.pointList li.cat-item-13 a {
  background: #E219A4;
}
.schoolCat ul.pointList li.cat-item-14 a {
  background: #02C927;
}
.schoolCat ul.pointList li.cat-item-15 a {
  background: #0868FF;
}
.schoolCat ul.pointList li.cat-item-16 a {
  background: #E9A71A;
}
.schoolCat ul.pointList li.cat-item-17 a {
  background: #F43F14;
}
.schoolCat + h2 {
  margin-top: 2em;
}
.schoolCat.shsLinks li.cat-item-12, .schoolCat.jhsLinks li.cat-item-3, .schoolCat.jhsLinks li.cat-item-6, .schoolCat.jhsLinks li.cat-item-7, .schoolCat.jhsLinks li.cat-item-8, .schoolCat.jhsLinks li.cat-item-11 {
  display: none;
}
@media (min-width: 768px) {
  .schoolNews ul .wp-block-post {
    gap: 0.5em;
  }
  .schoolCat ul.categoryList li {
    width: calc(33.33% - 0.34em);
  }
  .schoolCat + h2 {
    margin-top: 4em;
  }
}
@media (min-width: 1024px) {
  .schoolNews ul {
    gap: 2.5em;
    margin-bottom: 3em;
  }
  .schoolNews ul .wp-block-post {
    border-radius: 1em;
    padding: 0 2rem 1.5em;
  }
  .schoolNews ul .wp-block-post:not(:has(figure))::before, .schoolNews ul .wp-block-post-featured-image {
    margin: 0 -2rem;
  }
  .schoolCat ul {
    gap: 1em;
  }
  .schoolCat ul.categoryList li {
    width: calc(25% - 0.75em);
  }
  .schoolCat ul.pointList li {
    width: calc(20% - 0.8em);
  }
  .schoolCat + h2 {
    margin-top: 6em;
  }
}
/* = POINT
----------------------------------------------------------- */
.pointTtl {
  color: #002870;
  font-size: min(8vw, 3em);
  font-weight: 900;
  line-height: 1.1;
  margin-bottom: 1.5em;
}

.point5.wp-block-columns.is-not-stacked-on-mobile {
  flex-direction: column;
  flex-wrap: wrap !important;
  justify-content: center;
}
.point5.wp-block-columns.is-not-stacked-on-mobile .item {
  border: 2px solid;
  border-radius: 1em;
  box-shadow: 5px 5px 0 0 rgba(51, 51, 51, 0.1);
  display: flex;
  align-items: center;
  flex-basis: auto;
  flex-grow: initial;
  flex-direction: column;
  gap: 0.3em;
  transition: all 500ms 0s ease;
}
.point5.wp-block-columns.is-not-stacked-on-mobile .item .num {
  background: #002870;
  border-radius: 1em;
  color: #fff;
  font-size: min(4.8vw, 2rem);
  font-weight: 700;
  line-height: 1.3em;
  margin: -0.75em 0 0;
  padding: 0 2em 0.1em;
}
.point5.wp-block-columns.is-not-stacked-on-mobile .item .body {
  gap: 0.3em;
  font-size: 0.9em;
  font-weight: 500;
  line-height: 1.4;
  margin: 0;
  padding: 0 1em 1em 6em;
  width: 100%;
  height: 100%;
  position: relative;
}
.point5.wp-block-columns.is-not-stacked-on-mobile .item .body::before {
  content: "";
  width: 4em;
  height: 4em;
  margin: auto;
  -webkit-mask-size: cover;
          mask-size: cover;
  position: absolute;
  left: 1em;
  top: 0;
  bottom: 0;
}
.point5.wp-block-columns.is-not-stacked-on-mobile .item .body::after {
  border-top: 3px solid;
  border-right: 3px solid;
  width: 1em;
  height: 1em;
  margin: auto;
  position: absolute;
  right: 1em;
  top: 0;
  bottom: 0;
  transform: rotate(45deg);
}
.point5.wp-block-columns.is-not-stacked-on-mobile .item .body h3 {
  font-size: 1.25em;
  font-weight: 700;
  width: 100%;
}
.point5.wp-block-columns.is-not-stacked-on-mobile .item .body h3 a {
  color: inherit;
}
.point5.wp-block-columns.is-not-stacked-on-mobile .item.curriculum {
  border-color: #E219A4;
}
.point5.wp-block-columns.is-not-stacked-on-mobile .item.curriculum .num {
  background: #E219A4;
}
.point5.wp-block-columns.is-not-stacked-on-mobile .item.curriculum .body::before {
  background-color: #E219A4;
  -webkit-mask-image: url("./img/ico_curriculum.svg");
          mask-image: url("./img/ico_curriculum.svg");
}
.point5.wp-block-columns.is-not-stacked-on-mobile .item.curriculum .body::after {
  border-color: #E219A4;
}
.point5.wp-block-columns.is-not-stacked-on-mobile .item.curriculum .body h3 {
  color: #E219A4;
}
.point5.wp-block-columns.is-not-stacked-on-mobile .item.global {
  border-color: #02C927;
}
.point5.wp-block-columns.is-not-stacked-on-mobile .item.global .num {
  background: #02C927;
}
.point5.wp-block-columns.is-not-stacked-on-mobile .item.global .body::before {
  background-color: #02C927;
  -webkit-mask-image: url("./img/ico_global.svg");
          mask-image: url("./img/ico_global.svg");
}
.point5.wp-block-columns.is-not-stacked-on-mobile .item.global .body::after {
  border-color: #02C927;
}
.point5.wp-block-columns.is-not-stacked-on-mobile .item.global .body h3 {
  color: #02C927;
}
.point5.wp-block-columns.is-not-stacked-on-mobile .item.club {
  border-color: #0868FF;
}
.point5.wp-block-columns.is-not-stacked-on-mobile .item.club .num {
  background: #0868FF;
}
.point5.wp-block-columns.is-not-stacked-on-mobile .item.club .body::before {
  background-color: #0868FF;
  -webkit-mask-image: url("./img/ico_club.svg");
          mask-image: url("./img/ico_club.svg");
}
.point5.wp-block-columns.is-not-stacked-on-mobile .item.club .body::after {
  border-color: #0868FF;
}
.point5.wp-block-columns.is-not-stacked-on-mobile .item.club .body h3 {
  color: #0868FF;
}
.point5.wp-block-columns.is-not-stacked-on-mobile .item.support {
  border-color: #E9A71A;
}
.point5.wp-block-columns.is-not-stacked-on-mobile .item.support .num {
  background: #E9A71A;
}
.point5.wp-block-columns.is-not-stacked-on-mobile .item.support .body::before {
  background-color: #E9A71A;
  -webkit-mask-image: url("./img/ico_point_support.svg");
          mask-image: url("./img/ico_point_support.svg");
}
.point5.wp-block-columns.is-not-stacked-on-mobile .item.support .body::after {
  border-color: #E9A71A;
}
.point5.wp-block-columns.is-not-stacked-on-mobile .item.support .body h3 {
  color: #E9A71A;
}
.point5.wp-block-columns.is-not-stacked-on-mobile .item.uniform {
  border-color: #F43F14;
}
.point5.wp-block-columns.is-not-stacked-on-mobile .item.uniform .num {
  background: #F43F14;
}
.point5.wp-block-columns.is-not-stacked-on-mobile .item.uniform .body::before {
  background-color: #F43F14;
  -webkit-mask-image: url("./img/ico_uniform.svg");
          mask-image: url("./img/ico_uniform.svg");
}
.point5.wp-block-columns.is-not-stacked-on-mobile .item.uniform .body::after {
  border-color: #F43F14;
}
.point5.wp-block-columns.is-not-stacked-on-mobile .item.uniform .body h3 {
  color: #F43F14;
}
@media (min-width: 768px) {
  .point5.wp-block-columns.is-not-stacked-on-mobile {
    flex-direction: row;
    gap: 2em 1.5em;
  }
  .point5.wp-block-columns.is-not-stacked-on-mobile .item {
    gap: 0.5em;
    width: calc(33.33% - 1em);
  }
  .point5.wp-block-columns.is-not-stacked-on-mobile .item .num {
    padding: 0 1.5em 0.1em;
  }
  .point5.wp-block-columns.is-not-stacked-on-mobile .item .body {
    gap: 0.5em;
    font-size: 1em;
    padding: 8em 0.6em 1.5em 0.8em;
  }
  .point5.wp-block-columns.is-not-stacked-on-mobile .item .body::before {
    width: 5.5em;
    height: 5.5em;
    left: 0;
    right: 0;
    top: 1em;
    bottom: auto;
  }
  .point5.wp-block-columns.is-not-stacked-on-mobile .item .body::after {
    left: 0;
    right: 0;
    top: auto;
    bottom: 2em;
  }
  .point5.wp-block-columns.is-not-stacked-on-mobile .item .body h3 {
    text-align: center;
  }
}
@media (min-width: 1024px) {
  .point5.wp-block-columns.is-not-stacked-on-mobile {
    gap: 1em;
    flex-wrap: nowrap !important;
  }
}
/* = PAMPHLET
----------------------------------------------------------- */
.pamphBtn .wp-block-button__link {
  background: #007DC9;
  border-radius: 0.5em;
  display: flex;
  align-items: center;
  gap: 0.5em;
  justify-content: center;
  font-size: min(4.6vw, 3.4rem);
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
  padding: min(4vw, 1.18em) 0;
}
.pamphBtn .wp-block-button__link::before {
  background-color: #fff;
  content: "";
  -webkit-mask-image: url("./img/ico_pamph.svg");
          mask-image: url("./img/ico_pamph.svg");
  -webkit-mask-size: cover;
          mask-size: cover;
  margin-right: 0.3em;
  width: 2.4em;
  height: 2.4em;
}
.pamphBtn .wp-block-button__link::after {
  content: "";
  border-right: 3px solid;
  border-top: 3px solid;
  width: 0.8em;
  height: 0.8em;
  transform: rotate(45deg);
}
@media (min-width: 768px) {
  .pamphBtn .wp-block-button__link {
    gap: 1em;
  }
  .pamphBtn .wp-block-button__link::before {
    margin-right: 0;
    width: 2.95em;
    height: 2.95em;
  }
  .pamphBtn .wp-block-button__link::after {
    border-width: 5px;
  }
}
/* ===========================================================
   # TOPICS
=========================================================== */
.topicsList {
  flex-direction: column;
  gap: 1em;
}
.topicsList .item {
  background: #fff;
  border-radius: 1em;
  box-shadow: 0 0 1em 0 rgba(51, 51, 51, 0.1);
  cursor: pointer;
  align-items: flex-start !important;
  gap: 0.1em;
  font-size: 0.9em;
  line-height: 1.4;
  padding: 1em 0.8em 1em 7em;
  position: relative;
  transition: all 500ms 0s ease;
}
.topicsList .item:hover {
  transform: scale(1.1);
}
.topicsList .item .txt {
  font-size: clamp(14px, 1.5vw, 16px);
}
.topicsList .item a {
  color: #007DC9;
  font-size: 1.3em;
  font-weight: 600;
}
.topicsList .item::before {
  background: #007DC9;
  content: "";
  -webkit-mask-position: 50%;
          mask-position: 50%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  width: 4em;
  position: absolute;
  left: 1.5em;
  top: 0;
  bottom: 0;
}
.topicsList .item.school::before {
  -webkit-mask-image: url("./img/ico_school.svg");
          mask-image: url("./img/ico_school.svg");
}
.topicsList .item.exam::before {
  -webkit-mask-image: url("./img/ico_exam.svg");
          mask-image: url("./img/ico_exam.svg");
}
.topicsList .item.event::before {
  -webkit-mask-image: url("./img/ico_event.svg");
          mask-image: url("./img/ico_event.svg");
}
.topicsList .item.support::before {
  -webkit-mask-image: url("./img/ico_support.svg");
          mask-image: url("./img/ico_support.svg");
}
.topicsList .item.teacher::before {
  -webkit-mask-image: url("./img/ico_teacher.svg");
          mask-image: url("./img/ico_teacher.svg");
}
.topicsList .item.school::before {
  -webkit-mask-image: url("./img/ico_school.svg");
          mask-image: url("./img/ico_school.svg");
}
.topicsList .item.exhibition {
  background: linear-gradient(135deg, #007dc9 0%, #00a869 100%);
  justify-content: center;
  letter-spacing: 0.1em;
  line-height: 1.2;
  padding-top: 2.5em;
  padding-bottom: 2.5em;
}
.topicsList .item.exhibition::before {
  background: #fff;
  -webkit-mask-image: url("./img/ico_exhibition.svg");
          mask-image: url("./img/ico_exhibition.svg");
  -webkit-mask-size: 3em;
          mask-size: 3em;
}
.topicsList .item.exhibition a {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  padding-left: 1.5em;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
@media (min-width: 768px) {
  .topicsList {
    flex-direction: row;
  }
  .topicsList .item {
    align-items: center !important;
    gap: 1em;
    padding: 1em;
    width: calc(33.33% - 0.74em);
  }
  .topicsList .item a {
    font-size: 1.5em;
    font-weight: 500;
  }
  .topicsList .item::before {
    margin-bottom: 1em;
    width: 100%;
    height: min(12vw, 7.5em);
    position: static;
  }
  .topicsList .item.exhibition {
    gap: 0;
    padding: 0;
  }
  .topicsList .item.exhibition::before {
    margin: 0;
    -webkit-mask-size: 4em;
            mask-size: 4em;
    transform: translateY(-40%);
  }
  .topicsList .item.exhibition a {
    font-size: min(3.4vw, 3.2rem);
    padding: 30% 0 0 0;
  }
}
@media (min-width: 1024px) {
  .topicsList {
    gap: 2em;
  }
  .topicsList .item {
    font-size: 1em;
    padding: 2em 1em;
    width: calc(33.33% - 1.34em);
  }
}
/* ===========================================================
   # ETC
=========================================================== */
.wp-embed-aspect-16-9 div {
  aspect-ratio: 16/9;
}

.wp-block-embed-youtube iframe {
  width: 100%;
  height: 100%;
}/*# sourceMappingURL=style.css.map */