@charset "UTF-8";
@font-face {
  font-family: "Circular";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://www.kitasato-u.ac.jp/clas/font/CircularStd-Book-subset.woff2) format("woff2"), url(https://www.kitasato-u.ac.jp/clas/font/CircularStd-Book-subset.woff) format("woff");
}
:root {
  --main-color: #73AB7D;
  --main-bg-color: #F6F7FA;
  --heading-color: #333;
  --text-color: #000;
  --main-link-color: #3F7AEA;
  --ns-color: #85ACEB;
  --hs-color: #D996AC;
  --basic-color: #E6A646;
}

html {
  font-size: 62.5%;
}

body:not(.cms) {
  overflow-x: hidden;
  color: var(--text-color);
  font-size: 1.6rem;
  font-family: "Noto Sans JP", Helvetica, Arial, メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  line-height: 2;
  opacity: 0;
  counter-reset: cnt;
}
@media screen and (max-width: 1023px) {
  body:not(.cms) {
    font-size: 1.5rem;
  }
}
body:not(.cms).is-loaded {
  opacity: 1;
}
body:not(.cms).is-menuOpen {
  overflow: hidden;
}
body:not(.cms).cms {
  opacity: 1 !important;
}

.cp-header {
  position: fixed;
  width: 100%;
  height: 80px;
  z-index: 100;
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 7px 25px;
  background-color: #fff;
}
@media screen and (max-width: 1023px) {
  .cp-header {
    height: 55px;
    padding: 5px 12px;
  }
}

@media screen and (max-width: 1520px) {
  .cp-headerLogo {
    width: 300px;
  }
}
.cp-headerLogo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.cp-headerGnav {
  display: flex;
  gap: 32px;
  margin: 0 auto;
}
@media screen and (max-width: 1520px) {
  .cp-headerGnav {
    gap: 16px;
  }
}
@media screen and (max-width: 1023px) {
  .cp-headerGnav {
    display: none;
  }
}
.cp-headerGnav__item {
  position: relative;
}
.cp-headerGnav__ttl {
  font-size: 1.6rem;
  font-weight: 500;
  color: #222;
  cursor: pointer;
  position: relative;
  text-align: center;
  line-height: 1.5;
}
.cp-headerGnav__ttl::before {
  content: "";
  display: block;
  width: 0;
  height: 3px;
  background-color: var(--main-color);
  position: absolute;
  bottom: -12px;
  left: 50%;
  translate: -50% 0;
  transition: 0.2s ease;
}
.cp-headerGnav__ttl::after {
  content: "";
  display: block;
  width: 100%;
  height: 40px;
  position: absolute;
  bottom: -40px;
  left: 0;
}
@media screen and (min-width: 1024px) {
  .cp-headerGnav__ttl:hover::before {
    width: 100%;
  }
}
@media screen and (max-width: 1520px) {
  .cp-headerGnav__ttl {
    font-size: 1.4rem;
  }
}
.cp-headerGnav__ttl.is-active::before {
  width: 100%;
}
.is-current .cp-headerGnav__ttl::before {
  width: 100%;
}
.cp-headerGnav__list {
  position: absolute;
  top: 38px;
  left: 0;
  min-width: 240px;
  width: -moz-max-content;
  width: max-content;
  list-style: none;
  background-color: #fff;
  border-radius: 0 0 4px 4px;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.16);
  padding: 0;
  opacity: 0;
  pointer-events: none;
}
.is-active .cp-headerGnav__list {
  padding: 16px 20px 0;
  opacity: 1;
  pointer-events: all;
}
.cp-headerGnav__listItem {
  height: 60px;
}
.cp-headerGnav__listItem a {
  display: flex;
  align-items: center;
  height: 100%;
  color: var(--text-color);
  font-size: 1.4rem;
}
.cp-headerGnav__listItem + .cp-headerGnav__listItem {
  border-top: 1px dotted #ccc;
}
.cp-headerGnav__children {
  display: none;
}

.cp-headerMenu {
  display: flex;
  flex-shrink: 0;
}
.cp-headerMenu__item {
  display: grid;
  justify-items: center;
  align-items: end;
  cursor: pointer;
}
.cp-headerMenu__item a {
  display: grid;
  justify-items: center;
  align-items: end;
  cursor: pointer;
  width: 100%;
  height: 100%;
  color: var(--text-color);
  transition: 0.2s ease;
  text-decoration: none;
}
.cp-headerMenu__item::before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.cp-headerMenu__item--link {
  margin: 0 29px 0 0;
}
@media screen and (max-width: 1520px) {
  .cp-headerMenu__item--link {
    margin: 0 16px 0 0;
  }
}
@media screen and (max-width: 1023px) {
  .cp-headerMenu__item--link {
    display: none;
  }
}
.cp-headerMenu__item--link::before {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232.479%22%20height%3D%2232.555%22%20viewBox%3D%220%200%2032.479%2032.555%22%3E%3Cpath%20d%3D%22M24.1%2C34.151H13.951a13.951%2C13.951%2C0%2C0%2C1%2C0-27.9H28.842a1.267%2C1.267%2C0%2C0%2C1%2C0%2C2.534H13.951a11.417%2C11.417%2C0%2C1%2C0%2C0%2C22.835H24.1a1.267%2C1.267%2C0%2C1%2C1%2C0%2C2.533%22%20transform%3D%22translate(0%20-1.596)%22%20fill%3D%22%2373ab7d%22%2F%3E%3Cpath%20d%3D%22M35.3%2C11.737a1.267%2C1.267%2C0%2C0%2C1-.9-2.162l3.705-3.706L34.408%2C2.163A1.267%2C1.267%2C0%2C0%2C1%2C36.2.371l4.6%2C4.6a1.266%2C1.266%2C0%2C0%2C1%2C0%2C1.792l-4.6%2C4.6a1.261%2C1.261%2C0%2C0%2C1-.9.371%22%20transform%3D%22translate(-8.692%200)%22%20fill%3D%22%2373ab7d%22%2F%3E%3C%2Fsvg%3E");
}
.cp-headerMenu__item--contact {
  margin: 0 11px 0 0;
}
@media screen and (max-width: 1520px) {
  .cp-headerMenu__item--contact {
    margin: 0 16px 0 0;
  }
}
@media screen and (max-width: 1023px) {
  .cp-headerMenu__item--contact {
    display: none;
  }
}
.cp-headerMenu__item--contact::before {
  width: 34px;
  height: 34px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234%22%20height%3D%2234%22%20viewBox%3D%220%200%2034%2034%22%3E%3Cg%20transform%3D%22translate(-1784%20-103)%22%3E%3Cpath%20d%3D%22M17%2C2A15%2C15%2C0%2C0%2C0%2C6.393%2C27.607%2C15%2C15%2C0%2C1%2C0%2C27.607%2C6.393%2C14.9%2C14.9%2C0%2C0%2C0%2C17%2C2m0-2A17%2C17%2C0%2C1%2C1%2C0%2C17%2C17%2C17%2C0%2C0%2C1%2C17%2C0Z%22%20transform%3D%22translate(1784%20103)%22%20fill%3D%22%2373ab7d%22%2F%3E%3Cpath%20d%3D%22M31.211%2C27.442a9.019%2C9.019%2C0%2C0%2C0-5.126-2.385%2C19.883%2C19.883%2C0%2C0%2C0-3.274-.339%2C19.883%2C19.883%2C0%2C0%2C0-3.274.339%2C9.019%2C9.019%2C0%2C0%2C0-5.126%2C2.385%2C3.652%2C3.652%2C0%2C0%2C0-.812%2C2.733c.029.318.067.614.115.882a1.86%2C1.86%2C0%2C0%2C0%2C.628%2C1.137%2C1.105%2C1.105%2C0%2C0%2C0%2C1.05.215l2.487-.79a1.611%2C1.611%2C0%2C0%2C0%2C.989-1.41l.011-.1A2.417%2C2.417%2C0%2C0%2C1%2C20.791%2C27.8a19.82%2C19.82%2C0%2C0%2C1%2C4.043%2C0%2C2.418%2C2.418%2C0%2C0%2C1%2C1.91%2C2.317l.011.1a1.611%2C1.611%2C0%2C0%2C0%2C.989%2C1.41l2.487.79a1.1%2C1.1%2C0%2C0%2C0%2C.33.052%2C1.148%2C1.148%2C0%2C0%2C0%2C.72-.267%2C1.86%2C1.86%2C0%2C0%2C0%2C.628-1.137c.048-.268.087-.564.115-.882a3.652%2C3.652%2C0%2C0%2C0-.812-2.733%22%20transform%3D%22translate(1778.416%2091.281)%22%20fill%3D%22%2373ab7d%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.cp-headerMenu__item--lang {
  margin: 0 23px 0 0;
}
@media screen and (max-width: 1520px) {
  .cp-headerMenu__item--lang {
    margin: 0 16px 0 0;
  }
}
@media screen and (max-width: 1023px) {
  .cp-headerMenu__item--lang {
    display: none;
  }
}
.cp-headerMenu__item--lang::before {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232.934%22%20height%3D%2232.934%22%20viewBox%3D%220%200%2032.934%2032.934%22%3E%3Cg%20transform%3D%22translate(0.25%200.25)%22%3E%3Cpath%20d%3D%22M1407.91%2C1065.759a16.217%2C16.217%2C0%2C1%2C0%2C16.217%2C16.217A16.217%2C16.217%2C0%2C0%2C0%2C1407.91%2C1065.759Zm14.938%2C15.594h-6.533a29.485%2C29.485%2C0%2C0%2C0-.759-6.245h5.641a14.844%2C14.844%2C0%2C0%2C1%2C1.651%2C6.245Zm-2.339-7.427h-5.263a14.7%2C14.7%2C0%2C0%2C0-3.463-6.393%2C15.006%2C15.006%2C0%2C0%2C1%2C8.728%2C6.394Zm-11.978-6.852c2.227.423%2C4.2%2C3.076%2C5.379%2C6.852h-5.379Zm-1.248%2C0v6.853h-5.38c1.187-3.777%2C3.155-6.43%2C5.383-6.853Zm-3.252.458a14.7%2C14.7%2C0%2C0%2C0-3.462%2C6.393h-5.264a15%2C15%2C0%2C0%2C1%2C8.729-6.392Zm-9.411%2C7.575h5.641a29.557%2C29.557%2C0%2C0%2C0-.759%2C6.245h-6.533a14.852%2C14.852%2C0%2C0%2C1%2C1.654-6.245Zm-1.651%2C7.491h6.533a29.131%2C29.131%2C0%2C0%2C0%2C.925%2C6.92H1395a14.852%2C14.852%2C0%2C0%2C1-2.026-6.92Zm2.8%2C8.1h5.013a14.124%2C14.124%2C0%2C0%2C0%2C3.251%2C5.717%2C15%2C15%2C0%2C0%2C1-8.261-5.717Zm11.516%2C6.175c-2.091-.4-3.952-2.763-5.153-6.175h5.153Zm-5.528-7.357a27.566%2C27.566%2C0%2C0%2C1-1.021-7.545%2C27.962%2C27.962%2C0%2C0%2C1%2C.834-6.867h12.679a28.062%2C28.062%2C0%2C0%2C1%2C.833%2C6.867%2C27.589%2C27.589%2C0%2C0%2C1-1.021%2C7.545Zm6.775%2C7.357V1090.7h5.152c-1.2%2C3.412-3.059%2C5.779-5.15%2C6.175Zm3.252-.458a14.111%2C14.111%2C0%2C0%2C0%2C3.251-5.717h5.013a15%2C15%2C0%2C0%2C1-8.261%2C5.717Zm9.034-6.9h-5.425a29.118%2C29.118%2C0%2C0%2C0%2C.925-6.92h6.534a14.848%2C14.848%2C0%2C0%2C1-2.031%2C6.921Z%22%20transform%3D%22translate(-1391.693%20-1065.759)%22%20fill%3D%22%2373ab7d%22%2F%3E%3Cpath%20d%3D%22M1407.91%2C1065.509h0a16.467%2C16.467%2C0%2C1%2C1-11.644%2C4.823A16.38%2C16.38%2C0%2C0%2C1%2C1407.91%2C1065.509Zm0%2C32.434a15.967%2C15.967%2C0%2C1%2C0-15.967-15.967A15.985%2C15.985%2C0%2C0%2C0%2C1407.91%2C1097.943Zm.371-31.171.3.056a5.594%2C5.594%2C0%2C0%2C1%2C3.232%2C2.261%2C15.433%2C15.433%2C0%2C0%2C1%2C2.339%2C4.761l.1.325h-5.97Zm5.286%2C6.9c-1.137-3.431-2.9-5.739-4.786-6.285v6.285Zm-6.284-6.852.025.25h.225v7.1h-5.97l.1-.325a15.464%2C15.464%2C0%2C0%2C1%2C2.34-4.76%2C5.77%2C5.77%2C0%2C0%2C1%2C3.028-2.218v-.049Zm-.25%2C6.853v-6.285c-1.887.548-3.647%2C2.856-4.786%2C6.285Zm3.977-6.611.838.226a15.226%2C15.226%2C0%2C0%2C1%2C8.874%2C6.5l.49.765-.761-.381h-5.4l-.048-.189a14.5%2C14.5%2C0%2C0%2C0-3.4-6.284Zm9.035%2C6.61a14.72%2C14.72%2C0%2C0%2C0-7.5-5.654%2C15.006%2C15.006%2C0%2C0%2C1%2C2.9%2C5.654Zm-16.085-6.434.16.057.728.273-.683.186a14.5%2C14.5%2C0%2C0%2C0-3.353%2C6.229l-.048.189h-5.916l.247-.385a15.224%2C15.224%2C0%2C0%2C1%2C8.8-6.478Zm-3.584%2C6.434a15.006%2C15.006%2C0%2C0%2C1%2C2.9-5.651%2C14.718%2C14.718%2C0%2C0%2C0-7.5%2C5.651Zm-5.755%2C1.182h5.955l-.071.306a29.36%2C29.36%2C0%2C0%2C0-.752%2C6.192l0%2C.246h-7.04l.01-.26a15.2%2C15.2%2C0%2C0%2C1%2C1.682-6.35l.219.114Zm5.328.5h-5.173a14.713%2C14.713%2C0%2C0%2C0-1.544%2C5.745h6.026A29.87%2C29.87%2C0%2C0%2C1%2C1399.948%2C1075.358Zm1.424-.5h13.07l.047.189a28.34%2C28.34%2C0%2C0%2C1%2C.841%2C6.928%2C27.832%2C27.832%2C0%2C0%2C1-1.03%2C7.611l-.051.183h-12.683l-.051-.182a27.808%2C27.808%2C0%2C0%2C1-1.031-7.613%2C28.24%2C28.24%2C0%2C0%2C1%2C.842-6.927Zm12.678.5h-12.287a27.735%2C27.735%2C0%2C0%2C0-.78%2C6.616%2C27.315%2C27.315%2C0%2C0%2C0%2C.962%2C7.3h11.924a27.341%2C27.341%2C0%2C0%2C0%2C.961-7.294A27.848%2C27.848%2C0%2C0%2C0%2C1414.051%2C1075.358Zm1.19-.5h6.107l.07.135a15.193%2C15.193%2C0%2C0%2C1%2C1.679%2C6.35l.01.26h-7.04l0-.246a29.289%2C29.289%2C0%2C0%2C0-.752-6.192Zm5.8.5h-5.175a29.8%2C29.8%2C0%2C0%2C1%2C.691%2C5.745h6.026A14.7%2C14.7%2C0%2C0%2C0%2C1421.043%2C1075.358Zm-28.074%2C6.991h6.78l0%2C.247a28.9%2C28.9%2C0%2C0%2C0%2C.917%2C6.861l.081.313h-5.9l-.072-.124a15.153%2C15.153%2C0%2C0%2C1-2.06-7.037l.247-.01Zm6.288.5h-6.023a14.66%2C14.66%2C0%2C0%2C0%2C1.908%2C6.42h4.965A29.421%2C29.421%2C0%2C0%2C1%2C1399.257%2C1082.85Zm16.812-.5h7.041l-.01.26a15.152%2C15.152%2C0%2C0%2C1-2.065%2C7.038l-.1.175-.156-.052h-5.708l.081-.313a28.892%2C28.892%2C0%2C0%2C0%2C.917-6.861Zm6.518.5h-6.025a29.407%2C29.407%2C0%2C0%2C1-.85%2C6.42h4.964A14.656%2C14.656%2C0%2C0%2C0%2C1422.586%2C1082.85Zm-26.819%2C7.6h5.2l.052.18a13.941%2C13.941%2C0%2C0%2C0%2C3.194%2C5.616l.6.641-.848-.229a15.3%2C15.3%2C0%2C0%2C1-8.4-5.813l.2-.144Zm4.826.5h-4.325a14.808%2C14.808%2C0%2C0%2C0%2C7%2C4.975A14.462%2C14.462%2C0%2C0%2C1%2C1400.594%2C1090.952Zm1.184-.5h5.756v6.727l-.3-.056c-2.118-.4-4.065-2.712-5.342-6.338Zm5.256.5h-4.546c1.149%2C3.089%2C2.783%2C5.1%2C4.546%2C5.609Zm1.247-.5h5.755l-.117.333c-1.271%2C3.626-3.217%2C5.936-5.339%2C6.338l-.023%2C0h-.276Zm5.046.5h-4.546v5.61a5.129%2C5.129%2C0%2C0%2C0%2C2.47-1.8A13.452%2C13.452%2C0%2C0%2C0%2C1413.326%2C1090.952Zm1.519-.5h5.689l-.285.4a15.3%2C15.3%2C0%2C0%2C1-8.4%2C5.813l-.032.009h-.613l.394-.421a13.928%2C13.928%2C0%2C0%2C0%2C3.194-5.616Zm4.7.5h-4.328a14.445%2C14.445%2C0%2C0%2C1-2.674%2C4.976A14.808%2C14.808%2C0%2C0%2C0%2C1419.548%2C1090.952Z%22%20transform%3D%22translate(-1391.693%20-1065.759)%22%20fill%3D%22%2373ab7d%22%2F%3E%3Cpath%20d%3D%22M1408.3%2C1078.651l-3.863%2C9.449h1.866l1-2.692h4.054l.98%2C2.692h1.949l-3.862-9.449Zm2.61%2C5.59h-3.178l.474-1.269c.379-1.026.743-2.065%2C1.074-3.141h.078c.348%2C1.064.7%2C2.115%2C1.091%2C3.141Z%22%20transform%3D%22translate(-1392.955%20-1067.036)%22%20fill%3D%22%2373ab7d%22%2F%3E%3Cpath%20d%3D%22M1408.128%2C1078.4h2.458l.064.155%2C4%2C9.794h-2.5l-.98-2.692h-3.705l-1%2C2.692h-2.412Zm2.122.5h-1.786l-3.659%2C8.949h1.32l1-2.692h4.4l.98%2C2.692h1.4Zm-1.158.68h.444l.056.172c.366%2C1.119.7%2C2.127%2C1.087%2C3.128l0%2C0%2C.582%2C1.6h-3.894l.6-1.607c.437-1.183.777-2.177%2C1.069-3.127Zm1.12%2C3.479c-.318-.824-.6-1.649-.892-2.535-.25.774-.536%2C1.595-.883%2C2.533l-.348.933h2.461Z%22%20transform%3D%22translate(-1392.955%20-1067.036)%22%20fill%3D%22%2373ab7d%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.cp-headerMenu__item--search {
  margin: 0 26px 0 0;
}
@media screen and (max-width: 1520px) {
  .cp-headerMenu__item--search {
    margin: 0 16px 0 0;
  }
}
@media screen and (max-width: 1023px) {
  .cp-headerMenu__item--search {
    display: none;
  }
}
.cp-headerMenu__item--search::before {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2233.317%22%20height%3D%2232.539%22%20viewBox%3D%220%200%2033.317%2032.539%22%3E%3Cpath%20d%3D%22M16.217%2C2A14.217%2C14.217%2C0%2C0%2C0%2C6.164%2C26.27%2C14.217%2C14.217%2C0%2C1%2C0%2C26.27%2C6.164%2C14.124%2C14.124%2C0%2C0%2C0%2C16.217%2C2m0-2A16.217%2C16.217%2C0%2C1%2C1%2C0%2C16.217%2C16.217%2C16.217%2C0%2C0%2C1%2C16.217%2C0Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%2373ab7d%22%2F%3E%3Cpath%20d%3D%22M3.894%2C4.894A1%2C1%2C0%2C0%2C1%2C3.187%2C4.6L-.707.707a1%2C1%2C0%2C0%2C1%2C0-1.414%2C1%2C1%2C0%2C0%2C1%2C1.414%2C0L4.6%2C3.187a1%2C1%2C0%2C0%2C1-.707%2C1.707Z%22%20transform%3D%22translate(28.424%2027.645)%22%20fill%3D%22%2373ab7d%22%2F%3E%3C%2Fsvg%3E");
}
.cp-headerMenu__txt {
  font-size: 1.2rem;
  background-color: transparent;
  min-width: 40px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding: 0 7px;
  transition: 0.2s ease;
}
@media screen and (max-width: 1520px) {
  .cp-headerMenu__txt {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .cp-headerMenu__item:hover .cp-headerMenu__txt {
    background-color: var(--main-color);
    color: #fff;
  }
  .cp-headerMenu__item:hover a {
    color: #fff;
  }
}
.cp-headerMenu__open {
  width: 66px;
  aspect-ratio: 1/1;
  background-color: var(--main-color);
  border-radius: 22px;
  cursor: pointer;
  background-size: 28px 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2220%22%20viewBox%3D%220%200%2028%2020%22%3E%3Cg%20transform%3D%22translate(-21.436%20-26.7)%22%3E%3Cpath%20d%3D%22M-7693.564-15916.3h-28v-2h28Z%22%20transform%3D%22translate(7743%2015945)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M-7693.564-15916.3h-28v-2h28Z%22%20transform%3D%22translate(7743%2015954)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M-7693.564-15916.3h-28v-2h28Z%22%20transform%3D%22translate(7743%2015963)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media screen and (max-width: 1023px) {
  .cp-headerMenu__open {
    width: 45px;
    border-radius: 11px;
    background-size: 19px 14px;
  }
}

.cp-headerMenuLink,
.cp-headerMenuLang,
.cp-headerMenuSearch {
  position: absolute;
  top: 80px;
  opacity: 0;
  transition: 0.4s ease;
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuLink,
  .cp-headerMenuLang,
  .cp-headerMenuSearch {
    top: 55px;
  }
}
.cp-headerMenuLink.is-active,
.cp-headerMenuLang.is-active,
.cp-headerMenuSearch.is-active {
  opacity: 1;
  right: 0;
}

.cp-headerMenuLink {
  background-color: #fff;
  width: 411px;
  right: -411px;
  border-radius: 0 0 0 4px;
  padding: 22px 29px;
  border: 1px solid #e3e3e3;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuLink {
    max-width: 400px;
    width: min(100vw, 400px);
    padding: 20px;
  }
}
.cp-headerMenuLink__list {
  list-style: none;
  line-height: 2.1429;
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuLink__list {
    line-height: 2;
  }
}
.cp-headerMenuLink__item a {
  color: var(--text-color);
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuLink__item a {
    font-size: 1.4rem;
  }
}
.cp-headerMenuLink__item a::after {
  content: none !important;
}

.cp-headerMenuLang {
  background-color: #fff;
  width: 720px;
  height: 445px;
  right: -720px;
  display: flex;
  padding: 40px;
  border: 1px solid #e3e3e3;
  border-radius: 0 0 0 4px;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuLang {
    max-width: 400px;
    width: min(100vw, 400px);
    height: auto;
    flex-direction: column;
    padding: 20px;
  }
}
.cp-headerMenuLang__menu {
  width: 170px;
  border-right: 1px solid #ccc;
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuLang__menu {
    width: auto;
    border-right: none;
    border-bottom: 1px solid #ccc;
    padding: 0 0 16px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
}
.cp-headerMenuLang__content {
  width: calc(100% - 170px);
  padding-left: 58px;
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuLang__content {
    width: auto;
    padding: 20px 0 0;
  }
}
.cp-headerMenuLang__title {
  height: 60px;
  margin-bottom: 21px;
  display: flex;
  align-items: center;
  padding-left: 76px;
  font-weight: bold;
  font-size: 1.5rem;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2267.093%22%20height%3D%2260%22%20viewBox%3D%220%200%2067.093%2060%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_46659%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2046659%22%20transform%3D%22translate(-1458%20-160)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_43724%22%20data-name%3D%22%E3%83%91%E3%82%B9%2043724%22%20d%3D%22M65.732%2C49.742%2C39.469%2C4.173C37.916%2C1.482%2C35.812%2C0%2C33.546%2C0s-4.369%2C1.482-5.923%2C4.173L1.36%2C49.742c-1.553%2C2.69-1.785%2C5.253-.652%2C7.215S4.176%2C60%2C7.283%2C60H59.809c3.107%2C0%2C5.442-1.081%2C6.575-3.043s.9-4.525-.652-7.215%22%20transform%3D%22translate(1458%20160)%22%20fill%3D%22%23fc0%22%2F%3E%20%3Cpath%20id%3D%22%E5%90%88%E4%BD%93_8%22%20data-name%3D%22%E5%90%88%E4%BD%93%208%22%20d%3D%22M3935.279%2C21194.344a2.958%2C2.958%2C0%2C0%2C1-2.723-4.719l26.984-46.818a2.951%2C2.951%2C0%2C0%2C1%2C5.441%2C0l26.984%2C46.818a2.958%2C2.958%2C0%2C0%2C1-2.723%2C4.719ZM3961.6%2C21144l-26.984%2C46.818c-.245.426-.277.746-.2.879s.372.26.862.26h53.962c.49%2C0%2C.782-.133.856-.26s.042-.453-.2-.879L3962.917%2C21144c-.245-.426-.505-.611-.66-.611S3961.848%2C21143.572%2C3961.6%2C21144Zm-2.489%2C40.34a3.088%2C3.088%2C0%2C1%2C1%2C3.085%2C3.09A3.087%2C3.087%2C0%2C0%2C1%2C3959.114%2C21184.338Zm1.394-7.111-1.431-17.479c-.245-2.957.883-4.484%2C3.181-4.484s3.426%2C1.527%2C3.186%2C4.484l-1.431%2C17.479a1.753%2C1.753%2C0%2C0%2C1-3.505%2C0Z%22%20transform%3D%22translate(-2470.713%20-20977.621)%22%20fill%3D%22%232e2d2c%22%20stroke%3D%22rgba(0%2C0%2C0%2C0)%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.cp-headerMenuLang__body {
  font-size: 1.4rem;
  line-height: 1.857;
  margin-bottom: 24px;
}
.cp-headerMenuLang__button {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuLang__button {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
}
.cp-headerMenuLang__button a {
  width: 120px;
  height: 26px;
  border-radius: 13px;
  background: var(--main-color);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
  margin-right: 10px;
  border: 1px solid var(--main-color);
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuLang__button a {
    width: auto;
    height: 32px;
  }
}
.cp-headerMenuLang__button a.js-cancelTranslate {
  color: var(--main-color);
  background-color: #fff;
  margin-right: 0;
}
.cp-headerMenuLang__item {
  padding-left: 46px;
  height: 36px;
  display: flex;
  align-items: center;
  padding-left: 46px;
  font-weight: 500;
  font-size: 1.4rem;
  margin-bottom: 14px;
  cursor: pointer;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuLang__item {
    padding-left: 40px;
    margin: 0;
  }
}
.cp-headerMenuLang__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center;
  filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.16));
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuLang__item::before {
    background-size: 24px 24px;
  }
}
.cp-headerMenuLang__item[data-lang=ja]::before {
  background-image: url('/clas/albums/css/basic-blocks/abm00017280.svg');
}
.cp-headerMenuLang__item[data-lang=en]::before {
  background-image: url('/clas/albums/css/basic-blocks/abm00017281.svg');
}
.cp-headerMenuLang__item[data-lang=zh-CN]::before {
  background-image: url('/clas/albums/css/basic-blocks/abm00017279.svg');
}
.cp-headerMenuLang__item[data-lang=zh-TW]::before {
  background-image: url('/clas/albums/css/basic-blocks/abm00017279.svg');
}
.cp-headerMenuLang__item[data-lang=ko]::before {
  background-image: url('/clas/albums/css/basic-blocks/abm00017282.svg');
}

.cp-headerMenuSearch {
  width: 400px;
  height: 80px;
  right: -400px;
  background-color: var(--main-color);
  padding: 20px;
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuSearch {
    max-width: 400px;
    width: min(100vw, 400px);
  }
}
.cp-headerMenuSearch__form {
  background-color: #fff;
  position: relative;
  height: 100%;
}
.cp-headerMenuSearch input[type=text] {
  padding: 4px 40px 4px 4px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.cp-headerMenuSearch input[type=submit] {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 23px;
  height: 23px;
  translate: 0 -50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2233.317%22%20height%3D%2232.539%22%20viewBox%3D%220%200%2033.317%2032.539%22%3E%3Cpath%20d%3D%22M16.217%2C2A14.217%2C14.217%2C0%2C0%2C0%2C6.164%2C26.27%2C14.217%2C14.217%2C0%2C1%2C0%2C26.27%2C6.164%2C14.124%2C14.124%2C0%2C0%2C0%2C16.217%2C2m0-2A16.217%2C16.217%2C0%2C1%2C1%2C0%2C16.217%2C16.217%2C16.217%2C0%2C0%2C1%2C16.217%2C0Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%2373ab7d%22%2F%3E%3Cpath%20d%3D%22M3.894%2C4.894A1%2C1%2C0%2C0%2C1%2C3.187%2C4.6L-.707.707a1%2C1%2C0%2C0%2C1%2C0-1.414%2C1%2C1%2C0%2C0%2C1%2C1.414%2C0L4.6%2C3.187a1%2C1%2C0%2C0%2C1-.707%2C1.707Z%22%20transform%3D%22translate(28.424%2027.645)%22%20fill%3D%22%2373ab7d%22%2F%3E%3C%2Fsvg%3E");
}

.cp-headerMenuHamburger {
  position: absolute;
  z-index: 10;
  top: 0;
  right: -1280px;
  max-width: 1280px;
  width: 100%;
  height: 100dvh;
  display: flex;
  transition: 1s ease;
  overflow-y: scroll;
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuHamburger {
    overflow-y: auto;
  }
}
.cp-headerMenuHamburger::-webkit-scrollbar {
  display: none;
}
.cp-headerMenuHamburger.is-active {
  right: 0;
}

.cp-headerMenuHamburgerLeft {
  max-width: calc(100vw - 440px);
  width: 100%;
  height: 1106px;
  padding: 111px 80px 92px 120px;
  background-color: #fff;
  border-radius: 80px 0 0 80px;
}
@media screen and (max-width: 1520px) {
  .cp-headerMenuHamburgerLeft {
    padding: 48px;
    height: 1000px;
  }
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuHamburgerLeft {
    display: none;
  }
}
.cp-headerMenuHamburgerLeft__contents {
  display: flex;
  flex-wrap: wrap;
  gap: 80px;
  margin: 0 0 54px;
}
.cp-headerMenuHamburgerLeft__itemWrapper {
  width: calc((100% - 80px) / 2);
}
.cp-headerMenuHamburgerLeft__item + .cp-headerMenuHamburgerLeft__item {
  margin: 38px 0 0;
}
.cp-headerMenuHamburgerLeft__ttl {
  font-size: 1.6rem;
  font-weight: 500;
  border-bottom: 1px solid #707070;
  padding: 0 0 7px;
  margin: 0 0 15px;
}
.cp-headerMenuHamburgerLeft__list {
  list-style: none;
  line-height: 1.9;
}
.cp-headerMenuHamburgerLeft__listItem a {
  font-size: 1.5rem;
  color: var(--text-color);
}
.cp-headerMenuHamburgerLeft__children {
  display: none;
}

.cp-headerMenuHamburgerRight {
  width: 440px;
  height: 1106px;
  flex-shrink: 0;
  background-color: var(--main-color);
  padding: 0 25px 48px 35px;
}
@media screen and (max-width: 1520px) {
  .cp-headerMenuHamburgerRight {
    height: 1000px;
  }
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuHamburgerRight {
    width: 100%;
    height: 100%;
    padding: 0 20px 40px;
    overflow-y: scroll;
  }
}
.cp-headerMenuHamburgerRight::-webkit-scrollbar {
  display: none;
}
.cp-headerMenuHamburgerRight__top {
  display: flex;
  padding: 7px 0;
  justify-content: flex-end;
  margin: 0 0 48px;
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuHamburgerRight__top {
    display: grid;
    grid-template-columns: 1fr;
    margin: 0 0 24px;
  }
}
.cp-headerMenuHamburgerRight__topItemWrapper {
  display: contents;
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuHamburgerRight__topItemWrapper {
    grid-column: 1/2;
    grid-row: 2/3;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin: 0 0 8px;
  }
}
.cp-headerMenuHamburgerRight__topItem {
  display: grid;
  justify-items: center;
  cursor: pointer;
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuHamburgerRight__topItem {
    padding: 9px 4px;
    border: 1px solid #fff;
    border-radius: 10px;
  }
}
.cp-headerMenuHamburgerRight__topItem::before {
  content: "";
  display: block;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: #fff;
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuHamburgerRight__topItem.is-active {
    background-color: #fff;
  }
  .cp-headerMenuHamburgerRight__topItem.is-active::before {
    background-color: var(--main-color);
  }
}
.cp-headerMenuHamburgerRight__topItem--link {
  margin: 8px 40px 0 0;
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuHamburgerRight__topItem--link {
    margin: 0;
  }
}
.cp-headerMenuHamburgerRight__topItem--link::before {
  width: 32px;
  height: 32px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232.479%22%20height%3D%2232.555%22%20viewBox%3D%220%200%2032.479%2032.555%22%3E%3Cpath%20d%3D%22M24.1%2C34.151H13.951a13.951%2C13.951%2C0%2C0%2C1%2C0-27.9H28.842a1.267%2C1.267%2C0%2C0%2C1%2C0%2C2.534H13.951a11.417%2C11.417%2C0%2C1%2C0%2C0%2C22.835H24.1a1.267%2C1.267%2C0%2C1%2C1%2C0%2C2.533%22%20transform%3D%22translate(0%20-1.596)%22%20fill%3D%22%2373ab7d%22%2F%3E%3Cpath%20d%3D%22M35.3%2C11.737a1.267%2C1.267%2C0%2C0%2C1-.9-2.162l3.705-3.706L34.408%2C2.163A1.267%2C1.267%2C0%2C0%2C1%2C36.2.371l4.6%2C4.6a1.266%2C1.266%2C0%2C0%2C1%2C0%2C1.792l-4.6%2C4.6a1.261%2C1.261%2C0%2C0%2C1-.9.371%22%20transform%3D%22translate(-8.692%200)%22%20fill%3D%22%2373ab7d%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232.479%22%20height%3D%2232.555%22%20viewBox%3D%220%200%2032.479%2032.555%22%3E%3Cpath%20d%3D%22M24.1%2C34.151H13.951a13.951%2C13.951%2C0%2C0%2C1%2C0-27.9H28.842a1.267%2C1.267%2C0%2C0%2C1%2C0%2C2.534H13.951a11.417%2C11.417%2C0%2C1%2C0%2C0%2C22.835H24.1a1.267%2C1.267%2C0%2C1%2C1%2C0%2C2.533%22%20transform%3D%22translate(0%20-1.596)%22%20fill%3D%22%2373ab7d%22%2F%3E%3Cpath%20d%3D%22M35.3%2C11.737a1.267%2C1.267%2C0%2C0%2C1-.9-2.162l3.705-3.706L34.408%2C2.163A1.267%2C1.267%2C0%2C0%2C1%2C36.2.371l4.6%2C4.6a1.266%2C1.266%2C0%2C0%2C1%2C0%2C1.792l-4.6%2C4.6a1.261%2C1.261%2C0%2C0%2C1-.9.371%22%20transform%3D%22translate(-8.692%200)%22%20fill%3D%22%2373ab7d%22%2F%3E%3C%2Fsvg%3E");
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuHamburgerRight__topItem--link::before {
    width: 26px;
    height: 26px;
  }
}
.cp-headerMenuHamburgerRight__topItem--contact {
  margin: 8px 26px 0 0;
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuHamburgerRight__topItem--contact {
    margin: 0;
  }
}
.cp-headerMenuHamburgerRight__topItem--contact::before {
  width: 34px;
  height: 34px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234%22%20height%3D%2234%22%20viewBox%3D%220%200%2034%2034%22%3E%3Cg%20transform%3D%22translate(-1784%20-103)%22%3E%3Cpath%20d%3D%22M17%2C2A15%2C15%2C0%2C0%2C0%2C6.393%2C27.607%2C15%2C15%2C0%2C1%2C0%2C27.607%2C6.393%2C14.9%2C14.9%2C0%2C0%2C0%2C17%2C2m0-2A17%2C17%2C0%2C1%2C1%2C0%2C17%2C17%2C17%2C0%2C0%2C1%2C17%2C0Z%22%20transform%3D%22translate(1784%20103)%22%20fill%3D%22%2373ab7d%22%2F%3E%3Cpath%20d%3D%22M31.211%2C27.442a9.019%2C9.019%2C0%2C0%2C0-5.126-2.385%2C19.883%2C19.883%2C0%2C0%2C0-3.274-.339%2C19.883%2C19.883%2C0%2C0%2C0-3.274.339%2C9.019%2C9.019%2C0%2C0%2C0-5.126%2C2.385%2C3.652%2C3.652%2C0%2C0%2C0-.812%2C2.733c.029.318.067.614.115.882a1.86%2C1.86%2C0%2C0%2C0%2C.628%2C1.137%2C1.105%2C1.105%2C0%2C0%2C0%2C1.05.215l2.487-.79a1.611%2C1.611%2C0%2C0%2C0%2C.989-1.41l.011-.1A2.417%2C2.417%2C0%2C0%2C1%2C20.791%2C27.8a19.82%2C19.82%2C0%2C0%2C1%2C4.043%2C0%2C2.418%2C2.418%2C0%2C0%2C1%2C1.91%2C2.317l.011.1a1.611%2C1.611%2C0%2C0%2C0%2C.989%2C1.41l2.487.79a1.1%2C1.1%2C0%2C0%2C0%2C.33.052%2C1.148%2C1.148%2C0%2C0%2C0%2C.72-.267%2C1.86%2C1.86%2C0%2C0%2C0%2C.628-1.137c.048-.268.087-.564.115-.882a3.652%2C3.652%2C0%2C0%2C0-.812-2.733%22%20transform%3D%22translate(1778.416%2091.281)%22%20fill%3D%22%2373ab7d%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234%22%20height%3D%2234%22%20viewBox%3D%220%200%2034%2034%22%3E%3Cg%20transform%3D%22translate(-1784%20-103)%22%3E%3Cpath%20d%3D%22M17%2C2A15%2C15%2C0%2C0%2C0%2C6.393%2C27.607%2C15%2C15%2C0%2C1%2C0%2C27.607%2C6.393%2C14.9%2C14.9%2C0%2C0%2C0%2C17%2C2m0-2A17%2C17%2C0%2C1%2C1%2C0%2C17%2C17%2C17%2C0%2C0%2C1%2C17%2C0Z%22%20transform%3D%22translate(1784%20103)%22%20fill%3D%22%2373ab7d%22%2F%3E%3Cpath%20d%3D%22M31.211%2C27.442a9.019%2C9.019%2C0%2C0%2C0-5.126-2.385%2C19.883%2C19.883%2C0%2C0%2C0-3.274-.339%2C19.883%2C19.883%2C0%2C0%2C0-3.274.339%2C9.019%2C9.019%2C0%2C0%2C0-5.126%2C2.385%2C3.652%2C3.652%2C0%2C0%2C0-.812%2C2.733c.029.318.067.614.115.882a1.86%2C1.86%2C0%2C0%2C0%2C.628%2C1.137%2C1.105%2C1.105%2C0%2C0%2C0%2C1.05.215l2.487-.79a1.611%2C1.611%2C0%2C0%2C0%2C.989-1.41l.011-.1A2.417%2C2.417%2C0%2C0%2C1%2C20.791%2C27.8a19.82%2C19.82%2C0%2C0%2C1%2C4.043%2C0%2C2.418%2C2.418%2C0%2C0%2C1%2C1.91%2C2.317l.011.1a1.611%2C1.611%2C0%2C0%2C0%2C.989%2C1.41l2.487.79a1.1%2C1.1%2C0%2C0%2C0%2C.33.052%2C1.148%2C1.148%2C0%2C0%2C0%2C.72-.267%2C1.86%2C1.86%2C0%2C0%2C0%2C.628-1.137c.048-.268.087-.564.115-.882a3.652%2C3.652%2C0%2C0%2C0-.812-2.733%22%20transform%3D%22translate(1778.416%2091.281)%22%20fill%3D%22%2373ab7d%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuHamburgerRight__topItem--contact::before {
    width: 28px;
    height: 28px;
  }
}
.cp-headerMenuHamburgerRight__topItem--lang {
  margin: 8px 34px 0 0;
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuHamburgerRight__topItem--lang {
    margin: 0;
  }
}
.cp-headerMenuHamburgerRight__topItem--lang::before {
  width: 32px;
  height: 32px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232.934%22%20height%3D%2232.934%22%20viewBox%3D%220%200%2032.934%2032.934%22%3E%3Cg%20transform%3D%22translate(0.25%200.25)%22%3E%3Cpath%20d%3D%22M1407.91%2C1065.759a16.217%2C16.217%2C0%2C1%2C0%2C16.217%2C16.217A16.217%2C16.217%2C0%2C0%2C0%2C1407.91%2C1065.759Zm14.938%2C15.594h-6.533a29.485%2C29.485%2C0%2C0%2C0-.759-6.245h5.641a14.844%2C14.844%2C0%2C0%2C1%2C1.651%2C6.245Zm-2.339-7.427h-5.263a14.7%2C14.7%2C0%2C0%2C0-3.463-6.393%2C15.006%2C15.006%2C0%2C0%2C1%2C8.728%2C6.394Zm-11.978-6.852c2.227.423%2C4.2%2C3.076%2C5.379%2C6.852h-5.379Zm-1.248%2C0v6.853h-5.38c1.187-3.777%2C3.155-6.43%2C5.383-6.853Zm-3.252.458a14.7%2C14.7%2C0%2C0%2C0-3.462%2C6.393h-5.264a15%2C15%2C0%2C0%2C1%2C8.729-6.392Zm-9.411%2C7.575h5.641a29.557%2C29.557%2C0%2C0%2C0-.759%2C6.245h-6.533a14.852%2C14.852%2C0%2C0%2C1%2C1.654-6.245Zm-1.651%2C7.491h6.533a29.131%2C29.131%2C0%2C0%2C0%2C.925%2C6.92H1395a14.852%2C14.852%2C0%2C0%2C1-2.026-6.92Zm2.8%2C8.1h5.013a14.124%2C14.124%2C0%2C0%2C0%2C3.251%2C5.717%2C15%2C15%2C0%2C0%2C1-8.261-5.717Zm11.516%2C6.175c-2.091-.4-3.952-2.763-5.153-6.175h5.153Zm-5.528-7.357a27.566%2C27.566%2C0%2C0%2C1-1.021-7.545%2C27.962%2C27.962%2C0%2C0%2C1%2C.834-6.867h12.679a28.062%2C28.062%2C0%2C0%2C1%2C.833%2C6.867%2C27.589%2C27.589%2C0%2C0%2C1-1.021%2C7.545Zm6.775%2C7.357V1090.7h5.152c-1.2%2C3.412-3.059%2C5.779-5.15%2C6.175Zm3.252-.458a14.111%2C14.111%2C0%2C0%2C0%2C3.251-5.717h5.013a15%2C15%2C0%2C0%2C1-8.261%2C5.717Zm9.034-6.9h-5.425a29.118%2C29.118%2C0%2C0%2C0%2C.925-6.92h6.534a14.848%2C14.848%2C0%2C0%2C1-2.031%2C6.921Z%22%20transform%3D%22translate(-1391.693%20-1065.759)%22%20fill%3D%22%2373ab7d%22%2F%3E%3Cpath%20d%3D%22M1407.91%2C1065.509h0a16.467%2C16.467%2C0%2C1%2C1-11.644%2C4.823A16.38%2C16.38%2C0%2C0%2C1%2C1407.91%2C1065.509Zm0%2C32.434a15.967%2C15.967%2C0%2C1%2C0-15.967-15.967A15.985%2C15.985%2C0%2C0%2C0%2C1407.91%2C1097.943Zm.371-31.171.3.056a5.594%2C5.594%2C0%2C0%2C1%2C3.232%2C2.261%2C15.433%2C15.433%2C0%2C0%2C1%2C2.339%2C4.761l.1.325h-5.97Zm5.286%2C6.9c-1.137-3.431-2.9-5.739-4.786-6.285v6.285Zm-6.284-6.852.025.25h.225v7.1h-5.97l.1-.325a15.464%2C15.464%2C0%2C0%2C1%2C2.34-4.76%2C5.77%2C5.77%2C0%2C0%2C1%2C3.028-2.218v-.049Zm-.25%2C6.853v-6.285c-1.887.548-3.647%2C2.856-4.786%2C6.285Zm3.977-6.611.838.226a15.226%2C15.226%2C0%2C0%2C1%2C8.874%2C6.5l.49.765-.761-.381h-5.4l-.048-.189a14.5%2C14.5%2C0%2C0%2C0-3.4-6.284Zm9.035%2C6.61a14.72%2C14.72%2C0%2C0%2C0-7.5-5.654%2C15.006%2C15.006%2C0%2C0%2C1%2C2.9%2C5.654Zm-16.085-6.434.16.057.728.273-.683.186a14.5%2C14.5%2C0%2C0%2C0-3.353%2C6.229l-.048.189h-5.916l.247-.385a15.224%2C15.224%2C0%2C0%2C1%2C8.8-6.478Zm-3.584%2C6.434a15.006%2C15.006%2C0%2C0%2C1%2C2.9-5.651%2C14.718%2C14.718%2C0%2C0%2C0-7.5%2C5.651Zm-5.755%2C1.182h5.955l-.071.306a29.36%2C29.36%2C0%2C0%2C0-.752%2C6.192l0%2C.246h-7.04l.01-.26a15.2%2C15.2%2C0%2C0%2C1%2C1.682-6.35l.219.114Zm5.328.5h-5.173a14.713%2C14.713%2C0%2C0%2C0-1.544%2C5.745h6.026A29.87%2C29.87%2C0%2C0%2C1%2C1399.948%2C1075.358Zm1.424-.5h13.07l.047.189a28.34%2C28.34%2C0%2C0%2C1%2C.841%2C6.928%2C27.832%2C27.832%2C0%2C0%2C1-1.03%2C7.611l-.051.183h-12.683l-.051-.182a27.808%2C27.808%2C0%2C0%2C1-1.031-7.613%2C28.24%2C28.24%2C0%2C0%2C1%2C.842-6.927Zm12.678.5h-12.287a27.735%2C27.735%2C0%2C0%2C0-.78%2C6.616%2C27.315%2C27.315%2C0%2C0%2C0%2C.962%2C7.3h11.924a27.341%2C27.341%2C0%2C0%2C0%2C.961-7.294A27.848%2C27.848%2C0%2C0%2C0%2C1414.051%2C1075.358Zm1.19-.5h6.107l.07.135a15.193%2C15.193%2C0%2C0%2C1%2C1.679%2C6.35l.01.26h-7.04l0-.246a29.289%2C29.289%2C0%2C0%2C0-.752-6.192Zm5.8.5h-5.175a29.8%2C29.8%2C0%2C0%2C1%2C.691%2C5.745h6.026A14.7%2C14.7%2C0%2C0%2C0%2C1421.043%2C1075.358Zm-28.074%2C6.991h6.78l0%2C.247a28.9%2C28.9%2C0%2C0%2C0%2C.917%2C6.861l.081.313h-5.9l-.072-.124a15.153%2C15.153%2C0%2C0%2C1-2.06-7.037l.247-.01Zm6.288.5h-6.023a14.66%2C14.66%2C0%2C0%2C0%2C1.908%2C6.42h4.965A29.421%2C29.421%2C0%2C0%2C1%2C1399.257%2C1082.85Zm16.812-.5h7.041l-.01.26a15.152%2C15.152%2C0%2C0%2C1-2.065%2C7.038l-.1.175-.156-.052h-5.708l.081-.313a28.892%2C28.892%2C0%2C0%2C0%2C.917-6.861Zm6.518.5h-6.025a29.407%2C29.407%2C0%2C0%2C1-.85%2C6.42h4.964A14.656%2C14.656%2C0%2C0%2C0%2C1422.586%2C1082.85Zm-26.819%2C7.6h5.2l.052.18a13.941%2C13.941%2C0%2C0%2C0%2C3.194%2C5.616l.6.641-.848-.229a15.3%2C15.3%2C0%2C0%2C1-8.4-5.813l.2-.144Zm4.826.5h-4.325a14.808%2C14.808%2C0%2C0%2C0%2C7%2C4.975A14.462%2C14.462%2C0%2C0%2C1%2C1400.594%2C1090.952Zm1.184-.5h5.756v6.727l-.3-.056c-2.118-.4-4.065-2.712-5.342-6.338Zm5.256.5h-4.546c1.149%2C3.089%2C2.783%2C5.1%2C4.546%2C5.609Zm1.247-.5h5.755l-.117.333c-1.271%2C3.626-3.217%2C5.936-5.339%2C6.338l-.023%2C0h-.276Zm5.046.5h-4.546v5.61a5.129%2C5.129%2C0%2C0%2C0%2C2.47-1.8A13.452%2C13.452%2C0%2C0%2C0%2C1413.326%2C1090.952Zm1.519-.5h5.689l-.285.4a15.3%2C15.3%2C0%2C0%2C1-8.4%2C5.813l-.032.009h-.613l.394-.421a13.928%2C13.928%2C0%2C0%2C0%2C3.194-5.616Zm4.7.5h-4.328a14.445%2C14.445%2C0%2C0%2C1-2.674%2C4.976A14.808%2C14.808%2C0%2C0%2C0%2C1419.548%2C1090.952Z%22%20transform%3D%22translate(-1391.693%20-1065.759)%22%20fill%3D%22%2373ab7d%22%2F%3E%3Cpath%20d%3D%22M1408.3%2C1078.651l-3.863%2C9.449h1.866l1-2.692h4.054l.98%2C2.692h1.949l-3.862-9.449Zm2.61%2C5.59h-3.178l.474-1.269c.379-1.026.743-2.065%2C1.074-3.141h.078c.348%2C1.064.7%2C2.115%2C1.091%2C3.141Z%22%20transform%3D%22translate(-1392.955%20-1067.036)%22%20fill%3D%22%2373ab7d%22%2F%3E%3Cpath%20d%3D%22M1408.128%2C1078.4h2.458l.064.155%2C4%2C9.794h-2.5l-.98-2.692h-3.705l-1%2C2.692h-2.412Zm2.122.5h-1.786l-3.659%2C8.949h1.32l1-2.692h4.4l.98%2C2.692h1.4Zm-1.158.68h.444l.056.172c.366%2C1.119.7%2C2.127%2C1.087%2C3.128l0%2C0%2C.582%2C1.6h-3.894l.6-1.607c.437-1.183.777-2.177%2C1.069-3.127Zm1.12%2C3.479c-.318-.824-.6-1.649-.892-2.535-.25.774-.536%2C1.595-.883%2C2.533l-.348.933h2.461Z%22%20transform%3D%22translate(-1392.955%20-1067.036)%22%20fill%3D%22%2373ab7d%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232.934%22%20height%3D%2232.934%22%20viewBox%3D%220%200%2032.934%2032.934%22%3E%3Cg%20transform%3D%22translate(0.25%200.25)%22%3E%3Cpath%20d%3D%22M1407.91%2C1065.759a16.217%2C16.217%2C0%2C1%2C0%2C16.217%2C16.217A16.217%2C16.217%2C0%2C0%2C0%2C1407.91%2C1065.759Zm14.938%2C15.594h-6.533a29.485%2C29.485%2C0%2C0%2C0-.759-6.245h5.641a14.844%2C14.844%2C0%2C0%2C1%2C1.651%2C6.245Zm-2.339-7.427h-5.263a14.7%2C14.7%2C0%2C0%2C0-3.463-6.393%2C15.006%2C15.006%2C0%2C0%2C1%2C8.728%2C6.394Zm-11.978-6.852c2.227.423%2C4.2%2C3.076%2C5.379%2C6.852h-5.379Zm-1.248%2C0v6.853h-5.38c1.187-3.777%2C3.155-6.43%2C5.383-6.853Zm-3.252.458a14.7%2C14.7%2C0%2C0%2C0-3.462%2C6.393h-5.264a15%2C15%2C0%2C0%2C1%2C8.729-6.392Zm-9.411%2C7.575h5.641a29.557%2C29.557%2C0%2C0%2C0-.759%2C6.245h-6.533a14.852%2C14.852%2C0%2C0%2C1%2C1.654-6.245Zm-1.651%2C7.491h6.533a29.131%2C29.131%2C0%2C0%2C0%2C.925%2C6.92H1395a14.852%2C14.852%2C0%2C0%2C1-2.026-6.92Zm2.8%2C8.1h5.013a14.124%2C14.124%2C0%2C0%2C0%2C3.251%2C5.717%2C15%2C15%2C0%2C0%2C1-8.261-5.717Zm11.516%2C6.175c-2.091-.4-3.952-2.763-5.153-6.175h5.153Zm-5.528-7.357a27.566%2C27.566%2C0%2C0%2C1-1.021-7.545%2C27.962%2C27.962%2C0%2C0%2C1%2C.834-6.867h12.679a28.062%2C28.062%2C0%2C0%2C1%2C.833%2C6.867%2C27.589%2C27.589%2C0%2C0%2C1-1.021%2C7.545Zm6.775%2C7.357V1090.7h5.152c-1.2%2C3.412-3.059%2C5.779-5.15%2C6.175Zm3.252-.458a14.111%2C14.111%2C0%2C0%2C0%2C3.251-5.717h5.013a15%2C15%2C0%2C0%2C1-8.261%2C5.717Zm9.034-6.9h-5.425a29.118%2C29.118%2C0%2C0%2C0%2C.925-6.92h6.534a14.848%2C14.848%2C0%2C0%2C1-2.031%2C6.921Z%22%20transform%3D%22translate(-1391.693%20-1065.759)%22%20fill%3D%22%2373ab7d%22%2F%3E%3Cpath%20d%3D%22M1407.91%2C1065.509h0a16.467%2C16.467%2C0%2C1%2C1-11.644%2C4.823A16.38%2C16.38%2C0%2C0%2C1%2C1407.91%2C1065.509Zm0%2C32.434a15.967%2C15.967%2C0%2C1%2C0-15.967-15.967A15.985%2C15.985%2C0%2C0%2C0%2C1407.91%2C1097.943Zm.371-31.171.3.056a5.594%2C5.594%2C0%2C0%2C1%2C3.232%2C2.261%2C15.433%2C15.433%2C0%2C0%2C1%2C2.339%2C4.761l.1.325h-5.97Zm5.286%2C6.9c-1.137-3.431-2.9-5.739-4.786-6.285v6.285Zm-6.284-6.852.025.25h.225v7.1h-5.97l.1-.325a15.464%2C15.464%2C0%2C0%2C1%2C2.34-4.76%2C5.77%2C5.77%2C0%2C0%2C1%2C3.028-2.218v-.049Zm-.25%2C6.853v-6.285c-1.887.548-3.647%2C2.856-4.786%2C6.285Zm3.977-6.611.838.226a15.226%2C15.226%2C0%2C0%2C1%2C8.874%2C6.5l.49.765-.761-.381h-5.4l-.048-.189a14.5%2C14.5%2C0%2C0%2C0-3.4-6.284Zm9.035%2C6.61a14.72%2C14.72%2C0%2C0%2C0-7.5-5.654%2C15.006%2C15.006%2C0%2C0%2C1%2C2.9%2C5.654Zm-16.085-6.434.16.057.728.273-.683.186a14.5%2C14.5%2C0%2C0%2C0-3.353%2C6.229l-.048.189h-5.916l.247-.385a15.224%2C15.224%2C0%2C0%2C1%2C8.8-6.478Zm-3.584%2C6.434a15.006%2C15.006%2C0%2C0%2C1%2C2.9-5.651%2C14.718%2C14.718%2C0%2C0%2C0-7.5%2C5.651Zm-5.755%2C1.182h5.955l-.071.306a29.36%2C29.36%2C0%2C0%2C0-.752%2C6.192l0%2C.246h-7.04l.01-.26a15.2%2C15.2%2C0%2C0%2C1%2C1.682-6.35l.219.114Zm5.328.5h-5.173a14.713%2C14.713%2C0%2C0%2C0-1.544%2C5.745h6.026A29.87%2C29.87%2C0%2C0%2C1%2C1399.948%2C1075.358Zm1.424-.5h13.07l.047.189a28.34%2C28.34%2C0%2C0%2C1%2C.841%2C6.928%2C27.832%2C27.832%2C0%2C0%2C1-1.03%2C7.611l-.051.183h-12.683l-.051-.182a27.808%2C27.808%2C0%2C0%2C1-1.031-7.613%2C28.24%2C28.24%2C0%2C0%2C1%2C.842-6.927Zm12.678.5h-12.287a27.735%2C27.735%2C0%2C0%2C0-.78%2C6.616%2C27.315%2C27.315%2C0%2C0%2C0%2C.962%2C7.3h11.924a27.341%2C27.341%2C0%2C0%2C0%2C.961-7.294A27.848%2C27.848%2C0%2C0%2C0%2C1414.051%2C1075.358Zm1.19-.5h6.107l.07.135a15.193%2C15.193%2C0%2C0%2C1%2C1.679%2C6.35l.01.26h-7.04l0-.246a29.289%2C29.289%2C0%2C0%2C0-.752-6.192Zm5.8.5h-5.175a29.8%2C29.8%2C0%2C0%2C1%2C.691%2C5.745h6.026A14.7%2C14.7%2C0%2C0%2C0%2C1421.043%2C1075.358Zm-28.074%2C6.991h6.78l0%2C.247a28.9%2C28.9%2C0%2C0%2C0%2C.917%2C6.861l.081.313h-5.9l-.072-.124a15.153%2C15.153%2C0%2C0%2C1-2.06-7.037l.247-.01Zm6.288.5h-6.023a14.66%2C14.66%2C0%2C0%2C0%2C1.908%2C6.42h4.965A29.421%2C29.421%2C0%2C0%2C1%2C1399.257%2C1082.85Zm16.812-.5h7.041l-.01.26a15.152%2C15.152%2C0%2C0%2C1-2.065%2C7.038l-.1.175-.156-.052h-5.708l.081-.313a28.892%2C28.892%2C0%2C0%2C0%2C.917-6.861Zm6.518.5h-6.025a29.407%2C29.407%2C0%2C0%2C1-.85%2C6.42h4.964A14.656%2C14.656%2C0%2C0%2C0%2C1422.586%2C1082.85Zm-26.819%2C7.6h5.2l.052.18a13.941%2C13.941%2C0%2C0%2C0%2C3.194%2C5.616l.6.641-.848-.229a15.3%2C15.3%2C0%2C0%2C1-8.4-5.813l.2-.144Zm4.826.5h-4.325a14.808%2C14.808%2C0%2C0%2C0%2C7%2C4.975A14.462%2C14.462%2C0%2C0%2C1%2C1400.594%2C1090.952Zm1.184-.5h5.756v6.727l-.3-.056c-2.118-.4-4.065-2.712-5.342-6.338Zm5.256.5h-4.546c1.149%2C3.089%2C2.783%2C5.1%2C4.546%2C5.609Zm1.247-.5h5.755l-.117.333c-1.271%2C3.626-3.217%2C5.936-5.339%2C6.338l-.023%2C0h-.276Zm5.046.5h-4.546v5.61a5.129%2C5.129%2C0%2C0%2C0%2C2.47-1.8A13.452%2C13.452%2C0%2C0%2C0%2C1413.326%2C1090.952Zm1.519-.5h5.689l-.285.4a15.3%2C15.3%2C0%2C0%2C1-8.4%2C5.813l-.032.009h-.613l.394-.421a13.928%2C13.928%2C0%2C0%2C0%2C3.194-5.616Zm4.7.5h-4.328a14.445%2C14.445%2C0%2C0%2C1-2.674%2C4.976A14.808%2C14.808%2C0%2C0%2C0%2C1419.548%2C1090.952Z%22%20transform%3D%22translate(-1391.693%20-1065.759)%22%20fill%3D%22%2373ab7d%22%2F%3E%3Cpath%20d%3D%22M1408.3%2C1078.651l-3.863%2C9.449h1.866l1-2.692h4.054l.98%2C2.692h1.949l-3.862-9.449Zm2.61%2C5.59h-3.178l.474-1.269c.379-1.026.743-2.065%2C1.074-3.141h.078c.348%2C1.064.7%2C2.115%2C1.091%2C3.141Z%22%20transform%3D%22translate(-1392.955%20-1067.036)%22%20fill%3D%22%2373ab7d%22%2F%3E%3Cpath%20d%3D%22M1408.128%2C1078.4h2.458l.064.155%2C4%2C9.794h-2.5l-.98-2.692h-3.705l-1%2C2.692h-2.412Zm2.122.5h-1.786l-3.659%2C8.949h1.32l1-2.692h4.4l.98%2C2.692h1.4Zm-1.158.68h.444l.056.172c.366%2C1.119.7%2C2.127%2C1.087%2C3.128l0%2C0%2C.582%2C1.6h-3.894l.6-1.607c.437-1.183.777-2.177%2C1.069-3.127Zm1.12%2C3.479c-.318-.824-.6-1.649-.892-2.535-.25.774-.536%2C1.595-.883%2C2.533l-.348.933h2.461Z%22%20transform%3D%22translate(-1392.955%20-1067.036)%22%20fill%3D%22%2373ab7d%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuHamburgerRight__topItem--lang::before {
    width: 28px;
    height: 28px;
  }
}
.cp-headerMenuHamburgerRight__topItem--search {
  margin: 8px 31px 0 0;
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuHamburgerRight__topItem--search {
    margin: 0;
  }
}
.cp-headerMenuHamburgerRight__topItem--search::before {
  width: 32px;
  height: 32px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2233.317%22%20height%3D%2232.539%22%20viewBox%3D%220%200%2033.317%2032.539%22%3E%3Cpath%20d%3D%22M16.217%2C2A14.217%2C14.217%2C0%2C0%2C0%2C6.164%2C26.27%2C14.217%2C14.217%2C0%2C1%2C0%2C26.27%2C6.164%2C14.124%2C14.124%2C0%2C0%2C0%2C16.217%2C2m0-2A16.217%2C16.217%2C0%2C1%2C1%2C0%2C16.217%2C16.217%2C16.217%2C0%2C0%2C1%2C16.217%2C0Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%2373ab7d%22%2F%3E%3Cpath%20d%3D%22M3.894%2C4.894A1%2C1%2C0%2C0%2C1%2C3.187%2C4.6L-.707.707a1%2C1%2C0%2C0%2C1%2C0-1.414%2C1%2C1%2C0%2C0%2C1%2C1.414%2C0L4.6%2C3.187a1%2C1%2C0%2C0%2C1-.707%2C1.707Z%22%20transform%3D%22translate(28.424%2027.645)%22%20fill%3D%22%2373ab7d%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2233.317%22%20height%3D%2232.539%22%20viewBox%3D%220%200%2033.317%2032.539%22%3E%3Cpath%20d%3D%22M16.217%2C2A14.217%2C14.217%2C0%2C0%2C0%2C6.164%2C26.27%2C14.217%2C14.217%2C0%2C1%2C0%2C26.27%2C6.164%2C14.124%2C14.124%2C0%2C0%2C0%2C16.217%2C2m0-2A16.217%2C16.217%2C0%2C1%2C1%2C0%2C16.217%2C16.217%2C16.217%2C0%2C0%2C1%2C16.217%2C0Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%2373ab7d%22%2F%3E%3Cpath%20d%3D%22M3.894%2C4.894A1%2C1%2C0%2C0%2C1%2C3.187%2C4.6L-.707.707a1%2C1%2C0%2C0%2C1%2C0-1.414%2C1%2C1%2C0%2C0%2C1%2C1.414%2C0L4.6%2C3.187a1%2C1%2C0%2C0%2C1-.707%2C1.707Z%22%20transform%3D%22translate(28.424%2027.645)%22%20fill%3D%22%2373ab7d%22%2F%3E%3C%2Fsvg%3E");
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuHamburgerRight__topItem--search::before {
    width: 28px;
    height: 28px;
  }
}
.cp-headerMenuHamburgerRight__topItem a {
  color: #fff;
}
.cp-headerMenuHamburgerRight__topItemTxt {
  font-size: 1.2rem;
  color: #fff;
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuHamburgerRight__topItemTxt {
    font-size: 1.1rem;
    line-height: 1;
    margin: 8px 0 0 0;
  }
}
@media screen and (max-width: 1023px) {
  .is-active > .cp-headerMenuHamburgerRight__topItemTxt {
    color: var(--text-color);
  }
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuHamburgerRight__topDrawer {
    grid-column: 1/2;
    grid-row: 3/4;
  }
}
.cp-headerMenuHamburgerRight__topDrawer > * {
  display: none;
}
.cp-headerMenuHamburgerRight__close {
  width: 66px;
  aspect-ratio: 1/1;
  background-color: #fff;
  border-radius: 22px;
  background-size: 28px 28px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.215%22%20height%3D%2221.215%22%20viewBox%3D%220%200%2021.215%2021.215%22%3E%3Cg%20transform%3D%22translate(10281.608%2015915.608)%22%3E%3Cg%20transform%3D%22translate(-10270.105%20-15956.008)%20rotate(45)%22%3E%3Cpath%20d%3D%22M-7693.564-15916.3h-28v-2h28Z%22%20transform%3D%22translate(7743%2015954)%22%20fill%3D%22%2373ab7d%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-10261.102%20-15914.899)%20rotate(135)%22%3E%3Cpath%20d%3D%22M28%2C1H0V-1H28Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%2373ab7d%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuHamburgerRight__close {
    margin: 0 0 24px auto;
    width: 45px;
    border-radius: 11px;
    background-size: 20px 20px;
  }
}
.cp-headerMenuHamburgerRight__middle {
  margin: 0 0 20px;
}
.cp-headerMenuHamburgerRight__middleTxt {
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  margin: 0 0 10px;
}
.cp-headerMenuHamburgerRight__linkWrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 100px);
  gap: 10px;
  margin: 0 0 17px;
}
.cp-headerMenuHamburgerRight__linkItem {
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid var(--main-color);
  transition: 0.2s ease;
}
@media screen and (min-width: 1024px) {
  .cp-headerMenuHamburgerRight__linkItem:hover {
    border-color: #fff;
    background-color: var(--main-color);
  }
  .cp-headerMenuHamburgerRight__linkItem:hover a {
    color: #fff;
  }
}
.cp-headerMenuHamburgerRight__linkItem a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  color: var(--text-color);
  font-size: 1.3rem;
  padding: 0 0 10px;
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuHamburgerRight__linkItem a {
    font-size: 1.1rem;
  }
}
.cp-headerMenuHamburgerRight__linkItem a::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.cp-headerMenuHamburgerRight__linkItem a::after {
  content: none !important;
}
.cp-headerMenuHamburgerRight__linkItem:nth-child(1) a::before {
  width: 39px;
  height: 32px;
  background-image: url('/clas/albums/css/basic-blocks/abm00017242.svg');
}
.cp-headerMenuHamburgerRight__linkItem:nth-child(2) a::before {
  width: 29px;
  height: 34px;
  background-image: url('/clas/albums/css/basic-blocks/abm00017243.svg');
}
.cp-headerMenuHamburgerRight__linkItem:nth-child(3) a::before {
  width: 32px;
  height: 32px;
  background-image: url('/clas/albums/css/basic-blocks/abm00017245.svg');
}
.cp-headerMenuHamburgerRight__linkItem:nth-child(4) a::before {
  width: 32px;
  height: 32px;
  background-image: url('/clas/albums/css/basic-blocks/abm00017246.svg');
}
.cp-headerMenuHamburgerRight__linkItem:nth-child(5) a::before {
  width: 28px;
  height: 32px;
  background-image: url('/clas/albums/css/basic-blocks/abm00019685.svg');
}
.cp-headerMenuHamburgerRight__linkItem:nth-child(6) a::before {
  width: 40px;
  height: 29px;
  background-image: url('/clas/albums/css/basic-blocks/abm00019580.svg');
}
.cp-headerMenuHamburgerRight__linkTxt {
  display: flex;
  align-items: center;
  min-height: 32px;
  justify-content: center;
  text-align: center;
  line-height: 1.25;
}
.cp-headerMenuHamburgerRight__staffWrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 24px;
  margin: 0 0 38px;
}
.cp-headerMenuHamburgerRight__staffItem a {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #fff;
  font-size: 1.3rem;
}
.cp-headerMenuHamburgerRight__staffItem a::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.cp-headerMenuHamburgerRight__staffItem a::after {
  content: none !important;
}
.cp-headerMenuHamburgerRight__staffItem:nth-child(1) a::before {
  width: 29px;
  height: 22px;
  background-image: url('/clas/albums/css/basic-blocks/abm00017249.svg');
}
.cp-headerMenuHamburgerRight__staffItem:nth-child(2) a::before {
  width: 36px;
  height: 22px;
  background-image: url('/clas/albums/css/basic-blocks/abm00017248.svg');
}
.cp-headerMenuHamburgerRight__staffItem:nth-child(3) a::before {
  width: 29px;
  height: 22px;
  background-image: url('/clas/albums/css/basic-blocks/abm00017249.svg');
}
.cp-headerMenuHamburgerRight__staffItem:nth-child(4) a::before {
  width: 28px;
  height: 25px;
  background-image: url('/clas/albums/css/basic-blocks/abm00017244.svg');
}
.cp-headerMenuHamburgerRight__bottom {
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 26px 30px 32px;
}
.cp-headerMenuHamburgerRight__bottomTtlWrapper {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0 0 10px;
  border-bottom: 1px dotted #fff;
}
.cp-headerMenuHamburgerRight__bottomTtlWrapper::before {
  content: "";
  display: block;
  width: 26px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url('/clas/albums/css/basic-blocks/abm00017250.svg');
}
.cp-headerMenuHamburgerRight__bottomTtl {
  font-size: 1.5rem;
  font-weight: 600;
  color: #fff;
}
.cp-headerMenuHamburgerRight__bottomList {
  list-style: none;
  line-height: 3.3333;
}
.cp-headerMenuHamburgerRight__bottomListItem {
  border-bottom: 1px dotted #fff;
  position: relative;
}
.cp-headerMenuHamburgerRight__bottomListItem::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  translate: -50% -50%;
  width: 14px;
  height: 12px;
  transition: 0.2s ease;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2212%22%20viewBox%3D%220%200%2014%2012%22%3E%3Cg%20transform%3D%22translate(-1843%20-583.223)%22%3E%3Cpath%20d%3D%22M-10764-19305.553a1%2C1%2C0%2C0%2C1-.707-.293%2C1%2C1%2C0%2C0%2C1%2C0-1.414l4.293-4.295-4.293-4.291a1%2C1%2C0%2C0%2C1%2C0-1.414%2C1%2C1%2C0%2C0%2C1%2C1.414%2C0l5%2C5a1%2C1%2C0%2C0%2C1%2C.293.707%2C1%2C1%2C0%2C0%2C1-.293.707l-5%2C5A1%2C1%2C0%2C0%2C1-10764-19305.553Z%22%20transform%3D%22translate(12615%2019900.775)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M12%2C1H0A1%2C1%2C0%2C0%2C1-1%2C0%2C1%2C1%2C0%2C0%2C1%2C0-1H12a1%2C1%2C0%2C0%2C1%2C1%2C1A1%2C1%2C0%2C0%2C1%2C12%2C1Z%22%20transform%3D%22translate(1844%20589.223)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media screen and (min-width: 1024px) {
  .cp-headerMenuHamburgerRight__bottomListItem:hover::after {
    right: 0;
  }
}
.cp-headerMenuHamburgerRight__bottomListItem a {
  font-size: 1.5rem;
  color: #fff;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.cp-headerMenuLinkSp,
.cp-headerMenuLangSp,
.cp-headerMenuSearchSp {
  display: none;
  border-radius: 10px;
  background-color: #fff;
}
.cp-headerMenuLinkSp.is-active,
.cp-headerMenuLangSp.is-active,
.cp-headerMenuSearchSp.is-active {
  display: block;
}

.cp-headerMenuLinkSp {
  width: 100%;
  padding: 22px 29px;
  border: 1px solid #e3e3e3;
}
.cp-headerMenuLinkSp__list {
  list-style: none;
  line-height: 2.1429;
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuLinkSp__list {
    line-height: 2;
  }
}
.cp-headerMenuLinkSp__item a {
  color: var(--text-color);
}
@media screen and (max-width: 1023px) {
  .cp-headerMenuLinkSp__item a {
    font-size: 1.4rem;
  }
}
.cp-headerMenuLinkSp__item a::after {
  content: none !important;
}

.cp-headerMenuLangSp {
  border: 1px solid #e3e3e3;
  padding: 20px;
}
.cp-headerMenuLangSp__menu {
  border-bottom: 1px solid #ccc;
  padding: 0 0 16px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.cp-headerMenuLangSp__content {
  width: auto;
  padding: 20px 0 0;
}
.cp-headerMenuLangSp__title {
  height: 60px;
  margin-bottom: 21px;
  display: flex;
  align-items: center;
  padding-left: 76px;
  font-weight: bold;
  font-size: 1.5rem;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2267.093%22%20height%3D%2260%22%20viewBox%3D%220%200%2067.093%2060%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_46659%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2046659%22%20transform%3D%22translate(-1458%20-160)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_43724%22%20data-name%3D%22%E3%83%91%E3%82%B9%2043724%22%20d%3D%22M65.732%2C49.742%2C39.469%2C4.173C37.916%2C1.482%2C35.812%2C0%2C33.546%2C0s-4.369%2C1.482-5.923%2C4.173L1.36%2C49.742c-1.553%2C2.69-1.785%2C5.253-.652%2C7.215S4.176%2C60%2C7.283%2C60H59.809c3.107%2C0%2C5.442-1.081%2C6.575-3.043s.9-4.525-.652-7.215%22%20transform%3D%22translate(1458%20160)%22%20fill%3D%22%23fc0%22%2F%3E%20%3Cpath%20id%3D%22%E5%90%88%E4%BD%93_8%22%20data-name%3D%22%E5%90%88%E4%BD%93%208%22%20d%3D%22M3935.279%2C21194.344a2.958%2C2.958%2C0%2C0%2C1-2.723-4.719l26.984-46.818a2.951%2C2.951%2C0%2C0%2C1%2C5.441%2C0l26.984%2C46.818a2.958%2C2.958%2C0%2C0%2C1-2.723%2C4.719ZM3961.6%2C21144l-26.984%2C46.818c-.245.426-.277.746-.2.879s.372.26.862.26h53.962c.49%2C0%2C.782-.133.856-.26s.042-.453-.2-.879L3962.917%2C21144c-.245-.426-.505-.611-.66-.611S3961.848%2C21143.572%2C3961.6%2C21144Zm-2.489%2C40.34a3.088%2C3.088%2C0%2C1%2C1%2C3.085%2C3.09A3.087%2C3.087%2C0%2C0%2C1%2C3959.114%2C21184.338Zm1.394-7.111-1.431-17.479c-.245-2.957.883-4.484%2C3.181-4.484s3.426%2C1.527%2C3.186%2C4.484l-1.431%2C17.479a1.753%2C1.753%2C0%2C0%2C1-3.505%2C0Z%22%20transform%3D%22translate(-2470.713%20-20977.621)%22%20fill%3D%22%232e2d2c%22%20stroke%3D%22rgba(0%2C0%2C0%2C0)%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.cp-headerMenuLangSp__body {
  font-size: 1.4rem;
  line-height: 1.857;
  margin-bottom: 24px;
}
.cp-headerMenuLangSp__button {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.cp-headerMenuLangSp__button a {
  height: 32px;
  border-radius: 100vmax;
  background: var(--main-color);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
  border: 1px solid var(--main-color);
}
.cp-headerMenuLangSp__button a.js-cancelTranslate {
  color: var(--main-color);
  background-color: #fff;
  margin-right: 0;
}
.cp-headerMenuLangSp__item {
  height: 36px;
  display: flex;
  align-items: center;
  padding: 0 0 0 40px;
  font-weight: 500;
  font-size: 1.4rem;
  cursor: pointer;
  position: relative;
}
.cp-headerMenuLangSp__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.16));
}
.cp-headerMenuLangSp__item[data-lang=ja]::before {
  background-image: url('/clas/albums/css/basic-blocks/abm00017280.svg');
}
.cp-headerMenuLangSp__item[data-lang=en]::before {
  background-image: url('/clas/albums/css/basic-blocks/abm00017281.svg');
}
.cp-headerMenuLangSp__item[data-lang=zh-CN]::before {
  background-image: url('/clas/albums/css/basic-blocks/abm00017279.svg');
}
.cp-headerMenuLangSp__item[data-lang=zh-TW]::before {
  background-image: url('/clas/albums/css/basic-blocks/abm00017279.svg');
}
.cp-headerMenuLangSp__item[data-lang=ko]::before {
  background-image: url('/clas/albums/css/basic-blocks/abm00017282.svg');
}

.cp-headerMenuSearchSp {
  padding: 12px 16px;
}
.cp-headerMenuSearchSp__form {
  position: relative;
  height: 100%;
}
.cp-headerMenuSearchSp input[type=text] {
  padding: 4px 40px 4px 4px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.cp-headerMenuSearchSp input[type=submit] {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 23px;
  height: 23px;
  translate: 0 -50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2233.317%22%20height%3D%2232.539%22%20viewBox%3D%220%200%2033.317%2032.539%22%3E%3Cpath%20d%3D%22M16.217%2C2A14.217%2C14.217%2C0%2C0%2C0%2C6.164%2C26.27%2C14.217%2C14.217%2C0%2C1%2C0%2C26.27%2C6.164%2C14.124%2C14.124%2C0%2C0%2C0%2C16.217%2C2m0-2A16.217%2C16.217%2C0%2C1%2C1%2C0%2C16.217%2C16.217%2C16.217%2C0%2C0%2C1%2C16.217%2C0Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%2373ab7d%22%2F%3E%3Cpath%20d%3D%22M3.894%2C4.894A1%2C1%2C0%2C0%2C1%2C3.187%2C4.6L-.707.707a1%2C1%2C0%2C0%2C1%2C0-1.414%2C1%2C1%2C0%2C0%2C1%2C1.414%2C0L4.6%2C3.187a1%2C1%2C0%2C0%2C1-.707%2C1.707Z%22%20transform%3D%22translate(28.424%2027.645)%22%20fill%3D%22%2373ab7d%22%2F%3E%3C%2Fsvg%3E");
}

.cp-headerGnavSp {
  display: none;
  margin: 0 0 40px;
}
@media screen and (max-width: 1023px) {
  .cp-headerGnavSp {
    display: block;
  }
}
.cp-headerGnavSp__ttl {
  display: flex;
  align-items: center;
  height: 48px;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  margin: 0 0 8px;
  position: relative;
  padding: 0 40px 0 0;
  border-bottom: 1px solid #fff;
}
.cp-headerGnavSp__ttl::before, .cp-headerGnavSp__ttl::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 16px;
  height: 1px;
  background-color: #fff;
  translate: 0 -50%;
}
.cp-headerGnavSp__ttl::after {
  rotate: -90deg;
  transition: 0.2s ease;
}
.cp-headerGnavSp__ttl.is-active::after {
  rotate: 0deg;
}
.cp-headerGnavSp__list {
  display: none;
  line-height: 2.5;
  margin: 0 0 24px;
}
.is-active + .cp-headerGnavSp__list {
  display: block;
}
.cp-headerGnavSp__listItem a {
  color: #fff;
}
.cp-headerGnavSp__listItem a::after {
  background-color: #fff !important;
}
.cp-headerGnavSp__children {
  display: none;
}
.cp-headerGnavSp__banner {
  margin: 32px 0 0;
}

.cp-overlay {
  display: none;
}
.is-menuOpen .cp-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100vh;
  background-color: #000;
  opacity: 0.3;
}

.cp-pageTopBtn {
  position: fixed;
  z-index: 10;
  right: 20px;
  bottom: 132px;
  width: 40px;
  height: 40px;
  border-radius: 100vmax;
  border: 2px solid var(--main-color);
  overflow: hidden;
  background-color: var(--main-color);
  cursor: pointer;
}
.cp-pageTopBtn::before, .cp-pageTopBtn::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transition: 0.2s ease;
}
.cp-pageTopBtn::before {
  content: "";
  background-color: #fff;
}
.cp-pageTopBtn::after {
  background-color: var(--main-color);
  -webkit-mask-size: 8px 19px;
          mask-size: 8px 19px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.324%22%20height%3D%2238.509%22%20viewBox%3D%220%200%2017.324%2038.509%22%3E%3Cg%20transform%3D%22translate(2%202.829)%22%3E%3Cpath%20d%3D%22M6.662%2C15.324a1.994%2C1.994%2C0%2C0%2C1-1.414-.586L-2.828%2C6.662%2C5.248-1.414a2%2C2%2C0%2C0%2C1%2C2.828%2C0%2C2%2C2%2C0%2C0%2C1%2C0%2C2.828L2.828%2C6.662%2C8.076%2C11.91a2%2C2%2C0%2C0%2C1-1.414%2C3.414Z%22%20transform%3D%22translate(13.324%200)%20rotate(90)%22%20fill%3D%22%23649c6e%22%2F%3E%3Cpath%20d%3D%22M0%2C36a2%2C2%2C0%2C0%2C1-2-2V0A2%2C2%2C0%2C0%2C1%2C0-2%2C2%2C2%2C0%2C0%2C1%2C2%2C0V34A2%2C2%2C0%2C0%2C1%2C0%2C36Z%22%20transform%3D%22translate(6.69%20-0.319)%22%20fill%3D%22%23649c6e%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.324%22%20height%3D%2238.509%22%20viewBox%3D%220%200%2017.324%2038.509%22%3E%3Cg%20transform%3D%22translate(2%202.829)%22%3E%3Cpath%20d%3D%22M6.662%2C15.324a1.994%2C1.994%2C0%2C0%2C1-1.414-.586L-2.828%2C6.662%2C5.248-1.414a2%2C2%2C0%2C0%2C1%2C2.828%2C0%2C2%2C2%2C0%2C0%2C1%2C0%2C2.828L2.828%2C6.662%2C8.076%2C11.91a2%2C2%2C0%2C0%2C1-1.414%2C3.414Z%22%20transform%3D%22translate(13.324%200)%20rotate(90)%22%20fill%3D%22%23649c6e%22%2F%3E%3Cpath%20d%3D%22M0%2C36a2%2C2%2C0%2C0%2C1-2-2V0A2%2C2%2C0%2C0%2C1%2C0-2%2C2%2C2%2C0%2C0%2C1%2C2%2C0V34A2%2C2%2C0%2C0%2C1%2C0%2C36Z%22%20transform%3D%22translate(6.69%20-0.319)%22%20fill%3D%22%23649c6e%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media screen and (min-width: 1024px) {
  .cp-pageTopBtn:hover {
    background-color: #fff;
  }
  .cp-pageTopBtn:hover::before {
    background-color: var(--main-color);
  }
  .cp-pageTopBtn:hover::after {
    background-color: #fff;
  }
}

.cp-homeBtn a {
  position: fixed;
  z-index: 10;
  right: 20px;
  bottom: 76px;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100vmax;
  border: 2px solid var(--main-color);
  overflow: hidden;
  background-color: var(--main-color);
}
.cp-homeBtn a::before, .cp-homeBtn a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transition: 0.2s ease;
}
.cp-homeBtn a::before {
  background-color: #fff;
}
.cp-homeBtn a::after {
  background-color: var(--main-color);
  -webkit-mask-size: 20px 19px;
          mask-size: 20px 19px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240.641%22%20height%3D%2238.767%22%20viewBox%3D%220%200%2040.641%2038.767%22%3E%3Cg%20transform%3D%22translate(-20100.484%207643.583)%22%3E%3Cpath%20d%3D%22M18.479%2C28.493a2%2C2%2C0%2C0%2C1-2-2V20.454a2.272%2C2.272%2C0%2C1%2C0-4.544%2C0v6.039a2%2C2%2C0%2C0%2C1-4%2C0V20.454a6.272%2C6.272%2C0%2C1%2C1%2C12.544%2C0v6.039A2%2C2%2C0%2C0%2C1%2C18.479%2C28.493Z%22%20transform%3D%22translate(20106.598%20-7633.309)%22%20fill%3D%22%23649c6e%22%2F%3E%3Cpath%20d%3D%22M38.14%2C38.263a2%2C2%2C0%2C0%2C1-2-2V16.8a4.636%2C4.636%2C0%2C0%2C0-1.868-3.708L22.567%2C4.416a4.588%2C4.588%2C0%2C0%2C0-5.493%2C0L5.367%2C13.09A4.636%2C4.636%2C0%2C0%2C0%2C3.5%2C16.8V36.263a2%2C2%2C0%2C0%2C1-4%2C0V16.8A8.652%2C8.652%2C0%2C0%2C1%2C2.985%2C9.876L14.692%2C1.2a8.566%2C8.566%2C0%2C0%2C1%2C10.256%2C0L36.655%2C9.876A8.653%2C8.653%2C0%2C0%2C1%2C40.14%2C16.8V36.263A2%2C2%2C0%2C0%2C1%2C38.14%2C38.263Z%22%20transform%3D%22translate(20100.984%20-7643.08)%22%20fill%3D%22%23649c6e%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240.641%22%20height%3D%2238.767%22%20viewBox%3D%220%200%2040.641%2038.767%22%3E%3Cg%20transform%3D%22translate(-20100.484%207643.583)%22%3E%3Cpath%20d%3D%22M18.479%2C28.493a2%2C2%2C0%2C0%2C1-2-2V20.454a2.272%2C2.272%2C0%2C1%2C0-4.544%2C0v6.039a2%2C2%2C0%2C0%2C1-4%2C0V20.454a6.272%2C6.272%2C0%2C1%2C1%2C12.544%2C0v6.039A2%2C2%2C0%2C0%2C1%2C18.479%2C28.493Z%22%20transform%3D%22translate(20106.598%20-7633.309)%22%20fill%3D%22%23649c6e%22%2F%3E%3Cpath%20d%3D%22M38.14%2C38.263a2%2C2%2C0%2C0%2C1-2-2V16.8a4.636%2C4.636%2C0%2C0%2C0-1.868-3.708L22.567%2C4.416a4.588%2C4.588%2C0%2C0%2C0-5.493%2C0L5.367%2C13.09A4.636%2C4.636%2C0%2C0%2C0%2C3.5%2C16.8V36.263a2%2C2%2C0%2C0%2C1-4%2C0V16.8A8.652%2C8.652%2C0%2C0%2C1%2C2.985%2C9.876L14.692%2C1.2a8.566%2C8.566%2C0%2C0%2C1%2C10.256%2C0L36.655%2C9.876A8.653%2C8.653%2C0%2C0%2C1%2C40.14%2C16.8V36.263A2%2C2%2C0%2C0%2C1%2C38.14%2C38.263Z%22%20transform%3D%22translate(20100.984%20-7643.08)%22%20fill%3D%22%23649c6e%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media screen and (min-width: 1024px) {
  .cp-homeBtn a:hover {
    background-color: #fff;
  }
  .cp-homeBtn a:hover::before {
    background-color: var(--main-color);
  }
  .cp-homeBtn a:hover::after {
    background-color: #fff;
  }
}

.cp-footer__contents {
  padding: 78px 40px 25px;
  background-color: var(--main-color);
}
@media screen and (max-width: 1023px) {
  .cp-footer__contents {
    padding: 38px 20px 22px;
  }
}
.cp-footer__contentsInner {
  max-width: 1720px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .cp-footer__contentsInner {
    display: grid;
  }
}
.cp-footer__top {
  margin: 0 0 56px;
}
@media screen and (max-width: 1023px) {
  .cp-footer__top {
    margin: 0 0 25px;
  }
}
.cp-footer__middle {
  margin: 0 0 35px;
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 1023px) {
  .cp-footer__middle {
    display: contents;
  }
}
.cp-footer__left {
  max-width: 487px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .cp-footer__left {
    display: contents;
  }
}
.cp-footer__address {
  font-size: 1.4rem;
  line-height: 2;
  color: #fff;
  margin: 0 0 19px;
  letter-spacing: -0.01em;
}
@media screen and (max-width: 1023px) {
  .cp-footer__address {
    grid-row: 2/3;
    font-size: 1.3rem;
  }
}
.cp-footer__address span {
  color: #fff !important;
}
.cp-footer__address span * {
  color: #fff !important;
}
.cp-footer__snsWrapper {
  display: flex;
  align-items: center;
  gap: 25px;
}
@media screen and (max-width: 1023px) {
  .cp-footer__snsWrapper {
    grid-row: 4/5;
    gap: 20px;
    margin: 0 0 19px;
  }
}
@media screen and (min-width: 1024px) {
  .cp-footer__snsItem:hover {
    opacity: 0.7;
  }
  .cp-footer__snsItem img {
    width: 45px;
    height: 45px;
  }
}
.cp-footer__snsItem a::after {
  content: none !important;
}
.cp-footer__right {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  max-width: 1100px;
  width: 100%;
  margin: 0 20px 0 auto;
}
@media screen and (max-width: 1520px) {
  .cp-footer__right {
    max-width: 100%;
    margin: 0;
  }
}
@media screen and (max-width: 1023px) {
  .cp-footer__right {
    grid-row: 3/4;
    margin: 0 0 19px;
  }
}
.cp-footer__list {
  list-style: none;
  line-height: 1.85;
  padding: 0 0 0 16px;
  border-left: 1px solid #fff;
  max-width: 200px;
  width: 100%;
  min-height: 228px;
}
@media screen and (max-width: 1520px) {
  .cp-footer__list {
    max-width: 160px;
    min-height: auto;
  }
}
@media screen and (max-width: 1023px) {
  .cp-footer__list {
    max-width: 100%;
    padding: 0 0 0 8px;
  }
}
.cp-footer__listItem:nth-child(2) {
  display: none;
}
.cp-footer__listItem a {
  font-size: 1.3rem;
  line-height: 1.5;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .cp-footer__listItem a:hover {
    text-decoration: underline;
  }
}
@media screen and (max-width: 1023px) {
  .cp-footer__listItem a {
    font-size: 1.2rem;
    padding: 4px 8px;
  }
}
.cp-footer__listItem a::after {
  background-color: #fff !important;
}
@media screen and (max-width: 1023px) {
  .cp-footer__listItem a::after {
    width: 10px;
    min-width: 10px;
    height: 10px;
    -webkit-mask-size: cover;
            mask-size: cover;
  }
}
@media screen and (max-width: 1023px) {
  .cp-footer__list:not(.cp-footer__list:last-child) {
    display: none;
  }
}
.cp-footer__list:not(.cp-footer__list:last-child) .cp-footer__listItem:first-child a {
  font-weight: bold;
}
.cp-footer__bottom {
  color: #fff;
  font-size: 1.4rem;
}
.cp-footer__linkWrapper {
  background-color: #66976e;
  padding: 0 40px;
}
@media screen and (max-width: 1023px) {
  .cp-footer__linkWrapper {
    padding: 0;
  }
}
.cp-footer__linkInner {
  max-width: 1720px;
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  align-items: center;
  gap: 8px;
  padding: 25px 20px;
}
@media screen and (max-width: 1023px) {
  .cp-footer__linkInner {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 3px;
  }
}
.cp-footer__linkItem {
  height: 40px;
  transition: 0.2s ease;
}
@media screen and (min-width: 1024px) {
  .cp-footer__linkItem:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 1023px) {
  .cp-footer__linkItem {
    height: 32px;
  }
}
.cp-footer__linkItem a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  padding: 8px 16px;
  width: 100%;
  height: 100%;
  background-color: #73ab7d;
}
@media screen and (max-width: 1023px) {
  .cp-footer__linkItem a {
    font-size: 1rem;
  }
}
.cp-footer__linkItem a::after {
  content: none !important;
}
.cp-footer .emsp {
  display: inline-block;
  width: 16px;
}
.cp-footer__children[data-target=unit3], .cp-footer__children[data-target=guide3] {
  display: none;
}

.cky-btn-revisit-wrapper {
  background-color: #555 !important;
  width: 40px !important;
  height: 40px !important;
  left: auto !important;
  right: 20px !important;
  bottom: 20px !important;
  z-index: 10 !important;
}
.cky-btn-revisit-wrapper .cky-btn-revisit img {
  width: 26px !important;
  height: 26px !important;
}

.lo-globalContainer {
  padding: 75px 0 0;
}
@media screen and (max-width: 1023px) {
  .lo-globalContainer {
    padding: 64px 0 0;
  }
}

.lo-contentsContainer {
  padding: 72px 0 0;
}
@media screen and (max-width: 1023px) {
  .lo-contentsContainer {
    padding: 64px 0 0;
  }
}

.lo-breads {
  padding: 20px 25px 12px;
}
@media screen and (max-width: 1023px) {
  .lo-breads {
    padding: 12px 20px;
  }
}
.lo-breads__list {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023px) {
  .lo-breads__list {
    overflow-x: auto;
    white-space: pre;
    flex-wrap: nowrap;
  }
}
.lo-breads__list::-webkit-scrollbar {
  display: none;
}
.lo-breads li {
  display: flex;
  align-items: center;
  gap: 0.8em;
  margin: 0 0.8em 0 0;
  font-size: 1.5rem;
  color: #555;
}
@media screen and (max-width: 1023px) {
  .lo-breads li {
    font-size: 1.1rem;
  }
}
.lo-breads li:first-child a {
  font-weight: 500;
}
.lo-breads li::after {
  content: "|";
  font-weight: 300;
}
.lo-breads li:last-child::after {
  content: none;
}
.lo-breads a {
  font-size: 1.5rem;
  color: #000;
}
@media screen and (min-width: 1024px) {
  .lo-breads a:hover {
    text-decoration: underline;
  }
}
@media screen and (max-width: 1023px) {
  .lo-breads a {
    font-size: 1.1rem;
  }
}

.lo-ttl {
  position: relative;
  padding: 20px 0 0;
  margin: 0 0 85px;
  font-size: 4.8rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 0 60px;
}
@media screen and (max-width: 1023px) {
  .lo-ttl {
    margin: 0 0 48px;
  }
}
.lo-ttl::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 6px;
  border-radius: 3px;
  background-color: var(--main-color);
}
@media screen and (max-width: 1023px) {
  .lo-ttl::before {
    width: 80px;
  }
}
.phys4 .lo-ttl::before, .kagaku4 .lo-ttl::before, .bio4 .lo-ttl::before {
  background-color: var(--ns-color);
}
.hss4 .lo-ttl::before, .hes4 .lo-ttl::before {
  background-color: var(--hs-color);
}
.en4 .lo-ttl::before, .math4 .lo-ttl::before, .cis4 .lo-ttl::before {
  background-color: var(--basic-color);
}
@media screen and (max-width: 1023px) {
  .lo-ttl {
    font-size: 3.6rem;
    margin: 0 0 48px;
  }
}

.lo-contents {
  width: 100%;
  margin: 0 auto;
  max-width: 1360px;
  padding: 0 80px;
}
@media screen and (max-width: 1023px) {
  .lo-contents {
    padding: 0 20px;
  }
}

.lo-basic:not(.unit3) .lo-contentsContainer {
  padding: 72px 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
  background-image: url('/clas/albums/css/basic-blocks/abm00017298.webp');
}
@media screen and (max-width: 1023px) {
  .lo-basic:not(.unit3) .lo-contentsContainer {
    padding: 64px 0 0;
  }
}
.lo-basic:not(.lo-basic:has(.ob-indexLink)) .lo-contentsContainer {
  padding: 72px 0 120px;
}
@media screen and (max-width: 1023px) {
  .lo-basic:not(.lo-basic:has(.ob-indexLink)) .lo-contentsContainer {
    padding: 64px 0 80px;
  }
}
.lo-basic.unit3 .lo-contents {
  max-width: 1220px;
  padding: 0 80px 0;
}
@media screen and (max-width: 1023px) {
  .lo-basic.unit3 .lo-contents {
    padding: 0 20px 0;
  }
}

[data-area=content] table {
  margin: 30px 0;
  font-size: 1.5rem;
  line-height: 2;
}
[data-area=content] table td {
  padding: 5px 20px;
  border-color: #eaf2eb;
  background-color: #fff;
}

[data-area=content] .cp-h2-text {
  font-size: 3.4rem;
  font-weight: 500;
  line-height: 1.5;
  padding: 32px 0 0;
  margin: 100px 0 56px;
  border-top: 3px solid var(--main-color);
}
@media screen and (max-width: 1023px) {
  [data-area=content] .cp-h2-text {
    font-size: 2.8rem;
    line-height: 1.5;
    margin: 80px 0 48px;
    padding: 24px 0 0;
    border-width: 4px;
  }
}
.phys4 [data-area=content] .cp-h2-text, .kagaku4 [data-area=content] .cp-h2-text, .bio4 [data-area=content] .cp-h2-text {
  border-color: var(--ns-color);
}
.hss4 [data-area=content] .cp-h2-text, .hes4 [data-area=content] .cp-h2-text {
  border-color: var(--hs-color);
}
.en4 [data-area=content] .cp-h2-text, .math4 [data-area=content] .cp-h2-text, .cis4 [data-area=content] .cp-h2-text {
  border-color: var(--basic-color);
}

[data-area=content] .cp-h3-text {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
  align-items: center;
  position: relative;
  min-height: 50px;
  padding: 8px 0 8px 20px;
  margin: 60px 0 24px;
  border-left: 10px solid var(--main-color);
}
@media screen and (max-width: 1023px) {
  [data-area=content] .cp-h3-text {
    font-size: 2.4rem;
    min-height: 56px;
    padding: 4px 0 4px 16px;
    margin: 64px 0 24px;
    border-width: 6px;
  }
}
.phys4 [data-area=content] .cp-h3-text, .kagaku4 [data-area=content] .cp-h3-text, .bio4 [data-area=content] .cp-h3-text {
  border-color: var(--ns-color);
}
.hss4 [data-area=content] .cp-h3-text, .hes4 [data-area=content] .cp-h3-text {
  border-color: var(--hs-color);
}
.en4 [data-area=content] .cp-h3-text, .math4 [data-area=content] .cp-h3-text, .cis4 [data-area=content] .cp-h3-text {
  border-color: var(--basic-color);
}

[data-area=content] .cp-h4-text {
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.6667;
  display: flex;
  align-items: center;
  min-height: 30px;
  margin: 40px 0 40px;
}
@media screen and (max-width: 1023px) {
  [data-area=content] .cp-h4-text {
    font-size: 2rem;
    margin: 40px 0 24px;
  }
}

[data-area=content] .cp-h5-text {
  font-size: 1.8rem;
  font-weight: 500;
  margin: 35px 0 16px;
  line-height: 1.5;
}
@media screen and (max-width: 1023px) {
  [data-area=content] .cp-h5-text {
    font-size: 1.6rem;
  }
}

[data-area=content] .lead1 {
  font-size: 4.4rem;
  font-weight: 600;
  line-height: 1.8182;
  letter-spacing: 0.2em;
  text-align: center;
  margin: 93px 0 57px;
}
@media screen and (max-width: 1023px) {
  [data-area=content] .lead1 {
    font-size: 3.2rem;
    margin: 64px 0 48px;
    letter-spacing: 0.1em;
  }
}

[data-area=content] .lead2 {
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.875;
  margin: 56px 0 40px;
  letter-spacing: -0.01em;
}
@media screen and (max-width: 1023px) {
  [data-area=content] .lead2 {
    font-size: 2rem;
    margin: 40px 0 24px;
  }
}

[data-area=content] .lead3 {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.2222;
  letter-spacing: 0.05em;
  text-align: center;
  margin: 48px 0 32px;
}
@media screen and (max-width: 1023px) {
  [data-area=content] .lead3 {
    font-size: 1.5rem;
    margin: 32px 0 24px;
    font-feature-settings: "palt";
  }
}
[data-area=content] .lead3 span {
  display: none;
}
@media screen and (max-width: 1023px) {
  [data-area=content] .lead3 span {
    display: block;
    height: 0;
    width: 0;
  }
}
.cms [data-area=content] .lead3 span {
  display: inline-block;
}

a {
  text-decoration: none;
}

[data-area=content] a {
  color: var(--main-link-color);
}

a[href^="tel:"] {
  pointer-events: none !important;
  color: var(--text-color);
}
@media screen and (max-width: 1023px) {
  a[href^="tel:"] {
    color: var(--main-link-color);
    pointer-events: auto !important;
  }
}
a[href^="tel:"]::after {
  content: none !important;
}

a[target=_blank]:not(.button-inner a, .cp-basic-block__buttons a, .ob-btn a, .ob-program a, .newsBasic a, .newsBbs a)::after {
  content: "";
  position: relative;
  top: 1px;
  bottom: 0;
  margin: 0 6px 0 6px;
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  background-size: cover;
  background-color: var(--text-color);
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.001%22%20height%3D%2214%22%20viewBox%3D%220%200%2014.001%2014%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_21000%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2021000%22%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_23771%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2023771%22%20transform%3D%22translate(0%200)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35557%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035557%22%20d%3D%22M8.112%2C0V1h4.181L4.066%2C9.228l.707.707L13%2C1.707V5.889h1V0Z%22%20fill%3D%22%23555%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_23770%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2023770%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_23769%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2023769%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35558%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035558%22%20d%3D%22M13%2C12.508a.492.492%2C0%2C0%2C1-.491.492H1.491A.492.492%2C0%2C0%2C1%2C1%2C12.508V1.491A.491.491%2C0%2C0%2C1%2C1.491%2C1H6V0H1.491A1.492%2C1.492%2C0%2C0%2C0%2C0%2C1.491V12.508A1.492%2C1.492%2C0%2C0%2C0%2C1.491%2C14H12.509A1.492%2C1.492%2C0%2C0%2C0%2C14%2C12.508V8H13Z%22%20fill%3D%22%23555%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.001%22%20height%3D%2214%22%20viewBox%3D%220%200%2014.001%2014%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_21000%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2021000%22%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_23771%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2023771%22%20transform%3D%22translate(0%200)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35557%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035557%22%20d%3D%22M8.112%2C0V1h4.181L4.066%2C9.228l.707.707L13%2C1.707V5.889h1V0Z%22%20fill%3D%22%23555%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_23770%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2023770%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_23769%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2023769%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35558%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035558%22%20d%3D%22M13%2C12.508a.492.492%2C0%2C0%2C1-.491.492H1.491A.492.492%2C0%2C0%2C1%2C1%2C12.508V1.491A.491.491%2C0%2C0%2C1%2C1.491%2C1H6V0H1.491A1.492%2C1.492%2C0%2C0%2C0%2C0%2C1.491V12.508A1.492%2C1.492%2C0%2C0%2C0%2C1.491%2C14H12.509A1.492%2C1.492%2C0%2C0%2C0%2C14%2C12.508V8H13Z%22%20fill%3D%22%23555%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: auto;
  mask-size: 14px 14px;
}

a.img-wrap-link[href$=".pdf"]:not(.button-inner a, .cp-basic-block__buttons a, .ob-btn a, .ob-program a, .newsBasic a, .newsBbs a) .fr-inner::after,
a.img-wrap-link[download$=".pdf"]:not(.button-inner a, .cp-basic-block__buttons a, .ob-btn a, .ob-program a, .newsBasic a, .newsBbs a) .fr-inner::after,
a[href$=".pdf"]:not(.button-inner a, .cp-basic-block__buttons a, .ob-btn a, .ob-program a, .newsBasic a, .newsBbs a)::after,
a[download$=".pdf"]:not(.button-inner a, .cp-basic-block__buttons a, .ob-btn a, .ob-program a, .newsBasic a, .newsBbs a)::after,
.button-inner:has(a[href$=".pdf"])::after,
.button-inner:has(a[download$=".pdf"])::after {
  margin: 0 6px 0 6px;
  top: 1px;
  width: 16px !important;
  max-width: 16px !important;
  height: 20px !important;
  -webkit-mask-image: none !important;
          mask-image: none !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226.167%22%20height%3D%2232%22%20viewBox%3D%220%200%2026.167%2032%22%3E%3Cg%20transform%3D%22translate(-156.541%20-1482.5)%22%3E%3Cpath%20d%3D%22M18.38.314H6.676a4.633%2C4.633%2C0%2C0%2C0-2.06.427A3.266%2C3.266%2C0%2C0%2C0%2C3.353%2C1.825a4.468%2C4.468%2C0%2C0%2C0-.712%2C2.524V27.018a5.349%2C5.349%2C0%2C0%2C0%2C.627%2C2.911c.725%2C1.166%2C2.085%2C1.758%2C4.041%2C1.758h14.55a4.445%2C4.445%2C0%2C0%2C0%2C2.56-.721%2C3.764%2C3.764%2C0%2C0%2C0%2C1.435-3.274c0-2.948-.011-19.864-.011-20.034Z%22%20transform%3D%22translate(156.541%201482.5)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M26.158%2C9.423V7.657a.811.811%2C0%2C0%2C0-.1-.39l.017-.034L18.732.016l-.044.045A.809.809%2C0%2C0%2C0%2C18.38%2C0H6.676a4.952%2C4.952%2C0%2C0%2C0-2.2.459A3.567%2C3.567%2C0%2C0%2C0%2C3.1%2C1.647a4.772%2C4.772%2C0%2C0%2C0-.768%2C2.7V27.019A5.612%2C5.612%2C0%2C0%2C0%2C3%2C30.095C3.787%2C31.359%2C5.237%2C32%2C7.309%2C32h14.55a4.753%2C4.753%2C0%2C0%2C0%2C2.742-.779%2C4.06%2C4.06%2C0%2C0%2C0%2C1.566-3.529c0-2.377-.007-13.827-.009-18.269M19.2%2C6.838V2.773l4.138%2C4.065ZM18.38%2C8.476h6.139l0%2C2.662c0%2C5.157.008%2C14.442.008%2C16.554a2.526%2C2.526%2C0%2C0%2C1-.881%2C2.2h0a3.145%2C3.145%2C0%2C0%2C1-1.789.474H7.309c-1.49%2C0-2.443-.37-2.917-1.133a4.307%2C4.307%2C0%2C0%2C1-.428-2.211V4.348a2.43%2C2.43%2C0%2C0%2C1%2C2.712-2.71H17.56v6.02a.82.82%2C0%2C0%2C0%2C.82.818%22%20transform%3D%22translate(156.541%201482.5)%22%20fill%3D%22%23555%22%2F%3E%3Crect%20width%3D%2223.174%22%20height%3D%2211.773%22%20rx%3D%221.263%22%20transform%3D%22translate(156.541%201495.975)%22%20fill%3D%22%23b41f29%22%2F%3E%3Cpath%20d%3D%22M4.354%2C23.635H2.864V15.518H5.593a2.756%2C2.756%2C0%2C0%2C1%2C2.183.648%2C2.633%2C2.633%2C0%2C0%2C1%2C.6%2C1.932%2C2.51%2C2.51%2C0%2C0%2C1-.716%2C2.047%2C2.875%2C2.875%2C0%2C0%2C1-2.069.557H4.354ZM5.593%2C19.5c.932%2C0%2C1.307-.409%2C1.307-1.4s-.375-1.387-1.307-1.387H4.331V19.5Z%22%20transform%3D%22translate(156.541%201482.5)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M9.289%2C15.517h2.752c2.125-.034%2C3.138%2C1%2C3.081%2C3.15v1.819c.057%2C2.148-.944%2C3.171-3.081%2C3.149H9.289Zm2.49%2C6.924c1.376.023%2C1.831-.489%2C1.853-2.069V18.78c-.022-1.58-.477-2.092-1.853-2.068h-1v5.729Z%22%20transform%3D%22translate(156.541%201482.5)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M16.374%2C15.517h4.935v1.217H17.863v2.251h2.9V20.2h-2.9v3.434H16.374Z%22%20transform%3D%22translate(156.541%201482.5)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important;
  mask-image: none !important;
  background-color: transparent !important;
}

a[href$=".doc"]:not(.button-inner a, .cp-basic-block__buttons a, .ob-btn a, .ob-program a, .newsBasic a, .newsBbs a)::after,
a[download$=".doc"]:not(.button-inner a, .cp-basic-block__buttons a, .ob-btn a, .ob-program a, .newsBasic a, .newsBbs a)::after,
a[href$=".docx"]:not(.button-inner a, .cp-basic-block__buttons a, .ob-btn a, .ob-program a, .newsBasic a, .newsBbs a)::after,
a[download$=".docx"]:not(.button-inner a, .cp-basic-block__buttons a, .ob-btn a, .ob-program a, .newsBasic a, .newsBbs a)::after,
.button-inner:has(a[href$=".doc"])::after,
.button-inner:has(a[download$=".doc"])::after,
.button-inner:has(a[href$=".docx"])::after,
.button-inner:has(a[download$=".docx"])::after {
  margin: 0 6px 0 6px;
  top: 1px;
  width: 16px !important;
  max-width: 16px !important;
  height: 20px !important;
  -webkit-mask-image: none !important;
          mask-image: none !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_23764%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2023764%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.083%22%20height%3D%2216%22%20viewBox%3D%220%200%2013.083%2016%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_20995%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2020995%22%20width%3D%2213.083%22%20height%3D%2216%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_23763%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2023763%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35542%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035542%22%20d%3D%22M9.19.157H3.338A2.332%2C2.332%2C0%2C0%2C0%2C2.308.37a1.627%2C1.627%2C0%2C0%2C0-.631.543A2.227%2C2.227%2C0%2C0%2C0%2C1.32%2C2.174V13.509a2.672%2C2.672%2C0%2C0%2C0%2C.314%2C1.455%2C2.195%2C2.195%2C0%2C0%2C0%2C2.021.879h7.274a2.22%2C2.22%2C0%2C0%2C0%2C1.28-.36%2C1.881%2C1.881%2C0%2C0%2C0%2C.718-1.637c0-1.474-.005-9.932-.005-10.017Z%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35543%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035543%22%20d%3D%22M13.079%2C4.711V3.829a.4.4%2C0%2C0%2C0-.05-.195l.009-.018L9.366.008%2C9.344.031A.389.389%2C0%2C0%2C0%2C9.19%2C0H3.338a2.476%2C2.476%2C0%2C0%2C0-1.1.229%2C1.8%2C1.8%2C0%2C0%2C0-.692.594%2C2.391%2C2.391%2C0%2C0%2C0-.384%2C1.351V13.509A2.8%2C2.8%2C0%2C0%2C0%2C1.5%2C15.047%2C2.338%2C2.338%2C0%2C0%2C0%2C3.655%2C16h7.274a2.375%2C2.375%2C0%2C0%2C0%2C1.371-.389%2C2.03%2C2.03%2C0%2C0%2C0%2C.784-1.765c0-1.188%2C0-6.913%2C0-9.135M9.6%2C3.419V1.386l2.069%2C2.033Zm-.409.819h3.069V5.569c0%2C2.578%2C0%2C7.221%2C0%2C8.277a1.263%2C1.263%2C0%2C0%2C1-.44%2C1.1h0a1.58%2C1.58%2C0%2C0%2C1-.9.236H3.655A1.582%2C1.582%2C0%2C0%2C1%2C2.2%2C14.615a2.155%2C2.155%2C0%2C0%2C1-.214-1.106V2.174A1.215%2C1.215%2C0%2C0%2C1%2C3.338.819H8.78v3.01a.41.41%2C0%2C0%2C0%2C.41.409%22%20fill%3D%22%23555%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_20994%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2020994%22%20width%3D%2211.587%22%20height%3D%225.886%22%20rx%3D%220.631%22%20transform%3D%22translate(0%206.737)%22%20fill%3D%22%232c579a%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35544%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035544%22%20d%3D%22M1.051%2C7.759H2.427c1.063-.017%2C1.569.5%2C1.54%2C1.575v.909c.029%2C1.075-.472%2C1.586-1.54%2C1.575H1.051ZM2.3%2C11.221c.688.011.915-.245.927-1.035v-.8C3.211%2C8.6%2C2.984%2C8.345%2C2.3%2C8.356H1.8v2.865Z%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35545%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035545%22%20d%3D%22M4.491%2C9.305a1.607%2C1.607%2C0%2C0%2C1%2C.335-1.193A1.45%2C1.45%2C0%2C0%2C1%2C5.992%2C7.7a1.409%2C1.409%2C0%2C0%2C1%2C1.222.483%2C1.671%2C1.671%2C0%2C0%2C1%2C.279%2C1.125v.967a1.6%2C1.6%2C0%2C0%2C1-.336%2C1.194%2C1.457%2C1.457%2C0%2C0%2C1-1.165.415A1.409%2C1.409%2C0%2C0%2C1%2C4.77%2C11.4a1.705%2C1.705%2C0%2C0%2C1-.279-1.125Zm2.257.063c0-.773-.21-1.069-.756-1.069s-.756.3-.756%2C1.069v.841c0%2C.773.21%2C1.069.756%2C1.069s.756-.3.756-1.069Z%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35546%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035546%22%20d%3D%22M10.882%2C10.76c-.04.75-.512%2C1.12-1.421%2C1.12a1.316%2C1.316%2C0%2C0%2C1-1.177-.5%2C1.849%2C1.849%2C0%2C0%2C1-.261-1.154V9.362a1.7%2C1.7%2C0%2C0%2C1%2C.318-1.228%2C1.349%2C1.349%2C0%2C0%2C1%2C1.12-.427c.875%2C0%2C1.324.375%2C1.364%2C1.149l-.682.051a.6.6%2C0%2C0%2C0-.671-.6c-.523%2C0-.7.29-.7%2C1.1v.761c0%2C.819.182%2C1.1.717%2C1.1a.627.627%2C0%2C0%2C0%2C.7-.6Z%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") !important;
}

a.img-wrap-link[href$=".xls"]:not(.button-inner a, .cp-basic-block__buttons a, .ob-btn a, .ob-program a, .newsBasic a, .newsBbs a) .fr-inner::after,
a.img-wrap-link[download$=".xls"]:not(.button-inner a, .cp-basic-block__buttons a, .ob-btn a, .ob-program a, .newsBasic a, .newsBbs a) .fr-inner::after,
a[href$=".xlsx"]:not(.button-inner a, .cp-basic-block__buttons a, .ob-btn a, .ob-program a, .newsBasic a, .newsBbs a)::after,
a[download$=".xlsx"]:not(.button-inner a, .cp-basic-block__buttons a, .ob-btn a, .ob-program a, .newsBasic a, .newsBbs a)::after,
a[href$=".xls"]:not(.button-inner a, .cp-basic-block__buttons a, .ob-btn a, .ob-program a, .newsBasic a, .newsBbs a)::after,
a[download$=".xls"]:not(.button-inner a, .cp-basic-block__buttons a, .ob-btn a, .ob-program a, .newsBasic a, .newsBbs a)::after,
.button-inner:has(a[href$=".xls"])::after,
.button-inner:has(a[download$=".xls"])::after,
.button-inner:has(a[href$=".xlsx"])::after,
.button-inner:has(a[download$=".xlsx"])::after {
  margin: 0 6px 0 6px;
  top: 1px;
  width: 16px !important;
  max-width: 16px !important;
  height: 20px !important;
  -webkit-mask-image: none !important;
          mask-image: none !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_23766%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2023766%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.083%22%20height%3D%2216%22%20viewBox%3D%220%200%2013.083%2016%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_20997%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2020997%22%20width%3D%2213.083%22%20height%3D%2216%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_23765%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2023765%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35547%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035547%22%20d%3D%22M9.19.157H3.338A2.332%2C2.332%2C0%2C0%2C0%2C2.308.37a1.627%2C1.627%2C0%2C0%2C0-.631.543A2.227%2C2.227%2C0%2C0%2C0%2C1.32%2C2.174V13.509a2.672%2C2.672%2C0%2C0%2C0%2C.314%2C1.455%2C2.195%2C2.195%2C0%2C0%2C0%2C2.021.879h7.274a2.22%2C2.22%2C0%2C0%2C0%2C1.28-.36%2C1.881%2C1.881%2C0%2C0%2C0%2C.718-1.637c0-1.474-.005-9.932-.005-10.017Z%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35548%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035548%22%20d%3D%22M13.079%2C4.711V3.829a.4.4%2C0%2C0%2C0-.05-.195l.009-.018L9.366.008%2C9.344.031A.389.389%2C0%2C0%2C0%2C9.19%2C0H3.338a2.476%2C2.476%2C0%2C0%2C0-1.1.229%2C1.8%2C1.8%2C0%2C0%2C0-.692.594%2C2.391%2C2.391%2C0%2C0%2C0-.384%2C1.351V13.509A2.8%2C2.8%2C0%2C0%2C0%2C1.5%2C15.047%2C2.338%2C2.338%2C0%2C0%2C0%2C3.655%2C16h7.274a2.375%2C2.375%2C0%2C0%2C0%2C1.371-.389%2C2.03%2C2.03%2C0%2C0%2C0%2C.784-1.765c0-1.188%2C0-6.913%2C0-9.135M9.6%2C3.419V1.386l2.069%2C2.033Zm-.409.819h3.069V5.569c0%2C2.578%2C0%2C7.221%2C0%2C8.277a1.263%2C1.263%2C0%2C0%2C1-.44%2C1.1h0a1.58%2C1.58%2C0%2C0%2C1-.9.236H3.655A1.582%2C1.582%2C0%2C0%2C1%2C2.2%2C14.615a2.155%2C2.155%2C0%2C0%2C1-.214-1.106V2.174A1.215%2C1.215%2C0%2C0%2C1%2C3.338.819H8.78v3.01a.41.41%2C0%2C0%2C0%2C.41.409%22%20fill%3D%22%23555%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_20996%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2020996%22%20width%3D%2211.587%22%20height%3D%225.886%22%20rx%3D%220.631%22%20transform%3D%22translate(0%206.737)%22%20fill%3D%22%23207346%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35549%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035549%22%20d%3D%22M.989%2C7.759H1.8l.8%2C1.37.734-1.37h.779L2.984%2C9.771l1.205%2C2.047H3.377L2.49%2C10.306l-.813%2C1.512H.9L2.109%2C9.669Z%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35550%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035550%22%20d%3D%22M4.7%2C7.759h.745V11.21H7.214v.608H4.7Z%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35551%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035551%22%20d%3D%22M8.267%2C10.84a.97.97%2C0%2C0%2C0%2C.927.432c.477%2C0%2C.727-.2.727-.563a.5.5%2C0%2C0%2C0-.193-.415c-.125-.079-.125-.079-.7-.227-.836-.21-1.16-.54-1.16-1.2%2C0-.744.483-1.165%2C1.336-1.165a1.392%2C1.392%2C0%2C0%2C1%2C1.3.608l-.551.358A.873.873%2C0%2C0%2C0%2C9.188%2C8.3c-.381%2C0-.6.193-.6.523%2C0%2C.347.194.506.813.659a2.328%2C2.328%2C0%2C0%2C1%2C.847.307.993.993%2C0%2C0%2C1%2C.393.9c0%2C.791-.495%2C1.194-1.45%2C1.194A1.57%2C1.57%2C0%2C0%2C1%2C7.7%2C11.2Z%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") !important;
}

a[href$=".zip"]:not(.button-inner a, .cp-basic-block__buttons a, .ob-btn a, .ob-program a, .newsBasic a, .newsBbs a)::after,
a[download$=".zip"]:not(.button-inner a, .cp-basic-block__buttons a, .ob-btn a, .ob-program a, .newsBasic a, .newsBbs a)::after,
.button-inner:has(a[href$=".zip"])::after,
.button-inner:has(a[download$=".zip"])::after {
  margin: 0 6px 0 6px;
  top: 1px;
  width: 16px !important;
  max-width: 16px !important;
  height: 20px !important;
  -webkit-mask-image: none !important;
          mask-image: none !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_23768%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2023768%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.083%22%20height%3D%2216%22%20viewBox%3D%220%200%2013.083%2016%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_20999%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2020999%22%20width%3D%2213.083%22%20height%3D%2216%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_23767%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2023767%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35552%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035552%22%20d%3D%22M9.19.157H3.338A2.332%2C2.332%2C0%2C0%2C0%2C2.308.37a1.627%2C1.627%2C0%2C0%2C0-.631.543A2.227%2C2.227%2C0%2C0%2C0%2C1.32%2C2.174V13.509a2.672%2C2.672%2C0%2C0%2C0%2C.314%2C1.455%2C2.195%2C2.195%2C0%2C0%2C0%2C2.021.879h7.274a2.22%2C2.22%2C0%2C0%2C0%2C1.28-.36%2C1.881%2C1.881%2C0%2C0%2C0%2C.718-1.637c0-1.474-.005-9.932-.005-10.017Z%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35553%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035553%22%20d%3D%22M13.079%2C4.711V3.829a.4.4%2C0%2C0%2C0-.05-.195l.009-.018L9.366.008%2C9.344.031A.389.389%2C0%2C0%2C0%2C9.19%2C0H3.338a2.476%2C2.476%2C0%2C0%2C0-1.1.229%2C1.8%2C1.8%2C0%2C0%2C0-.692.594%2C2.391%2C2.391%2C0%2C0%2C0-.384%2C1.351V13.509A2.8%2C2.8%2C0%2C0%2C0%2C1.5%2C15.047%2C2.338%2C2.338%2C0%2C0%2C0%2C3.655%2C16h7.274a2.375%2C2.375%2C0%2C0%2C0%2C1.371-.389%2C2.03%2C2.03%2C0%2C0%2C0%2C.784-1.765c0-1.188%2C0-6.913%2C0-9.135M9.6%2C3.419V1.386l2.069%2C2.033Zm-.409.819h3.069V5.569c0%2C2.578%2C0%2C7.221%2C0%2C8.277a1.263%2C1.263%2C0%2C0%2C1-.44%2C1.1h0a1.58%2C1.58%2C0%2C0%2C1-.9.236H3.655A1.582%2C1.582%2C0%2C0%2C1%2C2.2%2C14.615a2.155%2C2.155%2C0%2C0%2C1-.214-1.106V2.174A1.215%2C1.215%2C0%2C0%2C1%2C3.338.819H8.78v3.01a.41.41%2C0%2C0%2C0%2C.41.409%22%20fill%3D%22%23555%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_20998%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2020998%22%20width%3D%2211.587%22%20height%3D%225.886%22%20rx%3D%220.631%22%20transform%3D%22translate(0%206.737)%22%20fill%3D%22%2380397b%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35554%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035554%22%20d%3D%22M1.765%2C11.323%2C3.47%2C8.367H1.856V7.759h2.45v.494l-1.7%2C2.956H4.391v.609H1.765Z%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35555%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035555%22%20d%3D%22M5.393%2C7.725h.7v.722h-.7Zm0%2C1.176h.7v2.916h-.7Z%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35556%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035556%22%20d%3D%22M8.053%2C11.817H7.308V7.758H8.673a1.378%2C1.378%2C0%2C0%2C1%2C1.091.324%2C1.316%2C1.316%2C0%2C0%2C1%2C.3.967%2C1.254%2C1.254%2C0%2C0%2C1-.358%2C1.023%2C1.439%2C1.439%2C0%2C0%2C1-1.035.279h-.62Zm.62-2.069c.466%2C0%2C.654-.2.654-.7s-.188-.694-.654-.694H8.042V9.748Z%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") !important;
}

[data-area=content] .button1,
[data-area=content] .button2,
[data-area=content] .button3 {
  margin: 40px 0;
}
[data-area=content] .button1 .button-inner,
[data-area=content] .button2 .button-inner,
[data-area=content] .button3 .button-inner {
  max-width: 360px;
  min-width: auto;
  width: 100%;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  [data-area=content] .button1 .button-inner,
  [data-area=content] .button2 .button-inner,
  [data-area=content] .button3 .button-inner {
    max-width: 100%;
    width: 100%;
  }
}
[data-area=content] .button1 a,
[data-area=content] .button2 a,
[data-area=content] .button3 a {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 80px;
  padding: 8px 32px 8px 70px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.25;
  color: var(--text-color);
  position: relative;
  z-index: 5;
  overflow: hidden;
}
[data-area=content] .button1 a::before,
[data-area=content] .button2 a::before,
[data-area=content] .button3 a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 40px;
  height: calc(100% + 2px);
  background-color: var(--main-color);
  border-radius: 10px 0 0 10px;
  transition: 0.6s cubic-bezier(0.8, 0, 0.2, 1);
}
[data-area=content] .button1 a::after,
[data-area=content] .button2 a::after,
[data-area=content] .button3 a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  right: 16px;
  width: 22px;
  height: 14px;
  opacity: 0;
  transition: 0.2s ease;
  background-color: #fff;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222.414%22%20height%3D%2214%22%20viewBox%3D%220%200%2022.414%2014%22%3E%3Cg%20transform%3D%22translate(-870.5%20-1258.5)%22%3E%3Cpath%20d%3D%22M-10764-19303.553a1%2C1%2C0%2C0%2C1-.707-.293%2C1%2C1%2C0%2C0%2C1%2C0-1.414l5.293-5.295-5.293-5.291a1%2C1%2C0%2C0%2C1%2C0-1.414%2C1%2C1%2C0%2C0%2C1%2C1.414%2C0l6.707%2C6.705-6.707%2C6.709A1%2C1%2C0%2C0%2C1-10764-19303.553Z%22%20transform%3D%22translate(11649.5%2020576.053)%22%20fill%3D%22%23222%22%2F%3E%3Cpath%20d%3D%22M20%2C1H0A1%2C1%2C0%2C0%2C1-1%2C0%2C1%2C1%2C0%2C0%2C1%2C0-1H20a1%2C1%2C0%2C0%2C1%2C1%2C1A1%2C1%2C0%2C0%2C1%2C20%2C1Z%22%20transform%3D%22translate(871.5%201265.5)%22%20fill%3D%22%23222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222.414%22%20height%3D%2214%22%20viewBox%3D%220%200%2022.414%2014%22%3E%3Cg%20transform%3D%22translate(-870.5%20-1258.5)%22%3E%3Cpath%20d%3D%22M-10764-19303.553a1%2C1%2C0%2C0%2C1-.707-.293%2C1%2C1%2C0%2C0%2C1%2C0-1.414l5.293-5.295-5.293-5.291a1%2C1%2C0%2C0%2C1%2C0-1.414%2C1%2C1%2C0%2C0%2C1%2C1.414%2C0l6.707%2C6.705-6.707%2C6.709A1%2C1%2C0%2C0%2C1-10764-19303.553Z%22%20transform%3D%22translate(11649.5%2020576.053)%22%20fill%3D%22%23222%22%2F%3E%3Cpath%20d%3D%22M20%2C1H0A1%2C1%2C0%2C0%2C1-1%2C0%2C1%2C1%2C0%2C0%2C1%2C0-1H20a1%2C1%2C0%2C0%2C1%2C1%2C1A1%2C1%2C0%2C0%2C1%2C20%2C1Z%22%20transform%3D%22translate(871.5%201265.5)%22%20fill%3D%22%23222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media screen and (min-width: 1024px) {
  [data-area=content] .button1 a:hover,
  [data-area=content] .button2 a:hover,
  [data-area=content] .button3 a:hover {
    color: #fff;
    opacity: 1;
  }
  [data-area=content] .button1 a:hover::before,
  [data-area=content] .button2 a:hover::before,
  [data-area=content] .button3 a:hover::before {
    width: 100%;
  }
  [data-area=content] .button1 a:hover::after,
  [data-area=content] .button2 a:hover::after,
  [data-area=content] .button3 a:hover::after {
    opacity: 1;
  }
}
@media screen and (max-width: 1023px) {
  [data-area=content] .button1 a,
  [data-area=content] .button2 a,
  [data-area=content] .button3 a {
    min-height: 56px;
    font-size: 1.6rem;
  }
}
[data-area=content] .button1 + .button1,
[data-area=content] .button2 + .button2,
[data-area=content] .button3 + .button3 {
  margin: -20px 0 40px;
}
.phys4 [data-area=content] .button1 a::before, .kagaku4 [data-area=content] .button1 a::before, .bio4 [data-area=content] .button1 a::before,
[data-area=content] .is-ns .button1 a::before,
[data-area=content] .is-ns .button2 a::before,
[data-area=content] .is-ns .button3 a::before {
  background-color: var(--ns-color);
}
.hss4 [data-area=content] .button1 a::before, .hes4 [data-area=content] .button1 a::before,
[data-area=content] .is-hs .button1 a::before,
[data-area=content] .is-hs .button2 a::before,
[data-area=content] .is-hs .button3 a::before {
  background-color: var(--hs-color);
}
.en4 [data-area=content] .button1 a::before, .math4 [data-area=content] .button1 a::before, .cis4 [data-area=content] .button1 a::before,
[data-area=content] .is-basic .button1 a::before,
[data-area=content] .is-basic .button2 a::before,
[data-area=content] .is-basic .button3 a::before {
  background-color: var(--basic-color);
}

.tableHiddenBox {
  overflow: hidden;
  position: relative;
  margin: 20px 0;
}
.tableHiddenBox table {
  margin: 0 !important;
  margin-bottom: 0;
  border-top: 1px solid #c6c6c6;
}
@media screen and (max-width: 1023px) {
  .tableHiddenBox .table-scroll-wrap {
    overflow: auto;
    white-space: nowrap;
  }
}
.tableHiddenBox .table-scroll-wrap::-webkit-scrollbar {
  height: 5px;
}
.tableHiddenBox .table-scroll-wrap::-webkit-scrollbar-track {
  background: #F1F1F1;
}
.tableHiddenBox .table-scroll-wrap::-webkit-scrollbar-thumb {
  background: #BCBCBC;
}
.tableHiddenBox .swipe {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  transition: 0.2s;
}
.tableHiddenBox .swipe > .swipe-inner {
  text-align: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  padding: 50px 0 0;
}
.tableHiddenBox .swipe > .swipe-inner .imgs {
  position: relative;
  width: 40px;
  height: 40px;
  margin: 0px auto -10px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2233.29%22%20height%3D%2212.02%22%20viewBox%3D%220%200%2033.29%2012.02%22%3E%3Ctitle%3E%E3%82%A2%E3%82%BB%E3%83%83%E3%83%88%201%3C%2Ftitle%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%3Cline%20x1%3D%221.85%22%20y1%3D%226.01%22%20x2%3D%2210.4%22%20y2%3D%226.01%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M10.4%2C7.17H1.85a1.16%2C1.16%2C0%2C1%2C1%2C0-2.31H10.4a1.16%2C1.16%2C0%2C1%2C1%2C0%2C2.31Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M7.4%2C12a1.15%2C1.15%2C0%2C0%2C1-.72-.25l-6.25-5A1.2%2C1.2%2C0%2C0%2C1%2C0%2C5.87%2C1.14%2C1.14%2C0%2C0%2C1%2C.46%2C5L6.7.23A1.16%2C1.16%2C0%2C0%2C1%2C8.1%2C2.08L3%2C5.91%2C8.12%2C10A1.16%2C1.16%2C0%2C0%2C1%2C7.4%2C12Z%22%20fill%3D%22%23fff%22%2F%3E%3Cline%20x1%3D%2231.45%22%20y1%3D%226.01%22%20x2%3D%2222.89%22%20y2%3D%226.01%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M31.45%2C7.17H22.89a1.16%2C1.16%2C0%2C1%2C1%2C0-2.31h8.56a1.16%2C1.16%2C0%2C0%2C1%2C0%2C2.31Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M25.9%2C12a1.18%2C1.18%2C0%2C0%2C1-.91-.43A1.17%2C1.17%2C0%2C0%2C1%2C25.17%2C10l5.09-4.05L25.2%2C2.08A1.16%2C1.16%2C0%2C0%2C1%2C26.59.23L32.84%2C5a1.16%2C1.16%2C0%2C0%2C1%2C.45.91%2C1.14%2C1.14%2C0%2C0%2C1-.43.92l-6.24%2C5A1.17%2C1.17%2C0%2C0%2C1%2C25.9%2C12Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.tableHiddenBox .swipe > .swipe-inner .imgs::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -2px;
  right: 0;
  margin: -31px auto 0;
  z-index: 2;
  width: 26px;
  height: 31px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225.77%22%20height%3D%2230.52%22%20viewBox%3D%220%200%2025.77%2030.52%22%3E%3Ctitle%3E%E3%82%A2%E3%82%BB%E3%83%83%E3%83%88%203%3C%2Ftitle%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%3Cpath%20d%3D%22M21.33%2C30.52H7.85A1.55%2C1.55%2C0%2C0%2C1%2C6.3%2C29a12.46%2C12.46%2C0%2C0%2C0-.63-4.42%2C25.16%2C25.16%2C0%2C0%2C0-4.25-5l-.06-.06A5%2C5%2C0%2C0%2C1%2C0%2C15.86a3.64%2C3.64%2C0%2C0%2C1%2C1.17-2.62%2C3.63%2C3.63%2C0%2C0%2C1%2C5.14.07V3.77a3.77%2C3.77%2C0%2C1%2C1%2C7.54%2C0V8.33a3.35%2C3.35%2C0%2C0%2C1%2C1.26%2C0%2C3%2C3%2C0%2C0%2C1%2C2%2C1.22%2C3.5%2C3.5%2C0%2C0%2C1%2C2-.06%2C3.21%2C3.21%2C0%2C0%2C1%2C2%2C1.54%2C3.74%2C3.74%2C0%2C0%2C1%2C3%2C.47A4.21%2C4.21%2C0%2C0%2C1%2C25.74%2C15c0%2C.11%2C0%2C.27%2C0%2C.46a19.26%2C19.26%2C0%2C0%2C1-.84%2C7c-.14.38-.36.81-.56%2C1.22l-.11.22c0%2C.07-.09.14-.14.21a7.13%2C7.13%2C0%2C0%2C0-1.17%2C2.17c-.06.56-.06%2C2.15-.05%2C2.71A1.55%2C1.55%2C0%2C0%2C1%2C21.33%2C30.52ZM8.61%2C28.21h12c0-.71%2C0-1.71.07-2.23a8.74%2C8.74%2C0%2C0%2C1%2C1.59-3.25l.06-.12a10%2C10%2C0%2C0%2C0%2C.46-1%2C16.8%2C16.8%2C0%2C0%2C0%2C.7-6.12c0-.23%2C0-.41%2C0-.54h0a2%2C2%2C0%2C0%2C0-.64-1.52%2C1.33%2C1.33%2C0%2C0%2C0-1.55.08%2C1.13%2C1.13%2C0%2C0%2C1-1.18.28%2C1.15%2C1.15%2C0%2C0%2C1-.78-.94%2C1.26%2C1.26%2C0%2C0%2C0-.75-1.11%2C1%2C1%2C0%2C0%2C0-1.11.28l-.1.1a1.15%2C1.15%2C0%2C0%2C1-1.19.29%2C1.16%2C1.16%2C0%2C0%2C1-.78-.95c-.09-.68-.21-.77-.7-.87a.82.82%2C0%2C0%2C0-1%2C.48%2C1.16%2C1.16%2C0%2C0%2C1-2.16-.58V3.77a1.46%2C1.46%2C0%2C1%2C0-2.92%2C0v7.85l0%2C4.33a1.17%2C1.17%2C0%2C0%2C1-.83%2C1.11%2C1.15%2C1.15%2C0%2C0%2C1-1.2-.35l-1-.91c-.47-.42-.73-.66-.84-.77a1.35%2C1.35%2C0%2C0%2C0-2-.12L2.7%2C15a1.32%2C1.32%2C0%2C0%2C0-.39%2C1A2.57%2C2.57%2C0%2C0%2C0%2C3%2C17.85l0%2C0a27.24%2C27.24%2C0%2C0%2C1%2C4.7%2C5.62A12.63%2C12.63%2C0%2C0%2C1%2C8.61%2C28.21ZM23.2%2C23.35ZM6.51%2C16.59Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.tableHiddenBox .swipe.touched {
  opacity: 0;
  pointer-events: none;
}

.cp-all {
  margin: 24px 0;
  line-height: 2;
}
.cp-all .cp-inner > *:first-child {
  margin-top: 0 !important;
}
.cp-all .cp-inner > *:last-child {
  margin-bottom: 0 !important;
}

.cp-basic-block {
  line-height: 2;
  margin: 40px 0;
}
@media screen and (max-width: 1023px) {
  .cp-basic-block {
    margin: 32px 0;
  }
}
.cp-basic-block__row {
  display: grid;
}
.cp-basic-block__row.is-no-step-down {
  display: flex;
}
.cp-basic-block__col {
  min-width: 0;
  margin-left: 0;
  margin-bottom: 0;
  word-break: normal;
}
.cp-basic-block__col + .cp-basic-block__col {
  margin-left: 0;
  margin-bottom: 0px;
}
.cp-basic-block__col2 .cp-basic-block__row.is-step-down-reverse .cp-basic-block__col[data-cp-text-image-id="1"] {
  grid-row: 2/3;
}
.cp-basic-block__col2 .cp-basic-block__row.is-step-down-reverse .cp-basic-block__col[data-cp-text-image-id="2"] {
  grid-row: 1/2;
}
.cp-basic-block__col3 .cp-basic-block__row.is-step-down-reverse .cp-basic-block__col[data-cp-text-image-id="1"] {
  grid-row: 3/4;
}
.cp-basic-block__col3 .cp-basic-block__row.is-step-down-reverse .cp-basic-block__col[data-cp-text-image-id="2"] {
  grid-row: 2/3;
}
.cp-basic-block__col3 .cp-basic-block__row.is-step-down-reverse .cp-basic-block__col[data-cp-text-image-id="3"] {
  grid-row: 1/2;
}
.cp-basic-block__col4 .cp-basic-block__row.is-step-down-reverse .cp-basic-block__col[data-cp-text-image-id="1"] {
  grid-row: 4/5;
}
.cp-basic-block__col4 .cp-basic-block__row.is-step-down-reverse .cp-basic-block__col[data-cp-text-image-id="2"] {
  grid-row: 3/4;
}
.cp-basic-block__col4 .cp-basic-block__row.is-step-down-reverse .cp-basic-block__col[data-cp-text-image-id="3"] {
  grid-row: 2/3;
}
.cp-basic-block__col4 .cp-basic-block__row.is-step-down-reverse .cp-basic-block__col[data-cp-text-image-id="4"] {
  grid-row: 1/2;
}
@media screen and (max-width: 1023px) {
  .cp-basic-block__row:not(.is-no-step-down) .cp-basic-block__col {
    margin-bottom: 0;
  }
  .cp-basic-block__row.is-step-down-reverse .cp-basic-block__col:last-child {
    margin-bottom: 0;
  }
}
.cp-basic-block__col2 .cp-basic-block__row {
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
@media screen and (max-width: 1023px) {
  .cp-basic-block__col2 .cp-basic-block__row {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.cp-basic-block__col3 .cp-basic-block__row {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 1023px) {
  .cp-basic-block__col3 .cp-basic-block__row {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.cp-basic-block__col4 .cp-basic-block__row {
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media screen and (max-width: 1023px) {
  .cp-basic-block__col4 .cp-basic-block__row {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.cp-basic-block__row[data-ratio="1-1"], .cp-basic-block__row[data-ratio="1-2"], .cp-basic-block__row[data-ratio="1-3"], .cp-basic-block__row[data-ratio="2-1"], .cp-basic-block__row[data-ratio="3-1"] {
  justify-content: space-between;
  gap: 50px;
}
@media screen and (max-width: 1023px) {
  .cp-basic-block__row[data-ratio="1-1"], .cp-basic-block__row[data-ratio="1-2"], .cp-basic-block__row[data-ratio="1-3"], .cp-basic-block__row[data-ratio="2-1"], .cp-basic-block__row[data-ratio="3-1"] {
    gap: 32px;
  }
}
.cp-basic-block__row[data-ratio="1-2"] {
  grid-template-columns: 37.7359% 1fr;
}
@media screen and (max-width: 1023px) {
  .cp-basic-block__row[data-ratio="1-2"] {
    grid-template-columns: 1fr;
  }
}
.cp-basic-block__row[data-ratio="1-3"] {
  grid-template-columns: 1fr 3fr;
}
@media screen and (max-width: 1023px) {
  .cp-basic-block__row[data-ratio="1-3"] {
    grid-template-columns: 1fr;
  }
}
.cp-basic-block__row[data-ratio="2-1"] {
  grid-template-columns: 1fr 37.7359%;
}
@media screen and (max-width: 1023px) {
  .cp-basic-block__row[data-ratio="2-1"] {
    grid-template-columns: 1fr;
  }
}
.cp-basic-block__row[data-ratio="3-1"] {
  grid-template-columns: 3fr 1fr;
}
@media screen and (max-width: 1023px) {
  .cp-basic-block__row[data-ratio="3-1"] {
    grid-template-columns: 1fr;
  }
}
.cp-basic-block__image-text-wrap > * {
  background-color: var(--main-bg-color);
  border: none;
  border-radius: 12px;
  padding: 64px 50px;
}
@media screen and (max-width: 1023px) {
  .cp-basic-block__image-text-wrap > * {
    border-radius: 6px;
    padding: 24px 16px;
  }
}
.cms .cp-basic-block__image-text-wrap > * {
  border: 1px solid #ccc;
}
.cp-basic-block__tab-contents input.cp-basic-block__child-input:checked + .cp-basic-block__child-label {
  color: #fff;
  background-color: var(--main-color);
}
.cp-basic-block__tab-contents input.cp-basic-block__child-input:checked + .cp-basic-block__child-label a {
  color: #fff;
}
.cp-basic-block__tab-contents .cp-basic-block__child-label {
  border-bottom: 1px solid var(--main-color);
  background: #fff;
  color: var(--main-text-colorcolor);
}
.cp-basic-block__tab-contents .cp-basic-block__child-label a {
  color: var(-main-text-color);
  text-decoration: none !important;
}
.cp-basic-block__tab-contents .cp-basic-block__child-label:hover {
  color: #fff;
  background-color: var(--main-color);
}
.cp-basic-block__tab-contents .cp-basic-block__child-label:hover a {
  color: #fff;
}
.cp-basic-block__accordion {
  margin-bottom: 0 !important;
}
.cp-basic-block__accordion + .cp-basic-block__accordion {
  margin-top: 0 !important;
  border-top: 1px solid #fff;
}
.cp-basic-block__accordion-contents .cp-basic-block__child-label {
  border: none;
  background: var(--main-color);
  color: #fff;
}
@media screen and (max-width: 1023px) {
  .cp-basic-block__accordion-contents .cp-basic-block__child-label {
    font-size: 1.5rem;
    padding: 8px 40px 8px 16px;
  }
}
.phys4 .cp-basic-block__accordion-contents .cp-basic-block__child-label, .kagaku4 .cp-basic-block__accordion-contents .cp-basic-block__child-label, .bio4 .cp-basic-block__accordion-contents .cp-basic-block__child-label {
  background-color: var(--ns-color);
}
.hss4 .cp-basic-block__accordion-contents .cp-basic-block__child-label, .hes4 .cp-basic-block__accordion-contents .cp-basic-block__child-label {
  background-color: var(--hs-color);
}
.en4 .cp-basic-block__accordion-contents .cp-basic-block__child-label, .math4 .cp-basic-block__accordion-contents .cp-basic-block__child-label, .cis4 .cp-basic-block__accordion-contents .cp-basic-block__child-label {
  background-color: var(--basic-color);
}
@media screen and (min-width: 1024px) {
  .cp-basic-block__accordion-contents .cp-basic-block__child-label:hover::before {
    scale: 1 -1;
  }
}
@media screen and (max-width: 1023px) {
  .cp-basic-block__accordion-contents .cp-basic-block__child-label {
    padding: 9px 50px 9px 25px;
  }
}
.cp-basic-block__accordion-contents .cp-basic-block__child-label::before {
  width: 18px;
  height: 10px;
  top: calc(50% - 4px);
  right: 25px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.414%22%20height%3D%2212.121%22%20viewBox%3D%220%200%2021.414%2012.121%22%3E%3Cg%20transform%3D%22translate(20.707%20-7.293)%20rotate(90)%22%3E%3Cpath%20d%3D%22M.707%2C20.707-.707%2C19.293%2C8.586%2C10-.707.707.707-.707%2C11.414%2C10Z%22%20transform%3D%22translate(8%200)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media screen and (max-width: 1023px) {
  .cp-basic-block__accordion-contents .cp-basic-block__child-label::before {
    width: 16px;
    height: 8px;
  }
}
.cp-basic-block__accordion-contents .cp-basic-block__child-label::after {
  content: none !important;
  transition: 0.2s ease;
}
.cp-basic-block__accordion-contents input.cp-basic-block__child-input:checked + .cp-basic-block__child-label {
  background-color: var(--main-color);
  color: #fff;
}
.phys4 .cp-basic-block__accordion-contents input.cp-basic-block__child-input:checked + .cp-basic-block__child-label, .kagaku4 .cp-basic-block__accordion-contents input.cp-basic-block__child-input:checked + .cp-basic-block__child-label, .bio4 .cp-basic-block__accordion-contents input.cp-basic-block__child-input:checked + .cp-basic-block__child-label {
  background-color: var(--ns-color);
}
.hss4 .cp-basic-block__accordion-contents input.cp-basic-block__child-input:checked + .cp-basic-block__child-label, .hes4 .cp-basic-block__accordion-contents input.cp-basic-block__child-input:checked + .cp-basic-block__child-label {
  background-color: var(--hs-color);
}
.en4 .cp-basic-block__accordion-contents input.cp-basic-block__child-input:checked + .cp-basic-block__child-label, .math4 .cp-basic-block__accordion-contents input.cp-basic-block__child-input:checked + .cp-basic-block__child-label, .cis4 .cp-basic-block__accordion-contents input.cp-basic-block__child-input:checked + .cp-basic-block__child-label {
  background-color: var(--basic-color);
}
.cp-basic-block__accordion-contents input.cp-basic-block__child-input:checked + .cp-basic-block__child-label::before {
  scale: 1 -1;
}
.cp-basic-block__accordion-contents .cp-basic-block__child-input:checked + .cp-basic-block__child-label + .cp-basic-block__child-content {
  padding: 26px 0;
}
.cp-basic-block__child-content > *:first-child {
  margin-top: 0 !important;
}
.cp-basic-block__buttons ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px 10px;
}
@media screen and (max-width: 1023px) {
  .cp-basic-block__buttons ul {
    grid-template-columns: repeat(auto-fit, minmax(280px, 400px));
  }
}
.cp-basic-block__buttons ul li {
  width: 100% !important;
  max-width: 100%;
  min-width: auto;
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0;
}
@media screen and (max-width: 1023px) {
  .cp-basic-block__buttons ul li {
    max-width: 100%;
    width: 100%;
  }
}
.cp-basic-block__buttons ul li a {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 80px;
  padding: 8px 40px 8px 70px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.25;
  color: var(--text-color);
  position: relative;
  z-index: 5;
  overflow: hidden;
  text-align: left;
}
.cp-basic-block__buttons ul li a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 40px;
  height: calc(100% + 2px);
  background-color: var(--main-color);
  border-radius: 10px 0 0 10px;
  transition: 0.6s cubic-bezier(0.8, 0, 0.2, 1);
}
.cp-basic-block__buttons ul li a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  right: 16px;
  width: 22px;
  height: 14px;
  opacity: 0;
  transition: 0.2s ease;
  background-color: #fff;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222.414%22%20height%3D%2214%22%20viewBox%3D%220%200%2022.414%2014%22%3E%3Cg%20transform%3D%22translate(-870.5%20-1258.5)%22%3E%3Cpath%20d%3D%22M-10764-19303.553a1%2C1%2C0%2C0%2C1-.707-.293%2C1%2C1%2C0%2C0%2C1%2C0-1.414l5.293-5.295-5.293-5.291a1%2C1%2C0%2C0%2C1%2C0-1.414%2C1%2C1%2C0%2C0%2C1%2C1.414%2C0l6.707%2C6.705-6.707%2C6.709A1%2C1%2C0%2C0%2C1-10764-19303.553Z%22%20transform%3D%22translate(11649.5%2020576.053)%22%20fill%3D%22%23222%22%2F%3E%3Cpath%20d%3D%22M20%2C1H0A1%2C1%2C0%2C0%2C1-1%2C0%2C1%2C1%2C0%2C0%2C1%2C0-1H20a1%2C1%2C0%2C0%2C1%2C1%2C1A1%2C1%2C0%2C0%2C1%2C20%2C1Z%22%20transform%3D%22translate(871.5%201265.5)%22%20fill%3D%22%23222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222.414%22%20height%3D%2214%22%20viewBox%3D%220%200%2022.414%2014%22%3E%3Cg%20transform%3D%22translate(-870.5%20-1258.5)%22%3E%3Cpath%20d%3D%22M-10764-19303.553a1%2C1%2C0%2C0%2C1-.707-.293%2C1%2C1%2C0%2C0%2C1%2C0-1.414l5.293-5.295-5.293-5.291a1%2C1%2C0%2C0%2C1%2C0-1.414%2C1%2C1%2C0%2C0%2C1%2C1.414%2C0l6.707%2C6.705-6.707%2C6.709A1%2C1%2C0%2C0%2C1-10764-19303.553Z%22%20transform%3D%22translate(11649.5%2020576.053)%22%20fill%3D%22%23222%22%2F%3E%3Cpath%20d%3D%22M20%2C1H0A1%2C1%2C0%2C0%2C1-1%2C0%2C1%2C1%2C0%2C0%2C1%2C0-1H20a1%2C1%2C0%2C0%2C1%2C1%2C1A1%2C1%2C0%2C0%2C1%2C20%2C1Z%22%20transform%3D%22translate(871.5%201265.5)%22%20fill%3D%22%23222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media screen and (min-width: 1024px) {
  .cp-basic-block__buttons ul li a:hover {
    background-color: #fff;
    color: #fff;
    opacity: 1;
  }
  .cp-basic-block__buttons ul li a:hover::before {
    width: 100%;
  }
  .cp-basic-block__buttons ul li a:hover::after {
    opacity: 1;
  }
}
@media screen and (max-width: 1023px) {
  .cp-basic-block__buttons ul li a {
    min-height: 56px;
    font-size: 1.6rem;
    padding: 8px 32px 8px 56px;
  }
}
.cp-basic-block__table table {
  margin: 0;
}
.cp-basic-block__image-albums .cp-basic-block__row {
  width: 100%;
}
.cp-basic-block__image-albums img {
  margin: 0 auto;
}
.cp-basic-block__news {
  margin: 0;
}
.cp-basic-block img:not(.shikaku img) {
  border-radius: 10px;
}
.cp-basic-block.is-wpOrange .cp-basic-block__col:nth-child(2), .cp-basic-block.is-wpBlue .cp-basic-block__col:nth-child(2) {
  padding: 24px 30px;
  border: 1px solid;
  border-radius: 20px;
  height: -moz-max-content;
  height: max-content;
}
.cp-basic-block.is-wpOrange .cp-basic-block__col:nth-child(2) {
  border-color: #E8DA94;
  background-color: #fdf3e4;
}
.cp-basic-block.is-wpBlue .cp-basic-block__col:nth-child(2) {
  border-color: #A8D4E1;
  background-color: #F0FAFD;
}
.cp-basic-block.is-tableTeam table td {
  font-size: 1.6rem;
  height: 93px;
  padding: 6px 0;
  vertical-align: middle;
}
.cp-basic-block.is-tableResearch table td {
  font-size: 1.8rem;
  padding: 11px 0;
}
.cp-basic-block.is-borderTop {
  margin: 0;
  padding: 30px 0;
  border-top: 1px solid #ccc;
}

.cp-videos-item .cp-videos-thumb::before {
  content: none;
}
.cms .cp-videos .cp-basic-block__row:has(*:nth-child(2)) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.cms .cp-videos .cp-basic-block__row:has(*:nth-child(3)) {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.cms .cp-videos .cp-basic-block__row:has(*:nth-child(4)) {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.lo-contents > .fr-fic, .lo-contents > .img-wrap-link .fr-fic {
  border-radius: 10px;
}

.cp-basic-block__anchors:not(.cms .cp-basic-block__anchors) {
  padding: 17px 27px 11px;
  background-color: #fff;
}
@media screen and (max-width: 1023px) {
  .cp-basic-block__anchors:not(.cms .cp-basic-block__anchors) {
    padding: 12px 24px;
  }
}
.cp-basic-block__anchors ul {
  padding: 0 0 0 82px;
  background-color: transparent;
  position: relative;
  justify-content: flex-start;
  gap: 0 24px;
}
@media screen and (max-width: 1023px) {
  .cp-basic-block__anchors ul {
    padding: 0;
    gap: 0 12px;
  }
}
.cp-basic-block__anchors ul::before {
  content: "Index";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.6rem;
  font-weight: 600;
}
@media screen and (max-width: 1023px) {
  .cp-basic-block__anchors ul::before {
    position: static;
    font-size: 1.4rem;
    margin: 0 0 8px;
    width: 100%;
  }
}
.cp-basic-block__anchors ul:not(.cms .cp-basic-block__anchors ul)::after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 62px;
  width: 1px;
  height: 16px;
  background-color: #707070;
}
@media screen and (max-width: 1023px) {
  .cp-basic-block__anchors ul:not(.cms .cp-basic-block__anchors ul)::after {
    content: none;
  }
}
.cp-basic-block__anchors li {
  margin: 0 0 4px;
  padding: 0;
}
.cp-basic-block__anchors li a {
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (min-width: 1024px) {
  .cp-basic-block__anchors li a:hover {
    text-decoration: underline;
  }
}
@media screen and (max-width: 1023px) {
  .cp-basic-block__anchors li a {
    font-size: 1.3rem;
  }
}
.cp-basic-block__anchors li a::after {
  content: "";
  display: block;
  width: 8px;
  height: 4px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.707%22%20height%3D%225.061%22%20viewBox%3D%220%200%208.707%205.061%22%3E%3Cpath%20d%3D%22M5561.812-15094.671l-4.354-4.354.707-.707%2C3.646%2C3.646%2C3.646-3.646.707.707Z%22%20transform%3D%22translate(-5557.458%2015099.731)%22%20fill%3D%22%23707070%22%2F%3E%3C%2Fsvg%3E");
}

.ob-btnWrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin: 40px 0;
}
@media screen and (max-width: 1023px) {
  .ob-btnWrapper {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }
}

.ob-btn {
  margin: 0 0 60px;
}
.ob-btnWrapper .ob-btn {
  margin: 0;
}
.cp-basic-block + .ob-btn {
  margin: 40px 0 60px;
}
.ob-btnWrapper .cp-basic-block + .ob-btn {
  margin: 0;
}
.cp-basic-block .ob-btn {
  margin: 40px 0 0;
}
.ob-btnWrapper .cp-basic-block .ob-btn {
  margin: 0;
}
.ob-btn a {
  width: 320px;
  height: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  font-family: "Circular", sans-serif;
  transition: 0.2s ease;
  text-decoration: none;
  border-radius: 100vmax;
  position: relative;
  overflow: hidden;
  outline: none;
}
@media screen and (max-width: 1023px) {
  .ob-btn a {
    width: 100%;
    height: 50px;
    font-size: 1.6rem;
  }
}
.ob-btnWrapper .ob-btn a {
  width: 100%;
}
.phys4 .ob-btn a, .kagaku4 .ob-btn a, .bio4 .ob-btn a {
  background-color: var(--ns-color);
  border-color: var(--ns-color);
}
.hss4 .ob-btn a, .hes4 .ob-btn a {
  background-color: var(--hs-color);
  border-color: var(--hs-color);
}
.en4 .ob-btn a, .math4 .ob-btn a, .cis4 .ob-btn a {
  background-color: var(--basic-color);
  border-color: var(--basic-color);
}
.ob-btn a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: #fff;
  width: 100%;
  height: 100%;
  border-radius: 100vmax;
  transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: right top;
}
.ob-btn a::after {
  content: "";
  display: block;
  width: 21px;
  height: 13px;
  position: absolute;
  z-index: 3;
  top: 50%;
  right: 19px;
  translate: 0 -50%;
  background-color: #fff;
  transition: 0.2s ease;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.414%22%20height%3D%2213.414%22%20viewBox%3D%220%200%2021.414%2013.414%22%3E%3Cg%20transform%3D%22translate(0%200.707)%22%3E%3Cpath%20d%3D%22M-10763.293-19303.846l-1.414-1.414%2C5.293-5.295-5.293-5.291%2C1.414-1.414%2C6.707%2C6.705Z%22%20transform%3D%22translate(10778%2019316.553)%22%20fill%3D%22%23555%22%2F%3E%3Cpath%20d%3D%22M20%2C1H0V-1H20Z%22%20transform%3D%22translate(0%206)%22%20fill%3D%22%23555%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.414%22%20height%3D%2213.414%22%20viewBox%3D%220%200%2021.414%2013.414%22%3E%3Cg%20transform%3D%22translate(0%200.707)%22%3E%3Cpath%20d%3D%22M-10763.293-19303.846l-1.414-1.414%2C5.293-5.295-5.293-5.291%2C1.414-1.414%2C6.707%2C6.705Z%22%20transform%3D%22translate(10778%2019316.553)%22%20fill%3D%22%23555%22%2F%3E%3Cpath%20d%3D%22M20%2C1H0V-1H20Z%22%20transform%3D%22translate(0%206)%22%20fill%3D%22%23555%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ob-btn a span {
  position: relative;
  z-index: 3;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .ob-btn a:hover span {
    color: var(--main-color);
  }
  .phys4 .ob-btn a:hover span, .kagaku4 .ob-btn a:hover span, .bio4 .ob-btn a:hover span {
    color: var(--ns-color);
  }
  .hss4 .ob-btn a:hover span, .hes4 .ob-btn a:hover span {
    color: var(--hs-color);
  }
  .en4 .ob-btn a:hover span, .math4 .ob-btn a:hover span, .cis4 .ob-btn a:hover span {
    color: var(--basic-color);
  }
  .ob-btn a:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
  .ob-btn a:hover::after {
    background-color: var(--main-color);
  }
  .phys4 .ob-btn a:hover::after, .kagaku4 .ob-btn a:hover::after, .bio4 .ob-btn a:hover::after {
    background-color: var(--ns-color);
  }
  .hss4 .ob-btn a:hover::after, .hes4 .ob-btn a:hover::after {
    background-color: var(--hs-color);
  }
  .en4 .ob-btn a:hover::after, .math4 .ob-btn a:hover::after, .cis4 .ob-btn a:hover::after {
    background-color: var(--basic-color);
  }
}

.ob-btnWhite {
  margin: 0 0 60px;
}
.cp-basic-block + .ob-btnWhite {
  margin: 40px 0 60px;
}
.cp-basic-block .ob-btnWhite {
  margin: 40px 0 0;
}
.ob-btnWhite .cp-inner {
  position: relative;
  width: -moz-max-content;
  width: max-content;
}
.ob-btnWhite .cp-inner::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border-radius: 100vmax;
  border: 2px solid var(--main-color);
  pointer-events: none;
}
.phys4 .ob-btnWhite .cp-inner::before, .kagaku4 .ob-btnWhite .cp-inner::before, .bio4 .ob-btnWhite .cp-inner::before {
  border-color: var(--ns-color);
}
.hss4 .ob-btnWhite .cp-inner::before, .hes4 .ob-btnWhite .cp-inner::before {
  border-color: var(--hs-color);
}
.en4 .ob-btnWhite .cp-inner::before, .math4 .ob-btnWhite .cp-inner::before, .cis4 .ob-btnWhite .cp-inner::before {
  border-color: var(--basic-color);
}
.ob-btnWhite a {
  border-radius: 100vmax;
  width: 380px;
  height: 60px;
  padding: 4px 19px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  color: var(--text-color);
  text-decoration: none;
  transition: 0.2s ease;
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1.3333;
  text-align: center;
  border: 1px solid #fff;
  position: relative;
  overflow: hidden;
  outline: none;
}
@media screen and (min-width: 1024px) {
  .ob-btnWhite a:hover span {
    color: #fff;
  }
  .ob-btnWhite a:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
  .ob-btnWhite a:hover::after {
    background-color: #fff !important;
  }
}
@media screen and (max-width: 1023px) {
  .ob-btnWhite a {
    width: auto;
  }
}
.cms .ob-btnWhite a {
  position: static;
  color: var(--text-color) !important;
  background-color: transparent !important;
}
.cms .ob-btnWhite a::before, .cms .ob-btnWhite a::after {
  content: none !important;
}
.ob-btnWhite a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: var(--main-color);
  width: 100%;
  height: 100%;
  border-radius: 100vmax;
  transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: right top;
}
.phys4 .ob-btnWhite a::before, .kagaku4 .ob-btnWhite a::before, .bio4 .ob-btnWhite a::before {
  background-color: var(--ns-color);
}
.hss4 .ob-btnWhite a::before, .hes4 .ob-btnWhite a::before {
  background-color: var(--hs-color);
}
.en4 .ob-btnWhite a::before, .math4 .ob-btnWhite a::before, .cis4 .ob-btnWhite a::before {
  background-color: var(--basic-color);
}
.ob-btnWhite a::after {
  flex-shrink: 0;
  position: relative;
  z-index: 2;
  content: "";
  display: block;
  width: 14px;
  height: 10px;
  transition: 0.2s ease;
  background-color: var(--main-color);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.414%22%20height%3D%2213.414%22%20viewBox%3D%220%200%2021.414%2013.414%22%3E%3Cg%20transform%3D%22translate(0%200.707)%22%3E%3Cpath%20d%3D%22M-10763.293-19303.846l-1.414-1.414%2C5.293-5.295-5.293-5.291%2C1.414-1.414%2C6.707%2C6.705Z%22%20transform%3D%22translate(10778%2019316.553)%22%20fill%3D%22%23555%22%2F%3E%3Cpath%20d%3D%22M20%2C1H0V-1H20Z%22%20transform%3D%22translate(0%206)%22%20fill%3D%22%23555%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.414%22%20height%3D%2213.414%22%20viewBox%3D%220%200%2021.414%2013.414%22%3E%3Cg%20transform%3D%22translate(0%200.707)%22%3E%3Cpath%20d%3D%22M-10763.293-19303.846l-1.414-1.414%2C5.293-5.295-5.293-5.291%2C1.414-1.414%2C6.707%2C6.705Z%22%20transform%3D%22translate(10778%2019316.553)%22%20fill%3D%22%23555%22%2F%3E%3Cpath%20d%3D%22M20%2C1H0V-1H20Z%22%20transform%3D%22translate(0%206)%22%20fill%3D%22%23555%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.phys4 .ob-btnWhite a::after, .kagaku4 .ob-btnWhite a::after, .bio4 .ob-btnWhite a::after {
  background-color: var(--ns-color);
}
.hss4 .ob-btnWhite a::after, .hes4 .ob-btnWhite a::after {
  background-color: var(--hs-color);
}
.en4 .ob-btnWhite a::after, .math4 .ob-btnWhite a::after, .cis4 .ob-btnWhite a::after {
  background-color: var(--basic-color);
}
.ob-btnWhite a span {
  color: var(--text-color);
  position: relative;
  z-index: 2;
  margin: 0 auto;
}

.lo-top .lo-globalContainer {
  padding: 115px 0 0;
}
@media screen and (max-width: 1023px) {
  .lo-top .lo-globalContainer {
    padding: 75px 0 0;
  }
}
.lo-top .lo-breads {
  display: none;
}
.lo-top .lo-contentsContainer {
  padding: 0;
}
.lo-top .lo-contents {
  max-width: 1360px;
  padding: 0 40px;
}
@media screen and (max-width: 1023px) {
  .lo-top .lo-contents {
    padding: 0 20px;
  }
}

.ob-topMv {
  position: relative;
  margin: 0 calc(50% - 50vw) 0;
  padding: 0 0 160px;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .ob-topMv {
    margin: 0 calc(50% - 50vw) 0;
  }
}
.ob-topMv__inner {
  transition-timing-function: linear;
}
.ob-topMv__item {
  width: 576px;
  height: 600px;
  border-radius: 60px;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .ob-topMv__item {
    width: 240px;
    height: 250px;
    border-radius: 30px;
  }
}
.ob-topMv__item:nth-child(odd) {
  margin: 45px 0 0;
}
@media screen and (max-width: 1023px) {
  .ob-topMv__item:nth-child(odd) {
    margin: 0;
  }
}
@media screen and (max-width: 1023px) {
  .ob-topMv__item:nth-child(even) {
    margin: 19px 0 0;
  }
}
.ob-topMv__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ob-topMv__txtWrapper {
  position: absolute;
  top: 600px;
  left: 16.6667vw;
  z-index: 1;
  translate: 0 -108px;
}
@media screen and (max-width: 1023px) {
  .ob-topMv__txtWrapper {
    top: 333px;
    left: 20px;
  }
}
.cms .ob-topMv__txtWrapper {
  position: static;
  translate: none;
}
.ob-topMv__lead {
  font-size: 4.4rem;
  font-weight: 600;
  line-height: 1.8182;
  letter-spacing: 0.2em;
  margin: 0 0 20px;
  color: #000;
  text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0 -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
}
@media screen and (max-width: 1023px) {
  .ob-topMv__lead {
    font-size: 3rem;
    margin: 0 0 15px;
  }
}
.ob-topMv__btn a {
  border-radius: 100vmax;
  width: 260px;
  height: 40px;
  padding: 4px 19px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  color: #555;
  text-decoration: none;
  transition: 0.2s ease;
  font-size: 1.5rem;
  font-weight: 500;
  border: 1px solid #fff;
  position: relative;
  overflow: hidden;
  outline: none;
}
@media screen and (max-width: 1023px) {
  .ob-topMv__btn a {
    width: 222px;
  }
}
.cms .ob-topMv__btn a {
  position: static;
  color: var(--text-color) !important;
  background-color: transparent !important;
}
.cms .ob-topMv__btn a::before, .cms .ob-topMv__btn a::after {
  content: none !important;
}
.ob-topMv__btn a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: #555;
  width: 100%;
  height: 100%;
  border-radius: 100vmax;
  transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: right top;
}
.ob-topMv__btn a::after {
  position: relative;
  z-index: 2;
  content: "";
  display: block;
  width: 14px;
  height: 10px;
  transition: 0.2s ease;
  background-color: #555;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.414%22%20height%3D%2213.414%22%20viewBox%3D%220%200%2021.414%2013.414%22%3E%3Cg%20transform%3D%22translate(0%200.707)%22%3E%3Cpath%20d%3D%22M-10763.293-19303.846l-1.414-1.414%2C5.293-5.295-5.293-5.291%2C1.414-1.414%2C6.707%2C6.705Z%22%20transform%3D%22translate(10778%2019316.553)%22%20fill%3D%22%23555%22%2F%3E%3Cpath%20d%3D%22M20%2C1H0V-1H20Z%22%20transform%3D%22translate(0%206)%22%20fill%3D%22%23555%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.414%22%20height%3D%2213.414%22%20viewBox%3D%220%200%2021.414%2013.414%22%3E%3Cg%20transform%3D%22translate(0%200.707)%22%3E%3Cpath%20d%3D%22M-10763.293-19303.846l-1.414-1.414%2C5.293-5.295-5.293-5.291%2C1.414-1.414%2C6.707%2C6.705Z%22%20transform%3D%22translate(10778%2019316.553)%22%20fill%3D%22%23555%22%2F%3E%3Cpath%20d%3D%22M20%2C1H0V-1H20Z%22%20transform%3D%22translate(0%206)%22%20fill%3D%22%23555%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ob-topMv__btn a span {
  color: #555;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .ob-topMv__btn a:hover span {
    color: #fff;
  }
  .ob-topMv__btn a:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
  .ob-topMv__btn a:hover::after {
    background-color: #fff;
  }
}
.ob-topMv__stop {
  display: none;
}

.ob-topMvImg {
  margin: -35px calc(50% - 50vw) 80px;
  height: 780px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .ob-topMvImg {
    margin: -20px calc(50% - 50vw) 48px;
    height: 480px;
  }
}
.ob-topMvImg__img {
  position: relative;
}
.ob-topMvImg__img::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(40deg, rgb(108, 149, 196) 0%, rgb(255, 255, 255) 500px);
  mix-blend-mode: multiply;
}
.ob-topMvImg__img .cp-inner,
.ob-topMvImg__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ob-topMvImg__txtWrapper {
  position: absolute;
  left: 120px;
  bottom: 40px;
  z-index: 1;
}
@media screen and (max-width: 1023px) {
  .ob-topMvImg__txtWrapper {
    bottom: 40px;
    left: 20px;
  }
}
.ob-topMvImg__txt {
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.5625;
  letter-spacing: 0.2em;
  margin: 0 0 16px;
  color: #fff;
}
@media screen and (max-width: 1023px) {
  .ob-topMvImg__txt {
    font-size: 2.6rem;
  }
}
.cms .ob-topMvImg__txt {
  color: var(--text-color);
}
.ob-topMvImg__btn a {
  border-radius: 4px;
  width: 175px;
  height: 32px;
  padding: 2px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #2D2D2D;
  color: #fff;
  text-decoration: none;
  transition: 0.2s ease;
  font-size: 1.5rem;
  font-weight: 500;
  border: 1px solid #2D2D2D;
  position: relative;
  overflow: hidden;
  outline: none;
}
.cms .ob-topMvImg__btn a {
  position: static;
  color: var(--text-color) !important;
  background-color: transparent !important;
}
.cms .ob-topMvImg__btn a::before, .cms .ob-topMvImg__btn a::after {
  content: none !important;
}
.ob-topMvImg__btn a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: #fff;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: right top;
}
.ob-topMvImg__btn a::after {
  position: relative;
  z-index: 2;
  content: "";
  display: block;
  width: 5px;
  height: 9px;
  transition: 0.2s ease;
  background-color: #fff;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%229%22%20viewBox%3D%220%200%205%209%22%3E%3Cpath%20d%3D%22M-10764-19308.053a.5.5%2C0%2C0%2C1-.354-.146.5.5%2C0%2C0%2C1%2C0-.707l3.646-3.648-3.646-3.645a.5.5%2C0%2C0%2C1%2C0-.707.5.5%2C0%2C0%2C1%2C.707%2C0l4%2C4a.5.5%2C0%2C0%2C1%2C.146.354.5.5%2C0%2C0%2C1-.146.354l-4%2C4A.5.5%2C0%2C0%2C1-10764-19308.053Z%22%20transform%3D%22translate(10764.5%2019317.053)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%229%22%20viewBox%3D%220%200%205%209%22%3E%3Cpath%20d%3D%22M-10764-19308.053a.5.5%2C0%2C0%2C1-.354-.146.5.5%2C0%2C0%2C1%2C0-.707l3.646-3.648-3.646-3.645a.5.5%2C0%2C0%2C1%2C0-.707.5.5%2C0%2C0%2C1%2C.707%2C0l4%2C4a.5.5%2C0%2C0%2C1%2C.146.354.5.5%2C0%2C0%2C1-.146.354l-4%2C4A.5.5%2C0%2C0%2C1-10764-19308.053Z%22%20transform%3D%22translate(10764.5%2019317.053)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}
.ob-topMvImg__btn a span {
  color: #fff;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .ob-topMvImg__btn a:hover span {
    color: #2D2D2D;
  }
  .ob-topMvImg__btn a:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
  .ob-topMvImg__btn a:hover::after {
    background-color: #2D2D2D;
  }
}

.ob-topQuicklink {
  position: relative;
  margin: 0 0 112px;
  margin: 0 0 70px;
}
.ob-topQuicklink::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -112px;
  width: 100vw;
  height: 640px;
  margin: 0 calc(50% - 50vw);
  z-index: -1;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('/clas/albums/css/basic-blocks/abm00017278.webp');
}
@media screen and (max-width: 1023px) {
  .ob-topQuicklink::before {
    top: -188px;
    bottom: auto;
    height: auto;
    aspect-ratio: 1/1.28;
    background-image: url('/clas/albums/css/basic-blocks/abm00017277.webp');
  }
}
.ob-topQuicklink__top {
  font-size: 2.2rem;
  font-weight: 600;
  font-family: "Circular", sans-serif;
  margin: 0 0 23px;
}
@media screen and (max-width: 1023px) {
  .ob-topQuicklink__top {
    font-size: 2rem;
    margin: 0 0 16px;
  }
}
.ob-topQuicklink__middle {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 16px;
  margin: 0 0 30px;
}
@media screen and (max-width: 1023px) {
  .ob-topQuicklink__middle {
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
    margin: 0 0 20px;
  }
}
.ob-topQuicklink__itemMiddle a {
  border-radius: 10px;
  background-color: #fff;
  padding: 16px 16px 24px;
  width: 100%;
  height: 160px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  color: var(--text-color);
}
@media screen and (max-width: 1023px) {
  .ob-topQuicklink__itemMiddle a {
    height: 86px;
    border-radius: 5px;
    padding: 16px 2px 12px;
  }
}
.ob-topQuicklink__itemMiddle a::after {
  content: none !important;
}
.cms .ob-topQuicklink__itemMiddle a {
  display: flex !important;
  position: static !important;
}
.ob-topQuicklink__iconMiddle {
  transition: 0.2s ease;
}
@media screen and (min-width: 1024px) {
  .ob-topQuicklink__itemMiddle:hover .ob-topQuicklink__iconMiddle {
    scale: 1.1;
  }
}
.ob-topQuicklink__txtMiddle {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .ob-topQuicklink__txtMiddle {
    font-size: 1.1rem;
  }
}
.ob-topQuicklink__itemMiddle:nth-child(1) .ob-topQuicklink__txtMiddle, .ob-topQuicklink__itemMiddle:nth-child(2) .ob-topQuicklink__txtMiddle, .ob-topQuicklink__itemMiddle:nth-child(3) .ob-topQuicklink__txtMiddle, .ob-topQuicklink__itemMiddle:nth-child(4) .ob-topQuicklink__txtMiddle {
  margin: 20px 0 0;
}
@media screen and (max-width: 1023px) {
  .ob-topQuicklink__itemMiddle:nth-child(1) .ob-topQuicklink__txtMiddle, .ob-topQuicklink__itemMiddle:nth-child(2) .ob-topQuicklink__txtMiddle, .ob-topQuicklink__itemMiddle:nth-child(3) .ob-topQuicklink__txtMiddle, .ob-topQuicklink__itemMiddle:nth-child(4) .ob-topQuicklink__txtMiddle {
    margin: 10px 0 0;
  }
}
.ob-topQuicklink__itemMiddle:nth-child(5) .ob-topQuicklink__txtMiddle, .ob-topQuicklink__itemMiddle:nth-child(6) .ob-topQuicklink__txtMiddle {
  margin: 24px 0 0;
}
@media screen and (max-width: 1023px) {
  .ob-topQuicklink__itemMiddle:nth-child(5) .ob-topQuicklink__txtMiddle, .ob-topQuicklink__itemMiddle:nth-child(6) .ob-topQuicklink__txtMiddle {
    margin: 12px 0 0;
  }
}
@media screen and (max-width: 1023px) {
  .ob-topQuicklink__itemMiddle:nth-child(1) .ob-topQuicklink__iconMiddle {
    width: 34px;
    height: 27px;
  }
}
@media screen and (max-width: 1023px) {
  .ob-topQuicklink__itemMiddle:nth-child(2) .ob-topQuicklink__iconMiddle {
    width: 25px;
    height: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .ob-topQuicklink__itemMiddle:nth-child(3) .ob-topQuicklink__iconMiddle {
    width: 28px;
    height: 28px;
  }
}
@media screen and (max-width: 1023px) {
  .ob-topQuicklink__itemMiddle:nth-child(4) .ob-topQuicklink__iconMiddle {
    width: 28px;
    height: 28px;
  }
}
@media screen and (max-width: 1023px) {
  .ob-topQuicklink__itemMiddle:nth-child(5) .ob-topQuicklink__iconMiddle {
    width: 28px;
    height: 28px;
  }
}
@media screen and (max-width: 1023px) {
  .ob-topQuicklink__itemMiddle:nth-child(6) .ob-topQuicklink__iconMiddle {
    width: 32px;
    height: 25px;
  }
}
.ob-topQuicklink__bottom {
  display: flex;
  align-items: center;
  gap: 16px 34px;
}
@media screen and (max-width: 1023px) {
  .ob-topQuicklink__bottom {
    gap: 10px;
    flex-wrap: wrap;
  }
}
.ob-topQuicklink__itemBottom a {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--text-color);
}
@media screen and (max-width: 1023px) {
  .ob-topQuicklink__itemBottom a {
    gap: 6px;
  }
}
.ob-topQuicklink__itemBottom a::after {
  content: none !important;
}
@media screen and (max-width: 1023px) {
  .ob-topQuicklink__itemBottom:nth-child(1) .ob-topQuicklink__iconBottom {
    width: 24px;
    height: 16px;
  }
}
.ob-topQuicklink__itemBottom:nth-child(2) .ob-topQuicklink__iconBottom {
  width: 64px;
}
@media screen and (max-width: 1023px) {
  .ob-topQuicklink__itemBottom:nth-child(2) .ob-topQuicklink__iconBottom {
    width: 30px;
    height: 18px;
  }
}
@media screen and (max-width: 1023px) {
  .ob-topQuicklink__itemBottom:nth-child(3) .ob-topQuicklink__iconBottom {
    width: 24px;
    height: 16px;
  }
}
@media screen and (max-width: 1023px) {
  .ob-topQuicklink__itemBottom:nth-child(4) .ob-topQuicklink__iconBottom {
    width: 30px;
    height: 25px;
  }
}
@media screen and (min-width: 1024px) {
  .ob-topQuicklink__itemMiddle:hover .ob-topQuicklink__txtMiddle {
    text-decoration: underline;
  }
}
.ob-topQuicklink__txtBottom {
  font-size: 1.5rem;
}
@media screen and (max-width: 1023px) {
  .ob-topQuicklink__txtBottom {
    font-size: 1.1rem;
  }
}
.ob-topQuicklink__itemBottom:first-child .ob-topQuicklink__iconBottom img {
  width: 48px;
}
@media screen and (max-width: 1023px) {
  .ob-topQuicklink__itemBottom:first-child .ob-topQuicklink__iconBottom img {
    width: auto;
  }
}
.ob-topQuicklink__itemBottom:first-child .ob-topQuicklink__txtBottom {
  font-size: 1.7rem;
}
@media screen and (max-width: 1023px) {
  .ob-topQuicklink__itemBottom:first-child .ob-topQuicklink__txtBottom {
    font-size: 1.1rem;
  }
}
@media screen and (min-width: 1024px) {
  .ob-topQuicklink__itemBottom:hover .ob-topQuicklink__txtBottom {
    text-decoration: underline;
  }
}

.ob-topHeading {
  display: flex;
  align-items: center;
  gap: 44px;
  position: relative;
  padding: 46px 0 0;
  margin: 128px 0 54px;
}
@media screen and (max-width: 1023px) {
  .ob-topHeading {
    padding: 20px 0 0;
    gap: 19px;
    margin: 80px 0 24px;
  }
}
.ob-topHeading::before {
  content: "";
  display: block;
  width: 120px;
  height: 8px;
  background-color: var(--main-color);
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1023px) {
  .ob-topHeading::before {
    width: 60px;
    height: 4px;
  }
}
.ob-topHeading__main {
  font-family: "Circular", sans-serif;
  font-size: 5.4rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 1023px) {
  .ob-topHeading__main {
    font-size: 3.4rem;
  }
}
.ob-topHeading__sub {
  border: 2px solid var(--text-color);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-width: 99px;
  height: 30px;
  padding: 4px 16px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  margin: 4px 0 0;
}
@media screen and (max-width: 1023px) {
  .ob-topHeading__sub {
    font-size: 1.2rem;
    min-width: 76px;
  }
}
.ob-topHeading__sub::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -8px;
  margin-top: -3px;
  border: 3px solid transparent;
  border-right: 6px solid #fff;
  z-index: 46;
}
.ob-topHeading__sub::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -14px;
  margin-top: -6px;
  border: 6px solid transparent;
  border-right: 8px solid var(--text-color);
  z-index: 1;
}

.topReports {
  padding: 92px 0 0;
  margin: -92px calc(50% - 50vw) 44px 0;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .topReports {
    margin: 0 -20px 24px 0;
    padding: 0;
  }
}
.topReports__inner {
  list-style: none !important;
  margin: 0 !important;
}
.topReports__item {
  width: 400px;
}
@media screen and (max-width: 1023px) {
  .topReports__item {
    width: 160px;
  }
}
.topReports__item a {
  text-decoration: none;
}
.topReports__top {
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 4/3;
  position: relative;
  margin: 0 0 20px;
}
@media screen and (max-width: 1023px) {
  .topReports__top {
    border-radius: 10px;
    margin: 0 0 10px;
  }
}
.topReports__img {
  width: 100%;
  height: 100%;
  background-color: #eee;
  transition: 0.2s ease;
}
.topReports__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.topReports__img:empty {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('/clas/albums/css/basic-blocks/abm00019349.webp');
}
.topReports__dateWrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #fff;
  border-radius: 10px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  width: 200px;
  height: 60px;
}
@media screen and (max-width: 1023px) {
  .topReports__dateWrapper {
    width: 150px;
    height: 32px;
    gap: 6px;
    justify-content: flex-end;
    padding: 0 4px 0 0;
  }
}
.topReports__date {
  font-size: 1.4rem;
  font-family: "Barlow", serif;
  font-weight: 500;
  color: var(--text-color);
}
@media screen and (max-width: 1023px) {
  .topReports__date {
    font-size: 1.3rem;
  }
}
.topReports__cat {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  height: 22px;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
  border-radius: 100vmax;
}
@media screen and (max-width: 1023px) {
  .topReports__cat {
    font-size: 1.1rem;
    min-width: 66px;
    height: 19px;
  }
}
.topReports__bottom {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5556;
  color: var(--text-color);
}
@media screen and (max-width: 1023px) {
  .topReports__bottom {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .topReports__item:hover .topReports__img {
    scale: 1.1;
  }
  .topReports__item:hover .topReports__bottom {
    text-decoration: underline;
  }
}
.topReports__btnWrapper {
  display: flex;
  gap: 9px;
  position: absolute;
  top: 0;
  right: calc((50% - 50vw) * -1);
}
@media screen and (max-width: 1023px) {
  .topReports__btnWrapper {
    top: -58px;
    right: 0;
  }
}
.topReports__btn {
  width: 40px;
  height: 40px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
@media screen and (max-width: 1023px) {
  .topReports__btn {
    width: 35px;
    height: 35px;
  }
}
.topReports__btn--prev {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2270%22%20height%3D%2270%22%20viewBox%3D%220%200%2070%2070%22%3E%3Cg%20transform%3D%22translate(-548%20-1702.5)%22%3E%3Cpath%20d%3D%22M35%2C2A33.009%2C33.009%2C0%2C0%2C0%2C22.156%2C65.408%2C33.009%2C33.009%2C0%2C0%2C0%2C47.844%2C4.592%2C32.792%2C32.792%2C0%2C0%2C0%2C35%2C2m0-2A35%2C35%2C0%2C1%2C1%2C0%2C35%2C35%2C35%2C0%2C0%2C1%2C35%2C0Z%22%20transform%3D%22translate(548%201702.5)%22%20fill%3D%22%2373ab7d%22%2F%3E%3Cg%20transform%3D%22translate(572.5%201730.5)%22%3E%3Cpath%20d%3D%22M-10757.707-19301.846l-7.707-7.711.707-.707%2C7-7%2C1.414%2C1.414-6.293%2C6.289%2C6.293%2C6.3Z%22%20transform%3D%22translate(10764%2019316.553)%22%20fill%3D%22%2373ab7d%22%2F%3E%3Cpath%20d%3D%22M21%2C1H0V-1H21Z%22%20transform%3D%22translate(0%207)%22%20fill%3D%22%2373ab7d%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.topReports__btn--next {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2270%22%20height%3D%2270%22%20viewBox%3D%220%200%2070%2070%22%3E%3Cpath%20d%3D%22M35%2C2A33.009%2C33.009%2C0%2C0%2C0%2C22.156%2C65.408%2C33.009%2C33.009%2C0%2C0%2C0%2C47.844%2C4.592%2C32.792%2C32.792%2C0%2C0%2C0%2C35%2C2m0-2A35%2C35%2C0%2C1%2C1%2C0%2C35%2C35%2C35%2C0%2C0%2C1%2C35%2C0Z%22%20fill%3D%22%2373ab7d%22%2F%3E%3Cg%20transform%3D%22translate(24.5%2028)%22%3E%3Cpath%20d%3D%22M-10763.293-19301.846l-1.414-1.414%2C6.293-6.3-6.293-6.289%2C1.414-1.414%2C7.707%2C7.7-.707.707Z%22%20transform%3D%22translate(10778%2019316.553)%22%20fill%3D%22%2373ab7d%22%2F%3E%3Cpath%20d%3D%22M21%2C1H0V-1H21Z%22%20transform%3D%22translate(0%207)%22%20fill%3D%22%2373ab7d%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.ob-topNewsWrapper {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  border-top: 1px solid #333;
  padding: 50px 0 0;
  margin: 0 0 40px;
}
@media screen and (max-width: 1023px) {
  .ob-topNewsWrapper {
    flex-direction: column-reverse;
    gap: 25px;
    padding: 20px 0 0;
    margin: 0 0 30px;
  }
}
.ob-topNewsWrapper__bbs {
  background-color: #f6f7fa;
  border-radius: 10px;
  padding: 36px 30px;
  width: 440px;
  height: -moz-max-content;
  height: max-content;
  flex-shrink: 0;
}
@media screen and (max-width: 1023px) {
  .ob-topNewsWrapper__bbs {
    width: 100vw;
    height: auto;
    margin: 0 calc(50% - 50vw);
    padding: 20px 20px 35px;
    border-radius: 0;
  }
}
.ob-topNewsWrapper__heading {
  font-size: 2rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 30px;
}
@media screen and (max-width: 1023px) {
  .ob-topNewsWrapper__heading {
    font-size: 1.3rem;
    margin: 0 0 24px;
    gap: 12px;
  }
}
.ob-topNewsWrapper__heading::before {
  content: "";
  display: block;
  width: 10px;
  height: 36px;
  background-color: var(--main-color);
  border-radius: 100vmax;
}
@media screen and (max-width: 1023px) {
  .ob-topNewsWrapper__heading::before {
    width: 8px;
    height: 30px;
  }
}

.newsBasic {
  list-style: none !important;
  margin: 0 !important;
}
.newsBasic__item a {
  display: flex;
  gap: 16px;
  text-decoration: none;
}
@media screen and (max-width: 1023px) {
  .newsBasic__item a {
    gap: 12px;
  }
}
.newsBasic__item:not(:last-child) {
  margin: 0 0 31px;
}
@media screen and (max-width: 1023px) {
  .newsBasic__item:not(:last-child) {
    margin: 0 0 24px;
  }
}
.newsBasic__left {
  border-radius: 10px;
  overflow: hidden;
  width: 100px;
  aspect-ratio: 1/1;
  flex-shrink: 0;
  background-size: cover;
  background-position: center;
  background-image: url('/clas/albums/css/basic-blocks/abm00017297.webp');
}
@media screen and (max-width: 1023px) {
  .newsBasic__left {
    width: 73px;
  }
}
.newsBasic__catWrapper {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: -4px 0 4px;
  gap: 14px;
}
.newsBasic__date {
  font-size: 1.4rem;
  font-family: "Barlow", serif;
  font-weight: 500;
  color: var(--text-color);
}
@media screen and (max-width: 1023px) {
  .newsBasic__date {
    font-size: 1.3rem;
    width: 66px;
  }
}
.newsBasic__cat {
  border-radius: 100vmax;
  min-width: 80px;
  width: -moz-max-content;
  width: max-content;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
}
@media screen and (max-width: 1023px) {
  .newsBasic__cat {
    font-size: 1.1rem;
    min-width: 66px;
    height: 18px;
  }
}
.newsBasic__ttl {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--text-color);
  line-height: 1.5556;
}
@media screen and (max-width: 1023px) {
  .newsBasic__ttl {
    font-size: 1.5rem;
  }
}
a[target=_blank] .newsBasic__ttl::after {
  content: "";
  position: relative;
  top: 1px;
  bottom: 0;
  margin: 0 6px 0 6px;
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  background-size: cover;
  background-color: var(--text-color);
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.001%22%20height%3D%2214%22%20viewBox%3D%220%200%2014.001%2014%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_21000%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2021000%22%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_23771%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2023771%22%20transform%3D%22translate(0%200)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35557%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035557%22%20d%3D%22M8.112%2C0V1h4.181L4.066%2C9.228l.707.707L13%2C1.707V5.889h1V0Z%22%20fill%3D%22%23555%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_23770%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2023770%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_23769%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2023769%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35558%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035558%22%20d%3D%22M13%2C12.508a.492.492%2C0%2C0%2C1-.491.492H1.491A.492.492%2C0%2C0%2C1%2C1%2C12.508V1.491A.491.491%2C0%2C0%2C1%2C1.491%2C1H6V0H1.491A1.492%2C1.492%2C0%2C0%2C0%2C0%2C1.491V12.508A1.492%2C1.492%2C0%2C0%2C0%2C1.491%2C14H12.509A1.492%2C1.492%2C0%2C0%2C0%2C14%2C12.508V8H13Z%22%20fill%3D%22%23555%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.001%22%20height%3D%2214%22%20viewBox%3D%220%200%2014.001%2014%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_21000%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2021000%22%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_23771%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2023771%22%20transform%3D%22translate(0%200)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35557%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035557%22%20d%3D%22M8.112%2C0V1h4.181L4.066%2C9.228l.707.707L13%2C1.707V5.889h1V0Z%22%20fill%3D%22%23555%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_23770%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2023770%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_23769%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2023769%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35558%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035558%22%20d%3D%22M13%2C12.508a.492.492%2C0%2C0%2C1-.491.492H1.491A.492.492%2C0%2C0%2C1%2C1%2C12.508V1.491A.491.491%2C0%2C0%2C1%2C1.491%2C1H6V0H1.491A1.492%2C1.492%2C0%2C0%2C0%2C0%2C1.491V12.508A1.492%2C1.492%2C0%2C0%2C0%2C1.491%2C14H12.509A1.492%2C1.492%2C0%2C0%2C0%2C14%2C12.508V8H13Z%22%20fill%3D%22%23555%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: auto;
  mask-size: 14px 14px;
}
@media screen and (min-width: 1024px) {
  .newsBasic__item:hover .newsBasic__ttl {
    text-decoration: underline;
  }
}

.newsBbs {
  list-style: none !important;
  margin: 0 !important;
}
.newsBbs__item {
  padding: 16px 0 16px;
  border-top: 1px solid #ccc;
}
.newsBbs__item + .newsBbs__item {
  border-bottom: 1px solid #ccc;
}
.newsBbs__item a {
  text-decoration: none;
}
.newsBbs__ttl {
  font-size: 1.6rem;
  color: var(--text-color);
  margin: 0 0 4px;
  line-height: 1.625;
}
@media screen and (max-width: 1023px) {
  .newsBbs__ttl {
    font-size: 1.5rem;
  }
}
a[target=_blank] .newsBbs__ttl::after {
  content: "";
  position: relative;
  top: 1px;
  bottom: 0;
  margin: 0 6px 0 6px;
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  background-size: cover;
  background-color: var(--text-color);
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.001%22%20height%3D%2214%22%20viewBox%3D%220%200%2014.001%2014%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_21000%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2021000%22%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_23771%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2023771%22%20transform%3D%22translate(0%200)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35557%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035557%22%20d%3D%22M8.112%2C0V1h4.181L4.066%2C9.228l.707.707L13%2C1.707V5.889h1V0Z%22%20fill%3D%22%23555%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_23770%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2023770%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_23769%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2023769%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35558%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035558%22%20d%3D%22M13%2C12.508a.492.492%2C0%2C0%2C1-.491.492H1.491A.492.492%2C0%2C0%2C1%2C1%2C12.508V1.491A.491.491%2C0%2C0%2C1%2C1.491%2C1H6V0H1.491A1.492%2C1.492%2C0%2C0%2C0%2C0%2C1.491V12.508A1.492%2C1.492%2C0%2C0%2C0%2C1.491%2C14H12.509A1.492%2C1.492%2C0%2C0%2C0%2C14%2C12.508V8H13Z%22%20fill%3D%22%23555%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.001%22%20height%3D%2214%22%20viewBox%3D%220%200%2014.001%2014%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_21000%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2021000%22%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_23771%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2023771%22%20transform%3D%22translate(0%200)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35557%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035557%22%20d%3D%22M8.112%2C0V1h4.181L4.066%2C9.228l.707.707L13%2C1.707V5.889h1V0Z%22%20fill%3D%22%23555%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_23770%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2023770%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_23769%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2023769%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35558%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035558%22%20d%3D%22M13%2C12.508a.492.492%2C0%2C0%2C1-.491.492H1.491A.492.492%2C0%2C0%2C1%2C1%2C12.508V1.491A.491.491%2C0%2C0%2C1%2C1.491%2C1H6V0H1.491A1.492%2C1.492%2C0%2C0%2C0%2C0%2C1.491V12.508A1.492%2C1.492%2C0%2C0%2C0%2C1.491%2C14H12.509A1.492%2C1.492%2C0%2C0%2C0%2C14%2C12.508V8H13Z%22%20fill%3D%22%23555%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: auto;
  mask-size: 14px 14px;
}
@media screen and (min-width: 1024px) {
  .newsBbs__item:hover .newsBbs__ttl {
    text-decoration: underline;
  }
}
.newsBbs__dateWrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 1023px) {
  .newsBbs__dateWrapper {
    gap: 16px;
  }
}
.newsBbs__date {
  font-size: 1.4rem;
  font-family: "Barlow", serif;
  font-weight: 500;
  color: var(--text-color);
}
@media screen and (max-width: 1023px) {
  .newsBbs__date {
    font-size: 1.3rem;
  }
}
.newsBbs__cat {
  border-radius: 100vmax;
  min-width: 80px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
}
@media screen and (max-width: 1023px) {
  .newsBbs__cat {
    font-size: 1.1rem;
    min-width: 66px;
    height: 18px;
  }
}

.eventBasic {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 27px;
  margin: 0 0 40px !important;
  border-top: 1px solid #333;
  padding: 40px 0 0;
  list-style: none !important;
}
.eventBasic__item a {
  background-color: #f6f7fa;
  border-radius: 10px;
  padding: 16px 20px 12px;
  display: block;
  text-decoration: none;
  width: 100%;
  height: 180px;
}
@media screen and (max-width: 1023px) {
  .eventBasic__item a {
    height: 125px;
  }
}
.eventBasic__dateWrapper {
  display: flex;
  align-items: flex-end;
  font-family: "Barlow", serif;
  color: var(--text-color);
  position: relative;
  z-index: 1;
  margin: 0 0 18px;
}
.eventBasic__dateWrapper.is-hidden {
  display: none;
}
.eventBasic__dateWrapper::before {
  content: "";
  display: block;
  width: 260px;
  height: 24px;
  position: absolute;
  left: -20px;
  bottom: -4px;
  z-index: -1;
  background-color: #faf22b;
}
@media screen and (max-width: 1023px) {
  .eventBasic__dateWrapper::before {
    height: 18px;
    bottom: 0;
  }
}
.eventBasic__start, .eventBasic__end {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}
.eventBasic__end {
  padding: 0 0 0 30px;
  position: relative;
}
.eventBasic__end::before {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  position: absolute;
  left: 10px;
  top: 24px;
  translate: 0 -50%;
  background-color: #707070;
}
@media screen and (max-width: 1023px) {
  .eventBasic__end::before {
    width: 7px;
  }
}
.eventBasic__end[data-day=""] {
  display: none;
}
.eventBasic__date {
  font-size: 4rem;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 1023px) {
  .eventBasic__date {
    font-size: 2.95rem;
  }
}
.eventBasic__date span {
  font-weight: 300;
}
.eventBasic__day {
  font-size: 1.3rem;
  font-size: 0.95em;
  text-transform: uppercase;
}
.eventBasic__cat {
  border-radius: 100vmax;
  min-width: 80px;
  width: -moz-max-content;
  width: max-content;
  height: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 500;
  margin: 0 0 4px;
}
@media screen and (max-width: 1023px) {
  .eventBasic__cat {
    font-size: 1.1rem;
    width: 66px;
    height: 18px;
  }
}
.eventBasic__ttl {
  font-size: 1.8rem;
  color: var(--text-color);
}
@media screen and (max-width: 1023px) {
  .eventBasic__ttl {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .eventBasic__item:hover .eventBasic__ttl {
    text-decoration: underline;
  }
}

.ob-instagram {
  margin: 0 calc(50% - 50vw);
}
.ob-instagram__list {
  padding: 0 2px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 4px;
}
@media screen and (max-width: 1023px) {
  .ob-instagram__list {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 2px;
  }
}
.ob-instagram__item {
  width: 100%;
  aspect-ratio: 1/1;
  transition: 0.2s ease;
}
.ob-instagram__item a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  background-size: cover;
}
.ob-instagram__item a::after {
  content: none !important;
}
.ob-instagram__item:first-child {
  background-color: var(--main-color);
}
.ob-instagram__item:nth-child(2) a {
  background-image: url('/clas/albums/css/basic-blocks/abm00017802.webp');
}
.ob-instagram__item:nth-child(3) a {
  background-image: url('/clas/albums/css/basic-blocks/abm00017803.webp');
}
.ob-instagram__item:nth-child(4) a {
  background-image: url('/clas/albums/css/basic-blocks/abm00017804.webp');
}
.ob-instagram__item:nth-child(5) a {
  background-image: url('/clas/albums/css/basic-blocks/abm00017805.webp');
}
@media screen and (min-width: 1024px) {
  .ob-instagram__item:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 1023px) {
  .ob-instagram__item:last-child {
    display: none;
  }
}
.ob-instagram__logo {
  width: 52px;
  aspect-ratio: 1/1;
  margin: 0 auto 27px;
}
@media screen and (max-width: 1023px) {
  .ob-instagram__logo {
    width: 26px;
    margin: 0 auto 14px;
  }
}
.ob-instagram__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ob-instagram__name {
  margin: 0 auto 23px;
}
@media screen and (max-width: 1023px) {
  .ob-instagram__name {
    width: 116px;
    margin: 0 auto 12px;
  }
}
.ob-instagram__username {
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .ob-instagram__username {
    width: 47px;
  }
}

.ob-topInstagram {
  margin: 0 calc(50% - 50vw);
}
.ob-topInstagram__list {
  padding: 0 2px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 4px;
  margin: 0 !important;
}
@media screen and (max-width: 1023px) {
  .ob-topInstagram__list {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 2px;
  }
}
.ob-topInstagram__item {
  width: 100%;
  aspect-ratio: 1/1;
  transition: 0.2s ease;
  list-style: none;
}
.ob-topInstagram__item a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  background-size: cover;
}
.ob-topInstagram__item a::after {
  content: none !important;
}
.ob-topInstagram__item:first-child {
  background-color: var(--main-color);
}
@media screen and (min-width: 1024px) {
  .ob-topInstagram__item:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 1023px) {
  .ob-topInstagram__item:last-child {
    display: none;
  }
}
.ob-topInstagram__item.is-acount a {
  background-image: url('/clas/albums/css/basic-blocks/abm00018791.webp');
}

.lo-index .lo-contentsContainer {
  overflow-x: hidden;
  padding: 72px 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
  background-image: url('/clas/albums/css/basic-blocks/abm00017298.webp');
}
@media screen and (max-width: 1023px) {
  .lo-index .lo-contentsContainer {
    padding: 64px 0 0;
  }
}
.lo-index .cp-basic-block__row[data-ratio="1-2"] {
  grid-template-columns: 30.303030303% 1fr;
}
@media screen and (max-width: 1023px) {
  .lo-index .cp-basic-block__row[data-ratio="1-2"] {
    grid-template-columns: 1fr;
  }
}
.lo-index .cp-basic-block__row[data-ratio="2-1"] {
  grid-template-columns: 1fr 30.303030303%;
}
@media screen and (max-width: 1023px) {
  .lo-index .cp-basic-block__row[data-ratio="2-1"] {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 1023px) {
  .lo-index .cp-basic-block__row[data-ratio="2-1"] .cp-basic-block__col:first-child {
    grid-row: 2/3;
  }
}
@media screen and (max-width: 1023px) {
  .lo-index .cp-basic-block__row[data-ratio="2-1"] .cp-basic-block__col:last-child {
    grid-row: 1/2;
  }
}

.page-index.lv2 .lo-breads li:nth-last-child(2) a {
  color: #555;
}
.page-index.lv2 .lo-breads li:nth-last-child(2)::after {
  content: none;
}
.page-index.lv2 .lo-breads li:last-child {
  display: none;
}

.ob-indexTtl {
  position: relative;
  padding: 20px 0 0;
  margin: 0 0 64px;
}
@media screen and (max-width: 1023px) {
  .ob-indexTtl {
    margin: 0 0 48px;
  }
}
.ob-indexTtl::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 6px;
  border-radius: 3px;
  background-color: var(--main-color);
}
@media screen and (max-width: 1023px) {
  .ob-indexTtl::before {
    width: 80px;
  }
}
.phys4 .ob-indexTtl::before, .kagaku4 .ob-indexTtl::before, .bio4 .ob-indexTtl::before {
  background-color: var(--ns-color);
}
.hss4 .ob-indexTtl::before, .hes4 .ob-indexTtl::before {
  background-color: var(--hs-color);
}
.en4 .ob-indexTtl::before, .math4 .ob-indexTtl::before, .cis4 .ob-indexTtl::before {
  background-color: var(--basic-color);
}
.ob-indexTtl__en {
  font-size: 6.8rem;
  font-family: "Circular", sans-serif;
  font-weight: 500;
  line-height: 1;
  margin: 0 0 10px;
  padding: 30px 0 0;
}
@media screen and (max-width: 1023px) {
  .ob-indexTtl__en {
    font-size: 4.8rem;
    margin: 0;
  }
}
.ob-indexTtl__ja {
  font-size: 2rem;
  font-weight: 600;
}
@media screen and (max-width: 1023px) {
  .ob-indexTtl__ja {
    font-size: 1.6rem;
  }
}
.ob-indexTtl__ja:first-child {
  font-size: 4.8rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 0 60px;
}
@media screen and (max-width: 1023px) {
  .ob-indexTtl__ja:first-child {
    font-size: 3.6rem;
    margin: 0 0 48px;
  }
}

.ob-indexMv {
  height: 31.25vw;
  max-height: 600px;
  margin: 0 calc(50% - 50vw) 93px 0;
  border-radius: 60px 0 0 60px;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .ob-indexMv {
    height: 50vw;
    border-radius: 30px 0 0 30px;
    margin: 0 calc(50% - 50vw) 64px 0;
  }
}
.cms .ob-indexMv {
  margin: 0;
}
.ob-indexMv .cp-inner,
.ob-indexMv img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.ob-indexLink {
  margin: 50px calc(50% - 50vw) 0;
  padding: 126px 0 118px;
  background-color: var(--main-bg-color);
}
@media screen and (max-width: 1023px) {
  .ob-indexLink {
    margin: 48px calc(50% - 50vw) 0;
    padding: 48px 0;
  }
}
.ob-indexLink__heading {
  max-width: 1360px;
  width: 100%;
  margin: 0 auto 64px;
  padding: 32px 80px 0;
  font-size: 3.4rem;
  font-weight: 500;
  font-family: "Circular", sans-serif;
  line-height: 1;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .ob-indexLink__heading {
    padding: 16px 20px 0;
    font-size: 4rem;
    margin: 0 auto 32px;
  }
}
.is-3col .ob-indexLink__heading {
  font-size: 2.4rem;
  font-weight: 600;
}
.ob-indexLink__heading::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 80px;
  width: 100px;
  height: 4px;
  border-radius: 2px;
  background-color: var(--main-color);
}
@media screen and (max-width: 1023px) {
  .ob-indexLink__heading::before {
    width: 64px;
    left: 20px;
  }
}
.is-3col .ob-indexLink__heading::before {
  height: 2px;
}
.ob-indexLink__inner {
  max-width: 1360px;
  width: 100%;
  margin: 0 auto;
  padding: 0 80px;
  display: grid;
}
@media screen and (max-width: 1023px) {
  .ob-indexLink__inner {
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .ob-indexLink__inner {
    grid-template-columns: 1fr !important;
  }
}
.is-2col .ob-indexLink__inner {
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
.is-3col .ob-indexLink__inner {
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.ob-indexLink__inner .cp-h2-text {
  grid-column: 1/3;
}
@media screen and (max-width: 767px) {
  .ob-indexLink__inner .cp-h2-text {
    grid-column: 1/2;
  }
}
.ob-indexLink__item a {
  border-radius: 20px;
  background-color: #fff;
  overflow: hidden;
  display: flex;
}
@media screen and (max-width: 1023px) {
  .ob-indexLink__item a {
    border-radius: 10px;
  }
}
.ob-indexLink__item a::after {
  content: none !important;
}
.ob-indexLink__left {
  width: 180px;
  height: 180px;
  flex-shrink: 0;
}
@media screen and (max-width: 1023px) {
  .ob-indexLink__left {
    width: 100px;
    height: 100px;
  }
}
.ob-indexLink__right {
  display: flex;
  align-items: center;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.5;
  width: 100%;
  padding: 16px 30px;
  color: var(--text-color);
  transition: 0.3s ease;
}
@media screen and (max-width: 1023px) {
  .ob-indexLink__right {
    font-size: 1.5rem !important;
    padding: 16px !important;
  }
}
.is-3col .ob-indexLink__right {
  font-size: 1.6rem;
  font-weight: 500;
  padding: 16px 20px;
}
.ob-indexLink__right .cp-inner {
  position: relative;
}
.ob-indexLink__right .cp-inner::before, .ob-indexLink__right .cp-inner::after {
  content: "";
  display: block;
  position: absolute;
}
.ob-indexLink__right .cp-inner::before {
  bottom: -8px;
  left: 0;
  width: 0%;
  height: 2px;
  background-color: #fff;
  transition: 0.6s cubic-bezier(0.8, 0, 0.2, 1);
}
.ob-indexLink__right .cp-inner::after {
  bottom: -3px;
  left: 0;
  width: 16px;
  height: 2px;
  background-color: transparent;
  transform: rotate(40deg);
  transition: 0.6s cubic-bezier(0.8, 0, 0.2, 1);
}
@media screen and (min-width: 1024px) {
  .ob-indexLink__item:hover .ob-indexLink__right {
    background-color: var(--main-color);
    color: #fff;
  }
  .ob-indexLink__item:hover .ob-indexLink__right .cp-inner::before {
    width: calc(100% + 24px);
  }
  .ob-indexLink__item:hover .ob-indexLink__right .cp-inner::after {
    left: calc(100% + 10px);
    background-color: #fff;
  }
}
.ob-indexLink__credit {
  max-width: 1360px;
  width: 100%;
  margin: 0 auto 60px;
  padding: 0 80px;
}
@media screen and (max-width: 1023px) {
  .ob-indexLink__credit {
    padding: 0 20px;
  }
}
.ob-indexLink__creditHeading {
  font-size: 3.2rem;
  font-weight: 500;
  margin: 0 0 40px;
}
@media screen and (max-width: 1023px) {
  .ob-indexLink__creditHeading {
    font-size: 2.4rem;
    margin: 0 0 24px;
  }
}
.ob-indexLink__creditTtl {
  margin: 0 0 16px;
}
.ob-indexLink__creditBtnWrapper + .ob-indexLink__creditTtl {
  margin: 40px 0 16px;
}
.ob-indexLink__creditBtnWrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 40px;
}
@media screen and (max-width: 1023px) {
  .ob-indexLink__creditBtnWrapper {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
  }
}
.ob-indexLink .button1 {
  margin: 0 !important;
}
.ob-indexLink .button-inner {
  max-width: 100% !important;
}

.ob-presidentMessage {
  display: grid;
  grid-template-columns: 560px 1fr;
  justify-content: space-between;
  gap: 100px;
  margin: 0 calc(50% - 50vw) 93px 0;
}
@media screen and (max-width: 1440px) {
  .ob-presidentMessage {
    gap: 80px;
  }
}
@media screen and (max-width: 1023px) {
  .ob-presidentMessage {
    grid-template-columns: 1fr;
    margin: 0 0 64px;
    gap: 0;
  }
}
@media screen and (max-width: 1023px) {
  .ob-presidentMessage__lead {
    grid-row: 3/4;
  }
}
.ob-presidentMessage__txt {
  font-size: 1.8rem;
}
@media screen and (max-width: 1023px) {
  .ob-presidentMessage__txt {
    grid-row: 4/5;
  }
}
@media screen and (max-width: 1023px) {
  .ob-presidentMessage__left {
    display: contents;
  }
}
@media screen and (max-width: 1023px) {
  .ob-presidentMessage__right {
    grid-row: 2/3;
    margin: 0 calc(50% - 50vw) 0 0;
  }
}
.ob-presidentMessage__right .cp-inner,
.ob-presidentMessage__right img {
  width: 100%;
  height: 100%;
}
.ob-presidentMessage__right img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px 0 0 20px;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .ob-presidentMessage__right img {
    border-radius: 10px 0 0 10px;
    margin: 0 calc(50% - 50vw) 0 0;
  }
}
@media screen and (max-width: 1023px) {
  .ob-presidentMessage .ob-indexTtl {
    grid-row: 1/2;
  }
}

.page-features.lv2 .ob-indexLink {
  margin: 0 calc(50% - 50vw);
}

.ob-features {
  position: relative;
  margin: 0 0 130px;
}
@media screen and (max-width: 1023px) {
  .ob-features {
    display: grid;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 1023px) {
  .ob-features__left {
    display: contents;
  }
}
.ob-features__lead {
  margin: 0 0 47px;
  font-size: 4.8rem;
  font-weight: bold;
  font-family: "Zen Maru Gothic", serif;
  line-height: 1.75;
}
@media screen and (max-width: 1440px) {
  .ob-features__lead {
    font-size: 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .ob-features__lead {
    grid-column: 1/2;
    grid-row: 1/2;
    text-align: center;
    margin: 0 0 32px;
    font-size: 2.8rem;
    letter-spacing: -0.05em;
    line-height: 1.5;
  }
}
.ob-features__txt {
  width: 470px;
}
@media screen and (max-width: 1023px) {
  .ob-features__txt {
    width: auto;
    grid-column: 1/2;
    grid-row: 3/4;
  }
}
.ob-features__right {
  position: absolute;
  top: 63.4%;
  right: -84px;
  translate: 0 -50%;
}
.cms .ob-features__right {
  position: static;
  translate: none;
}
@media screen and (max-width: 1440px) {
  .ob-features__right {
    width: 37.1354vw;
    right: 0;
  }
}
@media screen and (max-width: 1023px) {
  .ob-features__right {
    position: static;
    width: auto;
    translate: none;
    grid-column: 1/2;
    grid-row: 2/3;
    margin: 0 auto 48px;
  }
}

.ob-fiveFeatures {
  margin: 0 0 87px;
}
.ob-fiveFeatures__heading {
  padding: 23px 0 0;
  margin: 0 0 45px;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .ob-fiveFeatures__heading {
    padding: 23px 0 0;
  }
}
.ob-fiveFeatures__heading::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 4px;
  border-radius: 2px;
  background-color: var(--main-color);
}
.ob-fiveFeatures__contents {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
}
@media screen and (max-width: 1023px) {
  .ob-fiveFeatures__contents {
    grid-template-columns: 1fr;
  }
}
.ob-fiveFeatures__item a {
  border-radius: 110px;
  width: 100%;
  min-height: 360px;
  height: max(100%, 360px);
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  padding: 54px 12px;
  position: relative;
}
@media screen and (max-width: 1440px) {
  .ob-fiveFeatures__item a {
    min-height: 400px;
  }
}
@media screen and (max-width: 1023px) {
  .ob-fiveFeatures__item a {
    min-height: auto;
    height: auto;
    flex-direction: row;
    padding: 8px 40px 8px 16px;
    gap: 12px;
  }
}
.ob-fiveFeatures__item:nth-child(1) a {
  border: 2px solid #84ACEA;
}
.ob-fiveFeatures__item:nth-child(2) a {
  border: 2px solid #91C29B;
}
.ob-fiveFeatures__item:nth-child(3) a {
  border: 2px solid #E5A746;
}
.ob-fiveFeatures__item:nth-child(4) a {
  border: 2px solid #D996AD;
}
.ob-fiveFeatures__item:nth-child(5) a {
  border: 2px solid #BC96D8;
}
.ob-fiveFeatures__num {
  width: 30px;
  height: 30px;
  border-radius: 100vmax;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  font-family: "Zen Maru Gothic", serif;
  line-height: 1;
  margin: 0 0 18px;
  flex-shrink: 0;
}
@media screen and (max-width: 1023px) {
  .ob-fiveFeatures__num {
    margin: 0;
  }
}
.ob-fiveFeatures__item:nth-child(1) .ob-fiveFeatures__num {
  background-color: #84ACEA;
}
.ob-fiveFeatures__item:nth-child(2) .ob-fiveFeatures__num {
  background-color: #91C29B;
}
.ob-fiveFeatures__item:nth-child(3) .ob-fiveFeatures__num {
  background-color: #E5A746;
}
.ob-fiveFeatures__item:nth-child(4) .ob-fiveFeatures__num {
  background-color: #D996AD;
}
.ob-fiveFeatures__item:nth-child(5) .ob-fiveFeatures__num {
  background-color: #BC96D8;
}
.ob-fiveFeatures__txt {
  font-size: 1.7rem;
  font-weight: 500;
  font-family: "Zen Maru Gothic", serif;
  line-height: 1.5882;
  color: var(--text-color);
  margin: 0 0 -12px;
  text-align: center;
  flex-shrink: 0;
  min-height: 52px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .ob-fiveFeatures__txt {
    font-size: 1.4rem;
    min-height: auto;
    margin: 0;
  }
}
@media screen and (max-width: 1023px) {
  .ob-fiveFeatures__txt br {
    display: none;
  }
}
.ob-fiveFeatures__img {
  display: flex;
  align-items: center;
  height: 100%;
}
@media screen and (max-width: 1023px) {
  .ob-fiveFeatures__img {
    display: none;
  }
}
.ob-fiveFeatures__btn {
  position: absolute;
  top: calc(100% - 54px);
  left: 50%;
  translate: -50% 0;
  width: 12px;
  height: 20px;
  transition: 0.2s ease;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.707%22%20height%3D%2220.707%22%20viewBox%3D%220%200%2012.707%2020.707%22%3E%3Cg%20transform%3D%22translate(1271.854%20-871.5)%20rotate(90)%22%3E%3Cpath%20d%3D%22M-10763.646-19304.2l-.707-.707%2C5.646-5.648-5.646-5.645.707-.707%2C6.354%2C6.352Z%22%20transform%3D%22translate(11649.5%2020576.053)%22%20fill%3D%22%23222%22%2F%3E%3Cpath%20d%3D%22M20%2C.5H0v-1H20Z%22%20transform%3D%22translate(871.5%201265.5)%22%20fill%3D%22%23222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media screen and (max-width: 1023px) {
  .ob-fiveFeatures__btn {
    flex-shrink: 0;
    width: 8px;
    height: 12px;
    position: static;
    translate: none;
  }
}
@media screen and (min-width: 1024px) {
  .ob-fiveFeatures__item:hover .ob-fiveFeatures__btn {
    height: 32px;
  }
}

.ob-fiveFeaturesWrapper {
  position: relative;
}
.ob-fiveFeaturesWrapper::before {
  content: "";
  display: block;
  position: absolute;
  left: calc(50% - 50vw);
  bottom: 0;
  z-index: -1;
  width: 100vw;
  height: calc(100% + 345px);
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(249, 249, 249) 16%, rgb(246, 247, 250) 100%);
}

.ob-fiveFeaturesItem {
  padding: 100px 0 123px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: max-content max-content;
  align-items: center;
  gap: 64px 80px;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .ob-fiveFeaturesItem {
    min-height: auto;
    grid-template-columns: 1fr;
    gap: 32px 80px;
    padding: 64px 0;
  }
}
.ob-features__anchor + .ob-fiveFeaturesItem {
  margin: 40px 0 0;
}
.ob-fiveFeaturesItem::before {
  content: "";
  display: block;
  width: calc(100vw - 100px);
  height: 100%;
  border: 5px solid #C3D6F5;
  border-radius: 0 80px 80px 0;
  margin: 0 calc(50% - 50vw + 100px) 0 calc(50% - 50vw);
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
@media screen and (max-width: 1440px) {
  .ob-fiveFeaturesItem::before {
    width: calc(100vw - 40px);
  }
}
@media screen and (max-width: 1023px) {
  .ob-fiveFeaturesItem::before {
    width: calc(100vw - 20px);
    border-radius: 0 40px 40px 0;
  }
}
@media screen and (max-width: 1023px) {
  .ob-fiveFeaturesItem:nth-child(2), .ob-fiveFeaturesItem:nth-child(6), .ob-fiveFeaturesItem:nth-child(10) {
    padding: 64px 20px 64px 0;
  }
}
@media screen and (max-width: 1023px) {
  .ob-fiveFeaturesItem:nth-child(4), .ob-fiveFeaturesItem:nth-child(8) {
    padding: 64px 0 64px 20px;
  }
}
.ob-fiveFeaturesItem:nth-child(2)::before, .ob-fiveFeaturesItem:nth-child(6)::before, .ob-fiveFeaturesItem:nth-child(10)::before {
  border-left: none;
}
.ob-fiveFeaturesItem:nth-child(4)::before, .ob-fiveFeaturesItem:nth-child(8)::before {
  border-radius: 80px 0 0 80px;
  margin: 0 calc(50% - 50vw) 0 calc(50% - 50vw + 100px);
  border-right: none;
}
@media screen and (max-width: 1440px) {
  .ob-fiveFeaturesItem:nth-child(4)::before, .ob-fiveFeaturesItem:nth-child(8)::before {
    margin: 0 calc(50% - 50vw) 0 calc(50% - 50vw + 40px);
  }
}
@media screen and (max-width: 1023px) {
  .ob-fiveFeaturesItem:nth-child(4)::before, .ob-fiveFeaturesItem:nth-child(8)::before {
    border-radius: 40px 0 0 40px;
    margin: 0 calc(50% - 50vw) 0 calc(50% - 50vw + 20px);
  }
}
.ob-fiveFeaturesItem:nth-child(4)::before {
  border-color: #C7E0CD;
}
.ob-fiveFeaturesItem:nth-child(6)::before {
  border-color: #F2D3A2;
}
.ob-fiveFeaturesItem:nth-child(8)::before {
  border-color: #E8C4D0;
}
.ob-fiveFeaturesItem:nth-child(10)::before {
  border-color: #DCC9EA;
}
.ob-fiveFeaturesItem__left {
  position: relative;
}
@media screen and (max-width: 1023px) {
  .ob-fiveFeaturesItem__left {
    max-width: 640px;
    margin: 0 auto;
  }
}
.ob-fiveFeaturesItem__num {
  width: 40px;
  height: 40px;
  border-radius: 100vmax;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 30px;
  background-color: #84ACEA;
  font-size: 2rem;
  font-weight: bold;
  font-family: "Zen Maru Gothic", serif;
  color: #fff;
}
.ob-fiveFeaturesItem:nth-child(4) .ob-fiveFeaturesItem__num {
  background-color: #91C29B;
}
.ob-fiveFeaturesItem:nth-child(6) .ob-fiveFeaturesItem__num {
  background-color: #E5A746;
}
.ob-fiveFeaturesItem:nth-child(8) .ob-fiveFeaturesItem__num {
  background-color: #D996AD;
}
.ob-fiveFeaturesItem:nth-child(10) .ob-fiveFeaturesItem__num {
  background-color: #BC96D8;
}
.ob-fiveFeaturesItem__ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100px;
  padding: 12px 0;
  border-top: 2px solid #84ACEA;
  border-bottom: 2px solid #84ACEA;
  font-size: 2.6rem;
  font-weight: 500;
  font-family: "Zen Maru Gothic", serif;
  line-height: 1.5;
  text-align: center;
  margin: 0 0 40px;
}
@media screen and (max-width: 1023px) {
  .ob-fiveFeaturesItem__ttl {
    font-size: 2rem;
    min-height: 72px;
    padding: 8px 0;
  }
}
.ob-fiveFeaturesItem:nth-child(4) .ob-fiveFeaturesItem__ttl {
  border-color: #91C29B;
}
.ob-fiveFeaturesItem:nth-child(6) .ob-fiveFeaturesItem__ttl {
  border-color: #E5A746;
}
.ob-fiveFeaturesItem:nth-child(8) .ob-fiveFeaturesItem__ttl {
  border-color: #D996AD;
}
.ob-fiveFeaturesItem:nth-child(10) .ob-fiveFeaturesItem__ttl {
  border-color: #BC96D8;
}
.ob-fiveFeaturesItem__img {
  max-height: 437px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 55px 0 50px;
}
.ob-fiveFeaturesItem__right {
  position: relative;
  margin: 40px 0 0;
}
@media screen and (max-width: 1023px) {
  .ob-fiveFeaturesItem__right {
    max-width: 640px;
    margin: 0 auto;
  }
}
.ob-fiveFeaturesItem__btnWrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, 380px);
  gap: 10px;
  justify-content: center;
  grid-column: 1/3;
  grid-row: 2/3;
}
@media screen and (max-width: 1023px) {
  .ob-fiveFeaturesItem__btnWrapper {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    max-width: 640px;
    margin: 0 auto;
    grid-column: auto;
    grid-row: auto;
  }
}
@media screen and (max-width: 767px) {
  .ob-fiveFeaturesItem__btnWrapper {
    max-width: 100%;
  }
}
.ob-fiveFeaturesItem__btn .cp-inner {
  position: relative;
}
.ob-fiveFeaturesItem__btn .cp-inner::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border-radius: 100vmax;
  border: 2px solid #84ACEA;
  pointer-events: none;
}
.ob-fiveFeaturesItem__btn a {
  border-radius: 100vmax;
  width: 380px;
  height: 60px;
  padding: 4px 19px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  color: var(--text-color);
  text-decoration: none;
  transition: 0.2s ease;
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1.3333;
  text-align: center;
  border: 1px solid #fff;
  position: relative;
  overflow: hidden;
  outline: none;
}
@media screen and (min-width: 1024px) {
  .ob-fiveFeaturesItem__btn a:hover span {
    color: #fff;
  }
  .ob-fiveFeaturesItem__btn a:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
  .ob-fiveFeaturesItem__btn a:hover::after {
    background-color: #fff !important;
  }
}
@media screen and (max-width: 1023px) {
  .ob-fiveFeaturesItem__btn a {
    width: auto;
  }
}
.cms .ob-fiveFeaturesItem__btn a {
  position: static;
  color: var(--text-color) !important;
  background-color: transparent !important;
}
.cms .ob-fiveFeaturesItem__btn a::before, .cms .ob-fiveFeaturesItem__btn a::after {
  content: none !important;
}
.ob-fiveFeaturesItem__btn a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: #84ACEA;
  width: 100%;
  height: 100%;
  border-radius: 100vmax;
  transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: right top;
}
.ob-fiveFeaturesItem__btn a::after {
  flex-shrink: 0;
  position: relative;
  z-index: 2;
  content: "";
  display: block;
  width: 14px;
  height: 10px;
  transition: 0.2s ease;
  background-color: #84ACEA;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.414%22%20height%3D%2213.414%22%20viewBox%3D%220%200%2021.414%2013.414%22%3E%3Cg%20transform%3D%22translate(0%200.707)%22%3E%3Cpath%20d%3D%22M-10763.293-19303.846l-1.414-1.414%2C5.293-5.295-5.293-5.291%2C1.414-1.414%2C6.707%2C6.705Z%22%20transform%3D%22translate(10778%2019316.553)%22%20fill%3D%22%23555%22%2F%3E%3Cpath%20d%3D%22M20%2C1H0V-1H20Z%22%20transform%3D%22translate(0%206)%22%20fill%3D%22%23555%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.414%22%20height%3D%2213.414%22%20viewBox%3D%220%200%2021.414%2013.414%22%3E%3Cg%20transform%3D%22translate(0%200.707)%22%3E%3Cpath%20d%3D%22M-10763.293-19303.846l-1.414-1.414%2C5.293-5.295-5.293-5.291%2C1.414-1.414%2C6.707%2C6.705Z%22%20transform%3D%22translate(10778%2019316.553)%22%20fill%3D%22%23555%22%2F%3E%3Cpath%20d%3D%22M20%2C1H0V-1H20Z%22%20transform%3D%22translate(0%206)%22%20fill%3D%22%23555%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ob-fiveFeaturesItem__btn a span {
  color: var(--text-color);
  position: relative;
  z-index: 2;
  margin: 0 auto;
}
.ob-fiveFeaturesItem:nth-child(4) .ob-fiveFeaturesItem__btn .cp-inner::before {
  border-color: #91C29B;
}
.ob-fiveFeaturesItem:nth-child(4) .ob-fiveFeaturesItem__btn a::before {
  background: #91C29B;
}
.ob-fiveFeaturesItem:nth-child(4) .ob-fiveFeaturesItem__btn a::after {
  background-color: #91C29B;
}
.ob-fiveFeaturesItem:nth-child(6) .ob-fiveFeaturesItem__btn .cp-inner::before {
  border-color: #E5A746;
}
.ob-fiveFeaturesItem:nth-child(6) .ob-fiveFeaturesItem__btn a::before {
  background: #E5A746;
}
.ob-fiveFeaturesItem:nth-child(6) .ob-fiveFeaturesItem__btn a::after {
  background-color: #E5A746;
}
.ob-fiveFeaturesItem:nth-child(8) .ob-fiveFeaturesItem__btn .cp-inner::before {
  border-color: #D996AD;
}
.ob-fiveFeaturesItem:nth-child(8) .ob-fiveFeaturesItem__btn a::before {
  background: #D996AD;
}
.ob-fiveFeaturesItem:nth-child(8) .ob-fiveFeaturesItem__btn a::after {
  background-color: #D996AD;
}
.ob-fiveFeaturesItem:nth-child(10) .ob-fiveFeaturesItem__btn .cp-inner::before {
  border-color: #BC96D8;
}
.ob-fiveFeaturesItem:nth-child(10) .ob-fiveFeaturesItem__btn a::before {
  background: #BC96D8;
}
.ob-fiveFeaturesItem:nth-child(10) .ob-fiveFeaturesItem__btn a::after {
  background-color: #BC96D8;
}

.page-organization.lv2 .ob-indexTtl {
  margin: 0;
}

.ob-organization {
  display: flex;
}

.ob-aboutHistory {
  margin: 64px 0 0;
  padding: 64px 0 64px 80px;
  position: relative;
  display: grid;
  gap: 48px;
}
@media screen and (max-width: 1023px) {
  .ob-aboutHistory {
    padding: 48px 0 48px 40px;
    gap: 32px;
  }
}
.ob-aboutHistory::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 40px;
  width: 4px;
  height: 100%;
  background-color: var(--main-color);
}
@media screen and (max-width: 1023px) {
  .ob-aboutHistory::before {
    left: 20px;
  }
}
.ob-aboutHistory__item {
  position: relative;
}
.ob-aboutHistory__year {
  font-family: "Barlow", serif;
  color: var(--main-color);
  font-size: 8rem;
  font-weight: 600;
  line-height: 1;
  opacity: 0;
  translate: 0 200px;
  transition: 0.4s cubic-bezier(0, 0, 0.39, 1.01);
}
@media screen and (max-width: 1023px) {
  .ob-aboutHistory__year {
    font-size: 4.8rem;
  }
}
.ob-aboutHistory__year::before {
  content: "";
  display: block;
  position: absolute;
  top: 36px;
  left: -50px;
  width: 24px;
  height: 24px;
  border-radius: 100vmax;
  border: 4px solid var(--main-color);
  background: #fff;
}
@media screen and (max-width: 1023px) {
  .ob-aboutHistory__year::before {
    left: -28px;
    width: 20px;
    height: 20px;
    border-width: 3px;
  }
}
.ob-aboutHistory__year.is-scrolled, .ob-aboutHistory__year.is-scrolled::before {
  opacity: 1;
  translate: none;
}
.ob-aboutHistory__month {
  font-size: 2.4rem;
  font-weight: bold;
  margin: 0 0 24px;
}
@media screen and (max-width: 1023px) {
  .ob-aboutHistory__month {
    font-size: 2rem;
    margin: 0 0 16px;
  }
}

.unit3.lv4 .lo-contentsContainer {
  padding: 0 0 120px !important;
}
@media screen and (max-width: 1023px) {
  .unit3.lv4 .lo-contentsContainer {
    padding: 0 0 80px !important;
  }
}
.unit3.lv4 .cp-basic-block__anchors {
  background-color: var(--main-bg-color);
}

.page-index.unit3.lv4 .lo-breads li:nth-last-child(2)::after {
  content: none !important;
}
.page-index.unit3.lv4 .lo-breads li:nth-last-child(2) a {
  color: #555;
}
.page-index.unit3.lv4 .lo-breads li:last-child {
  display: none;
}

.ob-creditMv {
  margin: 0 calc(50% - 50vw);
}
.ob-creditMv.is-lower {
  margin: 0 calc(50% - 50vw) 100px;
}
@media screen and (max-width: 1023px) {
  .ob-creditMv.is-lower {
    margin: 0 calc(50% - 50vw) 64px;
  }
}
.ob-creditMv__top {
  min-height: 39.5313vw;
  border: 14px solid var(--ns-color);
  border-bottom: none;
  position: relative;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  .ob-creditMv__top {
    height: auto;
    border-width: 8px;
    padding: 0 0 25.0244vw;
  }
}
.is-lower .ob-creditMv__top {
  min-height: auto;
  height: 126px;
}
.hss4 .ob-creditMv__top, .hes4 .ob-creditMv__top {
  border-color: var(--hs-color);
}
.en4 .ob-creditMv__top, .math4 .ob-creditMv__top, .cis4 .ob-creditMv__top {
  border-color: var(--basic-color);
}
.cms .ob-creditMv__top {
  height: auto;
  flex-direction: column;
}
.ob-creditMv__txt {
  font-feature-settings: "palt";
  word-break: auto-phrase;
}
.ob-creditMv__txtWrapper {
  max-width: 640px;
  width: auto;
  height: -moz-max-content;
  height: max-content;
  text-align: center;
  padding: 8vw 0 20px;
}
@media screen and (max-width: 1023px) {
  .ob-creditMv__txtWrapper {
    width: 100%;
    position: static;
    translate: none;
    margin: 0 auto;
    padding: 48px 12px;
  }
}
.is-lower .ob-creditMv__txtWrapper {
  position: static;
  max-width: 100%;
  width: 100%;
  height: 112px;
  translate: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.cms .ob-creditMv__txtWrapper {
  position: static;
  translate: none;
}
.ob-creditMv__ttlMain {
  font-size: 6.8rem;
  font-weight: 500;
  line-height: 1;
  position: relative;
  padding: 54px 0 19px 0;
}
@media screen and (max-width: 1023px) {
  .ob-creditMv__ttlMain {
    font-size: 4.4rem;
    padding: 32px 0 12px 0;
  }
}
.is-lower .ob-creditMv__ttlMain {
  font-size: 4rem;
  padding: 0;
}
@media screen and (max-width: 1023px) {
  .is-lower .ob-creditMv__ttlMain {
    font-size: 3.2rem;
    padding: 24px 0 0;
  }
}
.ob-creditMv__ttlMain::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 120px;
  height: 6px;
  border-radius: 3px;
  background-color: var(--ns-color);
}
@media screen and (max-width: 1023px) {
  .ob-creditMv__ttlMain::before {
    width: 80px;
    height: 4px;
  }
}
.hss4 .ob-creditMv__ttlMain::before, .hes4 .ob-creditMv__ttlMain::before {
  background-color: var(--hs-color);
}
.en4 .ob-creditMv__ttlMain::before, .math4 .ob-creditMv__ttlMain::before, .cis4 .ob-creditMv__ttlMain::before {
  background-color: var(--basic-color);
}
.is-lower .ob-creditMv__ttlMain::before {
  content: none;
}
.ob-creditMv__ttlSub {
  font-size: 2rem;
  margin: 0 0 70px;
}
@media screen and (max-width: 1023px) {
  .ob-creditMv__ttlSub {
    font-size: 1.6rem;
    margin: 0 0 40px;
  }
}
.ob-creditMv__lead {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 0 26px 0;
}
@media screen and (max-width: 1023px) {
  .ob-creditMv__lead {
    font-size: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .ob-creditMv__txt {
    font-size: 1.4rem;
    line-height: 1.75;
  }
}
.ob-creditMv__imgWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.cms .ob-creditMv__imgWrapper {
  position: static;
}
.ob-creditMv__img {
  position: absolute;
}
.cms .ob-creditMv__img {
  position: static;
}
.ob-creditMv__img .cp-inner,
.ob-creditMv__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ob-creditMv__img--left {
  top: 0;
  left: 0;
  width: 28.125vw;
  height: 100%;
}
@media screen and (max-width: 1023px) {
  .ob-creditMv__img--left {
    display: none;
  }
}
.ob-creditMv__img--left img {
  -o-object-position: right;
     object-position: right;
}
.ob-creditMv__img--right {
  top: 0;
  right: 0;
  width: 28.125vw;
  height: 100%;
}
@media screen and (max-width: 1023px) {
  .ob-creditMv__img--right {
    display: none;
  }
}
.ob-creditMv__img--right img {
  -o-object-position: left;
     object-position: left;
}
.ob-creditMv__img--sp {
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25.0244vw;
}
@media screen and (max-width: 1023px) {
  .ob-creditMv__img--sp {
    display: block;
  }
}
.cms .ob-creditMv__img--sp {
  display: block;
  width: auto;
  height: auto;
}
.ob-creditMv__bottom {
  width: 100%;
  min-height: 165px;
  background-color: var(--ns-color);
  padding: 20px 80px;
  border-radius: 0 0 80px 80px;
}
@media screen and (max-width: 1023px) {
  .ob-creditMv__bottom {
    min-height: auto;
    border-radius: 0 0 40px 40px;
    padding: 20px 20px 40px;
  }
}
.hss4 .ob-creditMv__bottom, .hes4 .ob-creditMv__bottom {
  background-color: var(--hs-color);
}
.en4 .ob-creditMv__bottom, .math4 .ob-creditMv__bottom, .cis4 .ob-creditMv__bottom {
  background-color: var(--basic-color);
}
.ob-creditMv__bottom ul {
  max-width: 1060px;
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px 32px;
  padding: 50px 0 0 0;
  list-style: none;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .ob-creditMv__bottom ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.ob-creditMv__bottom ul::before {
  content: "Index";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 2rem;
  font-weight: 600;
  color: #fff;
}
.ob-creditMv__bottom a {
  display: block;
  width: 100%;
  text-decoration: none;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  padding: 0 16px 20px 0;
  border-bottom: 1px solid #fff;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .ob-creditMv__bottom a {
    font-size: 1.5rem;
    padding: 0 16px 12px 0;
  }
}
.ob-creditMv__bottom a::before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  right: 10px;
  width: 12px;
  height: 12px;
  transition: 0.2s ease;
  rotate: -90deg;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.131%22%20height%3D%227.697%22%20viewBox%3D%220%200%2013.131%207.697%22%3E%3Cg%20transform%3D%22translate(12.566%20-7.434)%20rotate(90)%22%3E%3Cpath%20d%3D%22M.566%2C12.566-.566%2C11.434%2C4.869%2C6-.566.566.566-.566%2C7.131%2C6Z%22%20transform%3D%22translate(8%200)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media screen and (min-width: 1024px) {
  .ob-creditMv__bottom a:hover::before {
    rotate: 0;
  }
}

.ob-teacher {
  background-color: var(--main-bg-color);
  border-radius: 20px;
  padding: 64px 80px;
  text-align: justify;
}
@media screen and (max-width: 1023px) {
  .ob-teacher {
    margin: 0 calc(50% - 50vw);
    padding: 32px 20px;
    border-radius: 0;
  }
}
.ob-teacher + .ob-teacher {
  margin: 20px 0 0;
}
@media screen and (max-width: 1023px) {
  .ob-teacher + .ob-teacher {
    margin: 20px calc(50% - 50vw) 0;
  }
}
.ob-teacher__top {
  display: flex;
  gap: 60px;
  margin: 0 0 20px;
}
@media screen and (max-width: 1023px) {
  .ob-teacher__top {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 0 16px;
  }
}
.ob-teacher__left {
  width: 234px;
  height: 234px;
  border-radius: 100vmax;
  overflow: hidden;
  flex-shrink: 0;
}
@media screen and (max-width: 1023px) {
  .ob-teacher__left {
    width: 120px;
    height: 120px;
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.ob-teacher__left .cp-inner,
.ob-teacher__left img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1023px) {
  .ob-teacher__right {
    display: contents;
  }
}
@media screen and (max-width: 1023px) {
  .ob-teacher__nameWrapper {
    grid-column: 2/3;
    grid-row: 1/2;
    align-self: center;
  }
}
.ob-teacher__name {
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 0 12px;
}
@media screen and (max-width: 1023px) {
  .ob-teacher__name {
    font-size: 1.8rem;
    margin: 0 0 8px;
  }
}
.ob-teacher__name br {
  display: none;
}
.cms .ob-teacher__name br {
  display: block;
}
@media screen and (max-width: 1023px) {
  .ob-teacher__name br {
    display: block;
  }
}
.ob-teacher__position {
  font-size: 2rem;
  font-weight: 500;
  margin: 0 0 33px;
}
@media screen and (max-width: 1023px) {
  .ob-teacher__position {
    font-size: 1.6rem;
    margin: 0;
  }
}
@media screen and (max-width: 1023px) {
  .ob-teacher__link {
    grid-column: 1/3;
  }
}
.ob-teacher__link ul {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin: 0 0 20px;
  list-style: none;
}
@media screen and (max-width: 1023px) {
  .ob-teacher__link ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin: 24px 0 32px;
  }
}
.ob-teacher__link a {
  width: 200px;
  height: 36px;
  padding: 4px 12px;
  border-radius: 4px;
  border: 1px solid var(--heading-color);
  background-color: var(--heading-color);
  color: #fff;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 0.2s ease;
}
@media screen and (min-width: 1024px) {
  .ob-teacher__link a:hover {
    background-color: #fff;
    color: var(--heading-color);
  }
  .ob-teacher__link a:hover::after {
    background-color: var(--heading-color) !important;
  }
}
@media screen and (max-width: 1023px) {
  .ob-teacher__link a {
    width: 100%;
    font-size: 1.3rem;
    padding: 4px 8px;
  }
}
.ob-teacher__link a::after {
  content: "";
  display: block;
  width: 14px;
  height: 12px;
  background-color: #fff !important;
  transition: 0.2s ease;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: right center;
          mask-position: right center;
  -webkit-mask-size: 14px 12px;
          mask-size: 14px 12px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2212%22%20viewBox%3D%220%200%2014%2012%22%3E%3Cg%20transform%3D%22translate(-1771.5%20-2118.5)%22%3E%3Cpath%20d%3D%22M-10764-19305.553a1%2C1%2C0%2C0%2C1-.707-.293%2C1%2C1%2C0%2C0%2C1%2C0-1.414l4.293-4.295-4.293-4.291a1%2C1%2C0%2C0%2C1%2C0-1.414%2C1%2C1%2C0%2C0%2C1%2C1.414%2C0l5%2C5a1%2C1%2C0%2C0%2C1%2C.293.707%2C1%2C1%2C0%2C0%2C1-.293.707l-5%2C5A1%2C1%2C0%2C0%2C1-10764-19305.553Z%22%20transform%3D%22translate(12543.5%2021436.053)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M12%2C1H0A1%2C1%2C0%2C0%2C1-1%2C0%2C1%2C1%2C0%2C0%2C1%2C0-1H12a1%2C1%2C0%2C0%2C1%2C1%2C1A1%2C1%2C0%2C0%2C1%2C12%2C1Z%22%20transform%3D%22translate(1772.5%202124.5)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2212%22%20viewBox%3D%220%200%2014%2012%22%3E%3Cg%20transform%3D%22translate(-1771.5%20-2118.5)%22%3E%3Cpath%20d%3D%22M-10764-19305.553a1%2C1%2C0%2C0%2C1-.707-.293%2C1%2C1%2C0%2C0%2C1%2C0-1.414l4.293-4.295-4.293-4.291a1%2C1%2C0%2C0%2C1%2C0-1.414%2C1%2C1%2C0%2C0%2C1%2C1.414%2C0l5%2C5a1%2C1%2C0%2C0%2C1%2C.293.707%2C1%2C1%2C0%2C0%2C1-.293.707l-5%2C5A1%2C1%2C0%2C0%2C1-10764-19305.553Z%22%20transform%3D%22translate(12543.5%2021436.053)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M12%2C1H0A1%2C1%2C0%2C0%2C1-1%2C0%2C1%2C1%2C0%2C0%2C1%2C0-1H12a1%2C1%2C0%2C0%2C1%2C1%2C1A1%2C1%2C0%2C0%2C1%2C12%2C1Z%22%20transform%3D%22translate(1772.5%202124.5)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media screen and (max-width: 1023px) {
  .ob-teacher__link a::after {
    width: 12px;
    height: 8px;
  }
}
.ob-teacher__heading {
  width: 100px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  color: #fff;
  margin: 20px 0 10px;
  background-color: var(--ns-color);
}
@media screen and (max-width: 1023px) {
  .ob-teacher__heading {
    grid-column: 1/3;
    margin: 0 0 16px;
  }
}
.hss4 .ob-teacher__heading, .hes4 .ob-teacher__heading {
  background-color: var(--hs-color);
}
.en4 .ob-teacher__heading, .math4 .ob-teacher__heading, .cis4 .ob-teacher__heading {
  background-color: var(--basic-color);
}
@media screen and (max-width: 1023px) {
  .ob-teacher__link + .ob-teacher__heading {
    margin-top: 0;
  }
}
@media screen and (max-width: 1023px) {
  .ob-teacher__txt {
    grid-column: 1/3;
  }
}
.ob-teacher__syllabus {
  display: flex;
  align-items: center;
  gap: 5px;
}
@media screen and (min-width: 1024px) {
  .ob-teacher__syllabus:hover {
    text-decoration: underline;
  }
}
@media screen and (max-width: 1023px) {
  .ob-teacher__syllabus {
    grid-column: 1/3;
  }
}
.ob-teacher__syllabus::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  border: 1px solid #ccc;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cotain;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%224.061%22%20height%3D%226.707%22%20viewBox%3D%220%200%204.061%206.707%22%3E%3Cpath%20d%3D%22M3858.263-13409.646l-.707-.707%2C2.646-2.647-2.646-2.646.707-.707%2C3.354%2C3.353Z%22%20transform%3D%22translate(-3857.556%2013416.354)%22%20fill%3D%22%23707070%22%2F%3E%3C%2Fsvg%3E");
}
.ob-teacher__message {
  font-size: 2rem;
  font-weight: 500;
  padding: 0 0 18px;
  border-bottom: 1px solid #ccc;
  margin: 0 0 20px;
}
@media screen and (max-width: 1023px) {
  .ob-teacher__message {
    font-size: 1.8rem;
    padding: 0 0 12px;
    margin: 0 0 16px;
  }
}

.page-index.unit3.phys4.lv4 .ob-creditMv li:nth-child(1) a::before,
.page-index.unit3.phys4.lv4 .ob-creditMv li:nth-child(2) a::before {
  rotate: 0deg;
}

.page-education.unit3.phys4.lv4 .ob-creditMv li:nth-child(3) a::before {
  rotate: 0deg;
}

.page-research.unit3.phys4.lv4 .ob-creditMv li:nth-child(4) a::before {
  rotate: 0deg;
}

.page-index.unit3.lv4:not(.phys4) .ob-creditMv li a::before {
  rotate: 0deg;
}

.ob-creditTheme {
  counter-reset: num;
  display: grid;
  gap: 24px;
}
.ob-creditTheme__item {
  counter-increment: num;
  display: flex;
  gap: 8px;
}
.ob-creditTheme__item::before {
  content: counter(num) "）";
  flex-shrink: 0;
}
.ob-creditTheme iframe {
  max-width: 560px !important;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 16/9;
  margin: 16px 0 0;
}
.ob-creditTheme img {
  max-width: 560px;
  width: 100%;
}

.lo-teacher .cp-headerMenuLang,
.lo-teacher .cp-headerMenuSearch {
  top: 172px;
}
@media screen and (max-width: 1440px) {
  .lo-teacher .cp-headerMenuLang,
  .lo-teacher .cp-headerMenuSearch {
    display: none;
  }
}
.lo-teacher .cp-headerMenuSearch {
  background-color: rgba(44, 99, 155, 0.73);
}
.lo-teacher .cp-headerMenuSearch input[type=submit] {
  background-color: #7aa0c6;
  background-image: none;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2233.317%22%20height%3D%2232.539%22%20viewBox%3D%220%200%2033.317%2032.539%22%3E%3Cpath%20d%3D%22M16.217%2C2A14.217%2C14.217%2C0%2C0%2C0%2C6.164%2C26.27%2C14.217%2C14.217%2C0%2C1%2C0%2C26.27%2C6.164%2C14.124%2C14.124%2C0%2C0%2C0%2C16.217%2C2m0-2A16.217%2C16.217%2C0%2C1%2C1%2C0%2C16.217%2C16.217%2C16.217%2C0%2C0%2C1%2C16.217%2C0Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%2373ab7d%22%2F%3E%3Cpath%20d%3D%22M3.894%2C4.894A1%2C1%2C0%2C0%2C1%2C3.187%2C4.6L-.707.707a1%2C1%2C0%2C0%2C1%2C0-1.414%2C1%2C1%2C0%2C0%2C1%2C1.414%2C0L4.6%2C3.187a1%2C1%2C0%2C0%2C1-.707%2C1.707Z%22%20transform%3D%22translate(28.424%2027.645)%22%20fill%3D%22%2373ab7d%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2233.317%22%20height%3D%2232.539%22%20viewBox%3D%220%200%2033.317%2032.539%22%3E%3Cpath%20d%3D%22M16.217%2C2A14.217%2C14.217%2C0%2C0%2C0%2C6.164%2C26.27%2C14.217%2C14.217%2C0%2C1%2C0%2C26.27%2C6.164%2C14.124%2C14.124%2C0%2C0%2C0%2C16.217%2C2m0-2A16.217%2C16.217%2C0%2C1%2C1%2C0%2C16.217%2C16.217%2C16.217%2C0%2C0%2C1%2C16.217%2C0Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%2373ab7d%22%2F%3E%3Cpath%20d%3D%22M3.894%2C4.894A1%2C1%2C0%2C0%2C1%2C3.187%2C4.6L-.707.707a1%2C1%2C0%2C0%2C1%2C0-1.414%2C1%2C1%2C0%2C0%2C1%2C1.414%2C0L4.6%2C3.187a1%2C1%2C0%2C0%2C1-.707%2C1.707Z%22%20transform%3D%22translate(28.424%2027.645)%22%20fill%3D%22%2373ab7d%22%2F%3E%3C%2Fsvg%3E");
}
.lo-teacher .cp-headerMenuLang__button a,
.lo-teacher .cp-headerMenuLangSp__button a {
  background-color: #7aa0c6;
  border-color: #7aa0c6;
  color: #fff;
}
.lo-teacher .cp-headerMenuLang__button a.js-cancelTranslate,
.lo-teacher .cp-headerMenuLangSp__button a.js-cancelTranslate {
  color: #7aa0c6;
  background-color: #fff;
}
.lo-teacher .cp-headerMenuLangSp,
.lo-teacher .cp-headerMenuSearchSp {
  margin: -28px 0 0;
}
.lo-teacher .lo-breads {
  display: none;
}
.lo-teacher .lo-contents {
  background-color: var(--main-bg-color);
  padding: 300px 0 0;
  max-width: 100%;
}
@media screen and (max-width: 1023px) {
  .lo-teacher .lo-contents {
    padding: 121px 0 0;
  }
}
.lo-teacher.page-index .lo-contents {
  padding: 0;
}

.ob-teacherHeaderBg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  background-color: #739BC3;
  mix-blend-mode: multiply;
}
@media screen and (min-width: 1024px) {
  .ob-teacherHeaderBg {
    height: 172px !important;
  }
}
@media screen and (max-width: 1023px) {
  .ob-teacherHeaderBg {
    height: 121px;
  }
}
.cms .ob-teacherHeaderBg {
  display: none;
}

.ob-teacherHeader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: 172px;
  padding: 39px 40px 22px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .ob-teacherHeader {
    padding: 24px 20px;
    height: auto;
  }
}
.cms .ob-teacherHeader {
  position: static;
  height: auto;
  padding: 0;
  background-color: #739BC3;
}
.ob-teacherHeader__logo {
  display: flex;
  gap: 7px;
  color: #fff;
  flex-shrink: 0;
}
.cms .ob-teacherHeader__logo {
  color: #000;
}
.ob-teacherHeader__type {
  margin: -4px 0 0;
}
@media screen and (max-width: 1023px) {
  .ob-teacherHeader__symbol {
    width: 35px;
  }
}
.ob-teacherHeader__univ {
  margin: 4px;
}
@media screen and (max-width: 1023px) {
  .ob-teacherHeader__univ {
    height: 15px;
    margin: 0 0 6px;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .ob-teacherHeader__univ .cp-inner {
    display: contents;
  }
}
@media screen and (max-width: 1023px) {
  .ob-teacherHeader__univ img {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.ob-teacherHeader__ja {
  font-size: 2rem;
  line-height: 1.4;
  margin: 6px 0 0 4px;
}
@media screen and (max-width: 1023px) {
  .ob-teacherHeader__ja {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.5;
  }
}
.ob-teacherHeader__en {
  font-size: 1.3rem;
  font-family: "Circular", sans-serif;
}
@media screen and (max-width: 1023px) {
  .ob-teacherHeader__en {
    font-size: 1rem;
  }
}
.ob-teacherHeader__menu {
  height: -moz-max-content;
  height: max-content;
  display: flex;
  align-items: center;
  gap: 80px;
}
@media screen and (max-width: 1440px) {
  .ob-teacherHeader__menu {
    max-width: 400px;
    width: 100%;
    height: 100dvh;
    padding: 20px;
    position: fixed;
    top: 0;
    right: -400px;
    z-index: 10;
    background-color: #7aa0c6;
    transition: 1s ease;
    align-items: flex-start;
    overflow-y: scroll;
  }
  .is-menuOpen .ob-teacherHeader__menu {
    right: 0;
  }
}
.ob-teacherHeader__menuInner {
  display: contents;
  flex-direction: column-reverse;
  justify-content: flex-end;
  align-items: normal;
  gap: 40px;
  width: 100%;
}
@media screen and (max-width: 1440px) {
  .ob-teacherHeader__menuInner {
    display: flex;
  }
}
.ob-teacherHeader__gnav ul {
  list-style: none;
  display: flex;
  gap: 2.5em;
  margin: 0;
}
@media screen and (max-width: 1440px) {
  .ob-teacherHeader__gnav ul {
    display: block;
    border-bottom: 1px solid #fff;
  }
}
.cms .ob-teacherHeader__gnav ul {
  list-style: disc;
}
@media screen and (max-width: 1440px) {
  .ob-teacherHeader__gnav li {
    height: 48px;
    border-top: 1px solid #fff;
  }
}
.ob-teacherHeader__gnav a {
  color: #fff;
  font-size: 1.5rem;
  position: relative;
  display: block;
}
@media screen and (max-width: 1440px) {
  .ob-teacherHeader__gnav a {
    display: flex;
    align-items: center;
    height: 100%;
  }
}
.ob-teacherHeader__gnav a::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -6px;
  left: 50%;
  translate: -50% 0;
  width: 0;
  height: 1px;
  background-color: #fff;
  transition: 0.2s ease;
}
@media screen and (min-width: 1024px) {
  .ob-teacherHeader__gnav a:hover::before {
    width: 100%;
  }
}
.ob-teacherHeader__iconWrapper {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media screen and (max-width: 1440px) {
  .ob-teacherHeader__iconWrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 8px;
  }
}
.ob-teacherHeader__icon {
  cursor: pointer;
}
@media screen and (max-width: 1440px) {
  .ob-teacherHeader__icon {
    display: flex;
    padding: 16px 12px;
    border: 1px solid #fff;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
  }
}
.ob-teacherHeader__drawer {
  display: none;
}
.is-menuOpen .ob-teacherHeader__drawer {
  display: block;
}
.ob-teacherHeader__close {
  display: none;
  width: 40px;
  height: 40px;
  margin: 0 0 0 auto;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.678%22%20height%3D%2217.678%22%20viewBox%3D%220%200%2017.678%2017.678%22%3E%3Cg%20transform%3D%22translate(-14251.161%2016182)%22%3E%3Crect%20width%3D%2224%22%20height%3D%221%22%20transform%3D%22translate(14251.161%20-16165.029)%20rotate(-45)%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%2224%22%20height%3D%221%22%20transform%3D%22translate(14251.868%20-16182)%20rotate(45)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media screen and (max-width: 1440px) {
  .ob-teacherHeader__close {
    display: block;
  }
}
.ob-teacherHeader__btn {
  display: none;
  width: 40px;
  height: 40px;
  position: relative;
}
@media screen and (max-width: 1440px) {
  .ob-teacherHeader__btn {
    display: block;
  }
}
.ob-teacherHeader__bar {
  display: block;
  width: 24px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  translate: -50% 0;
  transition: 0.2s ease;
  cursor: pointer;
}
.ob-teacherHeader__bar--1 {
  top: 8px;
}
.ob-teacherHeader__bar--2 {
  top: 16px;
}
.ob-teacherHeader__bar--3 {
  top: 24px;
}

.ob-teacherMain {
  max-width: 1320px;
  width: 100%;
  padding: 0 80px;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .ob-teacherMain {
    padding: 0 20px;
  }
}

.ob-teacherMv {
  height: 980px;
  position: relative;
  margin: 0 calc(50% - 50vw) 92px;
}
@media screen and (max-width: 1023px) {
  .ob-teacherMv {
    height: 80vh;
    margin: 0 calc(50% - 50vw) 64px;
  }
}
.ob-teacherMv__img {
  width: 100%;
  height: 100%;
}
.ob-teacherMv .cp-inner,
.ob-teacherMv img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ob-teacherMv__txtWrapper {
  position: absolute;
  left: 40px;
  bottom: 70px;
}
@media screen and (max-width: 1023px) {
  .ob-teacherMv__txtWrapper {
    left: 0;
    bottom: 48px;
    padding: 0 20px;
  }
}
.ob-teacherMv__main {
  font-size: 5.6rem;
  font-weight: 500;
  line-height: 1;
  margin: 0 0 22px;
}
@media screen and (max-width: 1023px) {
  .ob-teacherMv__main {
    font-size: 3.2rem;
    line-height: 1.5;
    margin: 0 0 16px;
  }
}
.ob-teacherMv__sub {
  font-size: 1.8rem;
  font-weight: 500;
}
@media screen and (max-width: 1023px) {
  .ob-teacherMv__sub {
    font-size: 1.5rem;
  }
}

.ob-teacherHeading {
  font-size: 2.8rem;
  font-weight: 500;
  margin: 0 0 26px;
  grid-column: 1/4;
  grid-row: 1/2;
}

.ob-teacherNews {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 60px;
}
@media screen and (max-width: 1023px) {
  .ob-teacherNews {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
@media screen and (max-width: 1023px) {
  .ob-teacherNews {
    hyphenate-character: 1fr;
  }
}
@media screen and (max-width: 1023px) {
  .ob-teacherNews__information {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.ob-teacherNews__item {
  border-bottom: 1px solid #ccc;
  min-height: 80px;
  padding: 16px 0;
}
.ob-teacherNews__item:nth-child(2) {
  border-top: 1px solid #ccc;
}
.ob-teacherNews__date {
  font-size: 1.4rem;
  font-weight: 500;
  font-family: "Barlow", serif;
  margin: 0 0 9px;
}
.ob-teacherNews__ttl {
  font-size: 1.5rem;
  font-weight: 500;
}

@media screen and (max-width: 1023px) {
  .teacherTopics {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
.teacherTopics__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  list-style: none !important;
  margin: 0 !important;
}
@media screen and (max-width: 767px) {
  .teacherTopics__inner {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }
}
.teacherTopics__img {
  border-radius: 10px;
  overflow: hidden;
  aspect-ratio: 4/3;
  margin: 0 0 16px;
}
.teacherTopics__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.2s ease;
}
.teacherTopics__dateWrapper {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 10px;
  gap: 19px;
}
@media screen and (max-width: 1023px) {
  .teacherTopics__dateWrapper {
    gap: 8px;
  }
}
.teacherTopics__date {
  font-size: 1.4rem;
  font-family: "Barlow", serif;
  font-weight: 500;
  color: var(--text-color);
}
@media screen and (max-width: 1023px) {
  .teacherTopics__date {
    font-size: 1.3rem;
  }
}
.teacherTopics__cat {
  border-radius: 100vmax;
  min-width: 80px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
}
@media screen and (max-width: 1023px) {
  .teacherTopics__cat {
    font-size: 1.1rem;
    min-width: 66px;
    height: 18px;
  }
}
.teacherTopics__bottom {
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--text-color);
  line-height: 1.6667;
}
@media screen and (max-width: 1023px) {
  .teacherTopics__bottom {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 1024px) {
  .teacherTopics__item:hover .teacherTopics__img img {
    scale: 1.1;
  }
  .teacherTopics__item:hover .teacherTopics__bottom {
    text-decoration: underline;
  }
}

.ob-teacherMenu {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
@media screen and (max-width: 1023px) {
  .ob-teacherMenu {
    display: block;
  }
}
.ob-teacherMenu__item {
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .ob-teacherMenu__item + .ob-teacherMenu__item {
    margin: 32px 0 0;
  }
}
.ob-teacherMenu__img {
  aspect-ratio: 1/0.6111111111;
  overflow: hidden;
}
.ob-teacherMenu__img .cp-inner,
.ob-teacherMenu__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.2s ease;
}
.ob-teacherMenu__txt {
  background-color: #fff;
  width: 100%;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.4rem;
  color: var(--text-color);
}
@media screen and (min-width: 1024px) {
  .ob-teacherMenu__item:hover img {
    scale: 1.1;
  }
}

.ob-teacherFooter {
  margin: 104px 0 0;
  color: #fff;
}
.ob-teacherFooter__top {
  max-width: 1320px;
  width: 100%;
  padding: 112px 80px 132px;
  margin: 0 auto;
  position: relative;
  z-index: 5;
}
@media screen and (max-width: 1023px) {
  .ob-teacherFooter__top {
    padding: 48px 20px;
  }
}
.ob-teacherFooter__top::before {
  content: "";
  display: block;
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  z-index: -1;
  background: linear-gradient(90deg, transparent 0%, transparent 8.8542%, #555657 8.8542%, #555657 100%);
}
@media screen and (max-width: 1440px) {
  .ob-teacherFooter__top::before {
    background: #666;
  }
}
.ob-teacherFooter__contact {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  font-size: 1.5rem;
  margin: 0 0 91px;
}
@media screen and (max-width: 1023px) {
  .ob-teacherFooter__contact {
    grid-template-columns: 11fr;
    gap: 40px;
    margin: 0 0 48px;
  }
}
.ob-teacherFooter__left {
  padding: 0 50px 0 0;
  border-right: 1px solid #fff;
  flex-shrink: 0;
}
@media screen and (max-width: 1023px) {
  .ob-teacherFooter__left {
    padding: 0;
    border-right: none;
  }
}
.ob-teacherFooter__name {
  font-weight: 500;
  margin: 0 0 29px;
}
.ob-teacherFooter__right {
  width: 100%;
  margin: 0 0 0 58px;
}
@media screen and (max-width: 1023px) {
  .ob-teacherFooter__right {
    margin: 0;
  }
}
.ob-teacherFooter__right a {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 380px;
  width: 100%;
  height: 60px;
  border-radius: 4px;
  color: #fff;
  font-weight: 500;
  text-align: center;
  position: relative;
  background-color: #3442ae;
  border: 1PX solid #3442ae;
  transition: 0.2s ease;
}
@media screen and (min-width: 1024px) {
  .ob-teacherFooter__right a:hover {
    text-decoration: none;
    background-color: #fff;
    color: #3442ae;
  }
  .ob-teacherFooter__right a:hover::before {
    background-color: #3442ae;
  }
}
@media screen and (max-width: 1023px) {
  .ob-teacherFooter__right a {
    min-height: 48px;
    font-size: 1.4rem;
  }
}
.ob-teacherFooter__right a::before {
  content: "";
  display: block;
  width: 17px;
  height: 13px;
  position: absolute;
  top: 50%;
  right: 19px;
  translate: 0 -50%;
  transition: 0.2s ease;
  background-color: #fff;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.414%22%20height%3D%2213.414%22%20viewBox%3D%220%200%2017.414%2013.414%22%3E%3Cg%20transform%3D%22translate(-1510%20-2835.293)%22%3E%3Cpath%20d%3D%22M-10763.293-19303.846l-1.414-1.414%2C5.293-5.295-5.293-5.291%2C1.414-1.414%2C6.707%2C6.705Z%22%20transform%3D%22translate(12284%2022152.553)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M16%2C1H0V-1H16Z%22%20transform%3D%22translate(1510%202842)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.414%22%20height%3D%2213.414%22%20viewBox%3D%220%200%2017.414%2013.414%22%3E%3Cg%20transform%3D%22translate(-1510%20-2835.293)%22%3E%3Cpath%20d%3D%22M-10763.293-19303.846l-1.414-1.414%2C5.293-5.295-5.293-5.291%2C1.414-1.414%2C6.707%2C6.705Z%22%20transform%3D%22translate(12284%2022152.553)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M16%2C1H0V-1H16Z%22%20transform%3D%22translate(1510%202842)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ob-teacherFooter__menu ul {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  list-style: none !important;
  margin: 0 !important;
}
@media screen and (max-width: 1023px) {
  .ob-teacherFooter__menu ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}
.ob-teacherFooter__menu li {
  width: 220px;
}
@media screen and (max-width: 1023px) {
  .ob-teacherFooter__menu li {
    width: 100%;
  }
}
.ob-teacherFooter__menu a {
  display: block;
  width: 100%;
  padding: 18px 24px 0 0;
  border-top: 1px solid #fff;
  color: #fff;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .ob-teacherFooter__menu a:hover::before {
    opacity: 1;
  }
}
@media screen and (max-width: 1023px) {
  .ob-teacherFooter__menu a {
    font-size: 1.3rem;
    padding: 4px 0 0;
  }
}
.ob-teacherFooter__menu a::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 10px;
  right: 0;
  width: 12px;
  height: 10px;
  opacity: 0;
  transition: 0.2s ease;
  background-color: #fff;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.414%22%20height%3D%2213.414%22%20viewBox%3D%220%200%2017.414%2013.414%22%3E%3Cg%20transform%3D%22translate(-1510%20-2835.293)%22%3E%3Cpath%20d%3D%22M-10763.293-19303.846l-1.414-1.414%2C5.293-5.295-5.293-5.291%2C1.414-1.414%2C6.707%2C6.705Z%22%20transform%3D%22translate(12284%2022152.553)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M16%2C1H0V-1H16Z%22%20transform%3D%22translate(1510%202842)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.414%22%20height%3D%2213.414%22%20viewBox%3D%220%200%2017.414%2013.414%22%3E%3Cg%20transform%3D%22translate(-1510%20-2835.293)%22%3E%3Cpath%20d%3D%22M-10763.293-19303.846l-1.414-1.414%2C5.293-5.295-5.293-5.291%2C1.414-1.414%2C6.707%2C6.705Z%22%20transform%3D%22translate(12284%2022152.553)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M16%2C1H0V-1H16Z%22%20transform%3D%22translate(1510%202842)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ob-teacherFooter__bottom {
  min-height: 529px;
  max-width: 1320px;
  width: 100%;
  padding: 300px 80px 0;
  margin: -271px auto 0;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1023px) {
  .ob-teacherFooter__bottom {
    width: 100%;
    min-height: auto;
    padding: 32px 20px 16px;
    margin: 0;
  }
}
.ob-teacherFooter__bottom::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  background-color: #3f4041;
  width: 100vw;
  height: 100%;
  z-index: -1;
}
.ob-teacherFooter__linkWrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 80px;
  margin: 0 0 54px;
}
@media screen and (max-width: 1023px) {
  .ob-teacherFooter__linkWrapper {
    max-width: 240px;
    margin: 0 auto 32px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px 40px;
  }
}
.ob-teacherFooter__link a {
  display: flex;
  gap: 6px;
  color: #fff;
  text-decoration: none !important;
}
.cms .ob-teacherFooter__link a {
  background-color: #ccc;
  padding: 40px;
}
.ob-teacherFooter__link a::after {
  content: none !important;
}
.ob-teacherFooter__symbol {
  width: 35px;
}
.ob-teacherFooter__univ {
  height: 15px;
  margin: 0 0 6px;
}
.ob-teacherFooter__univ img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.ob-teacherFooter__major {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1;
}
.ob-teacherFooter__copyright {
  font-size: 1.4rem;
}
@media screen and (max-width: 1023px) {
  .ob-teacherFooter__copyright {
    text-align: center;
  }
}

.page-sitemap .lo-contents > .cp-sitemap {
  display: block !important;
}
.page-sitemap .cp-sitemap__link {
  color: var(--text-color);
}
.page-sitemap .cp-sitemap__link--lv2 {
  font-size: 3.6rem;
  font-weight: 500;
  line-height: 1.5;
  padding: 38px 0 0;
  margin: 100px 0 56px;
  border-top: 3px solid var(--main-color);
  display: block;
}
@media screen and (max-width: 1023px) {
  .page-sitemap .cp-sitemap__link--lv2 {
    font-size: 2.8rem;
    line-height: 1.5;
    margin: 80px 0 32px;
    padding: 24px 0 0;
    border-width: 4px;
  }
}
.page-sitemap .cp-sitemap__link--lv3 {
  font-size: 1.8rem;
  font-weight: 500;
}
@media screen and (max-width: 1023px) {
  .page-sitemap .cp-sitemap__link--lv3 {
    font-size: 1.6rem;
  }
}
.page-sitemap .cp-sitemap__folder--lv2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px 40px;
}
@media screen and (max-width: 1023px) {
  .page-sitemap .cp-sitemap__folder--lv2 {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px 32px;
  }
}
.page-sitemap .cp-sitemap__folder--lv3 {
  margin: 16px 0 0;
}
@media screen and (max-width: 1023px) {
  .page-sitemap .cp-sitemap__folder--lv3 {
    margin: 8px 0 0;
  }
}
.page-sitemap .cp-sitemap__folder--lv2:not([data-target=news-all2]) > base-header0-nest-list:first-child {
  display: none;
}
.page-sitemap .cp-sitemap__folder--lv3[data-target=unit3] > base-header0-nest-list:first-child {
  display: none;
}
.page-sitemap .cp-sitemap__folder--lv3[data-target=unit3] .cp-sitemap__folder--lv4 {
  display: none;
}
.page-sitemap .cp-sitemap__inner > .cp-sitemap__item:nth-last-child(-n+4) {
  display: none;
}

.cp-basic-block__news::before {
  content: none;
}

.news-all2 .cp-basic-block__anchors-ul {
  padding: 0px 0 0 160px;
}
@media screen and (max-width: 1023px) {
  .news-all2 .cp-basic-block__anchors-ul {
    padding: 0;
  }
}
.news-all2 .cp-basic-block__anchors-ul::before {
  content: "一般教育部NEWS";
}
.news-all2 .cp-basic-block__anchors-ul:not(.cms .news-all2 .cp-basic-block__anchors-ul)::after {
  left: 140px;
}
@media screen and (max-width: 1023px) {
  .news-all2 .cp-basic-block__anchors-ul:not(.cms .news-all2 .cp-basic-block__anchors-ul)::after {
    left: 124px;
  }
}
.news-all2 .topReports {
  padding: 0;
  margin: 0 0 48px;
}
.news-all2 .topReports__inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
@media screen and (max-width: 1023px) {
  .news-all2 .topReports__inner {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }
}
@media screen and (max-width: 767px) {
  .news-all2 .topReports__inner {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 20px;
  }
}
.news-all2 .topReports__item {
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .news-all2 .topReports__item {
    width: 100%;
  }
}

.newsPaging {
  display: flex;
  justify-content: center;
  gap: 6px;
  list-style: none !important;
  margin: 80px 0 0 !important;
}
@media screen and (max-width: 1023px) {
  .newsPaging {
    margin: 48px 0 0 !important;
  }
}
.newsPaging a,
.newsPaging span {
  width: 60px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 500;
  border-radius: 4px;
  border: 1px solid var(--main-color);
}
.newsPaging a {
  background-color: #fff;
  color: var(--main-color);
  transition: 0.2s ease;
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .newsPaging a:hover {
    background-color: var(--main-color);
    color: #fff;
  }
}
.newsPaging span {
  background-color: var(--main-color);
  color: #fff;
}

.newsSortMenu {
  display: flex;
  gap: 10px;
  margin: 0 0 48px;
  font-size: 1.5rem;
}
@media screen and (max-width: 1023px) {
  .newsSortMenu {
    flex-direction: column;
  }
}
.newsSortMenu__left {
  display: flex;
  gap: 10px;
}
@media screen and (max-width: 1023px) {
  .newsSortMenu__left {
    flex-direction: column;
  }
}
.newsSortMenu__filter {
  position: relative;
}
.newsSortMenu__filter::before {
  content: "";
  display: block;
  width: 13px;
  height: 7px;
  position: absolute;
  top: 50%;
  right: 20px;
  translate: 0 -50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.707%22%20height%3D%227.061%22%20viewBox%3D%220%200%2012.707%207.061%22%3E%3Cpath%20d%3D%22M-16590.662-19371.611l-.707-.707%2C5.646-5.646-5.646-5.646.707-.707%2C6.354%2C6.354Z%22%20transform%3D%22translate(-19371.611%2016591.369)%20rotate(90)%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E");
}
@media screen and (min-width: 1024px) {
  .newsSortMenu__filter:hover::before {
    scale: 1 -1;
  }
}
.newsSortMenu select {
  width: 240px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 4px 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
@media screen and (max-width: 1023px) {
  .newsSortMenu select {
    width: 100%;
    color: var(--text-color) !important;
  }
}
.newsSortMenu__right {
  width: 100%;
  height: 40px;
  position: relative;
}
.newsSortMenu input[type=text] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 4px 76px 4px 16px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  display: flex;
  align-items: center;
}
.newsSortMenu input[type=text]::-moz-placeholder {
  color: #666;
}
.newsSortMenu input[type=text]::placeholder {
  color: #666;
}
.newsSortMenu input[type=submit] {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 100%;
  border-radius: 0 4px 4px 0;
  background-color: var(--main-color);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M14.162%2C13.1A8%2C8%2C0%2C1%2C0%2C13.1%2C14.162l1.57%2C1.569a.748.748%2C0%2C0%2C0%2C1.06%2C0%2C.75.75%2C0%2C0%2C0%2C0-1.061ZM1.5%2C8A6.5%2C6.5%2C0%2C1%2C1%2C8%2C14.5%2C6.508%2C6.508%2C0%2C0%2C1%2C1.5%2C8%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}

.lo-newsDetail__snsWrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin: 0 0 64px;
}
.lo-newsDetail__snsHeading {
  font-size: 1.3rem;
  font-weight: 600;
  font-family: "Circular", sans-serif;
}
.lo-newsDetail__snsIcon a {
  display: block;
  width: 37px;
  height: 35px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: 0.2s ease;
}
@media screen and (min-width: 1024px) {
  .lo-newsDetail__snsIcon a:hover {
    opacity: 0.7;
  }
}
.lo-newsDetail__snsIcon a::after {
  content: none !important;
}
.lo-newsDetail__snsIcon--x a {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2237%22%20height%3D%2235%22%20viewBox%3D%220%200%2037%2035%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Crect%20width%3D%2216.426%22%20height%3D%2215.08%22%20transform%3D%22translate(0%200)%22%20fill%3D%22none%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(-302%20-283)%22%3E%3Crect%20width%3D%2237%22%20height%3D%2235%22%20rx%3D%2214%22%20transform%3D%22translate(302%20283)%22%20fill%3D%22%23fff%22%2F%3E%3Cg%20transform%3D%22translate(312%20293)%22%3E%3Cg%20transform%3D%22translate(0%200)%22%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M16.269%2C14.87c-.451-.6-.906-1.207-1.354-1.805h0C13.3%2C10.909%2C11.624%2C8.68%2C9.95%2C6.445L16%2C0H14.145l-.038.041L11.569%2C2.747l-2.441%2C2.6L5.155.053%2C5.115%2C0H.239L.392.209%2C2.3%2C2.8%2C4.238%2C5.433%2C6.354%2C8.306l-1%2C1.069-1.1%2C1.17L3.082%2C11.794%2C1.9%2C13.054l-1.687%2C1.8L0%2C15.08H1.845l.039-.041%2C1.694-1.805%2C1.836-1.955L7.166%2C9.411q.976%2C1.324%2C1.95%2C2.648l.856%2C1.162.665.9.664.9.039.053h5.085ZM7.925%2C8.22h0L7.364%2C7.46%2C2.84%2C1.315H4.458l1.6%2C2.129%2C1.12%2C1.494L8.28%2C6.41l.6.8.053.07.013.017.093.125h0l3.839%2C5.119.922%2C1.228h-1.79L8.083%2C8.435l-.065-.089Z%22%20transform%3D%22translate(0%200)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.lo-newsDetail__snsIcon--facebook a {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2237%22%20height%3D%2235%22%20viewBox%3D%220%200%2037%2035%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Crect%20width%3D%228.166%22%20height%3D%2216%22%20fill%3D%22%23fff%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(-347%20-283)%22%3E%3Crect%20width%3D%2237%22%20height%3D%2235%22%20rx%3D%2214%22%20transform%3D%22translate(347%20283)%22%20fill%3D%22%233d5897%22%2F%3E%3Cg%20transform%3D%22translate(361%20293)%22%3E%3Cg%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M8.086%2C5.747c-.126.966-.245%2C1.893-.368%2C2.829H5.328V16H2.4V8.565H0V5.75H2.412V5.538c0-.566-.012-1.132%2C0-1.7A7.345%2C7.345%2C0%2C0%2C1%2C2.5%2C2.759%2C3.152%2C3.152%2C0%2C0%2C1%2C3.767.655%2C3.654%2C3.654%2C0%2C0%2C1%2C5.873%2C0c.5-.012%2C1%2C.013%2C1.492.035.271.013.542.051.8.076v2.52h-.2c-.486%2C0-.97-.012-1.454%2C0-.664.024-1.156.277-1.18%2C1.106-.016.606-.023%2C2-.023%2C2s1.56%2C0%2C2.24%2C0h.537%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.lo-newsDetail__snsIcon--line a {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2237%22%20height%3D%2235%22%20viewBox%3D%220%200%2037%2035%22%3E%3Cg%20transform%3D%22translate(-392%20-283)%22%3E%3Crect%20width%3D%2237%22%20height%3D%2235%22%20rx%3D%2214%22%20transform%3D%22translate(392%20283)%22%20fill%3D%22%2300b900%22%2F%3E%3Cg%20transform%3D%22translate(-107.818%20-0.438)%22%3E%3Cpath%20d%3D%22M326.033%2C79.284h-1.2a.329.329%2C0%2C0%2C0-.332.33h0V87.04a.331.331%2C0%2C0%2C0%2C.331.331h1.2a.332.332%2C0%2C0%2C0%2C.332-.33h0V79.615A.332.332%2C0%2C0%2C0%2C326.033%2C79.284Z%22%20transform%3D%22translate(188.775%20217.156)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M333.829%2C79.284h-1.186a.33.33%2C0%2C0%2C0-.332.33h0v4.414l-3.4-4.595a.327.327%2C0%2C0%2C0-.026-.033l-.02-.02-.006-.006-.017-.015-.009-.007-.017-.012-.009-.006-.019-.009h-.01l-.019-.007h-.01l-.02-.006h-1.289a.329.329%2C0%2C0%2C0-.332.33h0v7.425a.331.331%2C0%2C0%2C0%2C.331.331h1.2a.331.331%2C0%2C0%2C0%2C.333-.329V82.657l3.406%2C4.6a.3.3%2C0%2C0%2C0%2C.085.082l.02.012h.009l.016.008.016.007h.009l.023.007a.3.3%2C0%2C0%2C0%2C.085.012h1.2a.332.332%2C0%2C0%2C0%2C.332-.33h0V79.615A.332.332%2C0%2C0%2C0%2C333.829%2C79.284Z%22%20transform%3D%22translate(189.195%20217.156)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M324.051%2C85.508v.007H320.8v-5.9a.331.331%2C0%2C0%2C0-.33-.332h-1.2a.329.329%2C0%2C0%2C0-.332.33v7.425a.33.33%2C0%2C0%2C0%2C.093.232.325.325%2C0%2C0%2C0%2C.232.093h4.785a.332.332%2C0%2C0%2C0%2C.332-.332v-1.2A.332.332%2C0%2C0%2C0%2C324.051%2C85.508Z%22%20transform%3D%22translate(187.877%20217.16)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M339.294%2C79.284h-4.775a.327.327%2C0%2C0%2C0-.232.094v.006a.321.321%2C0%2C0%2C0-.093.232v7.423a.33.33%2C0%2C0%2C0%2C.093.232.326.326%2C0%2C0%2C0%2C.232.093h4.775a.332.332%2C0%2C0%2C0%2C.332-.332v-1.2a.332.332%2C0%2C0%2C0-.332-.332h-3.252V84.249h3.252a.332.332%2C0%2C0%2C0%2C.332-.332V82.728a.332.332%2C0%2C0%2C0-.331-.333h-3.253V81.14l3.252%2C0a.332.332%2C0%2C0%2C0%2C.332-.332v-1.2A.332.332%2C0%2C0%2C0%2C339.294%2C79.284Z%22%20transform%3D%22translate(190.34%20217.156)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.lo-newsDetail__ttl {
  font-size: 3.6rem;
  font-weight: bold;
  margin: 0 0 48px;
}
@media screen and (max-width: 1023px) {
  .lo-newsDetail__ttl {
    font-size: 2.2rem;
    margin: 0 0 48px;
  }
}
.lo-newsDetail__info {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 0 22px;
  margin: 0 0 64px;
  border-bottom: 1px solid var(--heading-color);
}
@media screen and (max-width: 1023px) {
  .lo-newsDetail__info {
    margin: 0 0 48px;
  }
}
.lo-newsDetail__date {
  font-size: 1.4rem;
  font-weight: 500;
  font-family: "Circular", sans-serif;
}
.lo-newsDetail__tagWrapper {
  display: flex;
  align-items: center;
  gap: 4px;
}
.lo-newsDetail__catWrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.lo-newsDetail__cat {
  border-radius: 100vmax;
  width: 94px;
  height: 22px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  line-height: 1;
  color: #fff;
}
@media screen and (max-width: 1023px) {
  .lo-newsDetail__cat {
    min-width: 61px;
    height: 20px;
    padding: 0 8px;
    font-size: 1.05rem;
  }
}
.lo-newsDetail__tag {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 97px;
  height: 22px;
  padding: 0 4px;
  border-radius: 100vmax;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
}
.lo-newsDetail__btn a {
  width: 300px;
  height: 50px;
  margin: 0 auto 0;
  background-color: #fff;
  border: 1px solid var(--main-color);
  color: var(--main-color);
  font-size: 1.6rem;
  transition: 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .lo-newsDetail__btn a:hover {
    background-color: var(--main-color);
    color: #fff;
    text-decoration: none;
  }
}
@media screen and (max-width: 1023px) {
  .lo-newsDetail__btn a {
    width: 240px;
    height: 40px;
    font-size: 1.4rem;
  }
}
.lo-newsDetail .lo-contents {
  display: block;
}
.lo-newsDetail .lo-contentsContainer {
  padding: 40px 0 120px;
}

.page-search .cp-external::after,
.page-search-news .cp-external::after,
.page-search-event .cp-external::after {
  content: none;
}
.page-search td,
.page-search-news td,
.page-search-event td {
  border: none;
  padding: 18px;
}
.page-search .gsc-control-cse,
.page-search-news .gsc-control-cse,
.page-search-event .gsc-control-cse {
  background-color: transparent;
  border: none;
  padding: 0;
  font-family: "Noto Sans JP", sans-serif;
}
.page-search form.gsc-search-box,
.page-search-news form.gsc-search-box,
.page-search-event form.gsc-search-box {
  background-color: #fff;
  margin-bottom: 40px;
}
.page-search .gsc-input,
.page-search-news .gsc-input,
.page-search-event .gsc-input {
  padding: 0;
  border-color: var(--main-color);
  border-right: none;
}
.page-search .gsc-input-box,
.page-search-news .gsc-input-box,
.page-search-event .gsc-input-box {
  border: none;
}
.page-search #gs_id50,
.page-search-news #gs_id50,
.page-search-event #gs_id50 {
  margin: 0;
}
.page-search .gsib_a,
.page-search-news .gsib_a,
.page-search-event .gsib_a {
  border: none;
}
.page-search .gsib_b,
.page-search-news .gsib_b,
.page-search-event .gsib_b {
  display: none;
}
.page-search .gsc-search-button,
.page-search-news .gsc-search-button,
.page-search-event .gsc-search-button {
  border-left: none;
  border-color: var(--main-color);
}
.page-search .cp-basic-block__outer-code-block .gsc-search-button-v2,
.page-search-news .cp-basic-block__outer-code-block .gsc-search-button-v2,
.page-search-event .cp-basic-block__outer-code-block .gsc-search-button-v2 {
  border: none;
  background-color: var(--main-color);
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.25%22%20height%3D%2221.25%22%20viewBox%3D%220%200%2021.25%2021.25%22%3E%3Cg%20transform%3D%22translate(-1651%20-93)%22%3E%3Cpath%20d%3D%22M10.023%2C1.5a8.523%2C8.523%2C0%2C1%2C0%2C8.523%2C8.523A8.533%2C8.533%2C0%2C0%2C0%2C10.023%2C1.5m0-1.5A10.023%2C10.023%2C0%2C1%2C1%2C0%2C10.023%2C10.023%2C10.023%2C0%2C0%2C1%2C10.023%2C0Z%22%20transform%3D%22translate(1651%2093)%22%20fill%3D%22%23222%22%2F%3E%3Cpath%20d%3D%22M3.591%2C4.341a.748.748%2C0%2C0%2C1-.53-.22L-.53.53A.75.75%2C0%2C0%2C1-.53-.53.75.75%2C0%2C0%2C1%2C.53-.53L4.121%2C3.06a.75.75%2C0%2C0%2C1-.53%2C1.28Z%22%20transform%3D%22translate(1667.909%20109.909)%22%20fill%3D%22%23222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.25%22%20height%3D%2221.25%22%20viewBox%3D%220%200%2021.25%2021.25%22%3E%3Cg%20transform%3D%22translate(-1651%20-93)%22%3E%3Cpath%20d%3D%22M10.023%2C1.5a8.523%2C8.523%2C0%2C1%2C0%2C8.523%2C8.523A8.533%2C8.533%2C0%2C0%2C0%2C10.023%2C1.5m0-1.5A10.023%2C10.023%2C0%2C1%2C1%2C0%2C10.023%2C10.023%2C10.023%2C0%2C0%2C1%2C10.023%2C0Z%22%20transform%3D%22translate(1651%2093)%22%20fill%3D%22%23222%22%2F%3E%3Cpath%20d%3D%22M3.591%2C4.341a.748.748%2C0%2C0%2C1-.53-.22L-.53.53A.75.75%2C0%2C0%2C1-.53-.53.75.75%2C0%2C0%2C1%2C.53-.53L4.121%2C3.06a.75.75%2C0%2C0%2C1-.53%2C1.28Z%22%20transform%3D%22translate(1667.909%20109.909)%22%20fill%3D%22%23222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: 24px;
          mask-size: 24px;
  height: 24px;
  width: 24px;
  padding: 0;
}
.page-search .cp-basic-block__outer-code-block .gsc-search-button-v2 svg,
.page-search-news .cp-basic-block__outer-code-block .gsc-search-button-v2 svg,
.page-search-event .cp-basic-block__outer-code-block .gsc-search-button-v2 svg {
  display: none;
}
.page-search .gsc-above-wrapper-area,
.page-search-news .gsc-above-wrapper-area,
.page-search-event .gsc-above-wrapper-area {
  border: none;
  padding: 0 0 21px;
  border-bottom: 1px solid #ccc;
}
.page-search .gsc-above-wrapper-area-container,
.page-search-news .gsc-above-wrapper-area-container,
.page-search-event .gsc-above-wrapper-area-container {
  margin: 0;
}
.page-search .gsc-results,
.page-search-news .gsc-results,
.page-search-event .gsc-results {
  padding: 0;
  width: 100%;
}
.page-search .gsc-result-info-container,
.page-search-news .gsc-result-info-container,
.page-search-event .gsc-result-info-container {
  padding: 0 !important;
  border: none;
}
.page-search .gsc-result-info,
.page-search-news .gsc-result-info,
.page-search-event .gsc-result-info {
  color: var(--text-color);
  padding: 0;
}
.page-search .gsc-orderby-container,
.page-search-news .gsc-orderby-container,
.page-search-event .gsc-orderby-container {
  border: none;
}
.page-search .gsc-adBlock,
.page-search-news .gsc-adBlock,
.page-search-event .gsc-adBlock {
  display: none;
}
.page-search .gsc-webResult.gsc-result,
.page-search-news .gsc-webResult.gsc-result,
.page-search-event .gsc-webResult.gsc-result {
  padding: 24px 0;
  border-width: 0 0 1px 0;
  border-color: #ccc;
}
.page-search .gs-web-image-box,
.page-search .gs-promotion-image-box,
.page-search-news .gs-web-image-box,
.page-search-news .gs-promotion-image-box,
.page-search-event .gs-web-image-box,
.page-search-event .gs-promotion-image-box {
  display: none;
}
.page-search .gs-result .gs-title *,
.page-search .gsc-cursor-page,
.page-search .gs-spelling a,
.page-search-news .gs-result .gs-title *,
.page-search-news .gsc-cursor-page,
.page-search-news .gs-spelling a,
.page-search-event .gs-result .gs-title *,
.page-search-event .gsc-cursor-page,
.page-search-event .gs-spelling a {
  color: var(--text-color);
}
.page-search .gs-visibleUrl,
.page-search-news .gs-visibleUrl,
.page-search-event .gs-visibleUrl {
  color: var(--main-link-color) !important;
  line-height: 1.4285714286;
}
.page-search .gsc-table-result .gs-snippet,
.page-search-news .gsc-table-result .gs-snippet,
.page-search-event .gsc-table-result .gs-snippet {
  line-height: 1.625;
}
.page-search .gsc-orderby,
.page-search-news .gsc-orderby,
.page-search-event .gsc-orderby {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}
.page-search .gsc-orderby-label,
.page-search-news .gsc-orderby-label,
.page-search-event .gsc-orderby-label {
  font-weight: normal;
  color: var(--text-color);
}
.page-search .gsc-selected-option-container,
.page-search-news .gsc-selected-option-container,
.page-search-event .gsc-selected-option-container {
  max-width: 100%;
  background-color: #fff;
  font-weight: normal;
  border: 1px solid #ccc;
  color: var(--text-color);
}
.page-search .gsc-expansionArea,
.page-search-news .gsc-expansionArea,
.page-search-event .gsc-expansionArea {
  margin-bottom: 40px;
}
.page-search .gsc-results .gsc-cursor-box,
.page-search-news .gsc-results .gsc-cursor-box,
.page-search-event .gsc-results .gsc-cursor-box {
  padding: 20px 0;
  background-color: #fff;
}
.page-search .gsc-results .gsc-cursor,
.page-search-news .gsc-results .gsc-cursor,
.page-search-event .gsc-results .gsc-cursor {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.page-search .gsc-results .gsc-cursor-box .gsc-cursor-page,
.page-search-news .gsc-results .gsc-cursor-box .gsc-cursor-page,
.page-search-event .gsc-results .gsc-cursor-box .gsc-cursor-page {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background-color: #fff;
  color: var(--text-color);
  font-size: 1.5rem;
  font-family: "Circular", sans-serif;
  font-weight: 600;
  text-decoration: none !important;
}
.page-search .gsc-results .gsc-cursor-box .gsc-cursor-current-page,
.page-search-news .gsc-results .gsc-cursor-box .gsc-cursor-current-page,
.page-search-event .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  background-color: var(--main-color);
  color: #fff;
}
.page-search .gcsc-more-maybe-branding-root > a,
.page-search-news .gcsc-more-maybe-branding-root > a,
.page-search-event .gcsc-more-maybe-branding-root > a {
  display: none;
}
.page-search .gcsc-find-more-on-google-branding a::after,
.page-search-news .gcsc-find-more-on-google-branding a::after,
.page-search-event .gcsc-find-more-on-google-branding a::after {
  content: none;
}
.page-search .gcsc-branding img,
.page-search-news .gcsc-branding img,
.page-search-event .gcsc-branding img {
  margin-top: 2px;
}