@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:400&subset=japanese);
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: bottom;
  background: 0 0;
  font-size: 1rem
}
body {
  line-height: 1
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block
}
li,
ul {
  list-style: none
}
blockquote,
q {
  quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: '';
  content: none
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: 700
}
del {
  text-decoration: line-through
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0
}
input,
select {
  vertical-align: middle
}
html {
  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;
  word-wrap: break-word;
  font-size: 18px;
  line-height: 1.6
}
@media screen and (max-width:750px) {
  html {
    font-size: 12px;
    font-size: 3.2vw
  }
}
body {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.6
}
a {
  text-decoration: none;
  color: #1f1f1f;
  transition: all .2s
}
a:hover {
  text-decoration: none;
  opacity: .8
}
img {
  vertical-align: bottom
}
@media screen and (max-width:750px) {
  img {
    max-width: 100%;
    height: auto
  }
}
strong {
  font-weight: 700
}
input {
  padding: 0;
  border: none;
  background: 0 0
}
* {
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  word-break: break-all;
  white-space: normal
}
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
  padding: 6px;
  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;
  background-color: #fff;
  border: solid 1px #c9c9c9;
  vertical-align: bottom
}
input[type=date]::-webkit-input-placeholder,
input[type=datetime-local]::-webkit-input-placeholder,
input[type=datetime]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=month]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=time]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=week]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #e2e2e2
}
input[type=date]:-ms-input-placeholder,
input[type=datetime-local]:-ms-input-placeholder,
input[type=datetime]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=month]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=time]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=week]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #e2e2e2
}
input[type=date]::-moz-placeholder,
input[type=datetime-local]::-moz-placeholder,
input[type=datetime]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=month]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=time]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=week]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
  color: #e2e2e2
}
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select:focus,
textarea:focus {
  background-color: #eef4fb
}
input[type=checkbox],
input[type=radio] {
  margin: 0;
  vertical-align: -1px
}
input[type=button],
input[type=submit] {
  -webkit-appearance: none;
  cursor: pointer;
  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;
  vertical-align: bottom
}
textarea {
  resize: vertical;
  vertical-align: bottom
}
em {
  font-style: italic
}
sup {
  vertical-align: super
}
sub {
  vertical-align: sub
}
blockquote {
  background-color: #eeefff;
  padding: 1em 1em 1em 3em;
  position: relative;
  border-left: 3px solid #666
}
blockquote:before {
  content: "“";
  font-size: 600%;
  line-height: 1em;
  color: #999;
  position: absolute;
  left: 0;
  top: 0
}
::-moz-selection {
  background: #d4dcd6
}
::selection {
  background: #d4dcd6
}
::-moz-selection {
  background: #d4dcd6
}
.mt0 {
  margin-top: 0!important
}
html > body .mt0_ie {
  margin-top: 0!important
}
.mt0 {
  margin-top: 0!important
}
.mt6 {
  margin-top: 6px!important
}
.mt12 {
  margin-top: 12px!important
}
.mt18 {
  margin-top: 18px!important
}
.mt20 {
  margin-top: 20px!important
}
.mt25 {
  margin-top: 25px!important
}
.mt30 {
  margin-top: 30px!important
}
.mb30 {
  margin-bottom: 30px!important
}
.ml10 {
  margin-left: 10px!important
}
.ml15 {
  margin: 6px 0 0 15px!important
}
.ml18 {
  margin-left: 18px!important
}
.mr15 {
  margin: 6px 15px 0 0!important
}
.pt0 {
  padding-top: 0!important
}
.p20 {
  padding: 20px!important
}
.p15 {
  padding: 15px!important
}
.p10 {
  padding: 10px!important
}
.pl10 {
  padding-left: 10px!important
}
.font75 {
  font-size: 75%!important
}
.font80 {
  font-size: 80%!important;
  font-weight: 700
}
.font80_underline {
  position: relative;
  bottom: 2px;
}
@media screen and (max-width:750px) {
  .font80_underline {
    bottom: 0px;
  }
}
.fontN {
  font-weight: 400!important
}
.tl {
  text-align: left!important
}
.tc {
  text-align: center!important
}
.tr {
  text-align: right!important
}
.fl {
  float: left
}
.flr {
  float: right
}
.jus {
  text-align: justify;
  text-justify: distribute
}
.align_r {
  text-align: right!important
}
.font_red {
  color: red
}
.table01 {
  border: 1px solid #ccc
}
.table01 th {
  padding: 3px 10px;
  border: 1px solid #ccc;
  background: #e1f0f7;
  font-size: 75%;
  text-align: left
}
.table01 td {
  padding: 3px 10px;
  border: 1px solid #ccc
}
table {
  width: 100%;
  margin-top: 15px
}
table.w590 {
  width: 590px
}
table td.w365 {
  width: 365px
}
table.w600 {
  width: 600px
}
table.w680 {
  width: 680px
}
table.w680 {
  width: 680px
}
table.vt {
  margin: 0;
  padding: 0;
  width: 717px;
  vertical-align: top
}
table.vt td {
  margin: 0;
  padding: 0;
  line-height: 0;
  vertical-align: top
}
table.vt td img {
  vertical-align: bottom;
  display: block
}
table.w370 {
  width: 370px
}
table.leftType {
  float: left
}
table.normal th {
  background: #eef5f9;
  border: 1px solid #ccc;
  padding: 5px 10px;
  font-size: 80%;
  line-height: 1.6;
  text-align: center;
  color: #333;
  font-weight: 400
}
table.normal td {
  border: 1px solid #ccc;
  padding: 5px 10px;
  font-size: 75%;
  line-height: 1.6
}
table.normal td.category {
  background: #f0f0f0;
  border: 1px solid #ccc;
  padding: 2px;
  line-height: 1.6;
  text-align: center;
  font-weight: 700;
  color: #333
}
.price_data {
  clear: both
}
.price_data th {
  background: #e6e6e6;
  padding: 2px;
  line-height: 1.5;
  color: #000;
  font-weight: 400;
  border: 1px solid #999;
  font-size: 75%;
  text-align: center
}
.price_data td {
  padding: 2px;
  line-height: 1.5;
  font-size: 75%;
  border: 1px solid #999;
  text-align: center
}
.price_data td.name {
  background: #f6f6f6;
  text-align: left;
  padding: 2px 10px
}
.price_data02 {
  clear: both
}
.price_data02 th {
  background: #e6e6e6;
  padding: 10px;
  line-height: 1.5;
  color: #000;
  font-weight: 400;
  border: 1px solid #999;
  font-size: 75%;
  text-align: left
}
.price_data02 td {
  padding: 2px;
  line-height: 1.5;
  font-size: 75%;
  border: 1px solid #999;
  text-align: center
}
.price_data02 td.name {
  background: #f6f6f6;
  text-align: left;
  padding: 2px 10px
}
.clearfix:after {
  content: ".";
  height: 0;
  display: block;
  clear: both;
  visibility: hidden
}
.clearfix {
  display: inline-block;
  zoom: 1
}
.clearfix:after,
.clearfix:before {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020"
}
.clearfix:after {
  clear: both
}
.clear {
  clear: both;
  zoom: 1
}
.clear:after,
.clear:before {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020"
}
.clear:after {
  clear: both
}
.floatbox {
  overflow: hidden;
  zoom: 1;
  zoom: 1
}
.floatbox:after,
.floatbox:before {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020"
}
.floatbox:after {
  clear: both
}
.floatbox .left_box {
  float: left;
  width: 48%
}
.floatbox .right_box {
  float: right;
  width: 48%
}
.floatbox .left_box02 {
  float: left;
  width: 400px
}
.floatbox .right_box02 {
  float: right;
  width: 300px
}
.floatbox .left_box03 {
  float: left;
  width: 550px
}
.floatbox .right_box03 {
  float: right;
  width: 150px
}
.floatbox .left_box04 {
  float: left;
  width: 150px
}
.floatbox .right_box04 {
  float: right;
  width: 550px
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0
}
.slick-list:focus {
  outline: 0
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}
.slick-track:after,
.slick-track:before {
  content: "";
  display: table
}
.slick-track:after {
  clear: both
}
.slick-loading .slick-track {
  visibility: hidden
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none
}
[dir=rtl] .slick-slide {
  float: right
}
.slick-slide img {
  display: block
}
.slick-slide.slick-loading img {
  display: none
}
.slick-slide.dragging img {
  pointer-events: none
}
.slick-initialized .slick-slide {
  display: block
}
.slick-loading .slick-slide {
  visibility: hidden
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}
.slick-arrow.slick-hidden {
  display: none
}
@font-face {
  font-family: slick;
  src: url(fonts/slick.eot);
  src: url(fonts/slick.eot?#iefix) format("embedded-opentype"),url(fonts/slick.woff) format("woff"),url(fonts/slick.ttf) format("truetype"),url(fonts/slick.svg#slick) format("svg");
  font-weight: 400;
  font-style: normal
}
.slick-next,
.slick-prev {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: 0 0;
  color: transparent;
  top: 50%;
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%);
  padding: 0;
  border: none;
  outline: 0
}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
  outline: 0;
  background: 0 0;
  color: transparent
}
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: .25
}
.slick-next:before,
.slick-prev:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  color: #fff;
  opacity: .75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.slick-prev {
  left: -25px
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px
}
.slick-prev:before {
  content: "←"
}
[dir=rtl] .slick-prev:before {
  content: "→"
}
.slick-next {
  right: -25px
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto
}
.slick-next:before {
  content: "→"
}
[dir=rtl] .slick-next:before {
  content: "←"
}
.slick-dotted.slick-slider {
  margin-bottom: 30px
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}
.slick-dots li button {
  border: 0;
  background: 0 0;
  display: block;
  height: 20px;
  width: 20px;
  outline: 0;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer
}
.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: 0
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity: 1
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "?";
  width: 20px;
  height: 20px;
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: #000;
  opacity: .25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
  color: #000;
  opacity: .75
}
.p-topPicup .slick-next,
.p-topPicup .slick-prev {
  position: absolute;
  display: block;
  height: 36px;
  width: 36px;
  cursor: pointer;
  background: 0 0;
  color: transparent;
  top: 50%;
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%);
  padding: 0;
  border: none;
  outline: 0;
  background: #fff;
  z-index: 1
}
@media screen and (max-width:750px) {
  .p-topPicup .slick-next,
  .p-topPicup .slick-prev {
    height: 44px;
    width: 16px
  }
}
.p-topPicup .slick-next:focus,
.p-topPicup .slick-next:hover,
.p-topPicup .slick-prev:focus,
.p-topPicup .slick-prev:hover {
  outline: 0
}
.p-topPicup .slick-next:focus:before,
.p-topPicup .slick-next:hover:before,
.p-topPicup .slick-prev:focus:before,
.p-topPicup .slick-prev:hover:before {
  opacity: 1
}
.p-topPicup .slick-next:hover,
.p-topPicup .slick-prev:hover {
  opacity: .5
}
.p-topPicup .slick-next.slick-disabled:before,
.p-topPicup .slick-prev.slick-disabled:before {
  opacity: .8
}
.p-topPicup .slick-next:before,
.p-topPicup .slick-prev:before {
  opacity: .8
}
.p-topPicup .slick-prev {
  left: -45px
}
@media screen and (max-width:750px) {
  .p-topPicup .slick-prev {
    left: 0
  }
}
.p-topPicup .slick-prev:before {
  content: " ";
  display: block;
  width: 10px;
  height: 10px;
  border-left: 2px solid #05a;
  border-bottom: 2px solid #05a;
  -ms-transform: translate(20%,0) rotate(45deg);
  transform: translate(20%,0) rotate(45deg);
  margin: auto
}
[dir=rtl] .p-topPicup .slick-prev:before {
  content: " "
}
.p-topPicup .slick-next {
  right: -45px
}
@media screen and (max-width:750px) {
  .p-topPicup .slick-next {
    right: 0
  }
}
.p-topPicup .slick-next:before {
  content: " ";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #05a;
  border-right: 2px solid #05a;
  -ms-transform: translate(-20%,0) rotate(45deg);
  transform: translate(-20%,0) rotate(45deg);
  margin: auto
}
[dir=rtl] .p-topPicup .slick-next:before {
  content: " "
}
.p-topPicup .slick-dotted.slick-slider {
  margin-bottom: 30px
}
.p-topPicup .slick-dots {
  position: absolute;
  bottom: -35px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%
}
.p-topPicup .slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}
.p-topPicup .slick-dots li button {
  border: 0;
  background: 0 0;
  display: block;
  height: 20px;
  width: 20px;
  outline: 0;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer
}
.p-topPicup .slick-dots li button:focus,
.p-topPicup .slick-dots li button:hover {
  outline: 0
}
.p-topPicup .slick-dots li button:focus:before,
.p-topPicup .slick-dots li button:hover:before {
  opacity: 1
}
.p-topPicup .slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 10px;
  height: 10px;
  background: #d3d3d3;
  border-radius: 50%;
  text-align: center;
  opacity: 1
}
.p-topPicup .slick-dots li.slick-active button:before {
  background: #7faad4;
  opacity: 1
}
@media print,
screen and (min-width:751px) {
  .is-coloeMode_dark,
  .is-coloeMode_dark .l-header,
  .is-coloeMode_dark .m-btnA,
  .is-coloeMode_dark .m-kvLink__navBox > a,
  .is-coloeMode_dark .m-kvLink__navBox > a > span,
  .is-coloeMode_dark .m-kvLink__navTitle > a,
  .is-coloeMode_dark .m-kvLink__subMenu.is-open,
  .is-coloeMode_dark .m-titleC__text,
  .is-coloeMode_dark .m-unitE,
  .is-coloeMode_dark .p-news__date,
  .is-coloeMode_dark .p-news__innerBlock,
  .is-coloeMode_dark .p-news__tag,
  .is-coloeMode_dark .p-subject__navBox > a,
  .is-coloeMode_dark .p-topNews,
  .is-coloeMode_dark .p-topNews__innerBlock,
  .is-coloeMode_dark .p-topNews__innerBlock--box3,
  .is-coloeMode_dark .p-topPicup,
  .is-coloeMode_dark table.m-table td {
    background: #000;
    color: #fff;
    transition: all .3s 0s ease
  }
}
@media print,
screen and (min-width:751px) {
  .is-coloeMode_dark a {
    color: #fff
  }
}
.l-header {
  position: fixed;
  top: 0;
  width: 100%;
  background: #fff;
  z-index: 10;
  transition: all .3s 0s ease;
  border-bottom: 1px solid #707070
}
@media screen and (max-width:750px) {
  .l-header {
    top: 0;
    border-bottom: none;
    border-bottom: 1px solid #b3b3b3
  }
}
.l-header.is-hide {
  top: -71px
}
@media screen and (max-width:750px) {
  .l-header.is-hide {
    top: 0
  }
}
.l-header.is-visible {
  top: 0
}
.l-header.is-pageTop {
  top: 0
}
.l-header--top {
  top: -71px
}
@media screen and (max-width:750px) {
  .l-header--top {
    top: 0
  }
}
.l-header--top.is-pageTop {
  top: -71px
}
@media screen and (max-width:750px) {
  .l-header--top.is-pageTop {
    top: 0
  }
}
.l-header__innerBlock {
  width: 1300px;
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  transition: all .3s 0s ease
}
@media screen and (max-width:750px) {
  .l-header__innerBlock {
    width: 100%;
    height: 45px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
  }
}
.l-header__logoBox1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}
.l-header__logoBox1 > a {
  display: block
}
@media print,
screen and (min-width:751px) {
  .is-coloeMode_dark .l-header__logoBox1 > a {
    background: transparent url(/keirinkan/assets/img/common/logo/logo_w.svg) no-repeat 50% center;
    background-size: contain
  }
}
@media screen and (max-width:750px) {
  .l-header__logoBox1 {
    display: block
  }
}
.l-header__logo {
  display: inline-block;
  width: 153px;
  margin-left: 40px
}
@media print,
screen and (min-width:751px) {
  .is-coloeMode_dark .l-header__logo {
    opacity: 0
  }
}
@media screen and (max-width:750px) {
  .l-header__logo {
    display: block;
    width: 103px;
    margin: 0 0 0 10px
  }
}
.l-header__linkBox {
  -ms-flex: 1;
  flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 10px
}
@media screen and (max-width:750px) {
  .l-header__linkBox {
    display: none
  }
}
.l-header__link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 100%;
  width: 100%;
  -ms-flex-positive: 1;
  flex-grow: 1
}
.l-header__linkItem {
  padding: 0 4% 0 0;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}
.l-header__linkItem > a {
  position: relative;
  padding: 5px;
  font-size: 18px;
  font-size: 1rem;
  font-weight: 700;
  white-space: nowrap
}
.l-header__linkItem > a:hover {
  color: #05a
}
.l-header__linkItem > a:hover::before {
  position: absolute;
  content: " ";
  display: inline-block;
  width: 100%;
  height: 3px;
  background: #05a;
  bottom: 0;
  left: 0
}
.l-header__linkItem.is-open {
  display: -ms-flexbox;
  display: flex
}
.l-header__linkItem.is-current a,
.l-header__linkItem.is-open a {
  color: #05a
}
.l-header__linkItem.is-current a::before,
.l-header__linkItem.is-open a::before {
  position: absolute;
  content: " ";
  display: inline-block;
  width: 100%;
  height: 3px;
  background: #05a;
  bottom: 0;
  left: 0
}
.l-header__search {
  padding: 10px 45px 10px 10px
}
.l-header__fontSize {
  padding: 0 .1em;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0
}
.l-header__fontSize > span {
  font-size: 15px;
  font-size: .83333rem;
  vertical-align: middle
}
.l-header__colorMode {
  padding: 0 .1em 0 1em;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0
}
.l-header__colorMode > span {
  font-size: 15px;
  font-size: .83333rem;
  vertical-align: middle
}
.l-header__fontBtnS {
  font-size: 16px;
  font-size: .88889rem;
  background: #fff;
  color: #000
}
.l-header__fontBtnL {
  font-size: 20px;
  font-size: 1.11111rem;
  background: #fff;
  color: #000
}
.l-header__colorBtnLight {
  color: #000;
  background: #fff
}
.l-header__colorBtnDark {
  color: #fff;
  background: #000
}
.l-header__ctrlBtns {
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  border: 1px solid #fff
}
.l-header__ctrlBtns > button {
  border: 1px solid #000;
  margin: 0;
  padding: 1px;
  line-height: 14px;
  width: 30px;
  height: 30px;
  cursor: pointer
}
.l-header__ctrlBtns > button:hover {
  opacity: .7
}
.l-header__ctrlBtns > button + button {
  border-left: none
}
.l-header__logoBox2 {
  width: 131px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 70px;
  border-left: 1px solid #707070
}
.l-header__logoBox2 img {
  display: block;
  width: 130px
}
@media screen and (max-width:750px) {
  .l-header__logoBox2 {
    display: none
  }
}
.l-header__logoBox3 {
  width: 132px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 70px;
  border-left: 1px solid #707070;
  border-right: 1px solid #707070
}
.l-header__logoBox3 img {
  display: block;
  width: 130px
}
@media screen and (max-width:750px) {
  .l-header__logoBox3 {
    display: none
  }
}
.l-header__mainMenu {
  display: none
}
@media screen and (max-width:750px) {
  .l-header__mainMenu {
    display: block
  }
}
.l-header__spMenu {
  display: none
}
.l-header__spMenuBtnWrap {
  display: block;
  width: 25px;
  height: 20px;
  margin-right: 10px;
  position: relative;
  z-index: 10
}
@media print,
screen and (min-width:751px) {
  .l-header__spMenuBtnWrap {
    display: none
  }
}
.l-header__spMenuBtn {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}
.l-header__spMenuicon {
  display: block;
  width: 100%;
  height: 3px;
  background: #707070
}
.l-header__spMenuicon::after,
.l-header__spMenuicon::before {
  content: " ";
  display: inline-block;
  width: 100%;
  height: 3px;
  background: #707070;
  position: absolute;
  transition: all .3s 0s ease
}
.l-header__spMenuicon::before {
  top: 0
}
.l-header__spMenuicon::after {
  bottom: 0
}
.l-header__spMenuBtn.is-open .l-header__spMenuicon {
  background: 0 0
}
.l-header__spMenuBtn.is-open .l-header__spMenuicon::before {
  top: auto;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
.l-header__spMenuBtn.is-open .l-header__spMenuicon::after {
  bottom: auto;
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.l-header__nav {
  position: absolute;
  top: 100%;
  border-top: 1px solid #bbb;
  display: block;
  background: #fff;
  width: 100%;
  overflow: auto;
  z-index: 10;
  height: 0;
  transition: height .3s 0s ease
}
.l-header__nav.is-open {
  display: block;
  height: 100vh;
  transition: height .3s 0s ease
}
body.is-fixed {
  overflow: hidden;
  position: relative
}
.l-header__serchWrap {
  display: -ms-flexbox;
  display: flex
}
.l-header__serchWrap > * {
  display: block
}
.l-header__navList {
  padding: 0 30px 0 30px
}
.l-header__navItem {
  font-size: 17px;
  font-size: 4.53333vw;
  border-bottom: 1px solid #262626;
  margin-top: -1px;
  position: relative
}
.l-header__navItem > a {
  position: relative;
  left: 0;
  transition: .4s
}
.l-header__navItem.slideOut {
  border-bottom: none
}
.l-header__navItem.slideOut > a {
  left: -100%
}
.l-header__navItem > a {
  display: block;
  padding: 20px 0 20px;
  background-repeat: no-repeat;
  background-position: 5% center;
  background-size: 8%;
  font-weight: 700
}
.l-header__navItem--list {
  font-size: 12px;
  font-size: 3.2vw;
  padding: 5.33333%;
  text-align: right;
  border-bottom: none
}
.l-header__navItem--list a {
  display: inline-block;
  padding: 0;
  margin: 0 1%
}
.l-header__navBtn {
  display: block;
  width: 40px;
  height: 4.5em;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  cursor: pointer
}
.l-header__navBtn.is-open {
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg)
}
.l-header__navItem > .l-header__navBtn {
  background: url(/keirinkan/assets/img/common/icon/icon_next.png) no-repeat;
  background-position: center;
  background-size: .65em auto;
  transition: transform .25s;
  height: 6em
}
.l-header__navItem > .l-header__navBtn.is-open,
.l-header__navItem > .l-header__navBtn.open {
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg)
}
.l-header__navLink {
  position: relative
}
.l-headerNavChild {
  display: none;
  line-height: 1.3
}
.l-headerNavChild .l-header__navBtn {
  height: 5em
}
.l-headerNavChild .l-header__navBtn:after {
  content: " ";
  position: absolute;
  height: 100%;
  width: 40px;
  top: 0;
  right: 0;
  background: url(/keirinkan/assets/img/common/icon/icon_plus.png) no-repeat center 50%;
  background: url(/keirinkan/assets/img/common/icon/icon_plus.svg) no-repeat center 50%;
  background-size: 14px auto
}
.l-headerNavChild .l-header__navBtn.is-open:after {
  background: url(/keirinkan/assets/img/common/icon/icon_minus.png) no-repeat center 50%;
  background: url(/keirinkan/assets/img/common/icon/icon_minus.svg) no-repeat center 50%;
  background-size: 14px auto
}
.l-headerNavChild--child {
  border-top: 1px solid #262626
}
.l-headerNavChild__item {
  position: relative
}
.l-headerNavChild__item:before {
  content: "";
  display: block;
  height: 1px;
  background-color: #262626;
  position: absolute;
  top: 0;
  left: 0;
  right: 0
}
.l-headerNavChild--child > .l-headerNavChild__item:first-child:before {
  content: none
}
.l-headerNavChild__item > a {
  font-size: 16px;
  font-size: 4.26667vw;
  padding: 20px 0 20px 10px;
  position: relative;
  display: block
}
.l-headerNavChild__item > a[target="_blank"]:after {
  content: "";
  display: inline-block;
  margin-left: .5em;
  width: .9em;
  padding-top: .9em;
  background: url(/keirinkan/assets/img/common/icon/icon_blank.svg) no-repeat;
  background-size: contain
}
.l-headerNavChild__item > a[target="_blank"].non-blankicon:after {
  background-image: none
}
.l-headerNavChild__item2 {
  border-top: 1px solid #000;
  padding: 10px 0;
  zoom: 1
}
.l-headerNavChild__item2:after,
.l-headerNavChild__item2:before {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020"
}
.l-headerNavChild__item2:after {
  clear: both
}
.l-headerNavChild__item2 > li {
  width: 50%;
  display: block;
  float: left;
  position: relative
}
.l-headerNavChild__item2 > li > a {
  font-size: 12.5px;
  font-size: 3.33333vw;
  padding: 10px 0 10px 20px
}
.l-headerNavChild__item2 > li.long {
  width: 100%
}
.l-headerNavChild__item2 > li.icon_tri::before {
  content: " ";
  display: inline-block;
  width: 1px;
  height: 0;
  border-left: 5px solid #262626;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: none;
  position: absolute;
  top: 50%;
  left: 10px;
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%)
}
.l-headerNavChild__item--grand {
  border-top: 1px dashed #000;
  zoom: 1
}
.l-headerNavChild__item--grand:after,
.l-headerNavChild__item--grand:before {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020"
}
.l-headerNavChild__item--grand:after {
  clear: both
}
.l-headerNavChild__item--grand > li {
  width: 50%;
  display: block;
  float: left
}
.l-headerNavChild__item--grand > li > a {
  font-size: 12.5px;
  font-size: 3.33333vw;
  padding: 20px 0 20px 20px
}
.l-headerNavChild--grand a {
  padding: 10px 0 10px 20px;
  display: inline-block
}
.l-headerNav__contact {
  padding: 20px 30px 0
}
.l-headerNav__contact a {
  display: block;
  color: #1f1f1f;
  font-size: 12.5px;
  font-size: 3.33333vw
}
.l-headerNav__search {
  padding: 15px 30px 10px
}
.l-headerNav__search input {
  margin-top: 5px;
  width: 100%;
  font-size: 16px;
  font-size: .88889rem;
  background: url(/keirinkan/assets/img/common/icon/icon_search_sp.png) no-repeat right 50%;
  background-position: right 5px top 5px;
  background-size: auto 70%
}
.l-headerNav__bnr {
  padding: 20px 30px 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.l-headerNav__bnr a {
  display: inline-block;
  width: 48%
}
.l-footer__toBtnBlock {
  text-align: right;
  width: 1016px;
  margin: auto;
  position: relative
}
@media screen and (max-width:750px) {
  .l-footer__toBtnBlock {
    width: 90.66667%
  }
}
.l-footer__toPrev {
  display: inline-block;
  width: 10em;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: left
}
@media print,
screen and (min-width:751px) {
  .l-footer__toPrev {
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    height: 20px
  }
}
body[data-pagename=toppage] .l-footer__toPrev {
  display: none
}
.l-footer__toPrev a {
  color: #3777c7
}
.l-footer__toPrev a::before {
  content: " ";
  display: inline-block;
  width: .4em;
  height: .4em;
  border-top: 1px solid #3777c7;
  border-left: 1px solid #3777c7;
  vertical-align: middle;
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-right: .3em;
  margin-bottom: .1em
}
.l-footer__toTop {
  display: inline-block;
  width: 35px
}
@media print,
screen and (min-width:751px) {
  .l-footer__toTop {
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    width: 50px
  }
}
.l-footer__toTop img {
  width: 100%;
  display: inline-block
}
.l-footer__copy {
  background: #0d50a4;
  color: #fff;
  text-align: center;
  padding: 24px 10px;
  line-height: 1;
  min-width: 1016px
}
@media screen and (max-width:750px) {
  .l-footer__copy {
    padding: 24px 10px;
    min-width: 100%
  }
}
.l-footer__copy small {
  display: inline-block;
  font-size: 12px;
  font-size: .66667rem
}
@media screen and (max-width:750px) {
  .l-footer__copy small {
    font-size: 12px;
    font-size: 3.2vw;
    line-height: 1.6
  }
}
@media screen and (max-width:750px) {
  .l-footer__spFooter {
    display: none
  }
}
.l-footer-title01 {
  position: relative
}
@media screen and (max-width:750px) {
  .l-footer-title01 {
    border-bottom: 1px solid #05a
  }
}
.l-footer-title01::before {
  content: " ";
  display: inline-block;
  width: 23px;
  height: 3px;
  background: #05a;
  vertical-align: middle
}
@media screen and (max-width:750px) {
  .l-footer-title01::before {
    display: none
  }
}
.l-footer-title01__text {
  font-size: 16px;
  font-size: .88889rem;
  vertical-align: middle;
  font-weight: 400;
  padding-left: 5px;
  display: inline-block;
  line-height: 1.4
}
@media screen and (max-width:750px) {
  .l-footer-title01__text {
    font-size: 16px;
    font-size: 4.26667vw;
    padding-bottom: 5px
  }
}
.l-footer-title02 {
  position: relative
}
@media screen and (max-width:750px) {
  .l-footer-title02 {
    border-bottom: 1px solid #05a
  }
}
.l-footer-title02__text {
  font-size: 16px;
  font-size: .88889rem;
  vertical-align: middle;
  font-weight: 700;
  display: inline-block;
  line-height: 1.4
}
@media screen and (max-width:750px) {
  .l-footer-title02__text {
    font-size: 16px;
    font-size: 4.26667vw;
    padding-bottom: 5px
  }
}
.l-footerSPBtn {
  display: none
}
@media screen and (max-width:750px) {
  .l-footerSPBtn {
    display: block;
    background: #ebedf0
  }
  .l-footerSPBtn > a {
    padding: 10px 0 10px 0;
    width: 90.66667%;
    display: block;
    text-align: right;
    margin: auto;
    font-size: 15px;
    font-size: 4vw
  }
  .l-footerSPBtn > a::after {
    content: " ";
    display: inline-block;
    width: .5em;
    height: .5em;
    margin: 0 0 .2em 1em;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
  }
  .l-footerSPBtn.is-open > a::after {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 0 0 0 1em
  }
}
.l-footerSite {
  border-top: 2px solid #f3f3f3;
  padding: 57px 0 50px
}
@media screen and (max-width:750px) {
  .l-footerSite {
    padding: 0 0 30px
  }
}
.l-footerSite__list {
  width: 1016px;
  margin: auto;
  display: -ms-flexbox;
  display: flex
}
@media screen and (max-width:750px) {
  .l-footerSite__list {
    width: 90.66667%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
.l-footerSite__item {
  width: 185px;
  margin-left: 23px
}
@media screen and (max-width:750px) {
  .l-footerSite__item {
    width: 48%;
    margin-left: 0;
    margin-top: 20px
  }
}
.l-footerSite__item:first-child {
  margin-left: 0
}
.l-footerSite__item a {
  display: block;
  max-width: 100%
}
.l-footerSite__item img {
  max-width: 100%;
  display: block
}
.l-footerSite__text {
  font-size: 14px;
  font-size: .77778rem;
  display: inline-block;
  padding-top: 10px
}
@media screen and (max-width:750px) {
  .l-footerSite__text {
    font-size: 11.5px;
    font-size: 3.06667vw;
    padding-top: 5px
  }
}
.l-footerMap {
  background: #ebedf0;
  color: #262626;
  min-width: 1016px
}
@media screen and (max-width:750px) {
  .l-footerMap {
    min-width: 100%
  }
}
.l-footerMap a {
  color: #262626
}
.l-footerMap__innerBlock {
  width: 1016px;
  margin: auto
}
@media screen and (max-width:750px) {
  .l-footerMap__innerBlock {
    width: 100%
  }
}
.l-footerMap__block01 {
  width: 1016px;
  margin: auto;
  padding-top: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width:750px) {
  .l-footerMap__block01 {
    width: 90.66667%;
    padding: 0 0 30px;
    display: block
  }
}
.l-footerMap__box {
  width: 20%
}
@media screen and (max-width:750px) {
  .l-footerMap__box {
    width: 100%;
    display: block;
    padding-bottom: 50px
  }
}
@media screen and (max-width:750px) {
  .l-footerMap__box--bnr {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 0
  }
}
.l-footerMap__childLink {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px 0 0 30px
}
.l-footerMap__childLink a {
  font-size: 15px;
  font-size: .83333rem
}
@media screen and (max-width:750px) {
  .l-footerMap__childLink {
    width: 100%;
    display: block;
    padding: 0
  }
}
.l-footerMap__childLink > li {
  min-width: 40%;
  padding-top: 10px
}
@media screen and (max-width:750px) {
  .l-footerMap__childLink > li {
    width: 100%;
    display: block;
    padding: 0
  }
  .l-footerMap__childLink > li > a {
    width: 100%;
    display: block;
    padding: 19px 1em;
    font-size: 15px;
    font-size: 4vw;
    border-top: 1px dashed #262626
  }
}
@media screen and (max-width:750px) {
  .l-footerMap__childLink > li:first-child > a {
    border-top: none
  }
}
@media screen and (max-width:750px) {
  .l-footerMap__childLink > li:last-child > a {
    border-bottom: 1px dashed #262626
  }
}
.l-footerMap__childLink--other > li {
  width: 100%
}
.l-footerMap__bnr {
  width: 145px;
  margin: 0 0 10px auto
}
@media screen and (max-width:750px) {
  .l-footerMap__bnr {
    width: 48%;
    display: inline-block;
    margin: 0
  }
}
.l-footerMap__bnr img {
  width: 100%
}
.l-footerMap__block02 {
  width: 1016px;
  padding: 20px 0 40px;
  margin: 0 auto
}
@media screen and (max-width:750px) {
  .l-footerMap__block02 {
    width: 90.66667%;
    padding: 30px 0
  }
}
.l-footerMap__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width:750px) {
  .l-footerMap__list {
    width: 100%;
    display: block
  }
}
.l-footerMap__listItem {
  max-width: 240px;
  padding-top: 10px;
  font-size: 14px;
  font-size: .77778rem
}
@media screen and (max-width:750px) {
  .l-footerMap__listItem {
    padding-top: 0;
    width: 100%;
    display: block;
    max-width: none
  }
  .l-footerMap__listItem > a {
    width: 100%;
    display: block;
    padding: 19px 1em;
    font-size: 15px;
    font-size: 4vw;
    border-top: 1px dashed #262626
  }
}
@media screen and (max-width:750px) {
  .l-footerMap__listItem:first-child > a {
    border-top: none
  }
}
.l-footerMap__listItem--bnr {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex
}
@media screen and (max-width:750px) {
  .l-footerMap__listItem--bnr {
    border-top: 1px dashed #262626
  }
}
.l-footerMap__listItem--bnr img {
  width: 120px;
  display: block
}
@media screen and (max-width:750px) {
  .l-footerMap__listItem--bnr img {
    width: 50%;
    display: block
  }
}
.l-footerMap__childLink2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 0 0 10px
}
@media screen and (max-width:750px) {
  .l-footerMap__childLink2 {
    width: 93%;
    display: block;
    margin: 0 0 0 7%
  }
}
.l-footerMap__childLink2 > li {
  width: 50%;
  padding-top: 10px;
  font-size: 13px;
  font-size: .72222rem
}
@media screen and (max-width:750px) {
  .l-footerMap__childLink2 > li {
    padding-top: 0;
    width: 100%;
    display: block
  }
  .l-footerMap__childLink2 > li > a {
    width: 100%;
    display: block;
    padding: 19px 1em;
    font-size: 15px;
    font-size: 4vw;
    border-top: 1px dashed #262626
  }
}
.l-footerOther {
  width: 1016px;
  margin: auto;
  padding: 20px 20px 20px 0
}
@media screen and (max-width:750px) {
  .l-footerOther {
    margin: 0 auto;
    width: 90.66667%;
    padding: 30px 0
  }
}
.l-footerOther__link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width:750px) {
  .l-footerOther__link {
    width: 100%;
    display: block;
    border-top: 1px solid #05a;
    border-bottom: 1px solid #05a
  }
}
.l-footerOther__item {
  margin-right: 1em
}
@media screen and (max-width:750px) {
  .l-footerOther__item {
    width: 100%;
    border-bottom: 1px dashed #262626
  }
  .l-footerOther__item:last-child {
    border: none
  }
}
.l-footerOther__item > a {
  font-size: 13px;
  font-size: .72222rem
}
@media screen and (max-width:750px) {
  .l-footerOther__item > a {
    font-size: 12.5px;
    font-size: 3.33333vw;
    padding: 19px 1em;
    display: block
  }
}
.l-main {
  position: relative;
  padding-top: 71px;
  padding-bottom: 100px
}
@media screen and (max-width:750px) {
  .l-main {
    padding-top: 45px
  }
}
.l-main--top {
  padding-top: 0
}
@media screen and (max-width:750px) {
  .l-main--top {
    padding-top: 45px
  }
}
.l-inner {
  width: 1016px;
  margin: auto;
  display: block
}
@media screen and (max-width:1016px) {
  .l-inner {
    margin: auto!important;
    padding: 0 20px
  }
}
@media screen and (max-width:750px) {
  .l-inner {
    width: 90.66667%;
    padding: 0
  }
}
.l-inner__full {
  margin-left: calc(-50vw + 50% + 8.5px);
  margin-right: calc(-50vw + 50% + 8.5px)
}
@media screen and (max-width:1016px) {
  .l-inner__full {
    margin: auto!important
  }
}
@media screen and (max-width:750px) {
  .l-inner__full {
    margin-left: calc(-50vw + 50%)!important;
    margin-right: calc(-50vw + 50%)!important;
    padding: 0
  }
}
.l-inner__full .l-inner {
  padding: 0
}
@media screen and (max-width:750px) {
  .l-inner__full .l-inner {
    margin: auto;
    width: 100%;
    padding: 0 4.66667%!important
  }
}
.l-inlineFrame {
  width: 100%;
  height: calc(100vh - 72px);
  position: absolute;
  top: 71px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0
}
@media screen and (max-width:750px) {
  .l-inlineFrame {
    height: calc(100vh - 46px);
    top: 45px
  }
}
.m-img {
  padding-top: 20px
}
.m-img--C {
  text-align: center
}
.m-img__item {
  max-width: 100%
}
.m-img img {
  max-width: 100%
}
.m-box {
  padding: 1em
}
.m-box--A {
  background: #ebedf0
}
.m-box--border {
  border: 1.2px solid #b2b2b2
}
.m-listA {
  padding-left: 2em
}
.m-listA > li {
  margin-top: 1em;
  position: relative
}
.m-listA > li::before {
  content: "";
  display: block;
  width: .5em;
  height: .5em;
  margin-top: .5em;
  position: absolute;
  background: #000;
  border-radius: 50%;
  line-height: 1;
  top: 0;
  left: 0;
  -ms-transform: translateX(-200%);
  transform: translateX(-200%)
}
.m-listB {
  padding-left: 2em
}
.m-listB > li {
  margin-top: .3em;
  position: relative;
  list-style: disc
}
.m-listNum {
  padding-left: 2em
}
.m-listNum > li {
  margin-top: .3em;
  position: relative;
  list-style-type: decimal
}
.m-list-15em {
  padding-left: 1.5em
}
.m-list-15em > li {
  margin-top: .5em;
  text-indent: -1.5em
}
.m-grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-left: -16px
}
@media screen and (max-width:750px) {
  .m-grid {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}
.m-grid__item > .m-grid {
  margin-top: -16px
}
.m-grid img {
  max-width: 100%;
  object-fit: contain;
  object-position: top;
  font-family: 'object-fit: contain;';
  font-family: 'object-fit: contain; object-position: top;'
}
@media screen and (max-width:750px) {
  .m-grid {
    margin-top: 8px;
    margin-left: -8px
  }
}
.m-grid--noWrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}
.m-grid--wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.m-grid--C {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center
}
.m-grid--L {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.m-grid--R {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: end;
  justify-content: flex-end
}
.m-grid__item {
  display: block;
  width: 100%;
  max-width: calc((100)*1% - 16px);
  margin-top: 16px;
  margin-left: 16px
}
@media screen and (max-width:750px) {
  .m-grid__item {
    margin-top: 8px;
    margin-left: 8px;
    max-width: calc((100)*1% - 8px)
  }
}
.m-grid__item--C {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -ms-flex-direction: column;
  flex-direction: column
}
.m-grid__item--stretch {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch
}
.m-grid__item--auto {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1
}
.m-grid__item--fix {
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: auto
}
.m-grid__item--1of2 {
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: calc((100/2)*1% - 16px)
}
@media screen and (max-width:750px) {
  .m-grid__item--1of2 {
    width: calc((100/2)*1% - 8px)
  }
}
.m-grid__item--1of3 {
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: calc((100/3)*1% - 16px)
}
@media screen and (max-width:750px) {
  .m-grid__item--1of3 {
    width: calc((100/3)*1% - 8px)
  }
}
.m-grid__item--2of3 {
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: calc((100/3)*2% - 16px)
}
@media screen and (max-width:750px) {
  .m-grid__item--2of3 {
    width: calc((100/3)*2% - 8px)
  }
}
.m-grid__item--1of4 {
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: calc((100/4)*1% - 16px)
}
@media screen and (max-width:750px) {
  .m-grid__item--1of4 {
    width: calc((100/4)*1% - 8px)
  }
}
.m-grid__item--3of4 {
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: calc((100/4)*3% - 16px)
}
@media screen and (max-width:750px) {
  .m-grid__item--3of4 {
    width: calc((100/4)*3% - 8px)
  }
}
.m-grid__item--2of4 {
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: calc((100/4)*2% - 16px)
}
@media screen and (max-width:750px) {
  .m-grid__item--2of4 {
    width: calc((100/4)*2% - 8px)
  }
}
.m-grid--col1 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.m-grid--col1 > .m-grid__item {
  width: calc((100)*1% - 16px)
}
@media screen and (max-width:750px) {
  .m-grid--col1 > .m-grid__item {
    width: calc((100)*1% - 8px)
  }
}
.m-grid--col2 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.m-grid--col2 > .m-grid__item {
  width: calc((100/2)*1% - 16px)
}
@media screen and (max-width:750px) {
  .m-grid--col2 > .m-grid__item {
    width: calc((100/2)*1% - 8px)
  }
}
.m-grid--col3 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.m-grid--col3 > .m-grid__item {
  width: calc((100/3)*1% - 16px)
}
@media screen and (max-width:750px) {
  .m-grid--col3 > .m-grid__item {
    width: calc((100/3)*1% - 8px)
  }
}
.m-grid--col4 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.m-grid--col4 > .m-grid__item {
  width: calc((100/4)*1% - 16px)
}
@media screen and (max-width:750px) {
  .m-grid--col4 > .m-grid__item {
    width: calc((100/4)*1% - 8px)
  }
}
.m-grid--PC2_SP1 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.m-grid--PC2_SP1 > .m-grid__item {
  width: calc((100/2)*1% - 16px)
}
@media screen and (max-width:750px) {
  .m-grid--PC2_SP1 > .m-grid__item {
    width: calc((100)*1% - 8px)
  }
}
.m-grid--PC3_SP2 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.m-grid--PC3_SP2 > .m-grid__item {
  width: calc((100/3)*1% - 16px)
}
@media screen and (max-width:750px) {
  .m-grid--PC3_SP2 > .m-grid__item {
    width: calc((100/2)*1% - 8px)
  }
}
.m-grid--PC3_SP1 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.m-grid--PC3_SP1 > .m-grid__item {
  width: calc((100/3)*1% - 16px)
}
@media screen and (max-width:750px) {
  .m-grid--PC3_SP1 > .m-grid__item {
    width: calc((100)*1% - 8px)
  }
}
.m-grid--PC4_SP3 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.m-grid--PC4_SP3 > .m-grid__item {
  width: calc((100/4)*1% - 16px)
}
@media screen and (max-width:750px) {
  .m-grid--PC4_SP3 > .m-grid__item {
    width: calc((100/3)*1% - 8px)
  }
}
.m-grid--PC4_SP2 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.m-grid--PC4_SP2 > .m-grid__item {
  width: calc((100/4)*1% - 16px)
}
@media screen and (max-width:750px) {
  .m-grid--PC4_SP2 > .m-grid__item {
    width: calc((100/2)*1% - 8px)
  }
}
.m-grid__item--PC3_SP1 {
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: calc((100/3)*1% - 16px)
}
@media screen and (max-width:750px) {
  .m-grid__item--PC3_SP1 {
    width: calc((100)*1% - 8px)
  }
}
.m-grid__item--PC3_SP2 {
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: calc((100/3)*1% - 16px)
}
@media screen and (max-width:750px) {
  .m-grid__item--PC3_SP2 {
    width: calc((100/2)*1% - 8px)
  }
}
.m-grid__item--PC3_SP2of3 {
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: calc((100/3)*1% - 16px)
}
@media screen and (max-width:750px) {
  .m-grid__item--PC3_SP2of3 {
    width: calc((100)*1% - 8px);
    padding: 0 16.66667%
  }
}
.m-grid__item--PC2of3_SP1 {
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: calc((100/3)*2% - 16px)
}
@media screen and (max-width:750px) {
  .m-grid__item--PC2of3_SP1 {
    width: calc((100)*1% - 8px)
  }
}
.m-grid__item--PC3of4_SP1 {
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: calc((100/4)*3% - 16px)
}
@media screen and (max-width:750px) {
  .m-grid__item--PC3of4_SP1 {
    width: calc((100)*1% - 8px)
  }
}
.m-grid__item--PC4_SP1 {
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: calc((100/4)*1% - 16px)
}
@media screen and (max-width:750px) {
  .m-grid__item--PC4_SP1 {
    width: calc((100)*1% - 8px)
  }
}
.m-grid__item--PC4_SP2of3 {
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: calc((100/4)*1% - 16px)
}
@media screen and (max-width:750px) {
  .m-grid__item--PC4_SP2of3 {
    width: calc((100)*1% - 8px);
    padding: 0 16.66667%
  }
}
.m-grid__item--PC1_SP2of3 {
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: calc((100)*1% - 16px)
}
@media screen and (max-width:750px) {
  .m-grid__item--PC1_SP2of3 {
    width: calc((100)*1% - 8px);
    padding: 0 16.66667%
  }
}
.m-grid__item--PC1_SP3of4 {
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: calc((100)*1% - 16px)
}
@media screen and (max-width:750px) {
  .m-grid__item--PC1_SP3of4 {
    width: calc((100)*1% - 8px);
    padding: 0 12.5%
  }
}
.m-grid__item--1of1_SP {
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
@media screen and (max-width:750px) {
  .m-grid__item--1of1_SP {
    width: calc((100)*1% - 8px)
  }
}
.m-grid__item--1of2_SP {
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
@media screen and (max-width:750px) {
  .m-grid__item--1of2_SP {
    width: calc((100/2)*1% - 8px)
  }
}
.m-grid__item--1of3_SP {
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
@media screen and (max-width:750px) {
  .m-grid__item--1of3_SP {
    width: calc((100/3)*1% - 8px)
  }
}
.m-grid__item--2of3_SP {
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
@media screen and (max-width:750px) {
  .m-grid__item--2of3_SP {
    width: calc((100/3)*2% - 8px)
  }
}
.m-grid__item--1of4_SP {
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
@media screen and (max-width:750px) {
  .m-grid__item--1of4_SP {
    width: calc((100/4)*1% - 8px)
  }
}
.m-grid__item--2of4_SP {
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
@media screen and (max-width:750px) {
  .m-grid__item--2of4_SP {
    width: calc((100/4)*2% - 8px)
  }
}
.m-grid__item--3of4_SP {
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
@media screen and (max-width:750px) {
  .m-grid__item--3of4_SP {
    width: calc((100/4)*4% - 8px)
  }
}
.m-container {
  display: -ms-flexbox;
  display: flex;
  padding-top: 16px
}
@media screen and (max-width:750px) {
  .m-container {
    padding-top: 8px
  }
}
.m-container__item--img {
  text-align: center
}
.m-container__item + .m-container__item {
  padding-left: 16px
}
@media screen and (max-width:750px) {
  .m-container__item + .m-container__item {
    padding-left: 8px
  }
}
.m-container--PC2SP2 .m-container__item {
  width: calc((100/2)*1% - (16*1/2)*1px)
}
@media screen and (max-width:750px) {
  .m-container--PC2SP2 .m-container__item {
    width: calc((100/2)*1% - (8*1/2)*1px)
  }
}
@media screen and (max-width:750px) {
  .m-container--PC2SP1 {
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.m-container--PC2SP1 .m-container__item {
  width: calc((100/2)*1% - (16*1/2)*1px)
}
@media screen and (max-width:750px) {
  .m-container--PC2SP1 .m-container__item {
    width: calc((100/2)*1% - (8*1/2)*1px);
    width: 100%;
    padding-left: 0
  }
  .m-container--PC2SP1 .m-container__item--img {
    width: calc((100/2)*1% - (8*1/2)*1px);
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
  }
}
.m-text {
  margin-top: 20px
}
.m-unitA {
  text-align: center
}
a:hover .m-unitA {
  opacity: .7
}
a:hover .m-unitA__text {
  text-decoration: underline
}
.m-unitA__imgWrap {
  display: block;
  height: 242px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}
.m-unitA__img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%
}
@media screen and (max-width:750px) {
  .m-unitA__img {
    width: auto;
    height: auto
  }
}
.m-unitA__text {
  text-align: center;
  font-size: 16px;
  font-size: .88889rem;
  line-height: 1.4
}
@media screen and (max-width:750px) {
  .m-unitA__text {
    font-size: 11.5px;
    font-size: 3.06667vw
  }
}
.m-unitB {
  border: 1px solid #b2b2b2;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  min-height: 150px;
  height: 8em
}
@media screen and (max-width:750px) {
  .m-unitB {
    min-height: 108px
  }
}
.m-unitB__text {
  text-align: center
}
.m-unitB__text > span {
  font-size: 90%
}
.m-unitB__text > b {
  color: red
}
.m-unitB__text--jissen_math {
  position: relative
}
.m-unitB__text--jissen_math::before {
  content: "";
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  margin-bottom: 6px;
  background-image: url(/keirinkan/assets/img/common/icon/icon_math.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  -ms-transform: translate(0,-100%);
  transform: translate(0,-100%)
}
.m-unitB__text--jissen_science {
  position: relative
}
.m-unitB__text--jissen_science::before {
  content: "";
  display: inline-block;
  width: 1.5em;
  height: 1.8em;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  margin-bottom: 6px;
  background-image: url(/keirinkan/assets/img/common/icon/icon_science.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  -ms-transform: translate(0,-100%);
  transform: translate(0,-100%)
}
.m-unitB__text--jissen_seikatsu {
  position: relative
}
.m-unitB__text--jissen_seikatsu::before {
  content: "";
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  margin-bottom: 6px;
  background-image: url(/keirinkan/assets/img/common/icon/icon_seikatsu.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  -ms-transform: translate(0,-100%);
  transform: translate(0,-100%)
}
.m-unitB__text--jissen_english {
  position: relative
}
.m-unitB__text--jissen_english::before {
  content: "";
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  margin-bottom: 6px;
  background-image: url(/keirinkan/assets/img/common/icon/icon_english.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  -ms-transform: translate(0,-100%);
  transform: translate(0,-100%)
}
.m-unitB__text--jissen_tankyu {
  position: relative
}
.m-unitB__text--jissen_tankyu::before {
  content: "";
  display: inline-block;
  width: 1.5em;
  height: 1.8em;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  margin-bottom: 6px;
  background-image: url(/keirinkan/assets/img/common/icon/icon_tankyu.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  -ms-transform: translate(0,-100%);
  transform: translate(0,-100%)
}
.m-unitB__text--content_line {
  position: relative
}
.m-unitB__text--content_line::before {
  content: "";
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  margin-bottom: 6px;
  background-image: url(/keirinkan/assets/img/common/icon/icon_content_line.svg);
  background-repeat: no-repeat;
  background-size: contain;
  -ms-transform: translate(0,-100%);
  transform: translate(0,-100%)
}
.m-unitB__text--jiko-test {
  position: relative
}
.m-unitB__text--jiko-test::before {
  content: "";
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  margin-bottom: 6px;
  background-image: url(/keirinkan/assets/img/common/icon/icon_jiko-test.svg);
  background-repeat: no-repeat;
  background-size: contain;
  -ms-transform: translate(0,-100%);
  transform: translate(0,-100%)
}
.m-unitB:hover {
  border: 2px solid #6fa7ed
}
.m-unitB::before {
  content: " ";
  display: inline-block;
  width: 63px;
  height: 63px;
  background: #6fa7ed;
  position: absolute;
  right: 0;
  bottom: 0;
  -ms-transform: translate(50%,50%) rotate(-45deg);
  transform: translate(50%,50%) rotate(-45deg)
}
.m-unitB:hover::before {
  right: -1px;
  bottom: -1px
}
.m-unitB::after {
  content: " ";
  display: inline-block;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 0;
  bottom: 0;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-right: 10px;
  margin-bottom: 7px
}
.m-unitB:hover::after {
  right: -1px;
  bottom: -1px
}
.m-unitB--pdf:hover {
  border: 2px solid #d00
}
.m-unitB--pdf::before {
  background: #d00
}
.m-unitB--pdf::after {
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/keirinkan/assets/img/common/icon/icon_pdf.svg) no-repeat center 50%;
  background-size: contain;
  margin-right: 3px;
  margin-bottom: 3px;
  border: none;
  -ms-transform: none;
  transform: none
}
.m-unitB--blank::after {
  content: " ";
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url(/keirinkan/assets/img/common/icon/icon_blank_w.svg) no-repeat center 50%;
  background-size: contain;
  margin-right: 4px;
  margin-bottom: 4px;
  border: none;
  -ms-transform: none;
  transform: none
}
.m-unitB--zip:hover {
  border: 2px solid #eb9000
}
.m-unitB--zip::before {
  background: #eb9000
}
.m-unitB--zip::after {
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/keirinkan/assets/img/common/icon/icon_zip.svg) no-repeat center 50%;
  background-size: contain;
  margin-right: 3px;
  margin-bottom: 3px;
  border: none;
  -ms-transform: none;
  transform: none
}
.m-unitB--word:hover {
  border: 2px solid #285296
}
.m-unitB--word::before {
  background: #285296
}
.m-unitB--word::after {
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/keirinkan/assets/img/common/icon/icon_word.svg) no-repeat center 50%;
  background-size: contain;
  margin-right: 3px;
  margin-bottom: 3px;
  border: none;
  -ms-transform: none;
  transform: none
}
.m-unitC {
  text-align: center;
  outline: 1px solid #b2b2b2;
  margin-top: 20px;
  padding: 45px 28px 42px
}
@media screen and (max-width:750px) {
  .m-unitC {
    padding: 5.29412%
  }
}
.m-unitC__body {
  display: -ms-flexbox;
  display: flex
}
@media screen and (max-width:750px) {
  .m-unitC__body {
    display: block
  }
}
.m-unitC__body02 {
  display: -ms-flexbox;
  display: flex;
  max-width: 700px;
  margin: auto
}
@media screen and (max-width:750px) {
  .m-unitC__body02 {
    display: block
  }
}
.m-unitC__title {
  width: 100%;
  text-align: left
}
.m-unitC__titleMain {
  font-size: 35px;
  font-size: 1.94444rem;
  vertical-align: middle
}
@media screen and (max-width:750px) {
  .m-unitC__titleMain {
    display: block;
    font-size: 22.5px;
    font-size: 6vw
  }
}
.m-unitC__titleSub {
  font-size: 24px;
  font-size: 1.33333rem;
  vertical-align: middle;
  padding-left: 1em
}
@media screen and (max-width:750px) {
  .m-unitC__titleSub {
    display: block;
    padding: 0;
    font-size: 15px;
    font-size: 4vw
  }
}
.m-unitC__imgBox {
  display: block;
  width: 318px;
  text-align: center;
  padding-top: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
@media screen and (max-width:750px) {
  .m-unitC__imgBox {
    width: 100%
  }
}
.m-unitC__img {
  display: block;
  margin: auto
}
@media print,
screen and (min-width:751px) {
  .m-unitC__img {
    min-width: 50%
  }
}
@media screen and (max-width:750px) {
  .m-unitC__img {
    width: 40.58824%;
    margin: auto
  }
}
.m-unitC__btnBox {
  margin-top: 20px
}
@media screen and (max-width:750px) {
  .m-unitC__btnBox {
    width: 81.91176%;
    display: block;
    margin: auto;
    padding-top: 10.29412%
  }
}
.m-unitC__textBox {
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-left: 40px;
  text-align: left;
  width: 90%;
  width: calc(100% - 318px)
}
@media screen and (max-width:750px) {
  .m-unitC__textBox {
    padding-top: 10.29412%;
    padding-left: 0;
    width: 100%
  }
}
.m-unitC__textBox02 {
  margin-top: 20px
}
.m-unitC__textBox02 + .m-unitC__textBox02 {
  margin-top: 40px
}
.m-unitC__title02 {
  border-bottom: 1px solid #000;
  display: block;
  padding-bottom: 15px
}
@media screen and (max-width:750px) {
  .m-unitC__title02 {
    font-size: 16px;
    font-size: 4.26667vw;
    padding-bottom: .5em
  }
}
.m-unitC__title03 {
  display: block;
  margin-top: 20px;
  font-size: 19px;
  font-size: 1.05556rem
}
@media screen and (max-width:750px) {
  .m-unitC__title03 {
    font-size: 16px;
    font-size: 4.26667vw
  }
}
.m-unitC__text02 {
  margin-top: 10px;
  vertical-align: middle
}
.m-unitC__text02 span {
  font-size: 15px;
  font-size: .83333rem;
  vertical-align: middle
}
@media screen and (max-width:750px) {
  .m-unitC__text02 span {
    font-size: 11.5px;
    font-size: 3.06667vw
  }
}
.m-unitC__list {
  margin-top: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.m-unitC__list > li {
  width: 50%
}
@media screen and (max-width:750px) {
  .m-unitC__list > li {
    width: 100%;
    padding: 4px 0
  }
}
.m-unitC__list02 {
  margin-top: 20px;
  padding-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid #000
}
.m-unitC__list02 > li {
  width: 100%
}
@media screen and (max-width:750px) {
  .m-unitC__list02 > li {
    padding: 4px 0
  }
}
.m-unitD {
  text-align: center;
  border: 1px solid #b2b2b2;
  margin-top: 20px;
  padding: 40px
}
@media screen and (max-width:750px) {
  .m-unitD {
    padding: 5.29412%
  }
}
.m-unitD__title {
  width: 100%;
  text-align: left;
  font-size: 25px;
  font-size: 1.38889rem
}
@media screen and (max-width:750px) {
  .m-unitD__title {
    font-size: 14px;
    font-size: 3.73333vw
  }
}
.m-unitD__titleSub {
  font-size: 23px;
  font-size: 1.27778rem;
  vertical-align: middle;
  text-align: left
}
@media screen and (max-width:750px) {
  .m-unitD__titleSub {
    font-size: 12.5px;
    font-size: 3.33333vw
  }
}
.m-unitD__body {
  text-align: left;
  padding-top: 20px
}
@media print,
screen and (min-width:751px) {
  .m-unitD__box {
    display: -ms-flexbox;
    display: flex
  }
}
@media screen and (max-width:750px) {
  .m-unitD__box {
    zoom: 1
  }
  .m-unitD__box:after,
  .m-unitD__box:before {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"
  }
  .m-unitD__box:after {
    clear: both
  }
}
.m-unitD__boxL {
  width: 150px;
  padding-bottom: 20px;
  margin-right: 20px
}
@media screen and (max-width:750px) {
  .m-unitD__boxL {
    float: left;
    width: 26.47059%
  }
}
.m-unitD__boxL img {
  max-width: 100%;
  min-width: 150px
}
@media screen and (max-width:750px) {
  .m-unitD__boxL img {
    width: 100%;
    min-width: auto
  }
}
@media print,
screen and (min-width:751px) {
  .m-unitD__boxR {
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 90%;
    width: calc(100% - 160px)
  }
}
.m-unitE {
  outline: 1px solid #b2b2b2;
  background: #fff;
  width: 500px;
  min-height: 200px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}
@media screen and (max-width:750px) {
  .m-unitE {
    width: 100%
  }
}
.m-unitE__title {
  font-size: 22px;
  font-size: 1.22222rem;
  padding: 20px 20px 0;
  -ms-flex-order: 1;
  order: 1;
  width: calc(100% - 200px)
}
.m-unitE__title span {
  font-size: 22px;
  font-size: 1.22222rem;
  display: block
}
@media screen and (max-width:750px) {
  .m-unitE__title {
    margin-top: 3.33333%;
    padding: 0 9.33333%;
    font-size: 19px;
    font-size: 5.06667vw;
    -ms-flex-order: 2;
    order: 2;
    width: 100%
  }
}
.m-unitE__imgBox {
  min-height: 200px;
  width: 200px;
  -ms-flex-order: 3;
  order: 3;
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  display: -ms-flexbox;
  display: flex;
  background: #fff
}
.m-unitE--gray .m-unitE__imgBox {
  background: #f3f3f3
}
@media screen and (max-width:750px) {
  .m-unitE__imgBox {
    float: none;
    height: auto;
    width: 100%;
    margin: auto;
    padding-top: 0;
    position: relative;
    -ms-flex-order: 1;
    order: 1
  }
}
.m-unitE__imgBox img {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  max-width: 90%;
  max-height: 90%;
  margin: auto;
  display: block;
  object-fit: contain;
  object-position: center;
  font-family: 'object-fit: contain; object-position: left;'
}
@media screen and (max-width:750px) {
  .m-unitE__imgBox img {
    width: 53.33333%
  }
}
.m-unitE__text {
  font-size: 15px;
  font-size: .83333rem;
  padding: 20px 10px 20px 20px;
  -ms-flex-order: 2;
  order: 2;
  width: calc(100% - 200px)
}
@media screen and (max-width:750px) {
  .m-unitE__text {
    padding: 3.33333% 9.33333% 9.33333%;
    font-size: 14.5px;
    font-size: 3.86667vw;
    -ms-flex-order: 3;
    order: 3;
    width: 100%
  }
}
.m-unitF {
  border: 1px solid #b2b2b2;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative
}
.m-unitF.is-new::before {
  content: "";
  display: inline-block;
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: 0;
  right: 0
}
.m-unitF.is-new.m-unitF--sansu::before {
  background: transparent url(/keirinkan/assets/img/common/icon/icon_new_math.svg) no-repeat bottom right;
  background-size: 100% auto
}
.m-unitF.is-new.m-unitF--math::before {
  background: transparent url(/keirinkan/assets/img/common/icon/icon_new_math.svg) no-repeat bottom right;
  background-size: 100% auto
}
.m-unitF.is-new.m-unitF--science::before {
  background: transparent url(/keirinkan/assets/img/common/icon/icon_new_science.svg) no-repeat bottom right;
  background-size: 100% auto
}
.m-unitF.is-new.m-unitF--english::before {
  background: transparent url(/keirinkan/assets/img/common/icon/icon_new_english.svg) no-repeat bottom right;
  background-size: 100% auto
}
.m-unitF.is-new.m-unitF--seikatsu::before {
  background: transparent url(/keirinkan/assets/img/common/icon/icon_new_seikatsu.svg) no-repeat bottom right;
  background-size: 100% auto
}
.m-unitF.is-new.m-unitF--tankyu::before {
  background: transparent url(/keirinkan/assets/img/common/icon/icon_new_tankyu.svg) no-repeat bottom right;
  background-size: 100% auto
}
@media screen and (max-width:750px) {
  .m-unitF {
    width: 100%
  }
}
.m-unitF__titleWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 10px 0;
  -ms-flex-align: center;
  align-items: center
}
.m-unitF__date {
  font-size: 12px;
  font-size: .66667rem;
  line-height: 1;
  padding: 0 5px
}
@media screen and (max-width:750px) {
  .m-unitF__date {
    font-size: 12px;
    font-size: 3.2vw
  }
}
.m-unitF--sansu .m-unitF__date {
  color: #5898e8;
  border-left: 2px solid #5898e8
}
.m-unitF--math .m-unitF__date {
  color: #5898e8;
  border-left: 2px solid #5898e8
}
.m-unitF--science .m-unitF__date {
  color: #71ba50;
  border-left: 2px solid #71ba50
}
.m-unitF--seikatsu .m-unitF__date {
  color: #f38d8d;
  border-left: 2px solid #f38d8d
}
.m-unitF--english .m-unitF__date {
  color: #ee9452;
  border-left: 2px solid #ee9452
}
.m-unitF--tankyu .m-unitF__date {
  color: #3facc6;
  border-left: 2px solid #3facc6
}
.m-unitF__grade {
  height: 29px;
  width: 71px;
  overflow: hidden;
  background-size: 100% auto;
  background-repeat: no-repeat
}
@media screen and (max-width:750px) {
  .m-unitF__grade {
    width: 40%;
    max-width: 71px
  }
}
.m-unitF--sansu .m-unitF__grade {
  background-image: url(/keirinkan/assets/img/common/icon/icon_math_set.svg)
}
.m-unitF--math .m-unitF__grade {
  background-image: url(/keirinkan/assets/img/common/icon/icon_math_set.svg)
}
.m-unitF--science .m-unitF__grade {
  background-image: url(/keirinkan/assets/img/common/icon/icon_science_set.svg)
}
.m-unitF--seikatsu .m-unitF__grade {
  background-image: url(/keirinkan/assets/img/common/icon/icon_seikatsu_set.svg)
}
.m-unitF--english .m-unitF__grade {
  background-image: url(/keirinkan/assets/img/common/icon/icon_english_set.svg)
}
.m-unitF--tankyu .m-unitF__grade {
  background-image: url(/keirinkan/assets/img/common/icon/icon_tankyu_set.svg);
  background-position: 0 0;
  width: 51px
}
.m-unitF__grade--0 {
  background-position: 0 0
}
.m-unitF__grade--1 {
  background-position: 0 16.36364%
}
.m-unitF__grade--2 {
  background-position: 0 33.09091%
}
.m-unitF__grade--3 {
  background-position: 0 49.81818%
}
.m-unitF__grade--4 {
  background-position: 0 66.54545%
}
.m-unitF__grade--5 {
  background-position: 0 83.27273%
}
.m-unitF__grade--6 {
  background-position: 0 100%
}
.m-unitF__title {
  padding: 10px;
  font-size: 14px;
  font-size: .77778rem;
  -ms-flex-positive: 1;
  flex-grow: 1
}
@media screen and (max-width:750px) {
  .m-unitF__title {
    font-size: 13px;
    font-size: 3.46667vw
  }
}
.m-unitF__authorWrap {
  padding: 10px;
  background: #f0f0f0;
  min-height: 3.4em
}
.m-unitF__author {
  font-size: 14px;
  font-size: .77778rem
}
@media screen and (max-width:750px) {
  .m-unitF__author {
    font-size: 11px;
    font-size: 2.93333vw
  }
}
.m-unitF__school {
  font-size: 14px;
  font-size: .77778rem
}
@media screen and (max-width:750px) {
  .m-unitF__school {
    font-size: 11px;
    font-size: 2.93333vw
  }
}
.m-titleA {
  position: relative;
  margin-top: 70px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: start;
  align-items: flex-start
}
.m-titleA--S {
  margin-top: 0
}
.m-titleA--XS {
  margin-top: 0
}
@media screen and (max-width:750px) {
  .m-titleA {
    margin-top: 11.76471%
  }
}
.m-titleA::before {
  content: " ";
  display: block;
  width: 23px;
  height: 3px;
  background: #05a;
  margin-top: .5em;
  font-size: 33px;
  font-size: 1.83333rem;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
@media screen and (max-width:750px) {
  .m-titleA::before {
    font-size: 22.5px;
    font-size: 6vw
  }
}
.m-titleA__text {
  font-size: 33px;
  font-size: 1.83333rem;
  vertical-align: middle;
  font-weight: 400;
  padding-left: 5px;
  display: inline-block;
  line-height: 1.1;
  position: relative
}
@media screen and (max-width:750px) {
  .m-titleA__text {
    font-size: 22.5px;
    font-size: 6vw
  }
}
.m-titleA--S .m-titleA__text {
  font-size: 23px;
  font-size: 1.27778rem
}
@media screen and (max-width:750px) {
  .m-titleA--S .m-titleA__text {
    font-size: 15px;
    font-size: 4vw
  }
}
.m-titleA--XS .m-titleA__text {
  font-size: 16px;
  font-size: .88889rem
}
@media screen and (max-width:750px) {
  .m-titleA--XS .m-titleA__text {
    font-size: 15px;
    font-size: 4vw
  }
}
.m-titleA__sub {
  vertical-align: middle;
  font-weight: 400;
  padding-left: 15px;
  padding-top: .4em;
  display: inline-block;
  font-size: 17px;
  font-size: .94444rem
}
@media screen and (max-width:750px) {
  .m-titleA__sub {
    font-size: 13px;
    font-size: 3.46667vw
  }
}
.m-titleA__icon {
  display: inline-block;
  width: 50px;
  height: 36px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: left bottom;
  margin-left: 1em;
  position: absolute;
  right: 0;
  bottom: 0;
  -ms-transform: translateX(110%);
  transform: translateX(110%)
}
@media screen and (max-width:750px) {
  .m-titleA__icon {
    margin-left: .1em;
    width: 2em;
    height: 1em;
    background-size: contain
  }
}
.m-titleA__icon--sansu {
  background-image: url(/keirinkan/assets/img/common/icon/icon_math.svg)
}
.m-titleA__icon--math {
  background-image: url(/keirinkan/assets/img/common/icon/icon_math.svg)
}
.m-titleA__icon--science {
  background-image: url(/keirinkan/assets/img/common/icon/icon_science.svg);
  height: 40px
}
.m-titleA__icon--seikatsu {
  background-image: url(/keirinkan/assets/img/common/icon/icon_seikatsu.svg);
  height: 25px
}
.m-titleA__icon--english {
  background-image: url(/keirinkan/assets/img/common/icon/icon_english.svg);
  width: 60px
}
.m-titleA__icon--tankyu {
  background-image: url(/keirinkan/assets/img/common/icon/icon_tankyu.svg)
}
.m-titleB {
  position: relative;
  border-bottom: 1px solid #707070;
  width: 100%;
  margin-top: 70px;
  overflow: hidden
}
.m-titleA + .m-titleB {
  margin-top: 20px
}
@media screen and (max-width:750px) {
  .m-titleB {
    margin-top: 11.76471%
  }
  .m-titleA + .m-titleB {
    margin-top: 4.41176%
  }
}
.m-titleB--point {
  position: relative
}
.m-titleB--point::before {
  content: "";
  display: block;
  width: 121px;
  height: 25px;
  margin-bottom: 6px;
  background-image: url(/keirinkan/assets/img/common/icon/icon_point.svg);
  background-repeat: no-repeat
}
.m-titleB__text {
  font-size: 26px;
  font-size: 1.44444rem;
  vertical-align: middle;
  font-weight: 400;
  display: inline-block;
  line-height: 1.1;
  padding-bottom: .3em
}
@media screen and (max-width:750px) {
  .m-titleB__text {
    font-size: 18px;
    font-size: 4.8vw
  }
}
.m-titleB__text span {
  vertical-align: middle;
  font-size: 20px;
  font-size: 1.11111rem;
  padding-left: 1em
}
@media screen and (max-width:750px) {
  .m-titleB__text span {
    font-size: 15px;
    font-size: 4vw;
    padding-left: 0;
    padding-top: .2em;
    display: block
  }
}
.m-titleC {
  position: relative;
  width: 100%;
  margin-top: 70px;
  overflow: hidden
}
.m-titleA + .m-titleC,
.m-titleB + .m-titleC {
  margin-top: 20px
}
@media screen and (max-width:750px) {
  .m-titleC {
    margin-top: 11.76471%
  }
  .m-titleA + .m-titleC,
  .m-titleB + .m-titleC {
    margin-top: 4.41176%
  }
}
.m-titleC__text {
  font-size: 24px;
  font-size: 1.33333rem;
  display: block;
  line-height: 1.1;
  width: 100%;
  background: #f3f3f3;
  padding: 10px 15px;
  font-weight: 400
}
@media screen and (max-width:750px) {
  .m-titleC__text {
    font-size: 15px;
    font-size: 4vw
  }
}
@media print,
screen and (min-width:751px) {
  .is-coloeMode_dark .m-titleC__text {
    border: 1px solid #f3f3f3
  }
}
.m-titleD {
  position: relative;
  width: 100%;
  margin-top: 70px
}
.m-titleA + .m-titleD,
.m-titleB + .m-titleD,
.m-titleC + .m-titleD {
  margin-top: 20px
}
@media screen and (max-width:750px) {
  .m-titleD {
    margin-top: 11.76471%
  }
  .m-titleA + .m-titleD,
  .m-titleB + .m-titleD,
  .m-titleC + .m-titleD {
    margin-top: 4.41176%
  }
}
.m-titleD__text {
  font-size: 20px;
  font-size: 1.11111rem;
  display: block;
  line-height: 1.1;
  width: 100%;
  font-weight: 400
}
@media screen and (max-width:750px) {
  .m-titleD__text {
    font-size: 12.5px;
    font-size: 3.33333vw
  }
}
.m-titleE {
  position: relative
}
.m-titleE__text {
  font-size: 16px;
  font-size: .88889rem;
  vertical-align: middle;
  font-weight: 700;
  display: inline-block;
  line-height: 1.4
}
.m-btnWrapA {
  padding: 100px calc(50% - 300px) 0;
  margin: 0 auto 100px
}
@media screen and (max-width:750px) {
  .m-btnWrapA {
    width: 100%
  }
}
.m-btnWrapB {
  padding: 100px 0 0;
  width: 385px;
  margin: auto
}
@media screen and (max-width:750px) {
  .m-btnWrapB {
    width: 51.33333%
  }
}
.m-btnA {
  width: 100%;
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  border: 1.2px solid #b2b2b2;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  min-height: 3.5em;
  height: 3.5em
}
.m-btnA.is-current,
.m-btnA:hover {
  border: 1px solid #05a;
  background: #05a
}
.m-btnA.is-current::after,
.m-btnA:hover::after {
  border-color: #fff
}
.m-btnA::after {
  content: " ";
  display: inline-block;
  width: .6em;
  height: .6em;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  position: absolute;
  right: 0;
  top: 50%;
  margin-right: 1em;
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg)
}
.m-btnA--down::after {
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  border-right: none
}
.m-btnA--none::after {
  display: none
}
.m-btnA--prev::after {
  border-top: 1px solid #000;
  border-right: none;
  border-bottom: none;
  border-left: 1px solid #000;
  right: auto;
  left: 0;
  margin-left: 1em
}
.m-btnA--blank::after {
  border: none;
  -ms-transform: none;
  transform: none;
  content: " ";
  display: inline-block;
  width: 15px;
  height: 20px;
  background: transparent url(/keirinkan/assets/img/common/icon/icon_blank_bk.svg) no-repeat 50% center;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-right: .8em;
  background-size: contain
}
@media print,
screen and (min-width:751px) {
  .is-coloeMode_dark .m-btnA::after {
    border-color: #fff
  }
}
.m-btnA--blank:hover::after {
  width: 15px;
  height: 20px;
  background: transparent url(/keirinkan/assets/img/common/icon/icon_blank_w.svg) no-repeat 50% center;
  background-size: contain
}
.m-btnA__text {
  font-size: 19px;
  font-size: 1.05556rem;
  font-weight: 400;
  line-height: 1.1;
  padding-right: 1.7em;
  padding-left: 1.7em;
  color: #000
}
@media print,
screen and (min-width:751px) {
  .is-coloeMode_dark .m-btnA__text {
    color: #fff
  }
}
@media screen and (max-width:750px) {
  .m-btnA__text {
    font-size: 11.5px;
    font-size: 3.06667vw;
    padding-right: 2em;
    padding-left: 2em
  }
}
@media screen and (max-width:750px) and (max-width:750px) {
  .m-btnA__text {
    text-align: center
  }
}
.m-btnA.is-current .m-btnA__text,
.m-btnA:hover .m-btnA__text {
  color: #fff
}
.m-btnA__text > span {
  display: block;
  font-size: 90%
}
.m-btnB {
  width: 100%;
  background: #3777c7;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #3777c7;
  min-height: 3.5em;
  height: 3.5em;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}
.m-btnB::after {
  content: " ";
  display: inline-block;
  width: .6em;
  height: .6em;
  position: absolute;
  right: 0;
  top: 50%;
  margin-right: 1em;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.m-btnB.is-disabled {
  background: #ccc;
  border: 1px solid #ccc;
  cursor: default
}
.m-btnB.is-disabled:hover {
  opacity: 1
}
.m-btnB--L {
  min-height: 4em
}
.m-btnB--XL {
  min-height: 5em
}
.m-btnB::after {
  content: " ";
  display: inline-block;
  width: .6em;
  height: .6em;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  position: absolute;
  right: 0;
  top: 50%;
  margin-right: 1em;
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg)
}
.m-btnB--dl::after {
  border: none;
  -ms-transform: none;
  transform: none;
  width: 30px;
  height: 40px;
  background: transparent url(/keirinkan/assets/img/common/icon/icon_dl_w.svg) no-repeat 50% center;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-right: .5em
}
@media screen and (max-width:750px) {
  .m-btnB--dl::after {
    width: 2em;
    height: 2em;
    background: transparent url(/keirinkan/assets/img/common/icon/icon_dl_w.svg) no-repeat 50% center;
    background-size: contain
  }
}
.m-btnB--XL.m-btnB--dl::after {
  background-size: contain;
  margin-right: 1em;
  width: 20px;
  height: 30px
}
.m-btnB--L.m-btnB--dl::after {
  background-size: contain;
  margin-right: 1em;
  width: 20px;
  height: 30px
}
.m-btnB--none::after {
  display: none
}
.m-btnB--down::after {
  border: none;
  -ms-transform: none;
  transform: none;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: none;
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg)
}
.m-btnB--eBook::after {
  border: none;
  -ms-transform: none;
  transform: none;
  width: 30px;
  height: 40px;
  background: transparent url(/keirinkan/assets/img/common/icon/icon_ebook.svg) no-repeat 50% center;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media screen and (max-width:750px) {
  .m-btnB--eBook::after {
    width: 2em;
    height: 2em;
    background: transparent url(/keirinkan/assets/img/common/icon/icon_ebook.svg) no-repeat 50% center;
    background-size: contain
  }
}
.m-btnB--blank::after {
  border: none;
  -ms-transform: none;
  transform: none;
  width: 20px;
  height: 30px;
  background: transparent url(/keirinkan/assets/img/common/icon/icon_blank_w.svg) no-repeat 50% center;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media screen and (max-width:750px) {
  .m-btnB--blank::after {
    width: 1em;
    height: 1em;
    background: transparent url(/keirinkan/assets/img/common/icon/icon_blank_w.svg) no-repeat 50% center;
    background-size: contain
  }
}
.m-btnB--blank.m-btnB--XL::after {
  border: none;
  -ms-transform: none;
  transform: none;
  width: 30px;
  height: 40px;
  background: transparent url(/keirinkan/assets/img/common/icon/icon_blank_w.svg) no-repeat 50% center;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media screen and (max-width:750px) {
  .m-btnB--blank.m-btnB--XL::after {
    width: 2em;
    height: 2em;
    background: transparent url(/keirinkan/assets/img/common/icon/icon_blank_w.svg) no-repeat 50% center;
    background-size: contain
  }
}
.m-btnB__text {
  font-size: 19px;
  font-size: 1.05556rem;
  font-weight: 400;
  line-height: 1.1;
  padding-right: 1.5em;
  padding-left: 1.5em;
  color: #fff;
  vertical-align: middle;
  text-align: center
}
.m-btnB__text span {
  vertical-align: middle
}
.m-btnB--XL .m-btnB__text {
  line-height: 1.2;
  font-size: 25px;
  font-size: 1.38889rem
}
@media screen and (max-width:750px) {
  .m-btnB__text {
    font-size: 13px;
    font-size: 3.46667vw;
    padding-right: 2em;
    padding-left: 2em
  }
}
.m-btnB__small {
  font-size: 12px;
  font-size: .66667rem;
  vertical-align: middle;
  line-height: 1
}
.m-btnB--XL .m-btnB__small {
  font-size: 18px;
  font-size: 1rem
}
.m-btnC {
  width: 100%;
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  border: 1.2px solid #b2b2b2;
  min-height: 3.2em;
  min-height: 3.5em;
  height: 3.5em;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}
.m-btnC::after {
  content: " ";
  display: inline-block;
  position: absolute
}
.m-btnC--pdf {
  border: 1.2px solid #d00
}
.m-btnC--pdf::after {
  content: " ";
  width: 26px;
  height: 40px;
  right: 0;
  top: 50%;
  margin-right: .5em;
  background: transparent url(/keirinkan/assets/img/common/icon/icon_pdf_red.svg) no-repeat 50% center;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-size: contain
}
@media screen and (max-width:750px) {
  .m-btnC--pdf::after {
    width: 2em;
    height: 2em;
    background: transparent url(/keirinkan/assets/img/common/icon/icon_pdf_red.svg) no-repeat 50% center;
    background-size: contain
  }
}
.m-btnC--play::after {
  content: " ";
  width: 30px;
  height: 40px;
  right: 0;
  top: 50%;
  margin-right: .5em;
  background: transparent url(/keirinkan/assets/img/common/icon/icon_play.svg) no-repeat 50% center;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media screen and (max-width:750px) {
  .m-btnC--play::after {
    width: 2em;
    height: 2em;
    background: transparent url(/keirinkan/assets/img/common/icon/icon_play.svg) no-repeat 50% center;
    background-size: contain
  }
}
.m-btnC--blank::after {
  content: " ";
  width: 15px;
  height: 20px;
  right: 0;
  top: 50%;
  margin-right: .8em;
  background: transparent url(/keirinkan/assets/img/common/icon/icon_blank_bk.svg) no-repeat 50% center;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media screen and (max-width:750px) {
  .m-btnC--blank::after {
    width: 1em;
    height: 1em;
    margin-right: 1em;
    background: transparent url(/keirinkan/assets/img/common/icon/icon_blank_bk.svg) no-repeat 50% center;
    background-size: contain
  }
}
.m-btnC__text {
  font-size: 19px;
  font-size: 1.05556rem;
  font-weight: 400;
  line-height: 1.1;
  padding-right: 1.7em;
  padding-left: 1.5em;
  color: #000
}
@media screen and (max-width:750px) {
  .m-btnC__text {
    font-size: 11.5px;
    font-size: 3.06667vw;
    padding-right: 1.5em;
    padding-left: 1em
  }
}
@media screen and (max-width:750px) and (max-width:750px) {
  .m-btnC__text {
    text-align: center
  }
}
.m-btnC__text span {
  display: block
}
.m-icon {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  width: auto;
  max-width: 100%
}
.m-icon img {
  width: auto;
  max-width: 100%
}
.m-hrA {
  border: none;
  border-bottom: 1px solid #b2b2b2
}
.m-hrB {
  border: none;
  border-bottom: 1px dashed #b2b2b2
}
.m-tag {
  border: 1px solid #05a;
  color: #05a;
  font-size: .8em;
  padding: .1em .5em;
  display: inline-block
}
.m-tag--blue {
  border: 1px solid #05a;
  color: #05a
}
.m-tag--red {
  border: 1px solid #d00;
  color: #d00
}
.m-tag--orange {
  border: 1px solid #eb9000;
  color: #eb9000
}
.m-tagB {
  background: #05a;
  color: #fff;
  font-size: .8em;
  padding: .1em .5em;
  display: inline-block
}
.m-tagB--gray {
  background: #b2b2b2
}
.m-tagB--border {
  border: 1.2px solid #000;
  background: #fff;
  color: #000;
  padding: .05em .5em
}
.m-tagB--blue {
  background: #05a
}
.m-tagB--red {
  background: #d00
}
.m-tagB--orange {
  background: #eb9000
}
.m-tagB--sansu {
  background: #86b6f2
}
.m-tagB--math {
  background: #9b80e3
}
.m-tagB--science {
  background: #94cb7b
}
.m-tagB--seikatsu {
  background: #f8b5b5
}
.m-tagB--english {
  background: #f4a872
}
.m-tagB--theme {
  background: #73c5d8
}
.m-tagB--challenge_study {
  background: #73c5d8
}
.m-tagB--tankyu {
  background: #73c5d8
}
table.m-table {
  vertical-align: middle;
  border-collapse: collapse;
  border: 1px solid #9fa0a0
}
table.m-table.u-noBorder {
  border: none!important
}
table.m-table.u-noBorderL {
  border-left: none!important
}
table.m-table.u-noBorderR {
  border-right: none!important
}
table.m-table.u-noBorderT {
  border-top: none!important
}
table.m-table.u-noBorderB {
  border-bottom: none!important
}
table.m-table.m-table--noBorder {
  border: none!important
}
table.m-table.m-table--noBorder td,
table.m-table.m-table--noBorder th {
  border: none!important
}
table.m-table caption,
table.m-table tbody,
table.m-table td,
table.m-table tfoot,
table.m-table th,
table.m-table thead,
table.m-table tr {
  vertical-align: middle;
  border-collapse: collapse;
  font-weight: 400;
  line-height: 1.4
}
table.m-table td.u-alignC,
table.m-table th.u-alignC {
  text-align: center
}
table.m-table td.u-alignL,
table.m-table th.u-alignL {
  text-align: left
}
table.m-table td.u-alignR,
table.m-table th.u-alignR {
  text-align: right
}
table.m-table td.u-noBorder,
table.m-table th.u-noBorder {
  border: none!important
}
table.m-table td.u-noBorderL,
table.m-table th.u-noBorderL {
  border-left: none!important
}
table.m-table td.u-noBorderR,
table.m-table th.u-noBorderR {
  border-right: none!important
}
table.m-table td.u-noBorderT,
table.m-table th.u-noBorderT {
  border-top: none!important
}
table.m-table td.u-noBorderB,
table.m-table th.u-noBorderB {
  border-bottom: none!important
}
table.m-table th {
  background: #cbdced;
  padding: 4px 10px;
  text-align: center;
  border: 1px solid #9fa0a0;
  color: #262626
}
table.m-table thead th {
  background: #05a;
  padding: 4px 10px;
  color: #fff
}
table.m-table td {
  border: 1px solid #9fa0a0;
  padding: 4px 10px;
  background: #fff;
  text-align: left;
  color: #262626
}
table.m-table--colC td {
  text-align: center
}
@media screen and (max-width:750px) {
  .m-tableWrap.is-scroll {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%
  }
  .m-tableWrap.is-scroll > table {
    width: 1016px
  }
}
.m-QA {
  border: 1px solid #707070;
  margin-top: 20px;
  position: relative
}
.m-QA__title {
  font-size: 16px;
  font-size: .88889rem;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 0;
  cursor: pointer;
  z-index: 1;
  position: relative
}
.m-QA__title::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 2px;
  background: #707070;
  position: absolute;
  top: 50%;
  right: 0;
  margin-right: 1em;
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%)
}
.m-QA__title::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 2px;
  background: #707070;
  position: absolute;
  top: 50%;
  right: 0;
  margin-right: 1em;
  -ms-transform: translate(0,-50%) rotate(-90deg);
  transform: translate(0,-50%) rotate(-90deg)
}
.is-open > .m-QA__title::after {
  display: none
}
.m-QA__q {
  font-size: 18px;
  font-size: 1rem;
  width: 4em;
  border-right: 1px solid #707070;
  text-align: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media screen and (max-width:750px) {
  .m-QA__q {
    font-size: 13.5px;
    font-size: 3.6vw
  }
}
.m-QA__qText {
  font-size: 16px;
  font-size: .88889rem;
  padding: 0 50px 0 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 2em
}
@media screen and (max-width:750px) {
  .m-QA__qText {
    font-size: 12px;
    font-size: 3.2vw;
    min-height: 3em
  }
}
.m-QA__body {
  border-top: 1px solid #707070;
  display: none;
  padding: 20px
}
.m-QA__a {
  font-weight: 700;
  display: inline-block
}
@media screen and (max-width:750px) {
  .m-QA__a {
    font-size: 12.5px;
    font-size: 3.33333vw;
    line-height: 1.2
  }
}
.m-QA__aText {
  display: inline
}
@media screen and (max-width:750px) {
  .m-QA__aText {
    font-size: 12.5px;
    font-size: 3.33333vw;
    line-height: 1.2
  }
}
.m-link {
  position: relative;
  line-height: 1.4
}
.m-link:hover {
  text-decoration: underline
}
@media screen and (max-width:750px) {
  .m-link:hover {
    text-decoration: none
  }
}
.m-link--blank::after {
  content: " ";
  display: inline-block;
  width: .8em;
  height: .8em;
  background: #000;
  vertical-align: middle;
  line-height: 1.4;
  background: url(/keirinkan/assets/img/common/icon/icon_blank.svg) center top no-repeat;
  margin: 0 .3em .2em .3em
}
.m-link--next::after {
  content: " ";
  display: inline-block;
  width: .4em;
  height: .4em;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  vertical-align: middle;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: .3em
}
.m-link--prev::before {
  content: " ";
  display: inline-block;
  width: .4em;
  height: .4em;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  vertical-align: middle;
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-right: .3em
}
.m-link--pdf::after {
  content: " ";
  display: inline-block;
  width: 1em;
  height: .8em;
  vertical-align: middle;
  line-height: 1.4;
  background: url(/keirinkan/assets/img/common/icon/icon_pdf02.svg) center top no-repeat;
  margin: 0 .3em .2em .3em
}
.m-link--pdf2::before {
  content: " ";
  display: inline-block;
  width: 1em;
  height: .8em;
  vertical-align: middle;
  line-height: 1.4;
  background: url(/keirinkan/assets/img/common/icon/icon_pdf02.svg) center top no-repeat;
  margin: 0 .3em .2em .3em
}
.m-link--uLine {
  text-decoration: underline;
  color: #3777c7
}
.m-kv {
  width: 100%;
  height: 250px
}
@media screen and (max-width:750px) {
  .m-kv {
    height: auto
  }
}
.m-kv--sho {
  background: url(/keirinkan/sho/img/kv_sho.jpg) no-repeat center 50%;
  background-size: cover;
  border-bottom: 3px solid #ffd258
}
@media screen and (max-width:750px) {
  .m-kv--sho {
    background: 0 0
  }
}
.m-kv--chu {
  background: url(/keirinkan/chu/img/kv_chu.jpg) no-repeat center 50%;
  background-size: cover;
  border-bottom: 3px solid #b5d87e
}
@media screen and (max-width:750px) {
  .m-kv--chu {
    background: 0 0
  }
}
.m-kv--kou {
  background: url(/keirinkan/kou/img/kv_kou.jpg) no-repeat center 50%;
  background-size: cover;
  border-bottom: 3px solid #f070b0
}
@media screen and (max-width:750px) {
  .m-kv--kou {
    background: 0 0
  }
}
.m-kv__title {
  max-width: 1200px;
  width: 100%;
  height: 250px;
  margin: auto;
  text-align: left;
  position: relative
}
@media screen and (max-width:750px) {
  .m-kv__title {
    height: auto
  }
}
.m-kv__titleimg {
  display: block;
  position: absolute;
  bottom: 0
}
@media screen and (max-width:750px) {
  .m-kv__titleimg {
    position: relative
  }
}
.m-kv__titleBook {
  width: 119px;
  height: 91px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 10px
}
@media screen and (max-width:750px) {
  .m-kv__titleBook {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    margin-left: 36%;
    padding-top: 12.13333%;
    width: 15.86667%;
    height: auto;
    background-size: contain;
    margin-bottom: 0
  }
  .m-kv--syo .m-kv__titleBook {
    margin-left: 36%
  }
  .m-kv--chu .m-kv__titleBook {
    margin-left: 33.33333%
  }
  .m-kv--kou .m-kv__titleBook {
    margin-left: 41.33333%
  }
}
.m-pageNav {
  background: #ebedf0;
  min-width: 1300px
}
@media screen and (max-width:750px) {
  .m-pageNav {
    display: none
  }
}
.m-pageNav__inner {
  width: 1300px;
  min-width: 1300px;
  margin: auto
}
.m-pageNav__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.m-pageNav__item {
  width: 100%
}
.m-pageNav__item + .m-pageNav__item {
  border-left: 1px solid #fff
}
.m-pageNav__item.is-open {
  background: #05a;
  opacity: 1
}
.m-pageNav__item > a {
  display: block;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  font-size: 20px;
  font-size: 1.11111rem;
  letter-spacing: .2em;
  color: #262626
}
.m-pageNav__item > a:hover {
  opacity: 1
}
.m-pageNav__item > a::after {
  content: " ";
  display: inline-block;
  width: .3em;
  height: .3em;
  margin: 0 0 .3em 1em;
  border-top: 2px solid #262626;
  border-left: 2px solid #262626;
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg)
}
.m-pageNav__item.is-open > a {
  color: #fff
}
.m-pageNav__item.is-open > a::after {
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: 0 0 .1em 1em;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff
}
.m-pageNav__subNav {
  border-top: 1px solid #fff;
  background: #05a;
  transition: height .3s 0s ease;
  height: 0
}
.m-pageNav__subNav.is-open {
  height: 11em;
  transition: height .3s 0s ease
}
.m-pageNav__subBlock {
  display: none;
  width: 1016px;
  margin: auto;
  color: #fff
}
.m-pageNav__subBlock a {
  color: #fff
}
.m-pageNav__subBlock a:hover {
  text-decoration: underline;
  opacity: 1
}
.m-pageNav__subBlock.is-open {
  display: block
}
.m-pageNav__subList {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 1px 0 10px;
  margin-right: -4%
}
.m-pageNav__subList a {
  font-size: 16px;
  font-size: .88889rem;
  line-height: 1
}
.m-pageNav__subList--top {
  padding: 25px 0 1px
}
.m-pageNav__subList--top a {
  font-size: 18px;
  font-size: 1rem
}
.m-pageNav__subList--btm {
  border-top: 1px dashed #fff;
  padding: 10px 0 25px
}
.m-pageNav__subList--btm a {
  font-size: 16px;
  font-size: .88889rem
}
.m-pageNav__subListitem {
  position: relative;
  padding: 5px 0;
  padding-right: 4%
}
.m-pageNav__subListitem--top {
  width: 100%;
  position: relative;
  display: inline-block
}
.m-pageNav__subListitem--top::before {
  content: " ";
  display: inline-block;
  width: 1px;
  height: 0;
  border-left: 7px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: none;
  position: absolute;
  top: 50%;
  left: -8px;
  -ms-transform: translate(-100%,-50%);
  transform: translate(-100%,-50%)
}
.m-pageNav_sp {
  background: #ebedf0
}
@media print,
screen and (min-width:751px) {
  .m-pageNav_sp {
    display: none
  }
}
.m-pageNav_sp__inner {
  width: 100%;
  margin: auto
}
.m-pageNav_sp__inner > a {
  padding: 10px 0 10px 0;
  width: 90.66667%;
  display: block;
  text-align: left;
  margin: auto;
  font-size: 15px;
  font-size: 4vw
}
.m-pageNav_sp__inner > a::after {
  content: " ";
  display: inline-block;
  width: .5em;
  height: .5em;
  margin: 0 0 .2em 1em;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg)
}
.m-pageNav_sp__inner.is-open > a::after {
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: 0 0 0 1em
}
.m-pageNav_sp__body {
  display: none
}
.m-pageNav_sp__body.is-open {
  border-top: 1px solid #262626
}
.m-pageNav_sp__innerBody {
  padding: 10px 0 10px 0;
  width: 90.66667%;
  text-align: left;
  margin: auto
}
.m-pageNav_sp .l-headerNavChild--child {
  display: block;
  border: none;
  border-bottom: 1px solid #262626;
  margin-bottom: 30px
}
.m-pageNav_sp .l-headerNavChild--grand {
  display: none
}
.m-pagePath {
  width: 1016px;
  margin: auto;
  color: #4d4d4d
}
@media screen and (max-width:750px) {
  .m-pagePath {
    display: none
  }
}
.m-pagePath__list {
  padding-top: 14px;
  line-height: 1
}
.m-pagePath__item {
  display: inline-block;
  line-height: 1;
  font-size: 14px;
  font-size: .77778rem;
  font-weight: 700
}
.m-pagePath__item + .m-pagePath__item {
  padding-left: 2em;
  position: relative
}
.m-pagePath__item + .m-pagePath__item::before {
  content: " ";
  display: inline-block;
  width: .8em;
  height: .8em;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  -ms-transform: translate(-200%,-50%) scaleY(.5) rotate(45deg);
  transform: translate(-200%,-50%) scaleY(.5) rotate(45deg)
}
@media print,
screen and (min-width:751px) {
  .is-coloeMode_dark .m-pagePath__item + .m-pagePath__item::before {
    border-color: #fff
  }
}
.m-pagePath__item a:hover {
  text-decoration: underline
}
.m-pagePath__item a:not([href]) {
  text-decoration: none
}
.m-pagePath__item a:not([href]):hover {
  text-decoration: none;
  opacity: 1
}
.m-kvLink {
  position: relative;
  z-index: 5
}
@media screen and (max-width:750px) {
  .m-kvLink {
    display: none
  }
}
.m-kvLink::before {
  opacity: 0;
  top: -100%;
  display: block;
  transition: all .3s 0s ease
}
.m-kvLink__mainMenu {
  display: -ms-flexbox;
  display: flex
}
.m-kvLink__tabBlock {
  width: 33.33%
}
.m-kvLink__tab {
  display: block;
  position: relative;
  overflow: hidden
}
.m-kvLink__tab:hover {
  opacity: 1
}
.m-kvLink__tab::before {
  content: " ";
  display: inline-block;
  width: 100%;
  height: 100%;
  background: #74b1e8;
  position: absolute;
  z-index: 1;
  opacity: .5;
  transition: opacity .3s 0s ease
}
.m-kvLink__tabBlock.is-open .m-kvLink__tab::before {
  opacity: 0;
  transition: opacity .3s 0s ease
}
.m-kvLink__tabBlock.is-open .m-kvLink__tab::after {
  content: " ";
  display: inline-block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0
}
.m-kvLink__tabBlock.m-kvLink__tabBlock--kou .m-kvLink__tab:hover::before {
  opacity: 0;
  transition: opacity .3s 0s ease;
}
.m-kvLink__tabBlock--sho.is-open .m-kvLink__tab::after {
  background: #ffd258
}
.m-kvLink__tabBlock--chu.is-open .m-kvLink__tab::after {
  background: #b5d87e
}
.m-kvLink__tabBlock--kou.is-open .m-kvLink__tab::after {
  background: #f070b0
}
.m-kvLink__mainImg {
  display: block;
  width: 100%;
  position: relative
}
.m-kvLink__mainTitle {
  display: block;
  position: absolute;
  bottom: -18px;
  left: 0;
  z-index: 2
}
.m-kvLink__subMenu {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  transition: all .3s 0s ease;
  overflow: hidden
}
.m-kvLink__subMenu.is-open {
  border-top: 1px solid #707070;
  background: #fff;
  box-shadow: 0 10px 10px rgba(0,0,0,.2);
  height: 180px;
  transition: all .3s 0s ease
}
@media print,
screen and (min-width:751px) {
  .is-coloeMode_dark .m-kvLink__subMenu.is-open {
    background: #303030
  }
}
.m-kvLink__subMenu--top {
  margin-top: 11.57407%
}
.m-kvLink__subMenu--top.is-open {
  border-top: none
}
.m-kvLink__navBlock {
  display: none;
  width: 100%;
  position: absolute;
  top: 0
}
.m-kvLink__navBlock.is-open {
  display: block
}
.m-kvLink__navinnerBlock {
  width: 1016px;
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 20px 0
}
@media screen and (max-width:750px) {
  .m-kvLink__navinnerBlock {
    width: 100%
  }
}
.m-kvLink__navTitle {
  display: block
}
.m-kvLink__navTitle > a {
  width: 152px;
  height: 137px;
  border: 2px solid #05a;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #05a;
  text-align: center;
  font-size: 20px;
  font-size: 1.11111rem;
  line-height: 1.4;
  background: #fff
}
@media print,
screen and (min-width:751px) {
  .is-coloeMode_dark .m-kvLink__navTitle > a {
    border: 2px solid #fff
  }
}
.m-kvLink__navBox {
  margin-left: 23px
}
.m-kvLink__navBox > a {
  display: block;
  width: 193px;
  height: 137px;
  border: 1px solid #ccc;
  background: #fff
}
.m-kvLink__navBox > a > img {
  width: 100%
}
.m-kvLink__navBox > a > span {
  padding: 12px 12px 0 12px;
  display: inline-block;
  line-height: 1;
  font-size: 16px;
  font-size: .88889rem;
  color: #262626
}
.m-kvLink__navBox--kou > a {
  display: block;
  height: 137px;
  border: none
}
.m-toggle {
  border: 1px solid #b2b2b2
}
.m-toggle__btn {
  cursor: pointer;
  z-index: 1;
  position: relative;
  padding: .5em 1em
}
.m-toggle__btn::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 2px;
  background: #707070;
  position: absolute;
  top: 50%;
  right: 0;
  margin-right: 1em;
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%)
}
.m-toggle__btn::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 2px;
  background: #707070;
  position: absolute;
  top: 50%;
  right: 0;
  margin-right: 1em;
  -ms-transform: translate(0,-50%) rotate(-90deg);
  transform: translate(0,-50%) rotate(-90deg)
}
.is-open > .m-toggle__btn::after {
  display: none
}
.m-toggle__box {
  padding: .5em 1em;
  border-top: 1px solid #b2b2b2
}
.m-video {
  max-width: 100%
}
.m-bk-2 {
  background: #f3f8fe;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 50px
}
.m-bk-3 {
  padding: 38px 0 0;
  width: 1016px;
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
@media screen and (max-width:750px) {
  .m-bk-3 {
    padding: 5.33333% 0 0;
    width: 90.66667%;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
.m-bk-3__box {
  width: 242px;
  margin-bottom: 16px;
  background: #fff
}
.m-bk-3__box + .m-bk-3__box {
  margin-left: 16px
}
.m-bk-3__box:nth-child(4n+1) {
  margin-left: 0
}
@media screen and (max-width:750px) {
  .m-bk-3__box {
    width: 48%
  }
  .m-bk-3__box + .m-bk-3__box {
    margin-left: 0
  }
}
.m-bk-3__title {
  width: 100%;
  margin-bottom: 20px
}
@media screen and (max-width:750px) {
  .m-bk-3__title {
    font-size: 19px;
    font-size: 5.06667vw;
    margin-bottom: 4.41176%
  }
}
.m-bk-3__btn {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border: 1px solid #b2b2b2;
  height: 4.5em;
  position: relative;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}
.m-bk-3__btn:hover {
  outline: 1px solid #05a;
  border: 1px solid #05a
}
.m-bk-3__btn::after {
  content: " ";
  display: inline-block;
  width: .6em;
  height: .6em;
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  position: absolute;
  right: 0;
  top: 50%;
  margin-right: 1em;
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg)
}
.m-bk-3__text {
  font-size: 17px;
  font-size: .94444rem;
  text-align: center;
  line-height: 1.2;
  padding-right: 1.7em;
  padding-left: .5em
}
.m-bk-3__text--fit {
  letter-spacing: 0
}
.m-bk-3__text span {
  display: block
}
@media screen and (max-width:750px) {
  .m-bk-3__text {
    font-size: 13px;
    font-size: 3.46667vw
  }
}
.m-bk-4 {
  padding: 38px 0 0
}
@media screen and (max-width:750px) {
  .m-bk-4 {
    padding: 5.33333% 0 0
  }
}
.m-bk-4__inner {
  width: 1016px;
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
@media screen and (max-width:750px) {
  .m-bk-4__inner {
    width: 90.66667%;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
.m-bk-4__box {
  width: 242px;
  margin-bottom: 16px;
  background: #fff
}
.m-bk-4__box + .m-bk-4__box {
  margin-left: 16px
}
.m-bk-4__box:nth-child(4n+1) {
  margin-left: 0
}
@media screen and (max-width:750px) {
  .m-bk-4__box {
    width: 48%
  }
  .m-bk-4__box + .m-bk-4__box {
    margin-left: 0
  }
}
.m-bk-4__title {
  width: 100%;
  margin-bottom: 20px;
  font-size: 26px;
  font-size: 1.44444rem
}
@media screen and (max-width:750px) {
  .m-bk-4__title {
    font-size: 18px;
    font-size: 4.8vw;
    margin-bottom: 4.41176%
  }
}
.m-bk-4__btn {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border: 1px solid #b2b2b2;
  height: 150px;
  position: relative;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden
}
@media screen and (max-width:750px) {
  .m-bk-4__btn {
    height: 9em
  }
}
.m-bk-4__btn:hover {
  outline: 1px solid #6fa7ed;
  border: 1px solid #6fa7ed
}
.m-bk-4__btn::before {
  content: " ";
  display: inline-block;
  width: 63px;
  height: 63px;
  background: #6fa7ed;
  position: absolute;
  right: 0;
  bottom: 0;
  -ms-transform: translate(50%,50%) rotate(-45deg);
  transform: translate(50%,50%) rotate(-45deg)
}
.m-bk-4__btn::after {
  content: " ";
  display: inline-block;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 0;
  bottom: 0;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-right: 10px;
  margin-bottom: 7px
}
.m-bk-4__btn--pdf:hover {
  outline: 1px solid #d00;
  border: 1px solid #d00
}
.m-bk-4__btn--pdf::before {
  background: #d00
}
.m-bk-4__btn--pdf::after {
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/keirinkan/assets/img/common/icon/icon_pdf.svg) no-repeat center 50%;
  background-size: contain;
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 3px;
  margin-bottom: 3px;
  border: none;
  -ms-transform: none;
  transform: none
}
.m-bk-4__btn--blank::after {
  content: " ";
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url(/keirinkan/assets/img/common/icon/icon_blank_w.svg) no-repeat center 50%;
  background-size: contain;
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 4px;
  margin-bottom: 4px;
  border: none;
  -ms-transform: none;
  transform: none
}
.m-bk-4__text {
  font-size: 20px;
  font-size: 1.11111rem;
  text-align: center;
  line-height: 1.3
}
@media screen and (max-width:750px) {
  .m-bk-4__text {
    font-size: 17px;
    font-size: 4.53333vw
  }
}
.m-bk-4__text span {
  display: block;
  font-size: 16px;
  font-size: .88889rem;
  padding-bottom: .3em
}
@media screen and (max-width:750px) {
  .m-bk-4__text span {
    font-size: 12px;
    font-size: 3.2vw
  }
}
.m-bk-5 {
  padding: 38px 0 0
}
@media screen and (max-width:750px) {
  .m-bk-5 {
    padding: 5.33333% 0 0
  }
}
.m-bk-5__inner {
  width: 1016px;
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
@media screen and (max-width:750px) {
  .m-bk-5__inner {
    width: 90.66667%;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
.m-bk-5__box {
  width: 242px;
  margin-bottom: 16px;
  background: #fff
}
@media screen and (max-width:750px) {
  .m-bk-5__box {
    width: 100%
  }
}
.p-topKv {
  position: relative
}
.p-topKv__imgWrap {
  width: 100%;
  display: block
}
.p-topKv__img {
  width: 100%;
  display: block
}
.p-topKv__bnr {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 30.76923%;
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  margin-right: 10px
}
@media screen and (max-width:750px) {
  .p-topKv__bnr {
    position: relative;
    padding: 2.66667% 0;
    margin: 0 auto;
    -ms-transform: none;
    transform: none;
    width: 90.66667%
  }
}
.p-topKv__btnList {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -ms-flex-pack: justify;
  justify-content: space-between;
  top: 0;
  right: 0;
  /* margin: 15% 22.69231% auto auto; */
  margin: 10% 43.69231% auto auto;
  width: 54.61538%
}
@media screen and (max-width:750px) {
  .p-topKv__btnList {
    position: relative;
    width: 98.66667vw;
    top: 0;
    right: 0;
    left: 0;
    margin: -37.33333vw auto 5.33333vw
  }
}
.p-topKv__btnList > li {
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center
}
@media screen and (max-width:750px) {
  .p-topKv__btnList > li {
    padding: 0 .66667vw
  }
}
.p-topKv__btnList a:hover {
  opacity: .8;
  display: block
}
.p-topKv__text {
  display: block;
  margin: auto
}
.p-topKv__text--math {
  width: 96.63866%
}
.p-topKv__text--science {
  width: 96.63866%
}
.p-topKv__text--english {
  width: 96.63866%
}
@media screen and (max-width:750px) {
  .p-topKv__text {
    width: auto
  }
}
.p-topKv__text img {
  display: block;
  margin: auto;
  max-width: 100%
}
.p-topKv__btn {
  display: block;
  margin: 3.07692% auto 0;
  padding-left: 3.07692%
}
@media screen and (max-width:750px) {
  .p-topKv__btn {
    width: auto
  }
}
.p-topKv__btn img {
  display: block;
  margin: auto;
  max-width: 100%
}
.p-topPicup {
  background: url(/keirinkan/img_top/bg_pickup.jpg) no-repeat center 50%;
  background-size: 100% 100%;
  padding: 40px 0 60px;
  margin-top: 70px
}
@media screen and (max-width:750px) {
  .p-topPicup {
    background: 0 0;
    margin-top: 0;
    padding: 4% 0 10.66667%
  }
}
.p-topPicup__innerBlock {
  width: 1016px;
  margin: auto
}
@media screen and (max-width:750px) {
  .p-topPicup__innerBlock {
    width: 100%
  }
}
@media screen and (max-width:750px) {
  .p-topPicup__titleBox {
    padding: 0 4.66667%
  }
}
.p-topPicup__slideBlock {
  padding-top: 30px
}
.p-topPicup__box {
  width: 300px;
  position: relative;
  padding: 0 10px
}
@media screen and (max-width:750px) {
  .p-topPicup__box {
    width: auto
  }
}
.p-topPicup__link {
  display: block
}
@media screen and (max-width:750px) {
  .p-topPicup__link {
    border: 1px solid #b3b3b3
  }
}
.p-topPicup__tag {
  position: absolute;
  background: #fff;
  padding: 7px 18px;
  font-size: 12px;
  font-size: .66667rem;
  color: #fff;
  line-height: 1
}
.p-topPicup__tag--second {
  left: 90px
}
.p-topPicup__tag--info {
  background: #cf7000
}
.p-topPicup__tag--sho {
  background: #d4b50b
}
.p-topPicup__tag--chu {
  background: #b5d87e
}
.p-topPicup__tag--kou {
  background: #f070b0
}
.p-topPicup__pic {
  display: block;
  width: 100%
}
.p-topPicup__innerBox {
  background: #fff;
  height: 100%
}
.p-topPicup__textBox {
  padding: 10px;
  position: relative;
  border: 2px solid #f3f3f3;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 8.5em
}
.p-topPicup__box.is-new .p-topPicup__textBox::before {
  content: "New";
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #05a;
  color: #fff;
  font-size: 13px;
  font-size: .72222rem;
  position: absolute;
  top: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-right: 20px
}
.p-topPicup__date {
  color: #606060;
  font-size: 13px;
  font-size: .72222rem
}
.p-topPicup__text {
  color: #262626;
  font-size: 14px;
  font-size: .77778rem;
  padding-top: 1em;
  -ms-flex-positive: 1;
  flex-grow: 1
}
@media screen and (max-width:750px) {
  .p-topPicup__text {
    min-height: 6em;
    display: block
  }
}
.p-topPicup__btmText {
  text-align: right;
  padding: .1em 1em 0;
  -ms-flex-item-align: end;
  align-self: flex-end
}
.p-topPicup__btmTextLink {
  font-size: 12px;
  font-size: .66667rem;
  line-height: 1.8;
  color: #262626
}
.p-topNews {
  background: url(/keirinkan/img_top/bg_news.jpg) no-repeat center top;
  background-size: 100% auto;
  padding: 60px 0;
  margin-top: 74px
}
@media print,
screen and (min-width:751px) {
  .is-coloeMode_dark .p-topNews {
    background: #303030
  }
}
@media screen and (max-width:750px) {
  .p-topNews {
    margin-top: 0;
    background: 0 0;
    padding: 0 0 4%
  }
}
.p-topNews__innerBlock {
  width: 1016px;
  margin: auto;
  background: #fff;
  border: 2px solid #f3f3f3;
  padding: 30px 0
}
@media screen and (max-width:750px) {
  .p-topNews__innerBlock {
    width: 100%;
    background: 0 0;
    padding: 8% 4.66667% 0;
    border: none;
    background: #eff6fe
  }
}
.p-topNews__innerBlock--box3 {
  background: #fff
}
.p-topNews__titleBox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: 3em;
  -ms-flex-align: end;
  align-items: flex-end
}
@media screen and (max-width:750px) {
  .p-topNews__titleBox {
    padding-right: 0;
    -ms-flex-align: center;
    align-items: center
  }
  .p-topNews__titleBox a {
    font-size: 15px;
    font-size: 4vw
  }
}
.p-topNews__listBox {
  padding: 10px 30px
}
@media screen and (max-width:750px) {
  .p-topNews__listBox {
    padding: 10px 0
  }
}
.p-topNews__listBox--ookuma {
  margin: 20px 30px 0;
  background: #d3e3fa;
  padding: 10px 0
}
@media screen and (max-width:750px) {
  .p-topNews__listBox--ookuma {
    padding: 10px 4.66667%
  }
}
.p-topNews__listItem {
  padding: 17px 50px;
  border-bottom: 1px dashed #e2e2e2;
  display: -ms-flexbox;
  display: flex
}
@media screen and (max-width:750px) {
  .p-topNews__listItem {
    display: block;
    padding: 20px 0;
    border: none
  }
}
.p-topNews__listBox--ookuma .p-topNews__listItem {
  border-bottom: none
}
.p-topNews__date {
  width: 9em;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 13px;
  font-size: .72222rem;
  color: #606060
}
.is-coloeMode_dark .p-topNews__date {
  color: #fff
}
@media screen and (max-width:750px) {
  .p-topNews__date {
    font-size: 14px;
    font-size: 3.73333vw
  }
}
.p-topNews__listBox--ookuma .p-topNews__date {
  color: #0054aa;
  color: #606060
}
.p-topNews__text {
  font-size: 15px;
  font-size: .83333rem
}
@media screen and (max-width:750px) {
  .p-topNews__text {
    padding-top: 5px;
    font-size: 14.5px;
    font-size: 3.86667vw
  }
}
.p-topNews__listBox--ookuma .p-topNews__text {
  color: #0054aa
}
.p-topNews__text a {
  font-size: 15px;
  font-size: .83333rem;
  text-decoration: underline
}
@media screen and (max-width:750px) {
  .p-topNews__text a {
    font-size: 14.5px;
    font-size: 3.86667vw
  }
}
.p-topNews__listBox--ookuma .p-topNews__text a {
  color: #0054aa
}
.p-topNews__titleBox2 {
  padding-top: 30px
}
.p-topNews__listBox2 {
  padding: 20px 30px 10px
}
@media screen and (max-width:750px) {
  .p-topNews__listBox2 {
    padding: 20px 0
  }
}
.p-topNews__listItem2 {
  display: inline-block;
  margin-left: 50px
}
@media screen and (max-width:750px) {
  .p-topNews__listItem2 {
    margin-left: 20px
  }
}
.p-topNews__listItem2:first-child {
  margin-left: 0
}
.p-topNews__link2 {
  font-size: 18px;
  font-size: 1rem
}
.p-topNews__listBox3 {
  padding: 10px 30px
}
@media screen and (max-width:750px) {
  .p-topNews__listBox3 {
    padding: 10px 0
  }
}
.p-topNews__listItem3 {
  padding: 10px 50px;
  display: -ms-flexbox;
  display: flex
}
@media screen and (max-width:750px) {
  .p-topNews__listItem3 {
    display: block;
    padding: 10px 0;
    border: none
  }
}
.p-topNews__listItem3 a {
  text-decoration: underline;
  font-size: 15px;
  font-size: .83333rem
}
@media screen and (max-width:750px) {
  .p-topNews__listItem3 a {
    font-size: 14.5px;
    font-size: 3.86667vw
  }
}
.p-subject {
  padding: 40px 0 60px;
  margin-top: 70px
}
.p-subject--sho {
  background: url(/keirinkan/sho/img/bg_subject.jpg) no-repeat right top
}
.p-subject--chu {
  background: url(/keirinkan/chu/img/bg_subject.jpg) no-repeat right top
}
.p-subject--kou {
  background: url(/keirinkan/kou/img/bg_subject.jpg) no-repeat right top
}
@media screen and (max-width:750px) {
  .p-subject {
    background: 0 0;
    margin-top: 0;
    padding: 30px 0 30px
  }
}
.p-subject__innerBlock {
  width: 1016px;
  margin: auto
}
@media screen and (max-width:750px) {
  .p-subject__innerBlock {
    width: 100%;
    width: 90.66667%;
    margin: auto
  }
}
.p-subject__navinnerBlock {
  width: 1016px;
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 30px;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width:750px) {
  .p-subject__navinnerBlock {
    width: 100%;
    padding-top: 20px
  }
}
.p-subject__navBox {
  margin-bottom: 16px;
  width: 500px;
  height: 315px;
  position: relative
}
@media screen and (max-width:750px) {
  .p-subject__navBox {
    width: 48%;
    height: auto
  }
}
.p-subject__navBox > a {
  display: block;
  border: 1px solid #ccc;
  background: #fff
}
.p-subject__navBox--kou > a {
  display: block;
  border: none;
  background: #fff
}
.p-subject__img {
  width: 100%;
  display: block
}
.p-subject__book {
  display: block;
  position: absolute;
  bottom: 5px;
  right: 5px;
  z-index: 1;
  padding: 0
}
@media screen and (max-width:750px) {
  .p-subject__book {
    width: 48px;
    bottom: 7px;
    right: 7px
  }
}
.p-subject__title {
  padding: 20px 12px;
  display: inline-block;
  line-height: 1;
  font-size: 22px;
  font-size: 1.22222rem
}
@media screen and (max-width:750px) {
  .p-subject__title {
    padding: .5em .7em .5em .7em;
    font-size: 13.5px;
    font-size: 3.6vw
  }
}
.p-news {
  padding: 60px 0;
  margin-top: 74px
}
.p-news--sho {
  background: url(/keirinkan/sho/img/bg_news.jpg) no-repeat left top
}
.p-news--chu {
  background: url(/keirinkan/chu/img/bg_news.jpg) no-repeat left top
}
.p-news--kou {
  background: url(/keirinkan/kou/img/bg_news.jpg) no-repeat left top
}
@media screen and (max-width:750px) {
  .p-news {
    background: #eff6fe;
    margin-top: 0;
    padding: 30px 0 30px
  }
}
.p-news__innerBlock {
  width: 1016px;
  margin: auto;
  background: #fff;
  border: 2px solid #f3f3f3;
  padding: 30px 0
}
@media screen and (max-width:750px) {
  .p-news__innerBlock {
    width: 100%;
    background: 0 0;
    padding: 0 4.66667%;
    border: none
  }
}
.p-news__titleBox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: 3em;
  -ms-flex-align: end;
  align-items: flex-end
}
@media screen and (max-width:750px) {
  .p-news__titleBox {
    padding-right: 0;
    -ms-flex-align: center;
    align-items: center
  }
  .p-news__titleBox a {
    font-size: 15px;
    font-size: 4vw
  }
}
.p-news__listBox {
  padding: 10px 30px
}
@media screen and (max-width:750px) {
  .p-news__listBox {
    padding: 10px 0
  }
}
.p-news__listItem {
  padding: 20px 50px;
  border-bottom: 1px dashed #e2e2e2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
  align-items: baseline
}
@media screen and (max-width:750px) {
  .p-news__listItem {
    display: block;
    padding: 20px 0;
    border: none
  }
}
.p-news__date {
  width: 8.5em;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 13px;
  font-size: .72222rem;
  color: #606060
}
@media screen and (max-width:750px) {
  .p-news__date {
    font-size: 14px;
    font-size: 3.73333vw;
    color: #606060
  }
}
.p-news__tag {
  display: inline-block;
  width: 4.5em;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: #8d8e8e;
  line-height: 1;
  color: #fff;
  text-align: center;
  margin: 3px 1.2em 0 0;
  padding: 4px 1px;
  font-size: 12px;
  font-size: .66667rem
}
@media print,
screen and (min-width:751px) {
  .is-coloeMode_dark .p-news__tag {
    border: 1px solid #fff
  }
}
.p-news__tag--sansu {
  background: #86b6f2
}
.p-news__tag--math {
  background: #9b80e3
}
.p-news__tag--science {
  background: #94cb7b
}
.p-news__tag--seikatsu {
  background: #f8b5b5
}
.p-news__tag--english {
  background: #f4a872
}
.p-news__tag--theme {
  background: #73c5d8
}
.p-news__tag--challenge_study {
  background: #73c5d8
}
.p-news__tag--tankyu {
  background: #73c5d8
}
.p-news__tag--joho {
  background: #9b80e3
}
.p-news__text {
  font-size: 13px;
  font-size: .72222rem
}
@media screen and (max-width:750px) {
  .p-news__text {
    padding-top: 5px
  }
}
.p-news__text a {
  text-decoration: underline
}
@media screen and (max-width:750px) {
  .p-news__text a {
    font-size: 14.5px;
    font-size: 3.86667vw
  }
}
.p-topInfo {
  padding: 1em 0
}
.p-topInfo__box {
  border: 1px solid #999;
  background: #fbfbe2;
  width: 90%;
  margin: 0 auto;
  max-width: 1016px;
  padding: 1em 3em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

.p-topInfo__box2 {
  border: 1px solid #999;
  background: #f8f8f8;
  width: 90%;
  margin: 0 auto;
  max-width: 1016px;
  padding: 1em 3em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (max-width:750px) {
  .p-topInfo__box {
    padding: 1em 2em
  }
}


@media screen and (max-width:750px) {
  .p-topInfo__box2 {
    padding: 1em 2em
  }
}


.p-topInfo__inner {
  display: inline-block
}
.p-topInfo__txt {
  color: #333;
  font-size: 15px;
  font-size: .83333rem
}
@media screen and (max-width:750px) {
  .p-topInfo__txt {
    font-size: 11px;
    font-size: 2.93333vw
  }
}
.p-topInfo__txt + .p-topInfo__txt {
  padding-top: .5em
}
.p-topInfo__day {
  color: #333;
  text-align: right;
  font-size: 14px;
  font-size: .77778rem;
  padding-top: .5em
}
@media screen and (max-width:750px) {
  .p-topInfo__day {
    padding-top: 1em;
    font-size: 10px;
    font-size: 2.66667vw
  }
}
@media print,
screen and (min-width:751px) {
  .u-pc {
    display: block
  }
  .u-pci {
    display: inline-block
  }
  .u-sp {
    display: none!important
  }
  .u-spi {
    display: none!important
  }
}
@media screen and (max-width:750px) {
  .u-pc {
    display: none!important
  }
  .u-pci {
    display: none!important
  }
  .u-sp {
    display: block
  }
  .u-spi {
    display: inline-block
  }
}
.u-nowrap {
  white-space: nowrap
}
.u-mt1em {
  margin-top: 1em
}
.u-mt2em {
  margin-top: 2em
}
.u-mt3em {
  margin-top: 3em
}
.u-mt4em {
  margin-top: 4em
}
.u-mt5em {
  margin-top: 5em
}
.u-mt6em {
  margin-top: 6em
}
.u-mt7em {
  margin-top: 7em
}
.u-mt8em {
  margin-top: 8em
}
.u-mt9em {
  margin-top: 9em
}
.u-mt10em {
  margin-top: 10em
}
.u-mt11em {
  margin-top: 11em
}
.u-mt12em {
  margin-top: 12em
}
.u-mt13em {
  margin-top: 13em
}
.u-mt14em {
  margin-top: 14em
}
.u-mt15em {
  margin-top: 15em
}
.u-mt16em {
  margin-top: 16em
}
.u-mt17em {
  margin-top: 17em
}
.u-mt18em {
  margin-top: 18em
}
.u-mt19em {
  margin-top: 19em
}
.u-mt20em {
  margin-top: 20em
}
.u-mb1em {
  margin-bottom: 1em
}
.u-mb2em {
  margin-bottom: 2em
}
.u-mb3em {
  margin-bottom: 3em
}
.u-mb4em {
  margin-bottom: 4em
}
.u-mb5em {
  margin-bottom: 5em
}
.u-mb6em {
  margin-bottom: 6em
}
.u-mb7em {
  margin-bottom: 7em
}
.u-mb8em {
  margin-bottom: 8em
}
.u-mb9em {
  margin-bottom: 9em
}
.u-mb10em {
  margin-bottom: 10em
}
.u-mb11em {
  margin-bottom: 11em
}
.u-mb12em {
  margin-bottom: 12em
}
.u-mb13em {
  margin-bottom: 13em
}
.u-mb14em {
  margin-bottom: 14em
}
.u-mb15em {
  margin-bottom: 15em
}
.u-mb16em {
  margin-bottom: 16em
}
.u-mb17em {
  margin-bottom: 17em
}
.u-mb18em {
  margin-bottom: 18em
}
.u-mb19em {
  margin-bottom: 19em
}
.u-mb20em {
  margin-bottom: 20em
}
.u-mr1em {
  margin-right: 1em
}
.u-mr2em {
  margin-right: 2em
}
.u-mr3em {
  margin-right: 3em
}
.u-mr4em {
  margin-right: 4em
}
.u-mr5em {
  margin-right: 5em
}
.u-mr6em {
  margin-right: 6em
}
.u-mr7em {
  margin-right: 7em
}
.u-mr8em {
  margin-right: 8em
}
.u-mr9em {
  margin-right: 9em
}
.u-mr10em {
  margin-right: 10em
}
.u-ml1em {
  margin-left: 1em
}
.u-ml2em {
  margin-left: 2em
}
.u-ml3em {
  margin-left: 3em
}
.u-ml4em {
  margin-left: 4em
}
.u-ml5em {
  margin-left: 5em
}
.u-ml6em {
  margin-left: 6em
}
.u-ml7em {
  margin-left: 7em
}
.u-ml8em {
  margin-left: 8em
}
.u-ml9em {
  margin-left: 9em
}
.u-ml10em {
  margin-left: 10em
}
.u-mtL {
  margin-top: 70px!important
}
@media screen and (max-width:750px) {
  .u-mtL {
    margin-top: 40px!important;
    margin-top: 10.66667vw!important
  }
}
.u-mtM {
  margin-top: 20px!important
}
@media screen and (max-width:750px) {
  .u-mtM {
    margin-top: 15px!important;
    margin-top: 4vw!important
  }
}
.u-mtS {
  margin-top: 16px!important
}
@media screen and (max-width:750px) {
  .u-mtS {
    margin-top: 15px!important;
    margin-top: 4vw!important
  }
}
@media print,
screen and (min-width:751px) {
  .u-mb0 {
    margin-bottom: 0!important
  }
  .u-mb00 {
    margin-bottom: 0!important
  }
  .u-mt0 {
    margin-top: 0!important
  }
  .u-mt00 {
    margin-top: 0!important
  }
  .u-mt20 {
    margin-top: 20px!important
  }
  .u-mt40 {
    margin-top: 40px!important
  }
  .u-mt70 {
    margin-top: 70px!important
  }
  .u-mt0_PC {
    margin-top: 0!important
  }
  .u-mt00_PC {
    margin-top: 0!important
  }
  .u-mt15_PC {
    margin-top: 15px!important
  }
  .u-mt20_PC {
    margin-top: 20px!important
  }
  .u-mt40_PC {
    margin-top: 40px!important
  }
  .u-mt70_PC {
    margin-top: 70px!important
  }
}
@media screen and (max-width:750px) {
  .u-mt0 {
    margin-top: 0!important
  }
  .u-mt00 {
    margin-top: 0!important
  }
  .u-mt20 {
    margin-top: 20px!important
  }
  .u-mt40 {
    margin-top: 40px!important
  }
  .u-mt70 {
    margin-top: 70px!important
  }
  .u-mt0_SP {
    margin-top: 0!important
  }
  .u-mt00_SP {
    margin-top: 0!important
  }
  .u-mt15_SP {
    margin-top: 15px!important
  }
  .u-mt20_SP {
    margin-top: 20px!important
  }
  .u-mt40_SP {
    margin-top: 40px!important
  }
  .u-mt70_SP {
    margin-top: 70px!important
  }
}
.u-pb0 {
  padding-bottom: 0!important
}
.u-pb00 {
  padding-bottom: 0!important
}
.u-pt0 {
  padding-top: 0!important
}
.u-pt00 {
  padding-top: 0!important
}
.u-pt1em {
  padding-top: 1em
}
.u-pt2em {
  padding-top: 2em
}
.u-pt3em {
  padding-top: 3em
}
.u-pt4em {
  padding-top: 4em
}
.u-pt5em {
  padding-top: 5em
}
.u-pt6em {
  padding-top: 6em
}
.u-pt7em {
  padding-top: 7em
}
.u-pt8em {
  padding-top: 8em
}
.u-pt9em {
  padding-top: 9em
}
.u-pt10em {
  padding-top: 10em
}
.u-pt11em {
  padding-top: 11em
}
.u-pt12em {
  padding-top: 12em
}
.u-pt13em {
  padding-top: 13em
}
.u-pt14em {
  padding-top: 14em
}
.u-pt15em {
  padding-top: 15em
}
.u-pt16em {
  padding-top: 16em
}
.u-pt17em {
  padding-top: 17em
}
.u-pt18em {
  padding-top: 18em
}
.u-pt19em {
  padding-top: 19em
}
.u-pt20em {
  padding-top: 20em
}
.u-pb1em {
  padding-bottom: 1em
}
.u-pb2em {
  padding-bottom: 2em
}
.u-pb3em {
  padding-bottom: 3em
}
.u-pb4em {
  padding-bottom: 4em
}
.u-pb5em {
  padding-bottom: 5em
}
.u-pb6em {
  padding-bottom: 6em
}
.u-pb7em {
  padding-bottom: 7em
}
.u-pb8em {
  padding-bottom: 8em
}
.u-pb9em {
  padding-bottom: 9em
}
.u-pb10em {
  padding-bottom: 10em
}
.u-pb11em {
  padding-bottom: 11em
}
.u-pb12em {
  padding-bottom: 12em
}
.u-pb13em {
  padding-bottom: 13em
}
.u-pb14em {
  padding-bottom: 14em
}
.u-pb15em {
  padding-bottom: 15em
}
.u-pb16em {
  padding-bottom: 16em
}
.u-pb17em {
  padding-bottom: 17em
}
.u-pb18em {
  padding-bottom: 18em
}
.u-pb19em {
  padding-bottom: 19em
}
.u-pb20em {
  padding-bottom: 20em
}
.u-pl1em {
  padding-left: 1em
}
.u-pl2em {
  padding-left: 2em
}
.u-pl3em {
  padding-left: 3em
}
.u-pl4em {
  padding-left: 4em
}
.u-pl5em {
  padding-left: 5em
}
.u-pl6em {
  padding-left: 6em
}
.u-pl7em {
  padding-left: 7em
}
.u-pl8em {
  padding-left: 8em
}
.u-pl9em {
  padding-left: 9em
}
.u-pl10em {
  padding-left: 10em
}
.u-pr1em {
  padding-right: 1em
}
.u-pr2em {
  padding-right: 2em
}
.u-pr3em {
  padding-right: 3em
}
.u-pr4em {
  padding-right: 4em
}
.u-pr5em {
  padding-right: 5em
}
.u-pr6em {
  padding-right: 6em
}
.u-pr7em {
  padding-right: 7em
}
.u-pr8em {
  padding-right: 8em
}
.u-pr9em {
  padding-right: 9em
}
.u-pr10em {
  padding-right: 10em
}
.u-cfix {
  zoom: 1
}
.u-cfix:after,
.u-cfix:before {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020"
}
.u-cfix:after {
  clear: both
}
.u-float--R {
  float: right;
  padding-left: 20px;
  padding-bottom: 20px
}
.u-float--L {
  float: left;
  padding-right: 20px;
  padding-bottom: 20px
}
.u-floatbox {
  zoom: 1
}
.u-floatbox:after,
.u-floatbox:before {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020"
}
.u-floatbox:after {
  clear: both
}
.u-floatbox__left {
  float: left
}
.u-floatbox__right {
  float: right
}
.u-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start
}
.u-flex__item {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-positive: 0;
  flex-grow: 0
}
.u-flex__item:last-child {
  margin-left: auto;
  padding-left: 10px;
  padding-bottom: 10px
}
.u-flex img {
  width: auto
}
.u-fsXXL {
  font-size: 30px;
  font-size: 1.66667rem
}
@media screen and (max-width:750px) {
  .u-fsXXL {
    font-size: 20px;
    font-size: 5.33333vw
  }
}
.u-fsXL {
  font-size: 26px;
  font-size: 1.44444rem
}
@media screen and (max-width:750px) {
  .u-fsXL {
    font-size: 16px;
    font-size: 4.26667vw
  }
}
.u-fsL {
  font-size: 22px;
  font-size: 1.22222rem
}
@media screen and (max-width:750px) {
  .u-fsL {
    font-size: 14px;
    font-size: 3.73333vw
  }
}
.u-fsM {
  font-size: 18px;
  font-size: 1rem
}
@media screen and (max-width:750px) {
  .u-fsM {
    font-size: 12px;
    font-size: 3.2vw
  }
}
.u-fsS {
  font-size: 16px;
  font-size: .88889rem
}
@media screen and (max-width:750px) {
  .u-fsS {
    font-size: 11px;
    font-size: 2.93333vw
  }
}
.u-fsXS {
  font-size: 14px;
  font-size: .77778rem
}
@media screen and (max-width:750px) {
  .u-fsXS {
    font-size: 10px;
    font-size: 2.66667vw
  }
}
.u-fsXXS {
  font-size: 12px;
  font-size: .66667rem
}
@media screen and (max-width:750px) {
  .u-fsXXS {
    font-size: 9px;
    font-size: 2.4vw
  }
}
.u-alignC {
  text-align: center
}
.u-alignL {
  text-align: left
}
.u-alignR {
  text-align: right
}
@media print,
screen and (min-width:751px) {
  .u-alignC_PC {
    text-align: center
  }
  .u-alignL_PC {
    text-align: left
  }
  .u-alignR_PC {
    text-align: right
  }
}
@media screen and (max-width:750px) {
  .u-alignC_SP {
    text-align: center
  }
  .u-alignL_SP {
    text-align: left
  }
  .u-alignR_SP {
    text-align: right
  }
}
.u-underline {
  border-bottom: solid 1px
}
.u-underlineB {
  border-bottom: dashed 1px
}
.u-border {
  display: inline-block;
  padding: 0 .4em;
  margin: 0 .2em;
  color: #262626;
  border: 1.2px solid #262626
}
.u-colorBlue {
  color: #05a
}
.u-colorRed {
  color: #d00
}
.u-colorOrange {
  color: #eb9000
}
.u-colorGreen {
  color: #009245
}
.u-bold {
  font-weight: 700
}
.u-indent1em {
  text-indent: 1em
}
.u-indent2em {
  text-indent: 2em
}
.u-indent3em {
  text-indent: 3em
}
.u-indent4em {
  text-indent: 4em
}
.u-indent-1em {
  text-indent: -1em
}
.u-indent-2em {
  text-indent: -2em
}
.u-indent-3em {
  text-indent: -3em
}
.u-indent-4em {
  text-indent: -4em
}
.u-w1em {
  width: 1em
}
.u-w2em {
  width: 2em
}
.u-w3em {
  width: 3em
}
.u-w4em {
  width: 4em
}
.u-w5em {
  width: 5em
}
.u-w6em {
  width: 6em
}
.u-w7em {
  width: 7em
}
.u-w8em {
  width: 8em
}
.u-w9em {
  width: 9em
}
.u-w10em {
  width: 10em
}
.u-w11em {
  width: 11em
}
.u-w12em {
  width: 12em
}
.u-w13em {
  width: 13em
}
.u-w14em {
  width: 14em
}
.u-w15em {
  width: 15em
}
.u-w16em {
  width: 16em
}
.u-w17em {
  width: 17em
}
.u-w18em {
  width: 18em
}
.u-w19em {
  width: 19em
}
.u-w20em {
  width: 20em
}
.u-w21em {
  width: 21em
}
.u-w22em {
  width: 22em
}
.u-w23em {
  width: 23em
}
.u-w24em {
  width: 24em
}
.u-w25em {
  width: 25em
}
.u-w26em {
  width: 26em
}
.u-w27em {
  width: 27em
}
.u-w28em {
  width: 28em
}
.u-w29em {
  width: 29em
}
.u-w30em {
  width: 30em
}
.u-w35em {
  width: 35em
}
.u-w40em {
  width: 40em
}
.u-w45em {
  width: 45em
}
.u-w50em {
  width: 50em
}
.u-w55em {
  width: 55em
}
.u-w60em {
  width: 60em
}
.u-w65em {
  width: 65em
}
.u-w70em {
  width: 70em
}
.u-w75em {
  width: 75em
}
.u-w80em {
  width: 80em
}
.u-w85em {
  width: 85em
}
.u-w90em {
  width: 90em
}
.u-w95em {
  width: 95em
}
.u-w100em {
  width: 100em
}
.u-w1per {
  width: 1%
}
.u-w2per {
  width: 2%
}
.u-w3per {
  width: 3%
}
.u-w4per {
  width: 4%
}
.u-w5per {
  width: 5%
}
.u-w6per {
  width: 6%
}
.u-w7per {
  width: 7%
}
.u-w8per {
  width: 8%
}
.u-w9per {
  width: 9%
}
.u-w10per {
  width: 10%
}
.u-w11per {
  width: 11%
}
.u-w12per {
  width: 12%
}
.u-w13per {
  width: 13%
}
.u-w14per {
  width: 14%
}
.u-w15per {
  width: 15%
}
.u-w16per {
  width: 16%
}
.u-w17per {
  width: 17%
}
.u-w18per {
  width: 18%
}
.u-w19per {
  width: 19%
}
.u-w20per {
  width: 20%
}
.u-w21per {
  width: 21%
}
.u-w22per {
  width: 22%
}
.u-w23per {
  width: 23%
}
.u-w24per {
  width: 24%
}
.u-w25per {
  width: 25%
}
.u-w26per {
  width: 26%
}
.u-w27per {
  width: 27%
}
.u-w28per {
  width: 28%
}
.u-w29per {
  width: 29%
}
.u-w30per {
  width: 30%
}
.u-w35per {
  width: 35%
}
.u-w40per {
  width: 40%
}
.u-w45per {
  width: 45%
}
.u-w50per {
  width: 50%
}
.u-w55per {
  width: 55%
}
.u-w60per {
  width: 60%
}
.u-w65per {
  width: 65%
}
.u-w70per {
  width: 70%
}
.u-w75per {
  width: 75%
}
.u-w80per {
  width: 80%
}
.u-w85per {
  width: 85%
}
.u-w90per {
  width: 90%
}
.u-w95per {
  width: 95%
}
.u-w100per {
  width: 100%
}
.u-blankL {
  display: block;
  height: 70px
}
@media screen and (max-width:750px) {
  .u-blankL {
    height: 40px;
    height: 10.66667vw
  }
}
.u-blankM {
  display: block;
  height: 20px
}
@media screen and (max-width:750px) {
  .u-blankM {
    height: 15px;
    height: 4vw
  }
}
.u-blankS {
  display: block;
  height: 16px
}
@media screen and (max-width:750px) {
  .u-blankS {
    height: 8px
  }
}
.js-toggleBlockBtn {
  cursor: pointer
}
.js-toggleBlockBox {
  display: none
}
.is-fontSize_L {
  font-size: 26px;
  font-size: 1.44444rem
}
@media screen and (max-width:750px) {
  .is-fontSize_L {
    font-size: 12px;
    font-size: 3.2vw
  }
}
.pageContents {
  margin-top: -60px;
  padding-top: 60px
}
@media screen and (max-width:750px) {
  .pageContents {
    margin-top: -30px;
    padding-top: 30px
  }
}

/* 2022/3/7追記 */
.m-kvLink__navBox > a > span.keirinkan_dx {
  padding: 12px 5px 0 12px;
}

/* 2023/3/17追記 */
.pmark-mb-55 {
  margin-bottom: -55px;
}

/* 2023/4/7追記 */

.p-topKv__btnList-2023 {
  margin: 14% 22.69231% auto auto;
}

.p-topKv__text-2023 img {
  max-width: 75%;
  max-height: 161px;
}
.p-topKv__btn-2023 img {
  /* max-width: 67%; */
  max-width: 107px;
  margin: 10.07692% auto 0;
  padding-left: 0 !important;
}

@media screen and (max-width:750px) {
  .pc-show {
    display: none;
  }
}


.m-kvLink__navBox_kou_min > a {
  width: 145px;
}


/*==========================
2024.2.16　追加
==========================*/
.l-link .sp {
    display: none;
}
@media screen and (max-width:750px) {
.l-link .sp {
    display: block;
}
}

.l-link .mab {
  margin-bottom: 62px;
}
.l-link .mab2 {
  margin-bottom: 70px;
}
@media screen and (max-width:750px) {
    .l-link .mab {
        margin-bottom: 11.76471%;
    }
    .l-link .mab2 {
        margin-bottom: 11.76471%;
    }
}

.l-link .m-grid--PC4_SP2 > .m-grid__item{
    margin-top: 62px;
}
@media screen and (max-width:750px) {
    .l-link .m-grid--PC4_SP2 > .m-grid__item{
        margin-top: 20px;
    }
}
.l-link .m-QA {
  border: 1px solid #707070;
  margin-top: 20px;
  position: relative;
}
.l-link .m-QA::after{
    content: '';
    position: absolute;
    top: 50%;
    right: 2%;
    width: 10px;
    height: 10px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg) translate(-50%);
    transition: all .3s;
}
.l-link .m-QA:hover::after{
    right: 11px;
}
.l-link .m-QA a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(255,255,255,0.00);
    transition: all  0.3s ease;
}
.l-link .m-QA a:hover {
    background-color: rgba(255,255,255,0.3);
    transition: all  0.3s ease;
}
.l-link .m-QA__title {
  font-size: 16px;
  font-size: .88889rem;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 0 15px;
}
.l-link .m-QA__title::before,
.l-link .m-QA__title::after {
    display: none;
}
.l-link .m-QA__q {
  font-size: 18px;
  font-size: 1rem;
  width: 4em;
  border-right: none;
  text-align: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media screen and (max-width:750px) {
  .l-link .m-QA__q {
    font-size: 13.5px;
    font-size: 3.6vw
  }
}
.l-link .m-QA__qText sup {
    font-size: 11px;
    position: absolute;
    top: 0;
    right: 0;
}
@media screen and (max-width:750px) {
  .l-link .m-QA__qText sup {
    top: auto;
    bottom: 0;
    }
}
.l-link .m-QA__qText {
  font-size: 16px;
  font-size: .88889rem;
  padding: 0 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 2em;
  position: relative;
}
@media screen and (max-width:750px) {
  .l-link .m-QA__qText {
    font-size: 12px;
    font-size: 3.2vw;
    min-height: 3em;
  }
}
.l-link .caption {
    font-size: 14px;
    margin-top: 10px;
}
@media screen and (max-width:750px) {
    .l-link .caption {
        font-size: 13px;
        margin-top: 8px;
    }
}

@media screen and (max-width:750px) {
    .l-link .m-titleC {
        padding-top: 11.76471%;
        margin-top: -11.76471%;
    }
}

/* 2024/4/8追記 */

.p-topKv__btnList-2024 {
  margin: 10% 22.69231% auto auto;
}

.p-topKv__text-2024 img {
  max-width: 75%;
  max-height: 220px;
}
.p-topKv__btn-2024 img {
  /* max-width: 75%; */
  max-width: 160px;
  margin: 0 auto;
  padding-left: 0 !important;
}

@media screen and (max-width:750px) {
  .pc-show {
    display: none;
  }

  .p-topKv__btnList-2024 {
    margin: -130px 0 0 0;
  }

  .p-topKv__btnList-2024 > li {
    width: 30%;
  }

  .p-topKv__text-2024 img {
    max-width: 90%;
  }

  .p-topKv__btn-2024 img {
    /* max-width: 75%; */
    max-width: 110px;
    margin: 0 auto;
    padding-left: 0 !important;
  }

}

/*2504 ヘッダーMV変更*/
.renewMvArea{
  display: flex;
  align-items: center;
  background: url(/keirinkan/img_top/mv-bg.webp) no-repeat;
  background-size: cover;
  padding: 54px 0 58px;
}
.renewMvArea .renewMvArea__wrapper{
  width: 100%;
  padding: 0px 9.7%;
  margin: 0 auto;
}
.renewMvArea .renewMvArea__wrapper .renewMvArea__wrapperBox{
  max-width: 540px;
}
.renewMvArea .renewMvArea__wrapper .renewMvArea__wrapperTtl{
  width: 100%;
  margin: 0 0 44px;
}
.renewMvArea .renewMvArea__wrapper .renewMvArea__wrapperTtl img{
  width: 100%;
}
.renewMvArea ul{
  display: flex;
  gap: 0 10px;
  max-width: 500px;
  margin: 0 auto;
}
.renewMvArea ul li{
  width: calc( 100% / 3 );
}
.renewMvArea ul li a figure{
  width: 120px;
  margin: 0 auto 20px;
}
.renewMvArea ul li a figure img{
  width: 100%;
  height: 170px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
}
.renewMvArea ul li a p{
  background: #fff url(/keirinkan/img_top/mvBtn.png) no-repeat right 15px center;
  background-size: 7.5px auto;
  color: #3C3B3B;
  font-family: var(--fontTtl);
  font-weight: 700;
  font-size: 17px;
  line-height: calc( 39 / 17 );
  text-align: center;
  border-radius: 100px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.renewMvArea ul li a:hover{
  opacity: 1;
}
.renewMvArea ul li a:hover figure{
  opacity: 0.6;
  transition: 0.3s;
}
.renewMvArea ul li a:hover p{
  background: #0182E8 url(/keirinkan/img_top/mvBtn_on.png) no-repeat right 15px center;
  background-size: 7.5px auto;
  color: #fff;
  transition: 0.3s;
}
.l-main.renew{
  padding-top: 110px;
}
.l-inner.renew{
  width: 100%;
}
.l-inner.renew .l-inner__full{
  margin-left: 0;
  margin-right: 0;
}
.m-kvLink__mainArrow{
  position: absolute;
  bottom: 16px;
  width: 22px;
  height: 22px;
  z-index: 1;
}
.m-kvLink__tabBlock--sho .m-kvLink__mainArrow{
  left: 206px;
}
.m-kvLink__tabBlock--chu .m-kvLink__mainArrow{
  left: 193px;
}
.m-kvLink__tabBlock--kou .m-kvLink__mainArrow{
  left: 240px;
}
.renewSPmenu a{
  display: block;
  position: relative;
}
.renewSPmenu a .m-kvLink__mainArrow{
  bottom: 2vw;
}
.renewSPmenu a:nth-child(1) .m-kvLink__mainArrow{
  left: 36.2vw;
}
.renewSPmenu a:nth-child(2) .m-kvLink__mainArrow{
  bottom: 1.8vw;
  left: 34.2vw;
}
.renewSPmenu a:nth-child(3) .m-kvLink__mainArrow{
  left: 42.2vw;
  bottom: 1.5vw;
}
@media screen and (min-width:750px) and (max-width:1400px){
  .renewMvArea{
    background: url(/keirinkan/img_top/mv-bg.webp) no-repeat right -200px center;
    background-size: cover;
  }
}
@media screen and (max-width: 1016px){
  .l-inner.renew{
    padding: 0;
  }
  .renewMvArea{
    background: url(/keirinkan/img_top/mv-bg.webp) no-repeat right -140px center;
    background-size: cover;
  }
  .renewMvArea .renewMvArea__wrapper{
    padding: 0 5%;
  }
}
@media screen and (max-width:750px){
  .renewMvArea{
    display: block;
    background: url(/keirinkan/img_top/mv-bg_sp.webp) no-repeat;
    background-size: cover;
    padding: 0;
    position: relative;
    height: 330px;
    margin: 0 0 90px;
  }
  .renewMvArea .renewMvArea__wrapper{
    padding: 0 20px;
    margin: 0 auto;
  }
  .renewMvArea ul{
    gap: 0 17px;
    position: absolute;
    bottom: -69px;
  }
  .renewMvArea ul li:first-child,
  .renewMvArea ul li:last-child{
    width: 93px;
  }
  .renewMvArea ul li:nth-child(2){
    width: 118px;
  }
  .renewMvArea ul li{
    width: auto;
  }
  .renewMvArea ul li a figure{
    width: 80px;
    margin: 0 auto 12px;
  }
  .renewMvArea ul li:nth-child(2) figure{
    width: 89px;
  }
  .renewMvArea ul li a figure img{
    height: 114px;
  }
  .renewMvArea ul li a p{
    background: #fff url(/keirinkan/img_top/mvBtn.png) no-repeat right 8px center;
    background-size: 6px auto;
    font-size: 14px;
    line-height: 1;
    padding: 6px 0;
  }
  .l-main.renew{
    padding-top: 0;
  }
  .renewMvArea .renewMvArea__wrapper .renewMvArea__wrapperTtl{
    display: none;
  }
}