@charset "UTF-8";
/* ===========================================================
   # BASE
=========================================================== */
/* = LAYOUT
----------------------------------------------------------- */
/* HEAD */
.pageTtl {
  background-color: #fff;
  background-image: url(./img/noimg_mv.jpg);
  background-position: center;
  background-size: cover;
  padding: 7rem 0;
  z-index: 0;
}

.pageTtl::after {
  background: rgba(25, 35, 64, 0.8);
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.pageTtl span.en, .pageTtl span.ja {
  border-color: rgba(255, 255, 255, 0.6);
  color: #fff;
  position: relative;
  z-index: 1;
}

.pageTtl_sub {
  color: #192240;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 12rem;
}

.pageTtl_sub span::after {
  background: #192240;
  content: "";
  margin: auto;
  width: 1em;
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1rem;
}

.breadCrumbs {
  background: #fff;
  font-size: 1.2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.breadCrumbs a, .breadCrumbs span {
  font-weight: 700;
}

.breadCrumbs a.club_type {
  display: none;
}

.breadCrumbs a.club_type + span {
  display: none;
}

/* MAIN */
.innerSs {
  max-width: 113rem;
}

.contBody {
  padding-top: 0;
  padding-bottom: 6rem;
}

/* SIDE */
@media (min-width: 768px) {
  /* HEAD */
  .pageTtl {
    padding: 12rem 0;
  }
  /* MAIN */
}

@media (min-width: 1024px) {
  /* HEAD */
  .pageTtl {
    padding: 20rem 0;
  }
}

/* ===========================================================
   # THUMB LIST
=========================================================== */
.newsList.thumb {
  justify-content: space-between;
}

.newsList.thumb li {
  width: 48%;
}

.newsList.thumb li.item {
  background: #fff;
  margin-bottom: 2rem;
  padding: 0;
}

.newsList.thumb li.item a {
  height: 100%;
}

.newsList.thumb li.item a .thumb::after {
  left: 0;
  top: 0;
}

.newsList.thumb li.item a .body {
  margin: 0;
  padding-bottom: 2rem;
  width: 100%;
  max-width: none;
  min-height: auto;
}

.newsList.thumb li.item a .body .cat {
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 2.1rem;
  padding: 0 1em;
}

.newsList.thumb li.item a .body .ttl {
  font-size: 1.6rem;
  line-height: 1.5;
  padding-bottom: 1rem;
}

.newsList.thumb li.item a .body .txt {
  color: #111;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.4;
}

.newsList.thumb li.item a .linkArrow {
  right: 1rem;
  bottom: 8px;
  z-index: 1;
}

.newsList.thumb li.item a:hover .linkArrow {
  right: 3px;
}

@media (min-width: 768px) {
  .newsList.thumb li {
    width: 31%;
  }
  .newsList.thumb li.item {
    margin-bottom: 4rem;
  }
  .newsList.thumb li.item a .body {
    padding: 2rem 2rem 3rem;
  }
  .newsList.thumb li.item a .body .cat {
    font-size: 1.2rem;
    line-height: 2.3rem;
  }
  .newsList.thumb li.item a .body .ttl {
    font-size: 2rem;
    line-height: 1.4;
    padding-bottom: 1.5rem;
  }
  .newsList.thumb li.item a .body .txt {
    font-size: 1.4rem;
  }
  .newsList.thumb li.item a .linkArrow {
    right: 1.5rem;
    bottom: 1.5rem;
  }
}

@media (min-width: 1366px) {
  .newsList.thumb li {
    width: 23%;
  }
}

/* = DELAY
----------------------------------------------------------- */
.delay li {
  opacity: 0;
  transition: all 1s;
}

.delay li.active {
  opacity: 1;
}

/* ===========================================================
   # PAGINATION
=========================================================== */
.pageNav {
  background: #fff;
  justify-content: center;
  line-height: 4rem;
  padding: 3rem 5rem;
  width: 100%;
}

.pageNav .pagination, .pageNav .page-numbers {
  display: flex;
  justify-content: center;
}

.pageNav a, .pageNav span {
  border-radius: 50%;
  color: #192240;
  font-weight: 500;
  line-height: 2.8rem;
  width: 3rem;
  height: 3rem;
  transition: all 300ms 0s ease;
}

.pageNav a.next, .pageNav a.prev {
  border: 1px solid #192240;
  font-size: 2rem;
  line-height: 2.4rem;
  position: absolute;
}

.pageNav a.next {
  right: 1.5rem;
}

.pageNav a.prev {
  left: 1.5rem;
}

.pageNav span.current {
  background: #192240;
  color: #fff;
}

.pageNav .pagination li {
  width: 33.33%;
}

@media (min-width: 768px) {
  .pageNav {
    padding: 6rem 0;
  }
  .pageNav a, .pageNav span {
    margin: 0 5px;
  }
  .pageNav a.next, .pageNav a.prev {
    position: static;
  }
}

/* ===========================================================
   # CONTENT
=========================================================== */
.entryBody {
  line-height: 2;
  /* POINT */
  /* BOX */
  /* RUBY */
}

.entryBody > * {
  margin: 1em auto;
}

.entryBody .entryTtl {
  margin-top: 1em !important;
}

.entryBody .entryTtl .entryDate {
  display: block;
  font-size: .6em;
  opacity: 0.7;
}

.entryBody h1 {
  color: #fff;
  display: inline-block;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.2;
  margin-left: 50%;
  padding: 6px 0;
  width: 90%;
  transform: translateX(-50%);
}

.entryBody h1::after {
  background: #001976;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transform: skewX(-21deg);
  z-index: -1;
}

.entryBody h2 {
  color: #192240;
  font-size: 1.7em;
  font-weight: 500;
  line-height: 1.3;
  margin-top: 3em;
}

.entryBody h3 {
  background: #CBD5EF;
  color: #192240;
  font-size: 1.1em;
  font-weight: 500;
  line-height: 1.3;
  margin: 3em 0 1em;
  padding: 0.6rem 1rem;
}

.entryBody h4 {
  color: #192240;
  font-size: 1.1em;
  font-weight: 500;
  line-height: 1.3;
  padding-bottom: .5em;
  position: relative;
}

.entryBody h4::before, .entryBody h4::after {
  background: #ddd;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 10rem;
  height: 2px;
}

.entryBody h4::after {
  background: #192240;
  width: 2em;
}

.entryBody h5 {
  border-left: 3px solid #5C6CA7;
  font-weight: 500;
  line-height: 1;
  margin-bottom: .3em;
  padding-left: 5px;
}

.entryBody span {
  vertical-align: baseline;
}

.entryBody img {
  display: block;
  margin: 0 auto 1rem;
}

.entryBody .wp-caption {
  max-width: 100%;
}

.entryBody .wp-caption.alignleft {
  margin: 0 30px 0 0;
}

.entryBody .wp-caption p.wp-caption-text {
  line-height: 1.2;
  text-align: center;
  padding: 0 0 1rem;
}

.entryBody ol, .entryBody ul {
  line-height: 1.8;
  margin-left: 1.5em;
}

.entryBody ol {
  list-style-type: decimal;
}

.entryBody ul {
  list-style: disc;
}

.entryBody ul.flex li {
  margin-bottom: 1em;
}

.entryBody hr {
  border-top: 1px solid #ccc;
  clear: both;
}

.entryBody hr.clear {
  border: none;
  margin: 0;
}

.entryBody .tblWrap {
  overflow: auto;
  padding-bottom: 1rem;
  -webkit-overflow-scrolling: touch;
}

.entryBody .tblWrap::-webkit-scrollbar {
  height: 5px;
}

.entryBody .tblWrap::-webkit-scrollbar-track {
  background: #F1F1F1;
}

.entryBody .tblWrap::-webkit-scrollbar-thumb {
  background: #BCBCBC;
}

.entryBody .tblWrap th, .entryBody .tblWrap td {
  white-space: nowrap;
}

.entryBody table th, .entryBody table td {
  background: #fff;
  border: 1px solid #ccc;
  line-height: 1.4;
  padding: 1rem;
  vertical-align: top;
}

.entryBody table th {
  background: #eee;
  font-weight: 500;
  white-space: nowrap;
}

.entryBody table thead th {
  background: #5C6CA7;
  color: #fff;
}

.entryBody .tbl01 {
  width: 100%;
}

.entryBody .tbl01 th, .entryBody .tbl01 td {
  display: block;
  line-height: 1.2;
}

.entryBody .tbl01 th {
  font-weight: 500;
  border-bottom: 1px solid #625f59;
}

.entryBody .tbl01 td {
  padding: 0.5rem 0 2em 0;
}

.entryBody .tbl01.flex dt, .entryBody .tbl01.flex dd {
  line-height: 1.4;
  padding: 3px 0;
  width: 100%;
}

.entryBody .tbl01.flex dt {
  border-bottom: 1px solid #111;
  font-weight: 500;
}

.entryBody .tbl01.flex dd {
  padding-bottom: 2rem;
}

.entryBody .point01 {
  margin: 0 0.3em;
  padding: 0 3px;
  position: relative;
  z-index: 1;
}

.entryBody .point01::after {
  background: rgba(255, 0, 0, 0.2);
  content: "";
  width: 100%;
  height: 90%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.entryBody .box01 {
  background: #fcfcfc;
  border: 3px solid #ddd;
  margin-bottom: 1rem;
  padding: 2rem;
}

.entryBody .box01 p {
  margin: 0;
}

.entryBody ruby rt {
  font-size: .6em;
}

@media (min-width: 768px) {
  .entryBody {
    /* IMG */
  }
  .entryBody > * {
    margin: 2em auto;
  }
  .entryBody .entryTtl {
    margin-top: 2em !important;
  }
  .entryBody h1 {
    padding: 1rem 2em;
    width: auto;
  }
  .entryBody h2 {
    font-size: 2.6em;
    margin-bottom: 1em;
  }
  .entryBody h2.entryTtl {
    margin-bottom: 2em;
  }
  .entryBody h3 {
    font-size: 1.2em;
    padding: 0.8rem 1.5rem;
  }
  .entryBody h4 {
    margin-bottom: 1em;
  }
  .entryBody img.alignleft, .entryBody img.alignright {
    float: none;
  }
  .entryBody .tbl01 th, .entryBody .tbl01 td {
    padding: 1rem;
  }
  .entryBody .tbl01.flex {
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-bottom: 3rem;
  }
  .entryBody .tbl01.flex dt, .entryBody .tbl01.flex dd {
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    line-height: 1.4;
    padding: 2rem;
  }
  .entryBody .tbl01.flex dt {
    background: #eee;
    width: 20rem;
  }
  .entryBody .tbl01.flex dd {
    width: calc(100% - 20rem);
  }
}

@media (min-width: 1024px) {
  .entryBody {
    /* IMG */
  }
  .entryBody img {
    display: inline;
  }
  .entryBody img.aligncenter {
    display: block;
    margin: 0 auto 1rem;
  }
  .entryBody img.alignleft {
    float: left;
    margin: 0.5em 2rem 1rem 0;
  }
  .entryBody img.alignright {
    float: right;
    margin: 0.5em 0 1rem 2rem;
  }
  .entryBody .tblWrap td {
    white-space: inherit;
  }
}

/* ===========================================================
   # RESET
=========================================================== */
.entryBody > *:first-child,
.entryBody h4 + *, .entryBody h5 + *,
.entryBody p.btm0 + * {
  margin-top: 0;
}

.entryBody > *:last-child,
.entryBody p.btm0 {
  margin-bottom: 0;
}

.entryBody ul.noStyle,
.entryBody ul.flex,
.entryBody ol.squareNum {
  list-style: none;
  margin-left: 0;
}

.entryBody .squareNum li {
  counter-increment: squareNum;
  padding: 0 0 1rem 3rem;
  position: relative;
}

.entryBody .squareNum li::before {
  border-radius: 3px;
  color: #fff;
  content: counter(squareNum);
  display: inline-block;
  background: #001976;
  font-weight: 500;
  line-height: 1.8rem;
  width: 2rem;
  padding-bottom: 2px;
  position: absolute;
  text-align: center;
  left: 0;
  top: 5px;
}

.entryBody .squareNum li .box01 {
  margin: 1rem 0;
  padding: 0 1rem;
}

.entryBody .scrollImg {
  overflow-x: scroll;
}

.entryBody .scrollImg img {
  max-width: none;
}

@media (min-width: 1024px) {
  .entryBody .scrollImg {
    overflow-x: hidden;
  }
  .entryBody .scrollImg img {
    width: 100%;
  }
}

/* ===========================================================
   # GUIDE
=========================================================== */
.guideHis dt, .guideHis dd {
  width: 100%;
}

.guideHis dt {
  border-bottom: 1px solid #111;
  font-weight: 500;
}

.guideHis dd {
  margin-bottom: 1em;
}

.guideHis dd .wp-caption {
  font-size: .9em;
  margin: auto;
}

.guideHis dd .wp-caption.alignright {
  margin-top: 1rem;
}

.guideHis dd .wp-caption img {
  margin: 0 0 5px;
}

.guideHis dd rt {
  font-size: 1rem;
}

@media (min-width: 768px) {
  .guideHis dt, .guideHis dd {
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding-bottom: 2em;
  }
  .guideHis dt {
    width: 20rem;
  }
  .guideHis dd {
    width: calc(100% - 20rem);
  }
  .guideHis dd .wp-caption.alignright {
    margin: 2rem 2rem 0 0;
    max-width: 28rem;
  }
  .guideHis.c3 dd {
    width: calc(100% - 51rem);
  }
  .guideHis.c3 dd:last-child {
    width: 31rem;
    padding-left: 3rem;
  }
}

.guideHis_box {
  background: #fff;
  line-height: 1.6;
  padding: 1rem 1rem 0 0;
}

.guideHis_box dd {
  width: 100%;
  padding: 0 0 1rem 1rem;
}

.guideHis_box dd .flex {
  flex-wrap: nowrap;
}

.guideHis_box .wp-caption {
  font-size: .9em;
}

@media (min-width: 768px) {
  .guideHis_box {
    padding: 3rem 3rem 0 0;
  }
  .guideHis_box dd {
    width: 33.33%;
    padding: 0 0 3rem 3rem;
  }
  .guideHis_box dd.w6 {
    width: 66.67%;
  }
}

/* ===========================================================
   # COURSE
=========================================================== */
/* = LIST
----------------------------------------------------------- */
.courseList {
  padding-bottom: 3rem;
}

.courseList_ttl {
  color: #001976;
  font-size: 2.4rem;
  padding: 3rem 0;
}

.courseList.archive {
  padding-top: 5rem;
}

.courseList li {
  margin-bottom: 2rem;
}

.courseList li h3 {
  font-size: 3.6rem;
  margin-bottom: 1rem;
  z-index: 1;
}

.courseList li h3::after {
  width: calc(100% - 1rem);
}

.courseList li h3 span {
  font-size: 1.2rem;
}

.courseList li h3 span br {
  display: none;
}

.courseList li h3 span.linkArrow {
  right: 0;
  top: 51%;
}

.courseList li.sl h3::after {
  background: linear-gradient(90deg, transparent 30%, #bc9813);
}

.courseList li.sl h4 {
  background-color: #bc9813;
  color: #fff;
}

@media (min-width: 768px) {
  .courseList li {
    width: 49%;
  }
  .courseList li h3::after {
    width: calc(100% + 8px);
  }
}

@media (min-width: 1024px) {
  .courseList li {
    margin-bottom: 3rem;
    width: 48%;
  }
  .courseList li h4 {
    font-size: 1.6rem;
  }
}

@media (min-width: 1366px) {
  .courseList li {
    width: 23%;
  }
  .courseList li h3 {
    padding: 1rem 0;
  }
}

@media (min-width: 1720px) {
  .courseList li h3 {
    padding: 2rem 0;
  }
  .courseList li h3 span.linkArrow {
    top: 60%;
  }
}

/* = SINGLE
----------------------------------------------------------- */
.courseSingle_head {
  margin-top: 5.5rem;
  padding-top: 70%;
  height: 0;
}

.courseSingle_head img {
  width: auto;
  max-width: none;
  height: 100%;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.courseSingle_head .parentTtl {
  color: #192240;
  font-size: 1.4rem;
  font-weight: 500;
  right: 8px;
  top: -3.8rem;
}

.courseSingle_head .parentTtl span {
  display: block;
}

.courseSingle_head .parentTtl span.ja {
  font-size: .8em;
}

.courseSingle_head .ttl {
  font-size: 3.2rem;
  font-weight: 700;
  letter-spacing: 3px;
  padding: 1.5rem 5rem 2rem 3.5rem;
  left: -1.5rem;
  top: -5.5rem;
  z-index: 1;
}

.courseSingle_head .ttl::after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.7), rgba(0, 118, 191, 0.7));
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transform: skewX(-21deg);
  z-index: -1;
}

.courseSingle_head .ttl .serif {
  font-size: 1.2rem;
  font-weight: 400;
  display: block;
  letter-spacing: 1px;
}

.courseSingle_head .ttl .sub {
  color: #fff;
  font-size: 1.6rem;
  letter-spacing: 1px;
  line-height: 3.6rem;
  padding: 0 5rem;
  left: 12rem;
  bottom: -2.6rem;
  white-space: nowrap;
  z-index: 1;
}

.courseSingle_head .ttl .sub::after {
  background: #0076bf;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transform: skewX(-21deg);
  z-index: -1;
}

.courseSingle_head .catch {
  color: #fff;
  font-weight: 700;
  left: 1.5rem;
  bottom: 1rem;
}
.courseSingle_head .catch {
text-shadow: 2px 2px 10px #666 ,
-2px 2px 10px #666 ,
2px -2px 10px #666 ,
-2px -2px 10px #666;
}


.courseSingle_head .catch br {
  display: none;
}

.courseSingle .entryBody h3 {
  background: transparent;
  font-size: 2rem;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  padding: 0.9em 0;
  max-width: calc(100% - 2rem);
  position: relative;
}

.courseSingle .entryBody h3::after {
  background: #0076bf;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transform: skewX(-21deg);
  z-index: -1;
}
.courseSingle.el .entryBody h3 {
  color: #fff;
}

.courseSingle .entryBody .check img {
  width: 100%;
}

.courseSingle .entryBody .program {
  justify-content: center;
}

.courseSingle .entryBody .program li {
  margin: 0;
  width: 100%;
}

.courseSingle .entryBody .program li dt {
  margin-top: 1rem;
}

.courseSingle .entryBody .program li dt strong {
  background: #ddd;
  font-size: 1.2em;
  font-weight: 500;
  padding: 0 1rem;
}

.courseSingle .entryBody .program li dd {
  padding-left: 1rem;
}

.courseSingle .elPoint {
  background: linear-gradient(90deg, rgba(184, 226, 249, 0.3), rgba(184, 226, 249, 0.3));
  margin: 0 -1.5rem;
  padding: 1rem 1.5rem 0;
}

.courseSingle .elPoint .ttl {
  color: #0076bf;
  font-size: 3.2rem;
  font-weight: 700;
  letter-spacing: 3px;
  padding-left: 3px;
  position: relative;
}

.courseSingle .elPoint .ttl::before, .courseSingle .elPoint .ttl::after {
  background: #0076bf;
  content: "";
  width: calc(50% - 2em);
  height: 1px;
  position: absolute;
  top: 53%;
}

.courseSingle .elPoint .ttl::before {
  left: 0;
}

.courseSingle .elPoint .ttl::after {
  right: 0;
}

.courseSingle .elPoint ul {
  justify-content: space-between;
  margin: auto;
}

.courseSingle .elPoint ul li {
  counter-increment: number;
  padding: 3rem 0 0 4rem;
  position: relative;
}

.courseSingle .elPoint ul li::before {
  color: #0076bf;
  content: counter(number);
  font-size: 5rem;
  font-weight: 700;
  position: absolute;
  left: 0;
  top: 0;
}

.courseSingle .elPoint ul li strong {
  display: inline-block;
  font-size: 2rem;
  line-height: 1.4;
  padding-bottom: 5px;
}

.courseSingle .elPoint ul li img {
  float: right;
  margin-left: 1rem;
  width: 40%;
}

.courseSingle.jl .courseSingle_head .ttl::after {
  background: linear-gradient(90deg, transparent 30%, #00ab9c);
}

.courseSingle.jl .courseSingle_head .ttl .sub::after {
  background: #00ab9c;
}
.courseSingle.jl .entryBody h3 {
  color: #fff;
}
.courseSingle.jl .entryBody h3::after {
  background: #00ab9c;
}
.courseSingle.jl .elPoint {
  background: linear-gradient(90deg, rgba(147, 210, 246, 0.2), rgba(147, 210, 246, 0.2));
}

.courseSingle.jl .elPoint .ttl {
  color: #00ab9c;
}

.courseSingle.jl .elPoint .ttl::before, .courseSingle.jl  .elPoint .ttl::after {
  background: #00ab9c;
}
.courseSingle.jl  .elPoint ul li::before {
  color: #00ab9c;
}
.courseSingle.jl .jlTokuTbl {
	width: 100%;
	margin: 0 auto;
}
.courseSingle.jl .jlTokuTbl th {
	background-color: #00ab9c;
	color: #fff;
	text-align: center;
	width: 20px;
   white-space: normal;
}
.courseSingle.jl .jlTokuTbl th table th {
	vertical-align: middle;
}


.courseSingle.pl .courseSingle_head .ttl::after {
  background: linear-gradient(90deg, transparent 30%, #f18f43);
}

.courseSingle.pl .courseSingle_head .ttl .sub::after {
  background: #f18f43;
}

.courseSingle.pl .entryBody h3::after {
  background: #f18f43;
}
.courseSingle.pl .entryBody h3 {
  color: #fff;
}
.courseSingle.pl .elPoint {
  background: linear-gradient(90deg, rgba(252, 226, 199, 0.4), rgba(252, 226, 199, 0.4));
}

.courseSingle.pl .elPoint .ttl {
  color: #f18f43;
}

.courseSingle.pl .elPoint .ttl::before, .courseSingle.pl  .elPoint .ttl::after {
  background: #f18f43;
}
.courseSingle.pl .elPoint ul li::before {
  color: #f18f43;
}
.courseSingle.pl .plTokuTbl {
	width: 100%;
	margin: 0 auto;
}
.courseSingle.pl .plTokuTbl th {
	background-color: #f18f43;
	color: #fff;
	text-align: center;
	width: 20px;
   white-space: normal;
}
.courseSingle.pl .plTokuTbl th table th {
	vertical-align: middle;
}

.courseSingle.cl .courseSingle_head .ttl {
  padding: 1.5rem 5rem 2rem 3.5rem;
}
.courseSingle.cl .courseSingle_head .ttl .sub {
        width: 35rem;
    }
.courseSingle.cl .courseSingle_head .ttl::after {
  background: linear-gradient(90deg, transparent 30%, #eb6161);
}

.courseSingle.cl .courseSingle_head .ttl .sub::after {
  background: #eb6161;
}

.courseSingle.cl .entryBody h3::after {
  background: #eb6161;
}
.courseSingle.cl .entryBody h3 {
  color: #fff;
}
.courseSingle.cl .elPoint {
  background: linear-gradient(90deg, rgba(248, 202, 198, 0.4), rgba(248, 202, 198, 0.4));
}

.courseSingle.cl .elPoint .ttl {
  color: #eb6161;
}

.courseSingle.cl .elPoint .ttl::before, .courseSingle.cl  .elPoint .ttl::after {
  background: #eb6161;
}
.courseSingle.cl .elPoint ul li::before {
  color: #eb6161;
}
/*.clTbl th {
    background: #eb6161 !important;
    color: #fff;
}
*/
.courseSingle.sl .courseSingle_head .ttl::after {
  background: linear-gradient(90deg, transparent 30%, #bc9813);
}
/*
.courseSingle.sl .courseSingle_head .ttl .sub {
  color: #111;
}
*/

.courseSingle.sl .courseSingle_head .ttl .sub::after {
  background: #bc9813;
}
.courseSingle.sl .entryBody h3 {
  color: #fff;
}
.courseSingle.sl .entryBody h3::after {
  background: #bc9813;
}
.courseSingle.sl .elPoint {
  background: linear-gradient(90deg, rgba(255, 251, 207, 0.3), rgba(255, 251, 207, 0.3));
}

.courseSingle.sl .elPoint .ttl {
  color: #bc9813;
}

.courseSingle.sl .elPoint .ttl::before, .courseSingle.sl  .elPoint .ttl::after {
  background: #bc9813;
}
.courseSingle.sl .elPoint ul li::before {
  color: #bc9813;
}

.courseSingle .clubResults dt, .courseSingle .clubResults dd {
  width: 100%;
}

.courseSingle .clubResults dt {
  font-weight: 500;
}

.courseSingle .clubResults dd {
  border-bottom: 1px solid #ccc;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 768px) {
  .courseSingle_head .parentTtl {
    display: flex;
    font-size: 1.6rem;
    right: 1rem;
    top: 1rem;
  }
  .courseSingle_head .parentTtl span.ja {
    padding-left: 5px;
  }
  .courseSingle_head .ttl {
    font-size: 5rem;
    padding: 2rem 15rem 3rem 6rem;
    left: -2.5rem;
  }
  .courseSingle_head .ttl .serif {
    font-size: 1.5rem;
  }
  .courseSingle_head .ttl .sub {
    font-size: 2rem;
    line-height: 4.2rem;
    width: 60rem;
  }
  .courseSingle .entryBody h3 {
    display: inline-block;
    font-size: 2.7rem;
    margin: 3rem 0 0 50%;
    padding: 0.5em 0;
    width: 52rem;
    transform: translateX(-50%);
  }
  .courseSingle .entryBody ul h3 {
    margin-bottom: 2rem;
  }
  .courseSingle .entryBody .program li {
    width: 33.33%;
  }
  .courseSingle .entryBody .program li dt {
    margin-top: 2rem;
  }
  .courseSingle .entryBody .program li dt strong {
    padding: 0 2rem;
  }
  .courseSingle .entryBody .program li dd {
    padding-left: 2rem;
  }
  .courseSingle .elPoint {
    margin-bottom: 3rem;
    padding: 2rem;
  }
  .courseSingle .elPoint ul li {
    width: 48%;
  }
.courseSingle.jl .jlTokuTbl {
	width: 80%;
	margin: 0 auto;
}
.courseSingle.jl .jlTokuTbl th {
	vertical-align: middle;
	width: auto;
   white-space: normal;
}
.courseSingle.pl .plTokuTbl {
	width: 80%;
	margin: 0 auto;
}
.courseSingle.pl .plTokuTbl th {
	vertical-align: middle;
	width: auto;
   white-space: normal;
}
}

@media (min-width: 1024px) {
  .courseSingle_head {
    margin-top: 4rem;
    padding-top: 42%;
    overflow: hidden;
  }
  .courseSingle_head img {
    width: 100%;
    height: auto;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .courseSingle_head .ttl {
    top: 50%;
  }
  .courseSingle_head .catch {
    font-size: 3.2rem;
    font-weight: 500;
    left: 6rem;
    bottom: 2rem;
  }
  .courseSingle .entryBody .check strong {
    display: inline-block;
    margin-bottom: 1rem;
  }
  .courseSingle .entryBody .check img {
    max-width: 40%;
  }
  .courseSingle .clubResults dt, .courseSingle .clubResults dd {
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding: 1rem 0;
  }
  .courseSingle .clubResults dt {
    width: 14em;
  }
  .courseSingle .clubResults dd {
    width: calc(100% - 14em);
  }
}

@media (min-width: 1366px) {
  .courseSingle .entryBody .program li {
    margin: 0 1em;
    width: auto;
  }
}

/* ===========================================================
   # LIFE
=========================================================== */
/* = EVENT
----------------------------------------------------------- */
.eventCal h4::before {
  width: 100%;
}

.eventCal h4 strong {
  font-size: 2em;
  font-weight: 500;
  margin-right: 5px;
  vertical-align: 0;
}

/* = UNIFORM
----------------------------------------------------------- */
/* OLD */
.uniformItem {
  background: #fff;
  border: 1px solid #ddd;
  margin-top: 1em;
  padding: 1rem;
}

.uniformItem li {
  margin: 0 !important;
  width: 50% !important;
}

/* LIST */
.uniList {
  justify-content: space-between;
  margin: 3rem 0;
}

.uniList li {
  width: 48%;
}

.uniList li a {
  background: #fff;
  display: block;
  margin-bottom: 1rem;
}

.uniList li a img {
  width: 100%;
}

.uniList li a .body {
  padding: 1rem 5px;
}

.uniList.cat {
  margin: 0;
}

.uniList.cat:last-of-type {
  margin-bottom: 3rem;
}

.uniList.cat p {
  font-weight: 500;
  padding: 1rem 5px;
}

.uniList.cat p span {
  background: #5C6CA7;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: .8em;
  margin: 0 0.5em 5px 0;
  padding: 0 0.5em 2px;
}

@media (min-width: 768px) {
  .uniList.cat:last-of-type {
    margin-bottom: 3rem;
  }
  .uniList.cat p span {
    margin-bottom: 0;
  }
}

@media (min-width: 1024px) {
  .uniList {
    margin-bottom: 6rem;
  }
  .uniList li {
    width: 23%;
  }
  .uniList li a {
    margin-bottom: 2rem;
  }
  .uniList.cat:last-of-type {
    margin-bottom: 6rem;
  }
}

/* NEW */
.uni {
  align-items: flex-start;
  justify-content: space-between;
}

.uniBody {
  padding-bottom: 3rem;
  width: 100%;
}

.uniTtl {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 2rem;
}

.uniIn {
  justify-content: space-between;
}

.uniIn li {
  border: 3px solid #f8f8f8;
}

.uniNav {
  width: 5rem;
}

.uniNav .slick-current img {
  border-color: #ccc;
}

.uniImg {
  width: calc(100% - 6rem);
}

.uniImg img, .uniImg video {
  width: 100%;
}

.uniImg button {
  background: #f8f8f8;
  font-size: 0;
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: 50%;
  z-index: 1;
}

.uniImg button.slick-prev {
  left: 0;
  transform: rotate(180deg);
}

.uniImg button.slick-next {
  right: 0;
}

.uniImg button::after {
  border-right: 2px solid #111;
  border-top: 2px solid #111;
  content: "";
  display: block;
  margin: auto;
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: calc(50% - 8px);
  top: 0;
  bottom: 0;
  transform: rotate(45deg);
}

.uniSimilar {
  padding-top: 2rem;
}

.uniSimilar_ttl {
  background: #CBD5EF;
  color: #192240;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 1rem;
}

.uniSimilar ul li {
  font-size: .9em;
  width: 23%;
}

.uniSimilar ul li:not(:last-child) {
  margin-right: 2.66%;
}

.uniSimilar ul li .body {
  padding-top: 8px;
}

.uniSide {
  background: #fff;
  margin-bottom: 3rem;
  padding: 1rem 1rem 2rem;
  width: 100%;
}

.uniSide .ttl {
  color: #001976;
  font-size: 1.2rem;
  font-weight: 500;
}

.uniSide .ttl strong {
  color: #111;
  display: block;
  font-size: 2rem;
}

.uniSide ul li {
  border-bottom: 1px dashed #ccc;
  padding: 1rem 0;
}

@media (min-width: 768px) {
  .uni {
    margin-bottom: 6rem;
  }
  .uniBody {
    padding: 0 2rem 0 0;
    width: calc(100% - 24%);
  }
  .uniIn img {
    border-width: 5px;
  }
  .uniNav {
    width: 6rem;
  }
  .uniImg {
    width: calc(100% - 7rem);
  }
  .uniSimilar {
    padding-top: 3rem;
  }
  .uniSimilar_ttl {
    margin-bottom: 2rem;
  }
  .uniSide {
    width: 24%;
  }
  .uniSide ul li {
    padding: 1em 0;
  }
}

@media (min-width: 1024px) {
  .uniBody {
    padding-right: 6rem;
    width: calc(100% - 30rem);
  }
  .uniTtl {
    font-size: 3rem;
  }
  .uniNav {
    width: 8rem;
  }
  .uniImg {
    width: calc(100% - 9rem);
  }
  .uniSide {
    width: 30rem;
  }
}

/* = BUS
----------------------------------------------------------- */
.busList li {
  background: #fff;
}

.busList li h3 {
  margin-top: 0;
}

.busList .column2 {
  padding: 0 1rem 1rem;
}

.busList .column2 li {
  margin: 0 !important;
}

.busComment img {
  margin: 1em auto 0 !important;
}

.busComment p.hidden {
  line-height: 1.4;
  margin-top: 1em;
  text-align: center;
}

.busComment p.hidden strong {
  background: #5C6CA7;
  border-radius: 3rem;
  color: #fff;
  display: block;
}

/* = ONE DAY
----------------------------------------------------------- */
.onedayList {
  margin: 0;
}

.onedayList dt {
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1;
  width: 10rem;
  position: relative;
  text-align: center;
}

.onedayList dt.border::after {
  background: #192240;
  content: "";
  width: 2px;
  height: calc(100% - 9rem);
  position: absolute;
  left: 5rem;
  top: 9rem;
  z-index: -1;
}

.onedayList dt img {
  display: block;
  margin-bottom: 0;
  width: 4rem;
}

.onedayList dt span {
  background: #192240;
  border-radius: 10rem;
  color: #fff;
  font-size: 1.4rem;
  display: inline-block;
  margin-top: 5px;
  padding: 1px 0 3px;
  width: 100%;
}

.onedayList dd {
  font-size: .9em;
  line-height: 1.4;
  padding: 0 0 2em 1rem;
  width: calc(100% - 10rem);
}

@media (min-width: 768px) {
  .onedayList {
    justify-content: flex-end;
    margin-top: -15rem;
  }
  .onedayList:nth-child(odd) {
    flex-direction: row-reverse;
  }
  .onedayList dt {
    padding-top: 4rem;
  }
  .onedayList dt.border::after {
    height: calc(100% - 25rem);
    top: 15rem;
  }
  .onedayList dt img {
    width: 6rem;
  }
  .onedayList dt span {
    margin-top: 1rem;
  }
  .onedayList dd {
    font-size: 1em;
    padding: 0 3rem;
    width: calc(50% - 5rem);
    min-height: 40rem;
  }
  .onedayList dd img {
    border-width: 3px;
  }
}

@media (min-width: 1366px) {
  .onedayList dt {
    padding-top: 10rem;
  }
  .onedayList dt.border::after {
    top: 21rem;
  }
  .onedayList dd {
    min-height: 50rem;
  }
}

/* ===========================================================
   # VOICE
=========================================================== */
ul.voiceList {
  margin-left: 0;
}

ul.voiceList li {
  align-items: flex-start;
  margin-top: -12rem;
  padding-top: 12rem;
}

ul.voiceList li:not(:last-child) {
  border-bottom: 1px solid #ccc;
  margin-bottom: 4rem;
  padding-bottom: 3rem;
}

ul.voiceList li img {
  width: 100%;
}

ul.voiceList li div {
  width: 100%;
}

ul.voiceList li div h2 {
  font-size: 1em;
  margin: 0;
  padding-top: 1rem;
}

ul.voiceList li div h2 strong {
  font-size: 1.6em;
}

ul.voiceList li div h3 {
  border-radius: 3px;
  display: inline-block;
  font-size: 1em;
  margin: 3px 0 1rem 0;
  padding: 2px 5px;
}

ul.voiceList li div p {
  border-top: 2px solid #192240;
  margin-top: 1rem;
  padding-top: 1rem;
}

@media (min-width: 768px) {
  ul.voiceList li {
    margin-top: -10rem;
    padding-top: 10rem;
  }
  ul.voiceList li img {
    width: 30%;
  }
  ul.voiceList li div {
    padding-left: 3rem;
    width: 70%;
  }
  ul.voiceList li div h2 {
    padding-top: 2rem;
  }
  ul.voiceList li div p {
    margin-top: 2rem;
    padding-top: 2rem;
  }
  ul.voiceList li:nth-child(even) {
    flex-direction: row-reverse;
  }
  ul.voiceList li:nth-child(even) div {
    padding: 0 3rem 0 0;
  }
}

/* ===========================================================
   # CLUB
=========================================================== */
/* = TITLE
----------------------------------------------------------- */
.clubTtl {
  color: #001976;
}

.clubTtl strong {
  letter-spacing: 5px;
  padding-left: 5px;
}

.clubTtl.main {
  font-size: 2.4rem;
  margin-bottom: 3rem;
}

.clubTtl.sub {
  font-size: 2rem;
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .clubTtl.main {
    margin-bottom: 6rem;
  }
  .clubTtl.sub {
    margin-bottom: 2rem;
  }
}

/* = NEWS
----------------------------------------------------------- */
.clubNews {
  padding: 4rem 0;
}

@media (min-width: 768px) {
  .clubNews {
    padding-bottom: 6rem;
  }
}

/* = LIST
----------------------------------------------------------- */
.clubList {
  background: linear-gradient(180deg, rgba(153, 171, 235, 0.2), rgba(178, 241, 236, 0.2));
  padding: 4rem 0;
}

.clubList ul {
  justify-content: space-between;
  margin-bottom: 3rem;
}

.clubList ul li {
  margin-bottom: 1.5rem;
  width: 100%;
}

.clubList ul li .ttl {
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  line-height: 5rem;
  margin-left: -2rem;
  padding: 0 3rem 0 4rem;
  left: 0;
  top: 0;
  z-index: 1;
}

.clubList ul li .ttl::after {
  background: linear-gradient(90deg, #5C6CA7, #5CA7A2);
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transform: skewX(-21deg);
  z-index: -1;
}

.clubList ul li .arrow {
  background: #fff;
  width: 3.2rem;
  height: 1px;
  right: 1rem;
  bottom: 1rem;
  mix-blend-mode: exclusion;
}

.clubList ul li .arrow::after {
  border-top: 1px solid #fff;
  content: "";
  width: 1.4rem;
  height: 1px;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: rotate(30deg);
  transform-origin: bottom right;
}

.clubList ul li .star {
  width: 10rem;
  right: 0rem;
  top: -1rem;
}

@media (min-width: 768px) {
  .clubList ul {
    margin-bottom: 6rem;
  }
  .clubList ul li {
    margin-bottom: 2%;
    width: 49%;
  }
  .clubList ul li .arrow {
    right: 1.5rem;
    bottom: 1.5rem;
  }
  .clubList ul li .star {
    width: 12.5rem;
    top: -4px;
  }
}

@media (min-width: 1366px) {
  .clubList ul li {
    width: 32%;
  }
  .clubList ul li .ttl {
    padding: 0 0 0 4rem;
    width: 75%;
  }
}

/* = SINGLE
----------------------------------------------------------- */
/* DETAIL */
.clubDetail {
  background: linear-gradient(90deg, rgba(153, 171, 235, 0.2), rgba(178, 241, 236, 0.2));
  padding: 5rem 0;
}

.clubDetail .body {
  background: #fff;
  line-height: 1.6;
  margin-bottom: 4rem;
  padding: 1rem;
}

.clubDetail .body h5 {
  background: #CBD5EF;
  color: #192240;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 3rem;
  margin: 1rem -1rem 0;
}

.clubDetail .body h5:first-child {
  margin-top: -1rem;
}

.clubDetail .body p {
  padding-top: 1rem;
}

.clubDetail ul {
  justify-content: space-between;
  letter-spacing: 1px;
}

.clubDetail ul li {
  width: 32%;
}

@media (min-width: 768px) {
  .clubDetail .body {
    padding: 3rem 5rem;
  }
  .clubDetail .body h5 {
    line-height: 4.5rem;
    margin: 3rem -5rem 0;
  }
  .clubDetail .body h5:first-child {
    margin-top: -3rem;
  }
  .clubDetail .body p {
    padding-top: 3rem;
  }
}

/* FOOT */
.clubFoot {
  padding: 5rem 0;
}

.clubFoot ul {
  justify-content: space-between;
  margin-bottom: 3rem;
}

.clubFoot ul li {
  margin-bottom: 1rem;
  width: 48%;
}

.clubFoot ul li a {
  background: #fff;
  border: 1px solid #001976;
  color: #001976;
  display: flex;
  align-items: center;
  font-weight: 500;
  line-height: 1.1;
  padding: 0 3rem 0 1rem;
  height: 6rem;
}

.clubFoot ul li a:hover {
  background: #001976;
  color: #fff;
}

.clubFoot ul li a .linkArrow {
  right: 1rem;
  top: 52%;
}

@media (min-width: 768px) {
  .clubFoot ul {
    margin-bottom: 2rem;
  }
  .clubFoot ul li {
    margin-bottom: 2rem;
    width: 31%;
  }
  .clubFoot ul li a {
    font-size: 2rem;
    padding-right: 4rem;
  }
}

@media (min-width: 1366px) {
  .clubFoot ul li {
    margin-bottom: 3rem;
    width: 19%;
  }
  .clubFoot ul li a {
    height: 9rem;
  }
}

/* ===========================================================
   # CAREER
=========================================================== */
/* = RESULTS
----------------------------------------------------------- */
.careerResults {
  justify-content: space-between;
  line-height: 1.6;
}

.careerResults > dt {
  align-items: center;
  justify-content: center;
  font-weight: 500;
  line-height: 1.1;
  padding: 1rem 0;
  text-align: center;
  width: 100%;
}

.careerResults > dt strong {
  font-size: 2.4em;
  font-weight: 500;
  vertical-align: 0;
}

.careerResults > dd {
  justify-content: space-between;
  margin-bottom: 2rem;
  padding: 5px 0;
}

.careerResults > dd dl {
  width: 100%;
}

.careerResults > dd dl.flex {
  border-bottom: 1px dashed #ccc;
  justify-content: space-between;
  padding: 5px;
}

.careerResults > dd dl.noLine {
  text-align: right;
}

@media (min-width: 768px) {
  .careerResults > dt {
    margin-bottom: 2rem;
    width: 20rem;
  }
  .careerResults > dd {
    width: calc(100% - 22rem);
  }
  .careerResults > dd dl {
    width: 49%;
  }
  .careerResults > dd dl.noLine {
    padding-top: 5px;
  }
}

@media (min-width: 1024px) {
  .careerResults > dd dl {
    width: 32%;
  }
}

/* = COUNSELING
----------------------------------------------------------- */
.careerCounseling_intro dl {
  margin: 1em 0;
}

.careerCounseling_intro dl dd {
  background: #aabcc6;
  color: #fff;
  margin-bottom: 1rem;
}

.careerCounseling_intro .box {
  border: 1px solid #999;
  font-size: .9em;
  line-height: 1.4;
  margin-top: 1em;
}

.careerCounseling_unique strong {
  background: #001976;
  border-radius: 3rem;
  color: #fff;
  display: inline-block;
  font-size: .5em;
  font-weight: 500;
  padding: 0 1em;
}

/* ===========================================================
   # EXAM
=========================================================== */
/* = OC
----------------------------------------------------------- */
.ocHead {
  background: #1f2d5c;
  padding-bottom: 5px;
}

.ocHead .breadCrumbs {
  background: #1f2d5c;
  color: #fff;
  padding: 1.5rem 0;
}

.ocHead .breadCrumbs a {
  color: #fff;
}

@media (min-width: 768px) {
  .ocHead {
    padding-bottom: 2rem;
  }
}

.ocList {
  background: linear-gradient(90deg, rgba(153, 171, 235, 0.2), rgba(178, 241, 236, 0.2));
  padding: 5rem 0;
}

.ocList ul {
  justify-content: space-between;
}

.ocList ul li {
  width: 48%;
}

.ocList ul li.item {
  background: #fff;
  margin-bottom: 1.5rem;
}

.ocList ul li.item .date {
  color: #192240;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  line-height: 3.2rem;
}

.ocList ul li.item .date .md {
  font-size: 4rem;
  padding: 0 3px;
  transform: translateY(-4px);
}

.ocList ul li.item .date .week {
  background: #192240;
  border-radius: 50%;
  color: #fff;
  width: 3.2rem;
}

.ocList ul li.item .dateE {
  color: #192240;
  font-size: 2rem;
  font-weight: 700;
}

.ocList ul li.item .dateE span {
  background: #192240;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: .5em;
  font-weight: 500;
  margin-left: 3px;
  padding-top: 2px;
  width: 1.8rem;
  height: 1.8rem;
  transform: translateY(-2px);
}

.ocList ul li.item .ttl {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 2rem 0;
}

.ocList ul li.item .state {
  background: #eee;
  color: #666;
  justify-content: center;
  font-weight: 700;
  line-height: 4.5rem;
  margin-top: 2rem;
  width: 100%;
}

.ocList ul li.item .state.link {
  background: #fff;
  border: 1px solid #001976;
  color: #001976;
}

.ocList ul li.item .state.link span {
  margin-left: 1rem;
}

.ocList ul li > a {
  display: block;
  font-size: 1.3rem;
  line-height: 1.3;
  padding: 3rem 1rem 2rem;
}

.ocList ul li > a.entryBtn {
  margin-top: -3rem;
  padding-top: 0;
}

.ocList ul li.off > a, .ocList ul li.past > a {
  pointer-events: none;
}

@media (min-width: 768px) {
  .ocList ul li {
    width: 49%;
  }
  .ocList ul li.item {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
  .ocList ul li.item .date {
    font-size: 2.6rem;
    line-height: 6.4rem;
  }
  .ocList ul li.item .date .md {
    font-size: 8rem;
    padding: 0 1rem 0 5px;
    transform: translateY(-9px);
  }
  .ocList ul li.item .date .week {
    width: 6.4rem;
  }
  .ocList ul li.item .dateE {
    font-size: 3rem;
    padding: 5px 1.5rem 0 0;
  }
  .ocList ul li.item .dateE span {
    margin-left: 5px;
    padding-top: 1px;
    width: 2.3rem;
    height: 2.3rem;
    transform: translateY(-5px);
  }
  .ocList ul li.item .ttl {
    font-size: 2.3rem;
    padding: 0 1rem;
  }
  .ocList ul li.item .txt {
    padding: 0 1rem;
  }
  .ocList ul li.item .state {
    font-size: 2.2rem;
    line-height: 8rem;
    margin-left: 1rem;
    width: calc(100% - 2rem);
  }
}

@media (min-width: 1024px) {
  .ocList ul li {
    width: 32%;
  }
}

@media (min-width: 1366px) {
  .ocList ul li.item .ttl {
    font-size: 2.8rem;
    margin-top: 4rem;
  }
  .ocList ul li.item .state {
    margin-top: 5rem;
  }
  .ocList ul li > a {
    padding: 7rem 2rem 3rem;
  }
  .ocList ul li > a.entryBtn {
    margin-top: -6rem;
  }
}

@media (min-width: 1720px) {
  .ocList ul li {
    width: 24%;
  }
  .ocList ul li.item .date .md {
    padding: 0 3rem 0 2rem;
  }
  .ocList ul li.item .state.link span {
    margin-left: 4rem;
  }
}

.ocForm {
  background: #fff;
  border: 3px solid #eee;
  margin: 1rem 1rem 3rem;
  padding: 3rem 1rem;
}

.ocForm .ttl {
  font-size: 2.4rem;
  font-weight: 500;
  margin-bottom: 3rem;
}

@media (min-width: 768px) {
  .ocForm {
    border-width: 5px;
    margin: 1rem auto 6rem;
    padding: 5rem;
  }
  .ocForm .ttl {
    margin-bottom: 5rem;
  }
}

/* = SCHOLARSHIP
----------------------------------------------------------- */
/* HEAD */
.scholarshipHead {
  align-items: center;
  justify-content: center;
  font-size: 1.1em;
}

.scholarshipHead dt {
  margin-bottom: 2rem;
}

.scholarshipHead dt span {
  background: #fff100;
  display: block;
  font-weight: 500;
  text-align: center;
}

/* TITLE */
h3.scholarshipTtl {
  background: transparent;
  color: #fff;
  font-size: 1.2em;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 0;
  width: 38rem;
  max-width: calc(100% - 3rem);
  position: relative;
}

h3.scholarshipTtl::after {
  background: #5C6CA7;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transform: skewX(-21deg);
  z-index: -1;
}

h3.scholarshipTtl span {
  vertical-align: 0;
}

@media (min-width: 768px) {
  /* HEAD */
  .scholarshipHead {
    font-size: 1.4em;
  }
  /* TITLE */
  h3.scholarshipTtl {
    font-size: 1.4em;
  }
}

@media (min-width: 1024px) {
  /* HEAD */
  .scholarshipHead dt {
    margin: 0 2rem 0 0;
  }
}

/* ===========================================================
   # NEWS & TOPICS
=========================================================== */
.newsTopics {
  justify-content: space-between;
}

.newsTopics_head .ttl {
  color: #192240;
  font-size: 2.4rem;
  font-weight: 700;
  padding: 3rem 0 1rem;
}

.newsTopics_head ul {
  padding-bottom: 3rem;
}

.newsTopics_head ul li {
  padding: 1rem 1em 1rem 0;
}

.newsTopics_head ul li a {
  border: 1px solid #192240;
  border-radius: 2rem;
  display: block;
  line-height: 3rem;
  padding: 0 1em;
}

.newsTopics_head ul li.news a {
  color: #5C6CA7;
  border-color: #5C6CA7;
}

.newsTopics_head ul li.club a {
  color: #5EB584;
  border-color: #5EB584;
}

.newsTopics_head ul li.exam a {
  color: #CF2525;
  border-color: #CF2525;
}

.newsTopics_head ul li.report a {
  color: #e7a900;
  border-color: #e7a900;
}

.newsTopics_head ul li.current a, .newsTopics_head ul li:hover a {
  color: #fff;
}

.newsTopics_head ul li.current.all a, .newsTopics_head ul li.all:hover a {
  background: #192240;
}

.newsTopics_head ul li.current.news a, .newsTopics_head ul li.news:hover a {
  background: #5C6CA7;
}

.newsTopics_head ul li.current.club a, .newsTopics_head ul li.club:hover a {
  background: #5EB584;
}

.newsTopics_head ul li.current.exam a, .newsTopics_head ul li.exam:hover a {
  background: #CF2525;
}

.newsTopics_head ul li.current.report a, .newsTopics_head ul li.report:hover a {
  background: #e7a900;
}

.newsTopics .main {
  width: 100%;
}

.newsTopics .main ul {
  width: 100%;
}

.newsTopics .pageNav {
  margin: 0 -1.5rem 5rem;
  width: calc(100% + 3rem);
}

.newsTopics .side {
  justify-content: space-between;
  padding-bottom: 6rem;
  width: 100%;
}

.newsTopics .side > * {
  width: 100%;
}

.newsTopics .sideTtl {
  color: #001976;
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 3rem;
}

.newsTopics .sideTtl strong {
  color: #111;
  display: block;
  font-size: 5rem;
  padding-bottom: 1rem;
}

.newsTopics .side .rank {
  counter-reset: rank;
  margin-bottom: 6rem;
}

.newsTopics .side .rank li a {
  border-bottom: 1px solid #C4C7D1;
  font-weight: 500;
  padding: 1.5rem 0 1.5rem 5rem;
}

.newsTopics .side .rank li a::after {
  background: #fff;
  border-radius: 50%;
  counter-increment: rank;
  content: counter(rank);
  line-height: 3.2rem;
  width: 3.2rem;
  position: absolute;
  left: 2px;
  top: 1.5rem;
  text-align: center;
  z-index: 2;
}

.newsTopics .side .rank li a .body {
  padding-right: 1em;
  width: calc(100% - 12.2rem);
}

.newsTopics .side .rank li a .body .date {
  color: #5C6CA7;
  font-size: 1.4rem;
  letter-spacing: 1px;
}

.newsTopics .side .rank li a .body .txt {
  line-height: 1.6;
  padding: 1rem 0;
}

.newsTopics .side .rank li:nth-child(-n+3) a::before {
  content: '\f5a2';
  font-family: "Font Awesome 5 Free";
  font-size: 3.6rem;
  font-weight: 900;
  line-height: 1;
  width: 3.6rem;
  height: 3.6rem;
  position: absolute;
  left: 0;
  top: 1.5rem;
  z-index: 1;
}

.newsTopics .side .rank li:nth-child(-n+3) a::after {
  line-height: 1;
  width: auto;
  padding: 0 5px;
  left: 1rem;
  top: 3rem;
}

.newsTopics .side .rank li:nth-child(1) a::before {
  color: #EFEF2D;
}

.newsTopics .side .rank li:nth-child(2) a::before {
  color: #B1B1B1;
}

.newsTopics .side .rank li:nth-child(3) a::before {
  color: #CB8330;
}

.newsTopics .side .rank li:nth-child(1) a::after {
  background: #EFEF2D;
}

.newsTopics .side .rank li:nth-child(2) a::after {
  background: #B1B1B1;
}

.newsTopics .side .rank li:nth-child(3) a::after {
  background: #CB8330;
}

.newsTopics .side .sideArchive label {
  background: #f8f8f8;
  color: #001976;
  cursor: pointer;
  display: block;
  font-weight: 500;
  padding: 1.5rem 0;
}

.newsTopics .side .sideArchive label i {
  margin-right: 5px;
  transform: translateY(1px);
}

.newsTopics .side .sideArchive label::before, .newsTopics .side .sideArchive label::after {
  background: #001976;
  content: '';
  margin: auto;
  width: 2rem;
  height: 1px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  transition: .5s;
}

.newsTopics .side .sideArchive label::after {
  transform: rotate(90deg);
}

.newsTopics .side .sideArchive .accCont {
  background: #f8f8f8;
  height: 0;
  padding: 0 0 0 2rem;
  opacity: 0;
  transition: .5s;
}

.newsTopics .side .sideArchive .accCont li {
  border-bottom: 1px solid #C4C7D1;
  line-height: 1.5;
}

.newsTopics .side .sideArchive input:checked + label::after {
  transform: rotate(180deg);
}

.newsTopics .side .sideArchive input:checked + label + .accCont {
  height: auto;
  overflow: auto;
  padding-bottom: 1em;
  opacity: 1;
  transition: .5s;
}

@media (min-width: 768px) {
  .newsTopics .side > * {
    width: 48%;
  }
}

@media (min-width: 1024px) {
  .newsTopics .main {
    width: calc(100% - 34rem);
  }
  .newsTopics .main li {
    width: 48%;
  }
  .newsTopics .pageNav {
    order: 1;
    margin-bottom: 0;
  }
  .newsTopics .side {
    display: block;
    padding-bottom: 10rem;
    width: 30rem;
  }
  .newsTopics .side > * {
    width: 100%;
  }
  .newsTopics .side .rank {
    margin-bottom: 10rem;
  }
}

@media (min-width: 1366px) {
  .newsTopics .main {
    width: calc(100% - 44rem);
  }
  .newsTopics .main li {
    width: 31%;
  }
  .newsTopics .side {
    width: 40rem;
  }
}

@media (min-width: 1720px) {
  .newsTopics .main li {
    width: 23%;
  }
  .newsTopics .pageNav {
    margin: 0 -4rem 0;
    width: calc(100% + 8rem);
  }
}

@media (min-width: 1920px) {
  .newsTopics {
    justify-content: center;
  }
  .newsTopics_head {
    padding: 0;
  }
  .newsTopics .main {
    margin-right: 4rem;
    width: calc(192rem - 44rem);
  }
}

/* ===========================================================
   # ACCESS
=========================================================== */
.accessCont .accessHead {
  color: #192240;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.6;
}

.accessCont .accessHead strong {
  font-size: 1.4em;
  vertical-align: baseline;
}

.accessCont .accessIco {
  background: #fff;
  display: flex;
  justify-content: center;
  margin-bottom: 0;
  text-align: center;
}

.accessCont .accessIco dd {
  padding: 5px;
}

.accessCont .accessIco dd img {
  width: auto;
  height: 7rem;
}

.accessCont .accessIco + * {
  margin-top: 1em;
}

.accessCont .accessTime {
  justify-content: space-between;
}

.accessCont .accessTime li {
  background: #fff;
  text-align: center;
  width: 48%;
}

.accessCont .accessTime li dt {
  background: #fee8b7;
  font-weight: 500;
}

@media (min-width: 768px) {
  .accessCont .accessHead {
    font-size: 4.4rem;
    line-height: 1.4;
  }
  .accessCont .accessIco dd {
    padding: 2rem;
  }
  .accessCont .accessIco dd img {
    height: 14rem;
  }
}

@media (min-width: 1024px) {
  .accessCont .accessTime li {
    width: 14%;
  }
}

.access_bus {
  justify-content: space-between;
}

.page-id-412 .access_bus {
  background: #eee;
  border-radius: 1rem;
  padding: 1rem;
}

.access_bus li {
  width: 100%;
}

.access_bus .ttl {
  font-weight: 500;
  margin-bottom: 5px;
}

.access_bus dl {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 1rem;
  position: relative;
}

.access_bus dl::before {
  background: #111;
  content: "";
  margin: auto;
  width: 3px;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 5px;
  z-index: -1;
}

.access_bus dl::after {
  content: "";
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 5px 0 5px;
  border-color: #111 transparent transparent transparent;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1rem;
}

.access_bus dl dd {
  background: #fff;
  border: 2px solid #111;
  margin: 3px 0;
}

.access_bus dl dd span {
  vertical-align: baseline;
}

.access_bus .school {
  background: #CF2525;
  border-color: #CF2525;
  color: #fff;
  margin: 1rem 0;
  padding: 5px 0;
}

@media (min-width: 768px) {
  .page-id-412 .access_bus {
    padding: 3rem;
  }
}

@media (min-width: 1024px) {
  .access_bus li {
    width: 31%;
  }
  .access_bus dl {
    height: 100%;
  }
  .access_bus li.school {
    font-size: 1.1em;
    margin: 3rem 0 0 0;
    padding: 1rem 0;
  }
}

/* ===========================================================
   # ETC
=========================================================== */
/* = ENTRY FORM
----------------------------------------------------------- */
.entryCont .entryBody .entryNav {
  justify-content: space-around;
  text-align: center;
}

.entryCont .entryBody .entryNav li {
  width: 100%;
}

.entryCont .entryBody .entryNav li a {
  background: #cbd6ef;
  border-radius: 3px;
  color: #192340;
  display: block;
  font-weight: 500;
  line-height: 4rem;
  text-decoration: none;
}

.entryCont .entryBody > div {
  padding-top: 10rem;
  margin-top: -10rem;
}

.entryCont .entryBody > div:not(:last-child) {
  margin-bottom: 3rem;
}

.entryCont .entryBody > div .wpcf7 {
  background: #fff;
  border-radius: 1rem;
  padding: 1em 1em 0;
}

.entryCont .entryBody > div .wpcf7 h3 {
  margin-top: 0;
}

@media (min-width: 768px) {
  .entryCont .entryBody .entryNav li {
    width: 31%;
  }
  .entryCont .entryBody > div:not(:last-child) {
    margin-bottom: 6rem;
  }
  .entryCont .entryBody > div .wpcf7 {
    padding: 2em;
  }
}

/* = TAB
----------------------------------------------------------- */
.tabWrap::after {
  background: #90b5ce;
  content: '';
  order: -1;
  margin-bottom: 1rem;
  width: 100%;
  height: 3px;
}

.tabWrap input {
  display: none;
}

.tabWrap label {
  background: #eee;
  color: #666;
  cursor: pointer;
  flex: 1;
  order: -1;
  line-height: 5rem;
  text-align: center;
}

.tabWrap label:not(:last-of-type) {
  margin-right: 8px;
}

.tabWrap .tabCont {
  width: 100%;
  height: 0;
  opacity: 0;
}

.tabWrap input:checked + label {
  background: #90b5ce;
  color: #fff;
}

.tabWrap input:checked + label + .tabCont {
  height: auto;
  opacity: 1;
  transition: .5s;
}

/* = ACCORDION
----------------------------------------------------------- */
.accWrap input {
  display: none;
}

.accWrap label {
  background: #eee;
  color: #666;
  cursor: pointer;
  line-height: 3rem;
  margin-bottom: 1px;
  padding: 0 1rem;
  width: 100%;
  position: relative;
}

.accWrap label::after {
  content: '▼';
  font-size: .6em;
  position: absolute;
  right: 1rem;
}

.accWrap .accCont {
  height: 0;
  padding: 0 1rem;
  opacity: 0;
  transition: .5s;
}

.accWrap input:checked + label {
  background: #90b5ce;
  color: #fff;
}

.accWrap input:checked + label::after {
  transform: rotate(180deg);
}

.accWrap input:checked + label + .accCont {
  height: auto;
  overflow: auto;
  margin-bottom: -1px;
  padding: 1rem 1rem 2em 1rem;
  opacity: 1;
  transition: .5s;
}

/* = MAP
----------------------------------------------------------- */
.gMap {
  padding-bottom: 75%;
  width: 100%;
  height: 0;
}

.gMap iframe {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

@media (min-width: 768px) {
  .gMap {
    padding-bottom: 56.25%;
  }
}

/* ===========================================================
   # INQ
=========================================================== */
.inqTbl {
  line-height: 1.6;
  margin-bottom: 3rem;
}

.inqTbl dt, .inqTbl dd {
  width: 100%;
}

.inqTbl dt {
  font-weight: 500;
}

.inqTbl dt span {
  font-size: .8em;
  vertical-align: baseline;
}

.inqTbl dt span.inqMust {
  color: #c00;
}

.inqTbl dd {
  padding-bottom: 2rem;
}

.inqTbl dd .small {
  color: #888;
}

.inqTbl dd .inqTxt {
  font-size: 1.3em;
  font-weight: 300;
}

.inqTbl dd .inqBlock {
  display: inline-block;
  margin-top: 1rem;
  width: 100%;
}

.inqTbl dd .inqBlock.small {
  line-height: 1.3;
  margin-top: .5rem;
}

.inqTbl dd .wpcf7-not-valid {
  background: rgba(255, 246, 246, 0.5);
  border: 1px solid #c99 !important;
  display: inline-block;
}

.inqTbl dd span.wpcf7-not-valid-tip {
  display: none !important;
}

@media (min-width: 768px) {
  .inqTbl {
    flex-wrap: wrap;
    margin-bottom: 5rem;
  }
  .inqTbl dt, .inqTbl dd {
    border-top: 1px dotted #ccc;
    padding: 2rem 0;
  }
  .inqTbl dt {
    padding-right: 1em;
    width: 30rem;
  }
  .inqTbl dd {
    width: calc(100% - 30rem);
  }
}

/* = INPUT, TEXTAREA
----------------------------------------------------------- */
input[type=text],
input[type=email],
input[type=tel],
input[type=number],
textarea {
  background: #fff;
  border: 1px solid #d2d2d2;
  padding: 0 5px;
  -webkit-appearance: none;
  width: 100%;
  max-width: 100%;
}

input.sizeSs {
  width: 8rem;
}

input.sizeS {
  width: 11.5rem;
}

input.sizeL {
  max-width: 60rem;
}

textarea {
  line-height: 1.3;
  padding: 5px;
  height: 200px;
}

/* = RADIO, CHECKBOX
----------------------------------------------------------- */
.wpcf7-list-item {
  padding-right: 1em;
}

input[type="radio"], input[type="checkbox"] {
  display: none;
}

input[type="radio"] + span, input[type="checkbox"] + span {
  padding-left: 20px;
  position: relative;
}

input[type="radio"] + span::before, input[type="radio"] + span::after, input[type="checkbox"] + span::before, input[type="checkbox"] + span::after {
  content: "";
  display: block;
  position: absolute;
}

input[type="radio"] + span::before, input[type="checkbox"] + span::before {
  background: transparent;
  border: 1px solid #999;
  width: 14px;
  height: 14px;
  left: 0;
  top: 6px;
}

/* RADIO */
input[type="radio"] + span::before {
  border-radius: 50%;
}

input[type="radio"]:checked + span::after {
  background: #111;
  border-radius: 50%;
  left: 3px;
  top: 9px;
  width: 8px;
  height: 8px;
}

/* CHECKBOX */
input[type="checkbox"] + span::before {
  border-radius: 4px;
}

input[type="checkbox"]:checked + span::after {
  border-bottom: 3px solid #111;
  border-right: 3px solid #111;
  width: 7px;
  height: 14px;
  left: 5px;
  top: 3px;
  transform: rotate(40deg);
}

/* = SELECT
----------------------------------------------------------- */
select {
  border-radius: 0;
  cursor: pointer;
  margin: -1px;
  padding: 0 10px;
  width: calc(100% + 2.2rem);
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #333;
}

span[data-name=your-type],
span[data-name=your-partner],
span[data-name=your-parents],
span[data-name=your-club] {
  background: #fff;
  border: 1px solid #d2d2d2;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  padding-right: 2rem;
  position: relative;
}

span[data-name=your-type]:after,
span[data-name=your-partner]:after,
span[data-name=your-parents]:after,
span[data-name=your-club]:after {
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  pointer-events: none;
  position: absolute;
  right: 1rem;
  top: 8px;
  transform: rotate(45deg);
  z-index: 1;
}

/* = SEND
----------------------------------------------------------- */
input[type=submit] {
  background: #001976;
  color: #fff;
  display: inline-block;
  font-size: 1.6em;
  line-height: 60px;
  outline: none;
  width: 40rem;
  max-width: 90%;
}

input[type=submit]:hover {
  opacity: 0.8;
}

/* MESSAGE */
.wpcf7-response-output {
  text-align: center;
}

/* = @media width TABLET -->
----------------------------------------------------------- */
@media (min-width: 768px) {
  input.sizeM {
    max-width: 26rem;
  }
}


/*# sourceMappingURL=content.map */