@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');
html.fix {
  overflow: hidden;
}
body.fix {
  overflow: hidden;
}
:root {
    --colorText: #3C3B3B;
    --colorLink: #3C3B3B;
    --colorMain: #0083E8;
    --colorGray: #EBEBEB;
    --colorTheme: #DAE1E4;
    --fontJA: YakuHanJPs, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    --fontTtl: YakuHanJPs, "Zen Kaku Gothic New", system-ui;
    --wantedlyColor: #22BDDB;
    --facebookColor: #0068FF;
    --youtubeColor: #F70000;
    --mathColor: #3695FF;
    --scienceColor: #00CBAD;
    --englishColor: #E6C101;
    --researchColor: #E2A0FF;
    --infoColor: #FA97BD;
}
span{
  font-size: inherit;
}
.overlay {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(60, 59, 59, 0.45);
  transition: 0.3s;
  z-index: 1000;
}
.siteHeader input[type=text]{
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
  font-family: var(--fontJA);
}
@media (max-width: 767px) {
  .overlay {
    display: none !important;
  }
}
.siteHeader *{
  font-family: var(--fontJA);
  color: var(--colorText);
  line-height: 2;
  word-break: normal;
}
footer *{
  font-family: var(--fontJA);
  color: var(--colorText);
  word-break: normal;
}
.siteHeader img, .siteHeader svg,
footer img, footer svg {
  display: block;
  max-width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .siteHeader {
    background: none;
  }
}
.siteHeader__tab {
  display: none;
}
.siteHeader__flex {
  display: flex;
  align-items: center;
  width: 295px;
}
.siteHeader__flex.blur {
  filter: blur(6px);
}
.siteHeader__logo {
  position: relative;
}
.siteHeader__logo .normalLogo {
  display: block;
}
.siteHeader__logo .blackLogo {
  display: none;
}
.siteHeader__logo a {
  display: block;
}
.siteHeader__logo a svg {
  width: 16px;
  height: 39px;
}
@media (any-hover: hover) {
  .siteHeader__logo a:hover {
    opacity: 0.4;
  }
}
@media (max-width: 767px) {
  .siteHeader__logo {
    padding: 0;
    margin: 0;
  }
  .siteHeader__logo a svg {
    width: 12px;
    height: 29px;
  }
  .siteHeader__logo::after {
    content: none;
  }
}
.siteHeader__selectTab {
  position: relative;
}
.siteHeader__selectTabTtl {
  line-height: 1.0625;
  font-weight: 500;
  font-family: var(--fontTtl);
  cursor: pointer;
  position: relative;
  padding: 0 20px 0 0;
}
.siteHeader__selectTabTtl svg {
  width: 10px;
  height: 5px;
  position: absolute;
  top: 2px;
  bottom: 0;
  right: 2px;
  margin: auto;
  fill: #3c3b3b;
}
.siteHeader__selectTabTtl span {
  position: relative;
  padding-bottom: 1px;
  background-image: linear-gradient(90deg, #333333, #333333);
  background-repeat: no-repeat;
  background-size: 100% 1px;
  background-position: left bottom 1px;
  transition: background-size 0.3s;
  padding: 0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.0625;
  font-family: var(--fontTtl);
}
.siteHeader__selectTabTtl span::after {
  content: none;
}
@media (any-hover: hover) {
  .siteHeader__selectTabTtl:hover span {
    background-position: right bottom 1px;
    background-size: 0 1px;
  }
}
.siteHeader__selectTabTtl .is-coloeMode_dark a span {
  background-image: linear-gradient(90deg, #fff, #fff);
}
.siteHeader__selectTabInner {
  display: none;
  width: 120px;
  padding: 18px 24px;
  position: absolute;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 15px rgba(60, 59, 59, 0.1);
  z-index: 3;
  top: 37px;
  left: -24px;
  right: 0;
  margin: auto;
}
.siteHeader__selectTabInnerList li {
  font-family: var(--fontTtl);
  font-weight: 500;
}
.siteHeader__selectTabInnerList li a span {
  position: relative;
  padding-bottom: 1px;
  background-image: linear-gradient(90deg, #333333, #333333);
  background-repeat: no-repeat;
  background-size: 100% 1px;
  background-position: left bottom 1px;
  transition: background-size 0.3s;
  padding: 0;
  font-family: var(--fontTtl);
}
.siteHeader__selectTabInnerList li a span::after {
  content: none;
}
@media (any-hover: hover) {
  .siteHeader__selectTabInnerList li a:hover span {
    background-position: right bottom 1px;
    background-size: 0 1px;
  }
}
.siteHeader__selectTabInnerList li .is-coloeMode_dark a span {
  background-image: linear-gradient(90deg, #fff, #fff);
}
.siteHeader__nav {
  width: 849px;
  margin: 5px 0 0;
}
.siteHeader__hum {
  display: none;
}
.siteHeader__inner {
  width: 100%;
  padding: 4px 50px 0;
  flex-wrap: wrap;
  position: absolute;
  top: 0px;
  left: 0;
  background: #fff;
  z-index: 500;
}
@media (max-width: 767px) {
  .siteHeader__inner {
    padding: 33px 20px;
    background: none;
  }
}
.siteHeader__inner.lowPage {
  opacity: 1;
  top: 0;
  transition: inherit;
}
.siteHeader__inner.fadeIn {
  top: 0;
  opacity: 1;
  animation: slideIn 0.75s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
.siteHeader__inner.backgroundNone {
  background: none;
  transition: 0.3s;
}
.siteHeader__inner.none {
  width: 100%;
  position: fixed;
  padding: 0 30px;
}
.siteHeader__inner.none .siteHeader__logo {
  width: 140px;
}
.siteHeader__inner.none .siteHeader__logo::after {
  content: none;
}
.siteHeader__inner.none .siteHeader__inner {
  padding: 0;
}
.siteHeader__inner.none .siteHeader__grp01 {
  display: none;
}
.siteHeader__inner.none .siteHeader__grp02 {
  align-items: center;
}
.siteHeader__inner.none .siteHeader__nav {
  margin: 0;
}
.siteHeader__inner.none .headerMenu__parent a, .siteHeader__inner.none .headerMenu__parent em {
  padding: 18px 0;
}
.siteHeader__inner.none .headerMenu__child.headerMenu__child--pos01 {
  padding: 62px 5px 0;
}
.siteHeader__innerWrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1300px;
  margin: 0 auto;
}
.siteHeader__grp01 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0 0 13px;
}
.siteHeader__grp01 .searchIcon {
  margin: 0 0 0 26px;
}
.siteHeader__grp01 .searchIcon svg {
  width: 20px;
  height: 20px;
}
.siteHeader__grp01.blur {
  filter: blur(6px);
}
@media (max-width: 767px) {
  .siteHeader__grp01 {
    display: none;
  }
}
.siteHeader__grp02 {
  display: flex;
  justify-content: flex-end;
  gap: 0 38px;
}
.siteHeader__grp02 .headerMenu {
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
  gap: 0 36px;
}
.siteHeader__grp02 .headerMenu.blur {
  filter: blur(6px);
}
@media (max-width: 767px) {
  .siteHeader__grp02 {
    display: none;
  }
}
.siteHeader .headerMenu .menuClose {
  position: absolute;
  z-index: 1;
  top: 32px;
  right: 40px;
  cursor: pointer;
}
.siteHeader .headerMenu__parent {
  height: 100%;
  display: block;
  font-family: var(--fontTtl);
  font-weight: 500;
  position: relative;
  font-size: 1rem;
  cursor: pointer;
}
.siteHeader .headerMenu__parent a, .siteHeader .headerMenu__parent em {
  display: block;
  font-family: var(--fontTtl);
  font-weight: 500;
  position: relative;
  line-height: 1.4444444444;
  padding: 0 0 27px;
  font-style: normal;
  transition: none;
}
.siteHeader .headerMenu__parent a::after, .siteHeader .headerMenu__parent em::after {
  content: "";
  width: 100%;
  height: 4px;
  background: #0083E8;
  border-radius: 100px;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: 0.3s;
}
@media (any-hover: hover) {
  .siteHeader .headerMenu__parent a:hover::after, .siteHeader .headerMenu__parent a.isActive::after, .siteHeader .headerMenu__parent em:hover::after, .siteHeader .headerMenu__parent em.isActive::after {
    opacity: 1;
    transition: 0.3s;
  }
}
.siteHeader .headerMenu__parent.blur {
  filter: blur(6px);
}
.siteHeader .headerMenu__parent.current a::after, .siteHeader .headerMenu__parent.current em::after {
  opacity: 1;
}
.siteHeader .headerMenu__child.headerMenu__child--pos01 {
  display: none;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(60, 59, 59, 0.4);
  z-index: 2;
  padding: 109px 50px 100px;
  overflow-y: scroll;
}
.siteHeader .headerMenu__index {
  max-width: 1350px;
  background: #fff;
  margin: 0 auto;
  border-radius: 30px;
  position: relative;
  z-index: 0;
  box-shadow: 0 0 30px rgba(60, 59, 59, 0.3);
}
.siteHeader .headerMenu__index .topArea {
  padding: 33px 52px 13px;
  border-bottom: solid 1px #EBEBEB;
}
.siteHeader .headerMenu__index .topArea a span {
  position: relative;
  padding-bottom: 1px;
  background-image: linear-gradient(90deg, #333333, #333333);
  background-repeat: no-repeat;
  background-size: 100% 1px;
  background-position: left bottom 1px;
  transition: background-size 0.3s;
  padding: 0;
}
.siteHeader .headerMenu__index .topArea a span::after {
  content: none;
}
@media (any-hover: hover) {
  .siteHeader .headerMenu__index .topArea a:hover span {
    background-position: right bottom 1px;
    background-size: 0 1px;
  }
}
.siteHeader .headerMenu__index .topArea .is-coloeMode_dark a span {
  background-image: linear-gradient(90deg, #fff, #fff);
}
.siteHeader .headerMenu__index .topArea a {
  font-size: 22px;
  font-weight: 700;
  font-family: var(--fontTtl);
  position: relative;
  padding: 0 17px 0 0;
  color: #3C3B3B;
}
.siteHeader .headerMenu__index .topArea a svg {
  width: 7px;
  height: 12px;
  position: absolute;
  top: 2px;
  bottom: 0;
  right: -2px;
  margin: auto;
}
.siteHeader .headerMenu__index .middleArea {
  display: flex;
  width: 100%;
  overflow-y: auto;
}
.siteHeader .headerMenu__index .middleArea .listArea {
  width: 231px;
  padding: 30px 24px 47px;
  background: #F5F6F8;
}
.siteHeader .headerMenu__index .middleArea .listArea li {
  margin: 0 0 3px;
}
.siteHeader .headerMenu__index .middleArea .listArea li:last-child {
  margin: 0;
}
.siteHeader .headerMenu__index .middleArea .listArea li a span {
  position: relative;
  padding-bottom: 1px;
  background-image: linear-gradient(90deg, #333333, #333333);
  background-repeat: no-repeat;
  background-size: 100% 1px;
  background-position: left bottom 1px;
  transition: background-size 0.3s;
  padding: 0;
}
.siteHeader .headerMenu__index .middleArea .listArea li a span::after {
  content: none;
}
@media (any-hover: hover) {
  .siteHeader .headerMenu__index .middleArea .listArea li a:hover span {
    background-position: right bottom 1px;
    background-size: 0 1px;
  }
}
.siteHeader .headerMenu__index .middleArea .listArea li .is-coloeMode_dark a span {
  background-image: linear-gradient(90deg, #fff, #fff);
}
.siteHeader .headerMenu__index .middleArea .listArea li a {
  display: block;
  padding: 5px 0 5px 27px;
  border-radius: 100px;
  color: #3C3B3B;
  cursor: pointer;
}
.siteHeader .headerMenu__index .middleArea .listArea li a span {
  font-weight: 500;
}
.siteHeader .headerMenu__index .middleArea .listArea li a.current {
  background: #3C3B3B;
  border-radius: 100px;
  color: #fff;
  pointer-events: none;
}
.siteHeader .headerMenu__index .middleArea .listArea li a.current span {
  background: none;
  color: #FFF;
}
.siteHeader .headerMenu__index .middleArea .tabArea {
  width: calc(100% - 231px);
  padding: 36px 137px 45px 51px;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockTitle {
  margin: 0 0 15px;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockTitle a span {
  position: relative;
  padding-bottom: 1px;
  background-image: linear-gradient(90deg, #333333, #333333);
  background-repeat: no-repeat;
  background-size: 100% 1px;
  background-position: left bottom 1px;
  transition: background-size 0.3s;
  padding: 0;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockTitle a span::after {
  content: none;
}
@media (any-hover: hover) {
  .siteHeader .headerMenu__index .middleArea .tabArea__blockTitle a:hover span {
    background-position: right bottom 1px;
    background-size: 0 1px;
  }
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockTitle .is-coloeMode_dark a span {
  background-image: linear-gradient(90deg, #fff, #fff);
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockTitle a {
  font-family: var(--fontTtl);
  font-size: 1rem;
  line-height: 1.3333333333;
  font-weight: 700;
  position: relative;
  padding: 0 19px 0 0;
  color: #3C3B3B;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockTitle a svg {
  width: 7px;
  height: 12px;
  position: absolute;
  top: 3px;
  bottom: 0;
  right: 1px;
  margin: auto;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail.textOnly {
  gap: 15px 37px;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail.textOnly li {
  width: auto;
  min-width: auto;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail.textOnly li a p {
  width: auto;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail.logoOnly {
  gap: 30px 15px;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail.logoOnly li {
  width: auto;
  min-width: auto;
  max-width: 160px;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail.logoOnly li a[href$=".pdf"] span {
  position: relative;
  background-size: calc(100% - 23px) 1px;
  padding: 0 23px 0 0;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail.logoOnly li a[href$=".pdf"] span::after {
  content: "";
  width: 17px;
  height: 20px;
  background: url(/keirinkan/kou/assets/images/pdf-icon.svg) no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  right: 0;
}
@media (any-hover: hover) {
  .siteHeader .headerMenu__index .middleArea .tabArea__blockDetail.logoOnly li a[href$=".pdf"]:hover span {
    background-position: right 23px bottom 1px;
    background-size: 0 1px;
  }
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail.logoOnly li a p {
  display: block;
  width: auto;
  background: none;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail.logoOnly li a p::after {
  content: none;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail li {
  width: auto;
  min-width: 120px;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail li figure {
  width: auto;
  height: 166px;
  margin: 0 0 6px;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail li figure.border {
  border: solid 1px #EBEBEB;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail li figure.logoImg, .siteHeader .headerMenu__index .middleArea .tabArea__blockDetail li figure.logoImgEn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 60px;
  border: solid 1px #D0D0D0;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail li figure.logoImg img, .siteHeader .headerMenu__index .middleArea .tabArea__blockDetail li figure.logoImgEn img {
  object-fit: contain;
  margin: 0 auto;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail li figure.logoImg:first-child img {
  width: 140px;
  height: 51px;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail li figure.logoImg:nth-child(2) img {
  width: 118px;
  height: 29px;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail li figure.logoImg:nth-child(3) img {
  width: 136px;
  height: 49px;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail li figure.logoImg:nth-child(4) img {
  width: 133px;
  height: 48px;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail li figure.logoImgEn:first-child img {
  width: 72px;
  height: 40px;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail li figure.logoImgEn:nth-child(2) img {
  width: 93px;
  height: 40px;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail li figure.logoImgEn:nth-child(3) img {
  width: 84px;
  height: 44px;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail li figure.logoImgEn:nth-child(4) img {
  width: 48px;
  height: 48px;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail li figure.logoImgEn:nth-child(5) img {
  width: 92px;
  height: 34px;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail li figure.logoImgEn:nth-child(6) img {
  width: 48px;
  height: 48px;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail li figure a {
  color: #3C3B3B;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail li figure img {
  width: auto;
  height: 166px;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail li p {
  width: 130px;
  font-size: 0.83rem;
  line-height: 1.4666666667;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail li a span {
  position: relative;
  padding-bottom: 1px;
  background-image: linear-gradient(90deg, #333333, #333333);
  background-repeat: no-repeat;
  background-size: 100% 1px;
  background-position: left bottom 1px;
  transition: background-size 0.3s;
  padding: 0;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail li a span::after {
  content: none;
}
@media (any-hover: hover) {
  .siteHeader .headerMenu__index .middleArea .tabArea__blockDetail li a:hover span {
    background-position: right bottom 1px;
    background-size: 0 1px;
  }
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail li .is-coloeMode_dark a span {
  background-image: linear-gradient(90deg, #fff, #fff);
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail li span {
  font-size: 0.78rem;
  color: #3C3B3B;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail li:first-child figure.logoImg img {
  width: 140px;
  height: 51px;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail li:nth-child(2) figure.logoImg img {
  width: 118px;
  height: 29px;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail li:nth-child(2) figure.simulationBox {
  border: none;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail li:nth-child(2) figure.simulationBox img {
  width: 160px;
  height: 60px;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail li:nth-child(3) figure.logoImg img {
  width: 136px;
  height: 49px;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail li:nth-child(4) figure.logoImg img {
  width: 133px;
  height: 48px;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail .backNumber a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 166px;
  background: #F5F6F8;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail .backNumber a a span {
  position: relative;
  padding-bottom: 1px;
  background-image: linear-gradient(90deg, #333333, #333333);
  background-repeat: no-repeat;
  background-size: 100% 1px;
  background-position: left bottom 1px;
  transition: background-size 0.3s;
  padding: 0;
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail .backNumber a a span::after {
  content: none;
}
@media (any-hover: hover) {
  .siteHeader .headerMenu__index .middleArea .tabArea__blockDetail .backNumber a a:hover span {
    background-position: right bottom 1px;
    background-size: 0 1px;
  }
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail .backNumber a .is-coloeMode_dark a span {
  background-image: linear-gradient(90deg, #fff, #fff);
}
.siteHeader .headerMenu__index .middleArea .tabArea__blockDetail .backNumber a p {
  font-size: 13px;
  line-height: 1.3846153846;
}
.siteHeader .headerMenu__index .middleArea .tabArea #text02,
.siteHeader .headerMenu__index .middleArea .tabArea #text03,
.siteHeader .headerMenu__index .middleArea .tabArea #text04,
.siteHeader .headerMenu__index .middleArea .tabArea #text05,
.siteHeader .headerMenu__index .middleArea .tabArea #text06,
.siteHeader .headerMenu__index .middleArea .tabArea #rika02,
.siteHeader .headerMenu__index .middleArea .tabArea #rika03,
.siteHeader .headerMenu__index .middleArea .tabArea #rika04,
.siteHeader .headerMenu__index .middleArea .tabArea #rika05,
.siteHeader .headerMenu__index .middleArea .tabArea #rika06,
.siteHeader .headerMenu__index .middleArea .tabArea #eigo02,
.siteHeader .headerMenu__index .middleArea .tabArea #eigo03,
.siteHeader .headerMenu__index .middleArea .tabArea #eigo04,
.siteHeader .headerMenu__index .middleArea .tabArea #eigo05,
.siteHeader .headerMenu__index .middleArea .tabArea #eigo06,
.siteHeader .headerMenu__index .middleArea .tabArea #ict02,
.siteHeader .headerMenu__index .middleArea .tabArea #ict03,
.siteHeader .headerMenu__index .middleArea .tabArea #tankyu02,
.siteHeader .headerMenu__index .middleArea .tabArea #joho02 {
  display: none;
}
.siteHeader .headerMenu__index .bottomArea {
  background: #E8EAED;
  border-radius: 0 0 30px 30px;
  padding: 23px 50px;
}
.siteHeader .headerMenu__index .bottomArea__banner {
  display: flex;
  gap: 0 26px;
}
.siteHeader .headerMenu__index .bottomArea__banner li {
  width: 228px;
}
@media (any-hover: hover) {
  .siteHeader .headerMenu__index .bottomArea__banner li a:hover {
    opacity: 0.6;
  }
}
.siteHeader .headerMenu__sub {
  display: flex;
  gap: 0 12px;
}
.siteHeader .headerMenu__sub li .contact {
  display: block;
  text-align: center;
  border-radius: 100px;
  font-family: var(--fontTtl);
  font-weight: 500;
  background: #F5F6F8;
  padding: 3px 0;
  color: #3C3B3B;
}
.siteHeader .headerMenu__sub li .contact.blur {
  filter: blur(6px);
}
@media (any-hover: hover) {
  .siteHeader .headerMenu__sub li .contact:hover {
    background: #DFE1E5;
  }
}
.siteHeader .headerMenu__sub li .searchIcon {
  cursor: pointer;
  line-height: 1;
}
.siteHeader .headerMenu__sub li .searchIcon.blur {
  filter: blur(6px);
}
.siteHeader .headerMenu__sub li .searchIcon svg {
  width: 34px;
  height: 34px;
  transition: 0.3s;
  fill: #3C3B3B;
}
@media (any-hover: hover) {
  .siteHeader .headerMenu__sub li .searchIcon:hover svg {
    fill: #8A8989;
    transition: 0.3s;
  }
}
.siteHeader__spBtn {
  display: none;
}
.siteHeader .searchModal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 999;
}
.siteHeader .searchModal::after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(60, 59, 59, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.siteHeader .searchModal__inner {
  max-width: 780px;
  height: 240px;
  background: #F5F6F8;
  border-radius: 30px;
  padding: 33px 43px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  box-shadow: 0 0 30px rgba(60, 59, 59, 0.3);
}
.siteHeader .searchModal__innerClose {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 18px;
  right: 19px;
  cursor: pointer;
}
.siteHeader .searchModal__innerClose svg {
  width: 30px;
  height: 30px;
}
@media (any-hover: hover) {
  .siteHeader .searchModal__innerClose:hover {
    opacity: 0.6;
  }
}
.siteHeader .searchModal__inner form {
  margin: 0 0 14px;
}
.siteHeader .searchModal__innerTitle {
  font-size: 23px;
  font-weight: 700;
  font-family: var(--fontTtl);
  margin: 0 0 11px;
  color: #3C3B3B;
}
.siteHeader input.searchModal__innerText[type=text] {
  width: 100%;
  border: solid 1px #EBEBEB;
  border-radius: 100px;
  background: #fff url(/keirinkan/kou/assets/images/search-icon.svg) no-repeat left 21px center;
  background-size: 20px auto;
  padding: 12px 53px;
}
.siteHeader .searchModal__innerText::placeholder {
  font-size: 17px;
  color: rgba(60, 59, 59, 0.4);
}
.siteHeader .searchModal__innerList {
  display: flex;
  gap: 0 24px;
}
.siteHeader .searchModal__innerList li a span {
  position: relative;
  padding-bottom: 1px;
  background-image: linear-gradient(90deg, #333333, #333333);
  background-repeat: no-repeat;
  background-size: 100% 1px;
  background-position: left bottom 1px;
  transition: background-size 0.3s;
  padding: 0;
}
.siteHeader .searchModal__innerList li a span::after {
  content: none;
}
@media (any-hover: hover) {
  .siteHeader .searchModal__innerList li a:hover span {
    background-position: right bottom 1px;
    background-size: 0 1px;
  }
}
.siteHeader .searchModal__innerList li .is-coloeMode_dark a span {
  background-image: linear-gradient(90deg, #fff, #fff);
}
.siteHeader .searchModal__innerList li a {
  color: #3C3B3B;
}
.siteHeader.blur {
  filter: blur(6px);
}
@media (max-width: 767px) {
  .siteHeader__logo {
    width: 120px;
  }
  .siteHeader__selectTab {
    margin: 0 0 29px;
  }
  .siteHeader__selectTabTtl {
    width: 22.4%;
    padding: 0 05px 0 0;
  }
  .siteHeader__selectTabTtl.renew {
    width: 15.4%;
  }
  .siteHeader__selectTabTtl svg {
    top: 02px;
    right: -0.7rem;
  }
  .siteHeader__selectTabInner {
    position: static;
    margin: 0;
    background: none;
    box-shadow: none;
    padding: 0;
  }
  .siteHeader__selectTabInnerList li a {
    text-decoration: underline;
  }
  .siteHeader__hum {
    display: block;
    background: #F5F6F8;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    overflow: scroll;
    transform: translate(100%, 0);
    transition: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
    overflow: hidden;
    opacity: 0;
  }
  .siteHeader__hum.slideIn {
    opacity: 1;
    transform: translate(0%, 0);
  }
  .siteHeader__humInner {
    padding: 31px 22px;
  }
  .siteHeader__humInner .hdFadeArea {
    opacity: 1;
  }
  .siteHeader__humInner .hdFadeArea.show {
    animation-name: showIn;
    animation-duration: 2s;
    animation-delay: 0.8s;
    opacity: 1;
  }
  .siteHeader__humInner .second,
  .siteHeader__humInner .third {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    padding: 22px;
    padding-top: 34px;
    padding-bottom: 50%;
    z-index: 1;
    transform: translate(100%);
    transition: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
    overflow-y: scroll;
  }
  .siteHeader__humInner .second.open,
  .siteHeader__humInner .third.open {
    transform: translate(0);
    transition: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  .siteHeader__humInner .second .close_btn,
  .siteHeader__humInner .third .close_btn {
    top: 21px;
    right: 15px;
  }
  .siteHeader__humInner .first {
    opacity: 0;
    transform: translate(0);
    transition: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  }
  .siteHeader__humInner .first.slide {
    transform: translate(-120%);
    transition: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  }
  .siteHeader__humInner .second {
    opacity: 0;
    overflow: scroll;
  }
  .siteHeader__hum .solo_link {
    display: block;
    font-weight: 700;
    text-decoration: underline;
    font-family: var(--fontJA);
    margin: 0 0 04px;
  }
  .siteHeader__hum .close_btn {
    width: 54px;
    height: 54px;
    position: absolute;
    top: -10px;
    right: -07px;
    z-index: 99;
  }
  .siteHeader__hum .close_btn svg {
    width: 54px;
    height: 54px;
  }
  .siteHeader__hum .innerlist {
    margin: 0 0 44px;
  }
  .siteHeader__humBottomLink {
    display: flex;
    justify-content: space-between;
    gap: 0 09px;
    margin: 0 0 14px;
  }
  .siteHeader__humBottomLink li {
    width: 50%;
  }
  .siteHeader__humBottomLink.renew li {
    width: 100%;
  }
  .siteHeader__humBottomLink li a {
    display: block;
    border-radius: 100px;
    font-family: var(--fontTtl);
    text-align: center;
    padding: 05px 0;
  }
  .siteHeader__humBottomLink li .contact {
    background: #E7E9ED;
    color: #3C3B3B;
    font-weight: 500;
  }
  .siteHeader__humBottomLink li .blue {
    background: #0083E8;
    color: #fff;
    position: relative;
    padding: 05px 0 05px 30px;
    font-weight: 500;
  }
  .siteHeader__humBottomLink li .blue svg {
    width: 21px;
    height: 18px;
    position: absolute;
    top: 02px;
    left: 32px;
    bottom: 0;
    margin: auto;
  }
  input.siteHeader__humBottomSearch[type=text] {
    display: block;
    width: 100%;
    background: #fff;
    border-radius: 100px;
    border: solid 1px #EBEBEB;
    padding: 09px 0 09px 50px;
    position: relative;
  }
  .siteHeader__humBottomSearch::placeholder {
    font-weight: 400;
    color: rgba(60, 59, 59, 0.4);
  }
  .siteHeader__humBottom form {
    position: relative;
    margin: 0 0 30px;
  }
  .siteHeader__humBottom form svg {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 20px;
    bottom: 0;
    margin: auto;
  }
  .siteHeader__humBottomBanner {
    display: flex;
    gap: 0 09px;
  }
  .siteHeader__humBack {
    font-size: 0.83rem;
    font-weight: 500;
    font-family: var(--fontTtl);
    position: relative;
    margin: 0 0 29px;
    padding: 0 0 0 19px;
  }
  .siteHeader__humBack svg {
    width: 08px;
    height: 16px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
  }
  .siteHeader__spBtn {
    display: inline-block;
    position: fixed;
    top: -182px;
    right: 15px;
    transition: 1s ease 0.3s;
    width: 54px;
    height: 54px;
    background: #3C3B3B;
    cursor: pointer;
    border-radius: 100%;
    z-index: 1002;
  }
  .siteHeader__spBtn.active span:nth-last-child(1) {
    -webkit-transform: translateY(-3px) rotate(-45deg);
    transform: translateY(-3px) rotate(-45deg);
  }
  .siteHeader__spBtn.active span:nth-last-child(2) {
    -webkit-transform: translateY(3px) rotate(45deg);
    transform: translateY(3px) rotate(45deg);
  }
  .siteHeader__spBtn.fadeIn {
    top: 22px;
  }
  .siteHeader__spBtn span {
    position: absolute;
    left: 0;
    width: 26px;
    height: 2px;
    background-color: #fff;
    border-radius: 100px;
    display: inline-block;
    transition: all 0.5s;
    box-sizing: border-box;
    left: 0;
    right: 0;
    margin: auto;
  }
  .siteHeader__spBtn span:nth-of-type(1) {
    top: 23px;
  }
  .siteHeader__spBtn span:nth-of-type(2) {
    bottom: 23px;
  }
  .siteHeader.lowPage .siteHeader__spBtn {
    top: 22px;
  }
  .siteHeader__click {
    margin: 0 0 04px;
  }
  .siteHeader__click.fade {
    animation-duration: 3s;
    animation-name: fadein;
  }
  .siteHeader__click:last-child {
    margin: 0;
  }
  .siteHeader__click .acoTtl {
    margin: 0 0 09px;
    padding: 0 0 0 20px;
    font-weight: 400;
    position: relative;
  }
  .siteHeader__click .acoTtl::before {
    content: "";
    width: 06px;
    height: 06px;
    background: #0083E8;
    border-radius: 100%;
    position: absolute;
    top: 02px;
    bottom: 0;
    left: 05px;
    margin: auto;
  }
  .siteHeader__click .acoList {
    display: none;
    margin: 0 0 20px;
    padding: 0 0 0 20px;
  }
  .siteHeader__click .acoList__top {
    margin: 0 0 09px;
  }
  .siteHeader__click .acoList__top a {
    font-weight: 700;
    text-decoration: underline;
  }
  .siteHeader__click .acoList__detail {
    font-family: var(--fontJA);
    font-weight: 400;
    position: relative;
    padding: 0 17px;
    margin: 0 0 10px;
  }
  .siteHeader__click .acoList__detail:last-child {
    margin: 0;
  }
  .siteHeader__click .acoList__detail::before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
  }
  .siteHeader__click .acoList__detail:has(.backNumber):last-child {
    margin: 0;
    padding: 0 0 0 4px;
  }
  .siteHeader__click .acoList__detail:has(.backNumber):last-child::before {
    display: none;
  }
  .siteHeader__click .acoList__detail:has(.backNumber):nth-last-child(2) {
    margin: 0 0 18px;
  }
  .siteHeader__click .acoList__detail .backNumber {
    display: block;
    max-width: 230px;
    background: #FFFFFF;
    border: solid 1px #EBEBEB;
    text-align: center;
    font-size: 15px;
    line-height: 1.2;
    border-radius: 100px;
    padding: 0.8rem 0;
  }
  .siteHeader__flex.blur {
    filter: blur(0px);
  }
}

.l-header__fontSize {
  padding: 0 0.1em;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}
.l-header__fontSize > span {
  vertical-align: middle;
  font-family: var(--fontTtl);
}
.l-header__ctrlBtns {
  display: inline-flex;
  vertical-align: middle;
  border: 1px solid #fff;
  margin: 0 0 0 4px;
  background: #fff;
}
.l-header__ctrlBtns > button {
  border: 1px solid #000;
  margin: 0;
  padding: 1px;
  line-height: 14px;
  width: 22px;
  height: 22px;
  cursor: pointer;
  text-align: center;
  font-family: var(--fontTtl);
  font-weight: 500;
  color: #000;
}
.l-header__ctrlBtns > button + button {
  border-left: none;
}
.l-header__colorMode {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  margin: 0 0 0 16px;
  padding: 0;
}
.l-header__colorMode > span {
  vertical-align: middle;
}
.l-header__colorBtnDark.js-colorBtnDark, .l-header__colorBtnDark.js-colorBtnDarkTab {
  background: #000;
  color: #fff;
}
.l-header__colorBtnLight .js-colorBtnLight,
.l-header__colorBtnLight .js-colorBtnLightTab {
  background: #fff;
}

.is-coloeMode_dark .siteHeader__inner {
  background: #000;
}
.is-coloeMode_dark .siteHeader__logo .normalLogo {
  display: none;
}
.is-coloeMode_dark .siteHeader__logo .blackLogo {
  display: block;
}
.is-coloeMode_dark .siteHeader__selectTabTtl svg {
  fill: #fff;
}
.is-coloeMode_dark .siteHeader__selectTabInnerList li a {
  color: #3C3B3B;
}
.is-coloeMode_dark .mainvisual__movie .before,
.is-coloeMode_dark .mainvisual__movie .after {
  background: #000;
}

.is-fontSize_L .siteHeader .headerMenu__sub li .searchIcon {
  width: 1.56rem;
}

.lowPage .siteHeader__spBtn {
  top: 22px;
}

@media screen and (max-width: 1279px) and (min-width: 1094px) {
  .siteHeader__logo {
    padding: 0 18px 0 0;
    margin: 0 18px 0 0;
  }
  .siteHeader__nav {
    width: 723px;
  }
  .siteHeader__grp02 {
    gap: 0 22px;
  }
  .siteHeader__grp02 .headerMenu {
    gap: 0 22px;
  }
  .siteHeader__inner {
    padding: 0 30px;
  }
  .siteHeader .headerMenu__child.headerMenu__child--pos01 {
    padding: 105px 50px 100px;
  }
}
@media screen and (max-width: 1095px) and (min-width: 768px) {
  .siteHeader {
    position: relative;
  }
  .siteHeader.bg::after {
    content: "";
    display: block;
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 2, 24, 0.4);
    animation: fadein 1s both;
  }
  .siteHeader.none {
    padding: 28px 114px 28px 30px;
    position: absolute;
  }
  .siteHeader__hum {
    display: block;
    background: #F5F6F8;
    width: 431px;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1001;
    overflow: scroll;
    transform: translate(100%, 0);
    transition: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
    overflow: hidden;
    opacity: 0;
  }
  .siteHeader__hum.slideIn {
    opacity: 1;
    transform: translate(0%, 0);
  }
  .siteHeader__humInner {
    padding: 47px 50px;
  }
  .siteHeader__humInner .hdFadeArea {
    opacity: 1;
  }
  .siteHeader__humInner .hdFadeArea.show {
    animation-name: showIn;
    animation-duration: 2s;
    animation-delay: 0.8s;
    opacity: 1;
  }
  .siteHeader__humInner .second,
  .siteHeader__humInner .third {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    padding: 22px;
    padding-top: 34px;
    padding-bottom: 22%;
    z-index: 1;
    transform: translate(100%);
    transition: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
    overflow-y: scroll;
  }
  .siteHeader__humInner .second.open,
  .siteHeader__humInner .third.open {
    transform: translate(0);
    transition: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  .siteHeader__humInner .second .close_btn,
  .siteHeader__humInner .third .close_btn {
    top: 21px;
    right: 15px;
  }
  .siteHeader__humInner .first {
    opacity: 0;
    transform: translate(0);
    transition: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  }
  .siteHeader__humInner .first.slide {
    transform: translate(-120%);
    transition: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  }
  .siteHeader__humInner .second {
    opacity: 0;
  }
  .siteHeader__humInner .siteHeader__selectTab {
    margin: 0 0 50px;
  }
  .siteHeader__hum .solo_link {
    display: block;
    font-size: 1.11rem;
    font-weight: 700;
    text-decoration: underline;
    font-family: var(--fontJA);
    margin: 0 0 04px;
    color: #3C3B3B;
  }
  .siteHeader__hum .close_btn {
    width: 54px;
    height: 54px;
    position: absolute;
    top: -10px;
    right: -20px;
    z-index: 99;
    cursor: pointer;
  }
  .siteHeader__hum .close_btn svg {
    width: 54px;
    height: 54px;
  }
  .siteHeader__hum .innerlist {
    margin: 0 0 44px;
  }
  .siteHeader__humBottomLink {
    display: flex;
    justify-content: space-between;
    gap: 0 09px;
    margin: 0 0 14px;
  }
  .siteHeader__humBottomLink li {
    width: 50%;
  }
  .siteHeader__humBottomLink li a {
    display: block;
    border-radius: 100px;
    font-family: var(--fontTtl);
    text-align: center;
    padding: 05px 0;
  }
  .siteHeader__humBottomLink li .contact {
    background: #E7E9ED;
    color: #3C3B3B;
  }
  .siteHeader__humBottomLink li .blue {
    background: #0083E8;
    color: #fff;
    position: relative;
    padding: 05px 0 05px 30px;
  }
  .siteHeader__humBottomLink li .blue svg {
    width: 21px;
    height: 17px;
    position: absolute;
    top: 0;
    left: 32px;
    bottom: 0;
    margin: auto;
  }
  input.siteHeader__humBottomSearch[type=text] {
    display: block;
    width: 100%;
    background: #fff;
    border-radius: 100px;
    border: solid 1px #EBEBEB;
    padding: 09px 0 09px 50px;
    position: relative;
  }
  .siteHeader__humBottomSearch::placeholder {
    font-size: 0.83rem;
    font-weight: 400;
    color: rgba(60, 59, 59, 0.4);
  }
  .siteHeader__humBottom form {
    position: relative;
    margin: 0 0 30px;
  }
  .siteHeader__humBottom form svg {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 20px;
    bottom: 0;
    margin: auto;
  }
  .siteHeader__humBottomBanner {
    display: flex;
    gap: 0 09px;
  }
  .siteHeader__humBack {
    font-size: 0.83rem;
    font-weight: 500;
    font-family: var(--fontTtl);
    position: relative;
    margin: 0 0 29px;
    padding: 0 0 0 19px;
    cursor: pointer;
  }
  .siteHeader__humBack svg {
    width: 08px;
    height: 16px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
  }
  .siteHeader__inner {
    padding: 28px 110px 28px 30px;
  }
  .siteHeader__inner.none {
    display: none;
  }
  .siteHeader__spBtn {
    display: inline-block;
    position: fixed;
    top: -200px;
    right: 15px;
    transition: 1s ease 0.3s;
    width: 54px;
    height: 54px;
    background: #3C3B3B;
    cursor: pointer;
    border-radius: 100%;
    z-index: 1002;
  }
  .siteHeader__spBtn.fadeIn {
    top: 22px;
    transition: 1s ease 0.3s;
  }
  .siteHeader__spBtn.active span:nth-last-child(1) {
    -webkit-transform: translateY(-3px) rotate(-45deg);
    transform: translateY(-3px) rotate(-45deg);
  }
  .siteHeader__spBtn.active span:nth-last-child(2) {
    -webkit-transform: translateY(3px) rotate(45deg);
    transform: translateY(3px) rotate(45deg);
  }
  .siteHeader__spBtn span {
    position: absolute;
    left: 0;
    width: 26px;
    height: 2px;
    background-color: #fff;
    border-radius: 100px;
    display: inline-block;
    transition: all 0.5s;
    box-sizing: border-box;
    left: 0;
    right: 0;
    margin: auto;
  }
  .siteHeader__spBtn span:nth-of-type(1) {
    top: 23px;
  }
  .siteHeader__spBtn span:nth-of-type(2) {
    bottom: 23px;
  }
  .siteHeader__nav {
    display: none;
  }
  .siteHeader__tab {
    display: flex;
  }
  .siteHeader__click {
    margin: 0 0 04px;
  }
  .siteHeader__click.fade {
    animation-duration: 3s;
    animation-name: fadein;
  }
  .siteHeader__click:last-child {
    margin: 0;
  }
  .siteHeader__click .acoTtl {
    margin: 0 0 09px;
    padding: 0 0 0 20px;
    font-size: 1.11rem;
    font-weight: 500;
    position: relative;
    color: #3C3B3B;
    cursor: pointer;
  }
  .siteHeader__click .acoTtl::before {
    content: "";
    width: 06px;
    height: 06px;
    background: #0083E8;
    border-radius: 100%;
    position: absolute;
    top: 02px;
    bottom: 0;
    left: 05px;
    margin: auto;
  }
  .siteHeader__click .acoList {
    display: none;
    padding: 0 0 0 21px;
    margin: 0 0 20px;
  }
  .siteHeader__click .acoList__top {
    margin: 0 0 09px;
  }
  .siteHeader__click .acoList__top a {
    font-weight: 700;
    text-decoration: underline;
    color: #3C3B3B;
  }
  .siteHeader__click .acoList__detail {
    font-family: var(--fontJA);
    font-weight: 500;
    position: relative;
    padding: 0 17px;
    margin: 0 0 10px;
    color: #3C3B3B;
  }
  .siteHeader__click .acoList__detail:last-child {
    margin: 0;
  }
  .siteHeader__click .acoList__detail::before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
  }
  .siteHeader__flex.blur {
    filter: blur(6px);
  }
  .siteHeader .hdFadeArea .siteHeader__selectTab {
    margin: 0 0 29px;
  }
  .siteHeader .hdFadeArea .siteHeader__selectTabTtl {
    width: 23.5%;
    padding: 0 05px 0 0;
  }
  .siteHeader .hdFadeArea .siteHeader__selectTabTtl span {
    font-size: 0.78rem;
    color: #3C3B3B;
  }
  .siteHeader .hdFadeArea .siteHeader__selectTabInner {
    position: static;
    margin: 0;
    background: none;
    box-shadow: none;
    padding: 0;
  }
  .siteHeader .hdFadeArea .siteHeader__selectTabInnerList li {
    font-size: 0.78rem;
    color: #3C3B3B;
  }
  .siteHeader .hdFadeArea .siteHeader__selectTabInnerList li a {
    text-decoration: underline;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .siteHeader__inner.none {
    display: none;
  }
}
/*////////////////////////////////
　footer
////////////////////////////////*/
footer {
  background: #F5F6F8;
  padding: 0 30px 91px;
}
footer .footer__inner {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  padding-top: 121px;
}
footer .footer__inner small {
  font-weight: 400;
  font-family: var(--fontTtl);
  color: #3C3B3B;
}
footer .footer__top {
  margin: 0 0 34px;
}
footer .footer__topFlex {
  display: flex;
  justify-content: space-between;
}
footer .footer__topFlexLeft {
  width: 100%;
  max-width: 729px;
  display: flex;
  justify-content: space-between;
  margin: 0 0 50px;
}
footer .footer__topFlexLeftMenuTitle {
  line-height: 1.5;
  margin: 0 0 14px;
}
footer .footer__topFlexLeftMenuTitle a span {
  position: relative;
  padding-bottom: 1px;
  background-image: linear-gradient(90deg, #333333, #333333);
  background-repeat: no-repeat;
  background-size: 0% 1px;
  background-position: right bottom 1px;
  transition: background-size 0.3s;
  padding: 0;
}
footer .footer__topFlexLeftMenuTitle a span::after {
  content: none;
}
@media (any-hover: hover) {
  footer .footer__topFlexLeftMenuTitle a:hover span {
    background-position: left bottom 1px;
    background-size: 100% 1px;
  }
}
footer .footer__topFlexLeftMenuTitle a {
  position: relative;
  font-family: var(--fontTtl);
  font-weight: 700;
  padding: 0 0 0 25px;
  line-height: 1.5;
}
footer .footer__topFlexLeftMenuTitle a::before {
  content: "";
  width: 16px;
  height: 2px;
  background: #0083E8;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
footer .footer__topFlexLeftMenuDetail {
  padding: 0 0 0 25px;
}
footer .footer__topFlexLeftMenuDetail ul li {
  line-height: 2;
}
footer .footer__topFlexLeftMenuDetail ul li a span {
  position: relative;
  padding-bottom: 1px;
  background-image: linear-gradient(90deg, #333333, #333333);
  background-repeat: no-repeat;
  background-size: 0% 1px;
  background-position: right bottom 1px;
  transition: background-size 0.3s;
  padding: 0;
  line-height: 1.875;
  font-family: var(--fontTtl);
  font-weight: 500;
}
footer .footer__topFlexLeftMenuDetail ul li a span::after {
  content: none;
}
@media (any-hover: hover) {
  footer .footer__topFlexLeftMenuDetail ul li a:hover span {
    background-position: left bottom 1px;
    background-size: 100% 1px;
  }
}
footer .footer__topFlexLeftMenuDetail ul li:last-child {
  margin: 0;
}
footer .footer__topFlexLeftMenuDetail ul li a {
  line-height: 1.875;
  font-family: var(--fontTtl);
  font-weight: 500;
}
footer .footer__topFlexLeftMenu:nth-child(1) {
  margin: 0 -17px 0 0;
}
footer .footer__topFlexLeftMenu:nth-child(4) {
  margin: 0 6px 0 0px;
}
footer .footer__topFlexRight {
  width: 210px;
}
footer .footer__topFlexRightLinks {
  margin: 0 0 15px;
}
footer .footer__topFlexRightLinks li {
  margin: 0 0 8px;
}
footer .footer__topFlexRightLinks li:last-child {
  margin: 0;
}
footer .footer__topFlexRightLinks li:last-child a {
  align-items: center;
}
footer .footer__topFlexRightLinks li a {
  display: flex;
  align-items: flex-start;
  background: #fff;
  padding: 10px;
  position: relative;
}
footer .footer__topFlexRightLinks li a::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(60, 59, 59, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.3s;
}
footer .footer__topFlexRightLinks li a figure {
  width: 40px;
  height: 40px;
  margin: 0 10px 0 0;
}
footer .footer__topFlexRightLinks li a dl dt {
  line-height: 1;
  font-family: var(--fontTtl);
  font-weight: 500;
  margin: 5px 0 3px;
}
footer .footer__topFlexRightLinks li a dl dd {
  line-height: 1;
  font-family: var(--fontTtl);
  font-weight: 700;
}
footer .footer__topFlexRightLinks li a p {
  font-size: 17px;
  line-height: 1;
  font-family: var(--fontTtl);
  font-weight: 700;
}
@media (any-hover: hover) {
  footer .footer__topFlexRightLinks li a:hover::before {
    opacity: 1;
    transition: 0.3s;
  }
}
footer .footer__topFlexRight .privacyIcon {
  width: 80px;
  margin: 0 5px 0 auto;
}
footer .footer__listLink {
  display: flex;
  align-items: center;
  border-top: solid 1px #E2E2E2;
  border-bottom: solid 1px #E2E2E2;
  padding: 30px 0;
  margin: 0 0 33px;
}
footer .footer__listLink dt {
  line-height: 2.1428571429;
  font-weight: 700;
  font-family: var(--fontTtl);
  margin: 0 31px 0 0;
}
footer .footer__listLink dd {
  margin: 0 25px 0 0;
}
footer .footer__listLink dd a {
  line-height: 1.8571428571;
  font-weight: 400;
  font-family: var(--fontTtl);
}
footer .footer__listLink dd a span {
  position: relative;
  padding-bottom: 1px;
  background-image: linear-gradient(90deg, #333333, #333333);
  background-repeat: no-repeat;
  background-size: 0% 1px;
  background-position: right bottom 1px;
  transition: background-size 0.3s;
  padding: 0;
  font-weight: normal;
}
footer .footer__listLink dd a span::after {
  content: none;
}
@media (any-hover: hover) {
  footer .footer__listLink dd a:hover span {
    background-position: left bottom 1px;
    background-size: 100% 1px;
  }
}
footer .footer__listLink dd a[target=_blank] {
  position: relative;
  padding: 0 17px 0 0;
}
footer .footer__listLink dd a[target=_blank]::after {
  content: "";
  width: 11px;
  height: 8px;
  position: absolute;
  top: 7px;
  right: 0;
  background: url(/keirinkan/kou/assets/images/target-icon.svg) no-repeat;
  background-size: 11px auto;
}
footer .footer__bottom {
  display: flex;
  align-items: center;
  gap: 0 30px;
  margin: 0 0 35px;
}
footer .footer__bottomFlex {
  display: flex;
  width: 273px;
  align-items: center;
  border-left: dashed 1px #CBCBCB;
  border-right: dashed 1px #CBCBCB;
}
footer .footer__bottomFlex a {
  display: flex;
  width: 50%;
  justify-content: center;
  align-items: center;
  border-right: dashed 1px #CBCBCB;
  transition: 0.3s;
}
footer .footer__bottomFlex a img {
  width: 84px;
}
@media (max-width: 767px) {
  footer .footer__bottomFlex a img {
    width: 84px;
  }
}
footer .footer__bottomFlex a:last-child {
  border-right: none;
}
footer .footer__bottomFlex a:last-child img {
  width: 100px;
}
@media (max-width: 767px) {
  footer .footer__bottomFlex a:last-child img {
    width: 100px;
  }
}
@media (any-hover: hover) {
  footer .footer__bottomFlex a:hover {
    opacity: 0.5;
    transition: 0.3s;
  }
}
footer .footer__bottomList {
  display: flex;
  flex-wrap: wrap;
  gap: 0 26px;
}
footer .footer__bottomList li a span {
  position: relative;
  padding-bottom: 1px;
  background-image: linear-gradient(90deg, #333333, #333333);
  background-repeat: no-repeat;
  background-size: 0% 1px;
  background-position: right bottom 1px;
  transition: background-size 0.3s;
  padding: 0;
  font-size: 14px;
  font-weight: normal;
}
footer .footer__bottomList li a span::after {
  content: none;
}
@media (any-hover: hover) {
  footer .footer__bottomList li a:hover span {
    background-position: left bottom 1px;
    background-size: 100% 1px;
  }
}
footer .footer__bottomList li a {
  font-size: 14px;
  line-height: 2.1428571429;
  font-weight: 400;
  font-family: var(--fontTtl);
}
footer .footer__bottomList li a[target=_blank] {
  position: relative;
  padding: 0 17px 0 0;
}
footer .footer__bottomList li a[target=_blank]::after {
  content: "";
  width: 11px;
  height: 8px;
  position: absolute;
  top: 7px;
  right: 0;
  background: url(/keirinkan/kou/assets/images/target-icon.svg) no-repeat;
  background-size: 11px auto;
}
footer .pageTop {
  width: 80px;
  height: 40px;
  border-radius: 0 0 10px 10px;
  position: absolute;
  top: 0;
  right: 0;
}
footer .pageTop a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #6B6E72;
  border-radius: 0 0 10px 10px;
  padding: 14px 0;
}
footer .pageTop a img {
  transform: translateY(0px);
  transition: 0.5s;
}
@media (hover: hover) {
  footer .pageTop a:hover {
    background: #3C3B3B;
  }
  footer .pageTop a:hover img {
    transform: translateY(-5px);
    transition: 0.5s;
  }
}
@media (max-width: 767px) {
  footer {
    padding: 0 0 42px;
  }
  footer .pageTop {
    width: 100%;
    border-radius: 0;
  }
  footer .pageTop a {
    border-radius: 0;
  }
  footer .footer__top {
    margin: 0 0 31px;
  }
  footer .footer__topFlex {
    flex-direction: column;
    padding: 0 22px;
  }
  footer .footer__topFlexLeft {
    flex-direction: column;
    margin: 0 0 50px;
  }
  footer .footer__topFlexLeftMenu {
    margin: 0 0 16px;
  }
  footer .footer__topFlexLeftMenu:nth-child(1) {
    margin: 0 0 14px;
  }
  footer .footer__topFlexLeftMenu:nth-child(3) {
    margin: 0 0 14px;
  }
  footer .footer__topFlexLeftMenu:last-child {
    margin: 0;
  }
  footer .footer__topFlexLeftMenuTitle {
    margin: 0;
  }
  footer .footer__topFlexLeftMenuTitle a {
    line-height: 1.5;
    padding: 0 0 0 22px;
  }
  footer .footer__topFlexLeftMenuTitle a::before {
    width: 14px;
  }
  footer .footer__topFlexLeftMenuDetail {
    display: none;
    margin: 20px 0 0;
  }
  footer .footer__topFlexRight {
    width: 100%;
  }
  footer .footer__topFlexRightLinks {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 18px;
  }
  footer .footer__topFlexRightLinks li {
    width: 160px;
    margin: 0 0 09px;
  }
  footer .footer__topFlexRightLinks li a {
    padding: 08px 07px 08px;
  }
  footer .footer__topFlexRightLinks li a figure {
    width: 30px;
    height: 30px;
    margin: 0 08px 0 0;
  }
  footer .footer__topFlexRightLinks li a dl dt {
    font-size: 10px;
    letter-spacing: -0.12em;
    margin: 03px 0 02px;
  }
  footer .footer__topFlexRightLinks li a dl dd {
    font-size: 0.72rem;
  }
  footer .footer__topFlexRightLinks li a p {
    font-size: 0.72rem;
  }
  footer .footer__topFlexRight .privacyIcon {
    width: 80px;
    margin: 0;
  }
  footer .footer__listLink {
    flex-wrap: wrap;
    width: 89%;
    margin: 0 auto;
    gap: 0;
    padding: 24px 0 28px;
  }
  footer .footer__listLink dt {
    width: 100%;
    font-size: 0.78rem;
    line-height: 2.1428571429;
    margin: 0 0 -01px;
  }
  footer .footer__listLink dd {
    width: 50%;
    margin: 0 0 -03px;
  }
  footer .footer__bottom {
    flex-direction: column;
    padding: 34px 23px 0;
    align-items: flex-start;
    margin: 0 0 22px;
  }
  footer .footer__bottomFlex {
    width: 81%;
    margin: 0 0 16px;
  }
  footer .footer__bottomList {
    gap: 0 21px;
  }
  footer .footer__bottomList li {
    margin: -02px 0 0;
  }
  footer .footer__inner {
    padding-top: 91px;
  }
  footer .footer__inner small {
    font-size: 0.61rem;
    padding: 0 22px;
  }
}

.is-coloeMode_dark footer a, .is-coloeMode_dark footer dt {
  color: #3C3B3B;
}

.is-coloeMode_dark footer {
  background: #000;
}

.is-coloeMode_dark footer a {
  color: #FFF;
}

.is-coloeMode_dark footer dt {
  color: #FFF;
}

.is-coloeMode_dark footer .footer__inner small {
  color: #FFF;
}

.is-coloeMode_dark footer .footer__bottomFlex {
  background: #FFF;
}

.is-coloeMode_dark footer .footer__topFlexRightLinks li a {
  background: #3C3B3B;
}
@media screen and (max-width: 1095px) and (min-width: 768px) {
  footer .footer__topFlex {
    flex-direction: column;
  }
  footer .footer__topFlexRight {
    width: 100%;
  }
  footer .footer__topFlexRightLinks {
    display: flex;
    gap: 0 08px;
    margin: 0 0 20px;
  }
  footer .footer__topFlexRightLinks li {
    width: 210px;
    margin: 0;
  }
  footer .footer__topFlexRight .privacyIcon {
    width: 80px;
    margin: 0;
  }
  footer .footer__bottom {
    flex-direction: column;
    align-items: flex-start;
  }
  footer .footer__bottomFlex {
    margin: 0 0 11px;
  }
}
/*////////////////////////////////
　再追加
////////////////////////////////*/
.is-coloeMode_dark .l-header__fontSize > span,
.is-coloeMode_dark .l-header__colorMode > span,
.is-coloeMode_dark .siteHeader .headerMenu__parent a,
.is-coloeMode_dark .siteHeader .headerMenu__parent em,
.is-coloeMode_dark .siteHeader__selectTabTtl span,
.is-coloeMode_dark .siteHeader__inner.none .headerMenu__parent a,
.is-coloeMode_dark .siteHeader__inner.none .headerMenu__parent em,
.is-coloeMode_dark footer .footer__topFlexLeftMenuTitle a span,
.is-coloeMode_dark footer .footer__listLink dd a span,
.is-coloeMode_dark footer .footer__topFlexLeftMenuDetail ul li a span,
.is-coloeMode_dark footer .footer__topFlexRightLinks li a dl dd,
.is-coloeMode_dark footer .footer__bottomList li a span,
.is-coloeMode_dark footer .footer__topFlexRightLinks li a p{
  color: #fff;
}
/*////////////////////////////////
　既存ＣＳＳの変更
////////////////////////////////*/
@media screen and (max-width: 750px) {
  .l-header {
    position: absolute;
  }
}
.l-main{
  padding-top: 104px;
}
.is-fontSize_L .l-main {
  padding-top: 162px;
}
.l-main.blur{
  filter: blur(6px);
}
/*////////////////////////////////
　扉ページＣＳＳ
////////////////////////////////*/
.footerTopDoor footer *{
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  color: #262626;
}
.footerTopDoor footer{
  background: none;
  padding: 0;
}
.footerTopDoor .l-footer__copy,
.footerTopDoor .l-footer__copy small{
  color: #fff;
}
.headerTopDoor.l-header--top{
  top: 0;
}
.headerTopDoor .siteHeader__logo{
  margin: 0;
  padding: 0;
}
.headerTopDoor .siteHeader__logo::after{
  content: none;
}
@media screen and (max-width:750px){
  .headerTopDoor .siteHeader__humLogo{
    display: block;
    width: 120px;
    margin: 0 0 60px;
  }
  .headerTopDoor .siteHeader__humList{
    margin: 0 0 50px;
  }
  .headerTopDoor .siteHeader__humList li{
    border-bottom: solid 1px #EBEBEB;
    margin-bottom: 23px;
  }
  .headerTopDoor .siteHeader__humList li:last-child{
    margin-bottom: 0;
  }
  .headerTopDoor .siteHeader__humList li a{
    display: block;
    font-size: 20px;
    line-height: 1;
    font-weight: 500;
    padding-bottom: 10px;
    background: url(/keirinkan/img_top/spMenuArrow.png) top 5px right 7px no-repeat;
    background-size: 8px auto;
  }
  .headerTopDoor .siteHeader__humContact{
    display: block;
    width: 161px;
    border-radius: 100px;
    background: #E7E9ED;
    font-size: 17px;
    line-height: 1;
    margin: 0 auto;
    font-weight: 500;
    text-align: center;
    padding: 13px 0;
  }
}