@charset "UTF-8";
/* Foundation
========================================================*/
/* Reset */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)

   fixed
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  word-break: break-all;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

div, p, dl, dt, dd, ol, ul, li,
h1, h2, h3, h4, h5, h6,
form, input, button, textarea, table, tr, th, td,
article, aside, header, footer, section, nav, a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

ul,
dl {
  margin: 0;
  padding: 0;
  list-style: none;
}

img {
  vertical-align: bottom;
}

body .Contents,
html,
td,
th,
input[type="text"],
input[type="password"],
select,
textarea {
  font-family: 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 500;
}

html {
  font-size: 62.5%;
}

body .Contents {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 170%;
  color: #404045;
  font-feature-settings: "palt";
  /* letter-spacing: 0.2em; */
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* font icons */
sup {
  font-size: 1.1rem;
  vertical-align: super;
}

sub {
  font-size: 1.1rem;
  vertical-align: sub;
}

/* CSS Document */
/* Scss Document */
html .Container {
  -webkit-text-size-adjust: 100%;
}

/* common tags
--------------------------------------------------------------------------- */
.Container a {
  text-decoration: none;
  color: #06c;
}
.Container a:hover {
  opacity: 0.6;
}

.Container img {
  max-width: 100%;
  vertical-align: bottom;
}

ul {
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
}

.Container p {
  margin-bottom: 20px;
}

.Container iframe {
  max-width: 100%;
}

.Container {
  width: 100%;
}

.Contents {
  position: relative;
}

/* common parts
--------------------------------------------------------------------------- */
/* link ------------------------------------ */
.link001,
a.link001 {
  display: inline-block;
  margin-left: 1em;
  text-indent: -1em;
  font-weight: 700;
}
.link001::before,
a.link001::before {
  content: "≫ ";
  margin-right: 5px;
  font-size: 0.9rem;
  position: relative;
  top: -3px;
}

.link002,
a.link002 {
  display: inline-block;
  margin-left: 1em;
  text-indent: -1em;
  font-weight: 700;
}
.link002::before,
a.link002::before {
  content: "≫ ";
  font-size: 0.9rem;
  position: relative;
  top: -3px;
}

.linkInline001 {
  font-weight: 700;
}

.anchorPosition {
  display: block;
  margin-top: -80px;
  padding-top: 80px;
  height: 0;
}
.anchorPosition--inline {
  position: absolute;
  left: 0;
  top: -70px;
}
@media screen and (min-width: 1025px) {
  .anchorPosition {
    margin-top: -60px;
    padding-top: 60px;
  }
}

/* button------------------------------------ */
.button001,
a.button001 {
  background: #06c;
  color: #fff;
  font-size: 2.0rem;
  padding: 20px 20px;
  display: block;
  border-radius: 6px;
}

.button002,
a.button002 {
  display: inline-block;
  font-size: 1.8rem;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  min-width: 120px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 500px;
  color: #fff;
  background: #a2ba39;
}

.button003,
a.button003 {
  display: inline-block;
  color: #192a4e;
  border: 1px solid #192a4e;
  border-radius: 1000px;
  padding: 5px 10px 5px 2em;
}
.button003::after,
a.button003::after {
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  display: inline-block;
  content: "\f138";
  margin-left: 15px;
}

/* list ----------------------------------- */
.listIndent-1:not(:root) li {
  margin-left: 2rem;
  text-indent: -2rem;
  list-style: none;
}

.uList001,
.dList001,
.oList001 {
  margin-bottom: 20px;
}

.uList001 li {
  margin-left: 1em;
  text-indent: -1em;
}

.uList001 li:before {
  content: "・";
  color: #192a4e;
}

.uList002 li {
  display: inline-block;
}
.uList002 li + li {
  margin-left: 20px;
}

.dList001 dd {
  margin-left: 1.5em;
  margin-bottom: 20px;
}

.oList001 {
  margin-left: 2.5em;
  margin-bottom: 20px;
}
.oList001 li {
  list-style: decimal;
}

.listTable001 {
  background: rgba(26, 42, 78, 0.1);
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.listTable001 dt {
  width: 20%;
  float: left;
  padding: 10px 10px 0 10px;
  border-top: 1px solid #ccc;
}
.listTable001 dd {
  background: #fff;
  margin-left: 20%;
  border-left: 1px solid #ccc;
  padding: 10px;
  border-top: 1px solid #ccc;
}

.listTable002 {
  border: 1px solid #ccc;
  margin-bottom: 20px;
}
.listTable002 dt {
  background: rgba(26, 42, 78, 0.1);
  padding: 10px 10px 0 10px;
  border-bottom: 1px solid #ccc;
}
.listTable002 dd {
  background: #fff;
  padding: 10px;
}
.listTable002 dd + dt {
  border-top: 1px solid #ccc;
}

.toggleButton {
  font-weight: 700;
  display: inline-block;
  position: relative;
}
.toggleButton::after {
  content: "+";
  display: inline-block;
  text-align: center;
  color: #fff;
  background: #06c;
  margin-left: 5px;
  font-weight: bold;
  line-height: 100%;
  padding-left: 3px;
  font-size: 1.7rem;
  position: absolute;
  top: 4px;
  right: -25px;
  text-indent: 0;
}
.toggleButton.isActive::after {
  content: "-";
  padding-left: 3px;
  padding-right: 2px;
}

.toggleContents {
  display: none;
  padding-top: 20px;
}

/* title ----------------------------------- */
.notesLabel {
  font-size: 1.8rem;
  font-weight: normal;
}

.title001 {
  font-weight: bold;
  font-size: 2.0rem;
  background: url("../images/icon-001.png") no-repeat left top 3px;
  padding-left: 17px;
}
@media screen and (min-width: 1025px) {
  .title001 {
    font-size: 3.0rem;
    margin-bottom: 40px;
  }
}
.title001 span {
  font-size: 1.2rem;
  display: inline-block;
  margin-left: 10px;
}
@media screen and (min-width: 1025px) {
  .title001 span {
    font-size: 2.0rem;
  }
}

.title002, .titleClassOutlineData, .blockGraduateMessage__title {
  font-weight: bold;
  color: #192a4e;
  font-size: 1.8rem;
  background: url("../images/icon-003.png") no-repeat left top 3px;
  padding-left: 17px;
  margin-bottom: 10px;
}

.title003 {
  background: #192a4e;
  color: #fff;
  padding: 5px;
  margin-bottom: 10px;
  font-weight: bold;
}

.title004 {
  background: #e60020;
  color: #fff;
  padding: 5px;
  font-weight: bold;
}

.title005 {
  background: #375882;
  color: #fff;
  padding: 15px 5px;
  font-weight: bold;
  font-size: 1.8rem;
}

.notes001 {
  font-size: 1.4rem;
}
.notes002 {
  font-size: 1.8rem;
	font-weight: bold;
}

.textImportant {
  color: #ff707c;
}

/* basic table
--------------------------------------------------------------------------- */
.table001,
.table002,
.table003,
.tbaleInner001 {
  width: 100%;
  margin-bottom: 10px;
}

.table001,
.table001 th,
.table001 td {
  border: 1px solid #ccc;
  background: rgba(255, 255, 255, 0.7);
}

.table001 th,
.table001 td {
  padding: 10px;
}

.table002,
.table002 th,
.table002 td {
  border: 1px solid #ccc;
}

.table002 th,
.table002 td {
  padding: 10px;
}

.table002 th {
  background: rgba(26, 42, 78, 0.1);
  text-align: left;
}

.table003 th,
.table003 td {
  border-bottom: 1px dotted #ccc;
  text-align: left;
}

.table003--pt2 th,
.table003--pt2 td {
  border-bottom: 1px solid #F5F3ED;
  text-align: left;
}

.table003 th,
.table003--pt2 th {
  padding: 15px;
  font-weight: bold;
}

.table003--pt2 {
  background: #fff;
}

.tbaleInner001,
.tbaleInner001 th,
.tbaleInner001 td {
  border: 1px solid #ccc;
}

.tbaleInner001 th {
  background: #efefef;
}

.tableCaptionTop {
  text-align: right;
  font-size: 1.2rem;
}

.tableCaptionBottom {
  margin-top: 10px;
  font-size: 1.2rem;
}

.tableCalendar {
  border: 1px solid #ccc;
}
.tableCalendar th {
  border: 1px solid #ccc;
  width: auto;
  padding-left: 5px;
  padding-right: 5px;
  background: rgba(26, 42, 78, 0.1);
}
.tableCalendar td {
  border: 1px solid #ccc;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: top;
  text-align: center;
  width: auto;
  letter-spacing: 0;
}

.cellSaturday {
  background: #eefcff;
}

.cellSunday,
.cellHoliday {
  background: #fff4f4;
}

.cellTopBorder {
  border-top: 1px solid #ccc;
}

.calendarActive {
  display: inline-block;
  background: #dce5f1;
  color: #fff;
  border-radius: 100px;
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 21px;
}

.tableStripe tr:nth-child(odd) {
  background: #efefef;
}

.cellWhite:not(:root) {
  background: #fff;
}

.cellTh001:not(:root) {
  background: #192a4e;
  color: #fff;
}

.tableVam th:not(:root) {
  vertical-align: middle;
}
.tableVam td:not(:root) {
  vertical-align: middle;
}

.blockScrollTable {
  overflow: auto;
}

.blockScrollTable::-webkit-scrollbar {
  /*tableにスクロールバーを追加*/
  height: 5px;
}

.blockScrollTable::-webkit-scrollbar-track {
  /*tableにスクロールバーを追加*/
  background: #F1F1F1;
}

.blockScrollTable::-webkit-scrollbar-thumb {
  /*tableにスクロールバーを追加*/
  background: #BCBCBC;
}

/* photo copyright */
.photoCopyright {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 1.0rem;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  line-height: 100%;
  padding: 3px;
}
@media screen and (min-width: 1025px) {
  .photoCopyright {
    font-size: 1.2rem;
  }
}

.photoCopyright.photoCopyrightFooter {
  opacity: .7;
  background: none;
  bottom: 5px;
  right: 5px;
}
@media screen and (min-width: 1025px) {
  .photoCopyright.photoCopyrightFooter {
    opacity: .5;
  }
}

.mainImage .photoCopyright {
  left: calc(50% - 50px);
  right: initial;
  opacity: .7;
  bottom: 3px;
  background: none;
  font-size: .8rem;
}
@media screen and (min-width: 1025px) {
  .mainImage .photoCopyright {
    font-size: 1.2rem;
  }
}

/* basic layout
--------------------------------------------------------------------------- */
.blockContents,
.blockContents--blank,
.blockBooking {
  padding: 40px 10px;
}
@media screen and (min-width: 1025px) {
  .blockContents,
  .blockContents--blank,
  .blockBooking {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 0;
  }
}

.blockContents::after {
  content: "";
  margin: 60px auto 0;
}
@media screen and (min-width: 1025px) {
  .blockContents::after {
    display: block;
  }
}

.blockContentsItem {
  margin-bottom: 40px;
}

.blockNotes001 {
  background: #fff7cb;
  padding: 20px;
  text-align: center;
  display: block;
  font-size: 2.0rem;
  font-weight: 700;
}

/* header
--------------------------------------------------------------------------- */
.siteTitle {
  text-align: center;
  font-size: 1.3rem;
  background: #192a4e;
  color: #fff;
  height: 40px;
  line-height: 40px;
  position: absolute;
  width: 100%;
  z-index: 55;
}
.siteTitle.isScrollActive {
  position: fixed;
  top: 0;
}
@media screen and (min-width: 1025px) {
  .siteTitle {
    display: none;
  }
}

.navigationButton {
  display: inline-block;
  height: 24px;
  cursor: pointer;
  z-index: 60;
  position: absolute;
  top: 7px;
  left: 6px;
}
@media screen and (min-width: 1025px) {
  .navigationButton {
    display: none;
  }
}
.navigationButton span {
  display: block;
  height: 3px;
  width: 20px;
  background-color: #fff;
  margin: 4px 6px;
  border-radius: 2px;
  transition: all 300ms 0s ease;
}
.navigationButton.isScrollActive {
  position: fixed;
}

.navigation.isScrollActive {
  position: fixed;
  overflow: auto;
  padding-bottom: 40px;
}

.navigationButton.isActive span:nth-of-type(1) {
  -webkit-transform: translateY(4px) rotate(-45deg);
  transform: translateY(6px) rotate(-45deg);
}
.navigationButton.isActive span:nth-of-type(2) {
  opacity: 0;
}
.navigationButton.isActive span:nth-of-type(3) {
  -webkit-transform: translateY(-10px) rotate(45deg);
  transform: translateY(-8px) rotate(45deg);
}

.navigation {
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 50;
  width: 100%;
  color: #fff;
  background: #192a4e;
  height: 100%;
  margin-top: -1px;
}
@media screen and (min-width: 1025px) {
  .navigation {
    position: absolute;
    min-width: 980px;
    width: 100%;
    height: auto;
    background: none;
    top: 0;
    left: 0;
    z-index: 50;
    margin-top: -1px;
    border: none;
  }
}
.navigation li.isActive a::before {
  content: "v ";
  font-weight: normal;
}
.navigation li.isActive ul li a::before {
  content: "- ";
}
.navigation li ul a {
  padding: 10px 20px;
  font-weight: normal;
  border: none;
}
.navigation li ul li {
  border: none;
}
.navigation li ul li a {
  padding: 10px 20px;
  font-weight: normal;
  border: none;
}
.navigation a {
  color: #fff;
  display: block;
}
.navigation .isScrollActive {
  position: fixed;
}

@media screen and (min-width: 1025px) {
  .navigation__master {
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
  }
}
.navigation__master ul {
  border-top: 1px solid #fff;
  margin-top: 1px;
}
@media screen and (min-width: 1025px) {
  .navigation__master ul {
    position: relative;
    text-align: center;
    width: 900px;
    margin: 0 auto;
    display: table;
  }
}
.navigation__master li {
  display: block;
  border-bottom: 1px solid #fff;
}
@media screen and (min-width: 1025px) {
  .navigation__master li {
    display: table-cell;
    white-space: nowrap;
    width: 166px;
    border: none;
  }
}
.navigation__master a {
  padding: 10px 20px;
  opacity: 1;
}
@media screen and (min-width: 1025px) {
  .navigation__master a {
    display: block;
    color: #585858;
    padding: 20px 17px;
  }
}

@media screen and (min-width: 1025px) {
  .navigation__slave {
    width: 100%;
  }
}
.navigation__slave ul {
  display: none;
}
@media screen and (min-width: 1025px) {
  .navigation__slave ul {
    position: absolute;
    background: #192a4e;
    padding: 15px;
  }
}
@media screen and (min-width: 1025px) {
  .navigation__slave a {
    color: #fff;
    padding: 5px 0;
    display: block;
  }
}

.navigation__slaveNoLink {
  padding: 10px 20px;
  font-weight: normal;
  border: none;
}

.navigationBottomImage {
  padding-top: 16px;
}
@media screen and (min-width: 1025px) {
  .navigationBottomImage {
    padding-top: 67px;
  }
  .navigationBottomImage img {
    border-top: 1px solid #efefef;
    display: block;
    width: 100%;
  }
}

/* navigation -------------------------------*/
/* main image
--------------------------------------------------------------------------- */
.mainImage {
  background: #fff;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .mainImage img {
    width: 100%;
  }
}

/* page:top
--------------------------------------------------------------------------- */
.titleLogo {
  text-align: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  background: #fff;
}

img.titleLogo__item {
  width: 160px;
}
@media screen and (min-width: 1025px) {
  img.titleLogo__item {
    width: 220px;
  }
}

.topCopy {
  text-align: center;
  margin-bottom: 40px;
  color: #fff;
}

/*
img.topCopy__item {
	width: 300px;
	@include mQuery(pc) {
		width: 840px;
	}
}
*/
.topCopy001 {
  font-size: 3.0rem;
  display: block;
  font-family: "Zen Antique Soft", serif;
  font-weight: 400;
  font-style: italic;
  margin-bottom: 15px;
  letter-spacing: -.1em;
}
@media screen and (min-width: 1025px) {
  .topCopy001 {
    font-size: 5.0rem;
    margin-bottom: 50px;
  }
}

.topCopy002 {
  font-size: 4.2rem;
  display: block;
  font-family: "Zen Antique Soft", serif;
  font-weight: 400;
  font-style: italic;
  letter-spacing: -.1em;
}
@media screen and (min-width: 1025px) {
  .topCopy002 {
    font-size: 9.0rem;
  }
}

.topCopy003 {
  display: block;
  font-weight: bold;
  font-size: 2.0rem;
  margin-top: 20px;
  line-height: 160%;
}
@media screen and (min-width: 1025px) {
  .topCopy003 {
    margin-top: 50px;
    font-size: 3.4rem;
  }
}

.blockTopPlayers {
  /* background: linear-gradient(180deg, rgba(224,2,21,1) 0%, rgba(175,0,50,1) 100%); */
  background: #192a4e;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  margin-bottom: -60px;
  padding-right: calc(50vw - 50%);
  padding-left: calc(50vw - 50%);
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  top: -40px;
}
@media screen and (min-width: 1025px) {
  .blockTopPlayers {
    background: none;
    margin-right: calc(50% - 49.4vw);
    margin-left: calc(50% - 50vw);
    margin-bottom: 0;
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    padding-top: 40px;
    padding-bottom: 100px;
    position: relative;
  }
  .blockTopPlayers::before {
    content: '';
    position: absolute;
    top: -190px;
    bottom: 0;
    left: 0;
    right: 0;
    background: #192a4e;
    /*background: rgb(224,2,21);
    background: linear-gradient(180deg, rgba(224,2,21,1) 0%, rgba(175,0,50,1) 100%);*/
    transform: skewY(-10deg) translateY(0px);
    z-index: -1;
  }
}

.blockTopPlayersInner {
  background: #fff;
  padding: 1em;
}

.blockTopPlayers__title {
  text-align: center;
  font-size: 3.0rem;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
  line-height: 150%;
}
@media screen and (min-width: 1025px) {
  .blockTopPlayers__title {
    font-size: 3.2rem;
  }
}

.blockTopPlayers__titleSub {
  text-align: center;
  font-size: 2.0rem;
  margin-top: 20px;
  margin-bottom: 40px;
}
@media screen and (min-width: 1025px) {
  .blockTopPlayers__titleSub {
    font-size: 2.2rem;
  }
}

.blockTopPlayersList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.blockTopPlayersList dl {
  width: 49%;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 1025px) {
  .blockTopPlayersList dl {
    width: 24%;
  }
}
.blockTopPlayersList dt.blockTopPlayerImg {
  margin-bottom: 10px;
}
.blockTopPlayersList dd.blockTopPlayerName {
  font-weight: bold;
}
.blockTopPlayersList dd.blockTopPlayerNameEng {
  font-size: 1.2rem;
}
.blockTopPlayersList dd.blockTopPlayerGraduation {
  font-size: 1.2rem;
  display: inline-block;
  line-height: 100%;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #c5061f;
  border: 1px solid #c5061f;
  border-radius: 1000px;
}

.blockForClasses {
  /*background: $color001;*/
  background: linear-gradient(180deg, #e00215 0%, #af0032 100%);
  color: #fff;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  padding-right: calc(50vw - 50%);
  padding-left: calc(50vw - 50%);
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
  /*top: -80px;*/
}
@media screen and (min-width: 1025px) {
  .blockForClasses {
    background: #e00215;
    background: linear-gradient(180deg, #e00215 0%, #af0032 100%);
    position: relative;
    margin-right: calc(50% - 49.4vw);
    /*padding-top: 340px;
    top: -380px;
    z-index: -2;
    */
  }
}

.blockForClasses__title {
  font-size: 3.0rem;
  color: #fff;
  font-weight: bold;
}
@media screen and (min-width: 1025px) {
  .blockForClasses__title {
    font-size: 5.6rem;
  }
}

.blockForClasses__titleSub {
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  margin-left: 15px;
}
@media screen and (min-width: 1025px) {
  .blockForClasses__titleSub {
    font-size: 2.4rem;
    margin-left: 20px;
  }
}

@media screen and (min-width: 1025px) {
  .blockForClassesLinks {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
.blockForClassesLinks a {
  color: #192a4e;
}
.blockForClassesLinks dl {
  color: #1C165B;
  background: #fff;
  margin-bottom: 20px;
  margin: 1em;
  border-radius: 10px;
}
@media screen and (min-width: 1025px) {
  .blockForClassesLinks dl {
    width: 48%;
	  max-width: 600px;
  }
}
.blockForClassesLinks dt.blockForClassesImg {
  width: 100%;
  margin-bottom: 10px;
  position: relative;
}
.blockForClassesLinks dt.blockForClassesImg img {
  width: 100%;
}
.blockForClassesLinks dd.blockForClassesName {
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 10px;
  padding: .5em 1em .5em 1em;
}
.blockForClassesLinks dd.blockForClassesLink {
  padding: 0 1em 1em 1em;
  text-align: right;
}
@media screen and (min-width: 1025px) {
  .blockForClassesLinks dd.blockForClassesLink {
    margin-top: 60px;
  }
}
.blockForClassesLinks dd.blockForClassesLink a {
  display: inline-block;
}
.blockForClassesLinks dd.blockForClassesLink a::after {
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  display: inline-block;
  content: "\f138";
  margin-left: 5px;
}

.blockTopInfo__title {
  font-size: 3.0rem;
  font-weight: bold;
}
@media screen and (min-width: 1025px) {
  .blockTopInfo__title {
    font-size: 5.6rem;
    margin-bottom: 40px;
  }
}

.blockTopInfo__titleSub {
  font-size: 1.6rem;
  font-weight: bold;
  color: #e60020;
  display: inline-block;
  margin-left: 15px;
}
@media screen and (min-width: 1025px) {
  .blockTopInfo__titleSub {
    font-size: 2.4rem;
    margin-left: 20px;
  }
}

.infoList {
  background: #fbfbfb;
  padding: 10px;
  text-align: left;
  max-height: 130px;
  height: 250px;
  width: 100%;
  overflow-y: scroll;
  padding-right: 10px;
  margin-bottom: 40px;
}
@media screen and (min-width: 1025px) {
  .infoList {
    /* width: 600px; */
    max-height: 200px;
    margin: 0 auto;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    text-align: left;
    overflow: auto;
  }
}
.infoList li {
  text-indent: -1em;
  margin-left: 1em;
}
.infoList li + li {
  margin-top: 20px;
}
.infoList li::before {
  content: ">";
  margin-right: 5px;
  font-size: 0.9rem;
  position: relative;
  top: -3px;
  color: #1a2a4e;
}
.infoList li a {
  color: #404045;
}

.infoList::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.infoList::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 2px;
}

.infoList::-webkit-scrollbar-track-piece:start,
.infoList::-webkit-scrollbar-track-piece:end {
  background: #efefef;
}

.blockTopAbout {
  margin-top: -60px;
}
@media screen and (min-width: 1025px) {
  .blockTopAbout {
    margin-top: -60px;
  }
}

.blockTopAbout__title {
  font-size: 3.0rem;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 130%;
  color: #192a4e;
}
@media screen and (min-width: 1025px) {
  .blockTopAbout__title {
    font-size: 5.6rem;
    line-height: 120%;
    margin-bottom: 30px;
    margin-top: 40px;
  }
}

@media screen and (min-width: 1025px) {
  .blockTopAbout__copyWrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}

.blockTopAbout__copy {
  /*color: #C5061F;*/
  margin-bottom: 20px;
}
@media screen and (min-width: 1025px) {
  .blockTopAbout__copy {
    font-size: 1.8rem;
    line-height: 160%;
    margin-bottom: 60px;
  }
}

.blockTopAbout__copyLead {
  font-weight: bold;
  color: #e60020;
}
@media screen and (min-width: 1025px) {
  .blockTopAbout__copyLead {
    font-size: 2.2rem;
    font-weight: bold;
  }
}

.blockTopAbout__image {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (min-width: 1025px) {
  .blockTopAbout__image {
    display: block;
    width: 250px;
  }
}
.blockTopAbout__image .blockTopAbout__imageItem {
  width: 49%;
  margin-bottom: 5px;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .blockTopAbout__image .blockTopAbout__imageItem {
    width: 250px;
  }
}
.blockTopAbout__image .blockTopAbout__imageItem img {
  width: 100%;
}

@media screen and (min-width: 1025px) {
  .blockTopAboutFlow {
    margin-top: 40px;
  }
}
.blockTopAboutFlow ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (min-width: 1025px) {
  .blockTopAboutFlow ul {
    flex-wrap: nowrap;
  }
}
.blockTopAboutFlow li {
  width: 100%;
  margin-bottom: 10px;
}
@media screen and (min-width: 1025px) {
  .blockTopAboutFlow li {
    width: 49%;
    margin-bottom: 0;
  }
}
.blockTopAboutFlow li.blockTopAboutFlow__moto {
  background: #e60020;
  /*padding: 1em;*/
}
.blockTopAboutFlow li.blockTopAboutFlow__kartformula {
  background: #192a4e;
  /*padding: 1em;*/
}

.blockTopMessage {
  background: #192a4e;
  color: #fff;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  padding-right: calc(50vw - 50%);
  padding-left: calc(50vw - 50%);
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  top: -60px;
  /*margin-bottom: -60px;*/
}
@media screen and (min-width: 1025px) {
  .blockTopMessage {
    background: linear-gradient(180deg, #fff 0%, #fff 30%, #192a4e 30%, #192a4e 100%);
    padding-top: 80px;
    margin-right: calc(50% - 49.4vw);
    top: -80px;
    margin-bottom: -80px;
  }
}

.blockTopMessage__title {
  font-size: 3.0rem;
  font-weight: bold;
}
@media screen and (min-width: 1025px) {
  .blockTopMessage__title {
    font-size: 5.6rem;
    margin-bottom: 40px;
    color: #000;
  }
}

.blockTopMessage__titleSub {
  font-size: 1.6rem;
  font-weight: bold;
  color: #e60020;
  display: inline-block;
  margin-left: 15px;
}
@media screen and (min-width: 1025px) {
  .blockTopMessage__titleSub {
    font-size: 2.4rem;
    margin-left: 20px;
  }
}

@media screen and (min-width: 1025px) {
  .blockTopMessageItems {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1025px) {
  .blockTopMessageItems dl {
    width: 49%;
  }
}
.blockTopMessageItems dl + dl {
  margin-top: 40px;
}
@media screen and (min-width: 1025px) {
  .blockTopMessageItems dl + dl {
    margin-top: 0;
  }
}
.blockTopMessageItems dt.blockTopMessageImage {
  text-align: center;
  width: 100%;
  margin-bottom: 10px;
}
@media screen and (min-width: 1025px) {
  .blockTopMessageItems dt.blockTopMessageImage {
    background: #e4e4e4;
  }
}
.blockTopMessageItems dt.blockTopMessageImage img {
  width: 200px;
}
@media screen and (min-width: 1025px) {
  .blockTopMessageItems dt.blockTopMessageImage img {
    width: 300px;
  }
}
.blockTopMessageItems dd.blockTopMessageClass {
  font-size: 1.2rem;
  background: #C5061F;
  color: #fff;
  line-height: 100%;
  padding-left: .5em;
  padding-right: .5em;
  padding-top: 3px;
  padding-bottom: 3px;
  display: inline-block;
}
.blockTopMessageItems dd.blockTopMessageName {
  font-weight: bold;
  font-size: 2.0rem;
}
@media screen and (min-width: 1025px) {
  .blockTopMessageItems dd.blockTopMessageName {
    font-size: 2.4rem;
    margin-top: 10px;
  }
}
.blockTopMessageItems dd.blockTopMessageNameEng {
  font-size: 1.2rem;
}
.blockTopMessageItems dd.blockTopMessageNameVoice {
  margin-top: 10px;
}
@media screen and (min-width: 1025px) {
  .blockTopMessageItems dd.blockTopMessageNameVoice {
    margin-top: 20px;
  }
}

.blockTopPolicy {
  position: relative;
  top: -60px;
}
@media screen and (min-width: 1025px) {
  .blockTopPolicy {
    top: 0;
  }
}

.blockTopPolicy__title {
  font-size: 3.0rem;
  font-weight: bold;
}
@media screen and (min-width: 1025px) {
  .blockTopPolicy__title {
    font-size: 5.6rem;
    margin-bottom: 40px;
  }
}

.blockTopPolicy__titleSub {
  font-size: 1.6rem;
  font-weight: bold;
  color: #e60020;
  display: inline-block;
  margin-left: 15px;
}
@media screen and (min-width: 1025px) {
  .blockTopPolicy__titleSub {
    font-size: 2.4rem;
  }
}

.blockTopPlicyItems li {
  background: #DDDDE2;
  border-radius: 4px;
  padding: .5em .5em .5em 1.4em;
  text-indent: -.9em;
  font-weight: bold;
}
@media screen and (min-width: 1025px) {
  .blockTopPlicyItems li {
    padding-left: 2em;
    font-size: 2.0rem;
  }
}
.blockTopPlicyItems li + li {
  margin-top: 5px;
}
.blockTopPlicyItems li::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url("../images/icon-right-001.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px auto;
  margin-right: 5px;
}
@media screen and (min-width: 1025px) {
  .blockTopPlicyItems li::before {
    width: 15px;
    height: 15px;
    background-size: 15px auto;
    margin-right: 10px;
  }
}

.blockTopPlicyItemsImages ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.blockTopPlicyItemsImages li {
  width: 49%;
}

.blockTopHistory__title {
  font-size: 3.0rem;
  font-weight: bold;
}
@media screen and (min-width: 1025px) {
  .blockTopHistory__title {
    font-size: 5.6rem;
    margin-bottom: 40px;
  }
}

.blockTopHistory__titleSub {
  font-size: 1.6rem;
  font-weight: bold;
  color: #C5061F;
  display: inline-block;
  margin-left: 15px;
}
@media screen and (min-width: 1025px) {
  .blockTopHistory__titleSub {
    font-size: 2.4rem;
    margin-left: 20px;
  }
}

.listHistory {
  position: relative;
}
.listHistory::before {
  content: "";
  width: 1px;
  height: 98%;
  background-color: #CCCCCC;
  position: absolute;
  top: 11px;
  left: 70px;
}
.listHistory dl {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.listHistory dt {
  width: 70px;
  line-height: 1;
  font-size: 2.2rem;
  position: relative;
  color: #192a4e;
}
.listHistory dt::before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  background-color: #192a4e;
  border-radius: 50%;
  position: absolute;
  right: -4px;
  top: 50%;
  margin-top: -4px;
}
.listHistory dd {
  flex: 1;
  padding-left: 50px;
  padding-bottom: 40px;
}
@media screen and (min-width: 1025px) {
  .listHistory dd {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    width: 100%;
    flex-basis: fit-content;
  }
}
.listHistory dd + dd {
  padding-left: 120px;
}

.listHistoryImage {
  width: 200px;
  margin-bottom: 10px;
}
@media screen and (min-width: 1025px) {
  .listHistoryImage {
    width: 300px;
  }
}

.blockSupporters {
  margin-top: 20px;
}
.blockSupporters ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 1%;
}
.blockSupporters li {
  width: 49%;
  margin-bottom: 20px;
}
@media screen and (min-width: 1025px) {
.blockSupporters ul {
    gap: 2%;
}
  .blockSupporters li {
    width: 23%;
    min-height: 180px;
  }
}
.blockSupporters a {
  display: block;
}

.blockSupporters__image {
  width: auto;
  display: flex;
  min-height: 80px;
  border: 1px solid #ccc;
  min-height: 110px;
  vertical-align: middle;
  justify-content: center;
  align-content: center;
  align-items: center;
}
@media screen and (min-width: 1025px) {
  .blockSupporters__image {
    height: 137px;
  }
}
.blockSupporters__image img {
  width: 90%;
}

.blockSupporters__label {
  font-size: 1.4rem;
  line-height: 120%;
  display: block;
  padding-top: 10px;
  margin-left: 1em;
  text-indent: -0.6em;
}

.blockSupporters__label2 {
  font-size: 1.4rem;
  line-height: 120%;
  display: block;
  padding-top: 5px;
  margin-left: 1em;
  text-indent: -0.6em;
}

.blockSupportersRecruiting {
  margin-top: 60px;
}

.blockSupportersRecruitingInner {
  padding: 1em;
  border: 1px solid #ccc;
  background: #fff;
}

.titleSupportersRecruiting {
  background: #192a4e;
  color: #fff;
  padding: 10px;
  font-weight: bold;
  margin-bottom: 0;
  font-size: 2.0rem;
}
@media screen and (min-width: 1025px) {
  .titleSupportersRecruiting {
    text-align: center;
  }
}

@media screen and (min-width: 1025px) {
  dl.listSupportersRecruiting {
    text-align: center;
  }
}
dl.listSupportersRecruiting dt {
  font-weight: bold;
}
@media screen and (min-width: 1025px) {
  dl.listSupportersRecruiting dt {
    font-size: 1.8rem;
  }
}
dl.listSupportersRecruiting dd {
  border-top: 1px solid #192a4e;
  border-bottom: 1px solid #192a4e;
}
@media screen and (min-width: 1025px) {
  dl.listSupportersRecruiting dd {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

/* 
 #page:common
--------------------------------------------------------------------------- */
.titlePage {
  text-align: center;
  font-weight: bold;
  width: 100%;
  background: #192a4e;
  color: #fff;
  font-size: 2.4rem;
  padding: 1em;
}
@media screen and (min-width: 1025px) {
  .titlePage {
    font-size: 3.6rem;
  }
}
.titlePageEn {
  text-align: center;
	font-weight: normal;
  color: #fff;
  font-size: 1.8rem;
  padding-top: 1em;
	margin-bottom: 0;
}
@media screen and (min-width: 1025px) {
  .titlePageEn {
    font-size: 2rem;
  }
}

.titleOutline {
  text-align: center;
  font-weight: bold;
  font-size: 2.4rem;
  margin-bottom: 40px;
}
@media screen and (min-width: 1025px) {
  .titleOutline {
    margin-bottom: 60px;
    font-size: 3.2rem;
  }
}
.titleOutline::before {
  content: "";
  width: 25px;
  height: 14px;
  background-image: url("../images/icon-002-left.png");
  background-repeat: no-repeat;
  background-size: 25px auto;
  background-position: right top;
  display: inline-block;
  margin-right: 6px;
}
.titleOutline::after {
  content: "";
  width: 25px;
  height: 14px;
  background-image: url("../images/icon-002-right.png");
  background-repeat: no-repeat;
  background-size: 25px auto;
  background-position: left top;
  display: inline-block;
  margin-left: 6px;
}

.blockPageDiscription {
  text-align: center;
  margin-bottom: 60px;
}
.blockPageDiscription_mb-harf {
  text-align: center;
  margin-bottom: 30px;
}

@media screen and (min-width: 1025px) {
  .blockPageDiscription {
    margin-top: 40px;
    margin-bottom: 100px;
  }
  .blockPageDiscription_mb-harf {
    margin-top: 40px;
    margin-bottom: 50px;
  }
}

.blockPageDiscriptionTitle {
  font-weight: bold;
  font-size: 2.4rem;
}
@media screen and (min-width: 1025px) {
  .blockPageDiscriptionTitle {
    font-size: 4.0rem;
    line-height: 180%;
  }
}
.blockPageDiscriptionTitle002 {
  font-weight: bold;
  font-size: 1.8rem;
}
@media screen and (min-width: 1025px) {
  .blockPageDiscriptionTitle002 {
    font-size: 2.3rem;
    line-height: 180%;
  }
}

.blockPageDiscriptionCopy {
  font-size: 1.8rem;
}
@media screen and (min-width: 1025px) {
  .blockPageDiscriptionCopy {
    margin-top: 40px;
    font-size: 2.4rem;
  }
}

.blockType001 {
  background: #dce5f1;
  color: #192a4e;
  padding: 1em;
  margin-bottom: 20px;
}
@media screen and (min-width: 1025px) {
  .blockType001 {
    margin-bottom: 20px;
  }
}
.blockType001 p {
  margin-bottom: 0;
}

.blockTypeFull001 {
  background: #DDDDE2;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  padding-right: calc(50vw - 50%);
  padding-left: calc(50vw - 50%);
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (min-width: 1025px) {
  .blockTypeFull001 {
    margin-right: calc(50% - 49.4vw);
  }
}

@media screen and (min-width: 1025px) {
  .blockPagePhoto {
    margin-top: 0px;
  }
}
.blockPagePhoto ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 0;
}
.blockPagePhoto li {
  width: 49%;
  margin: 0.5%;
}
@media screen and (min-width: 1025px) {
  .blockPagePhoto li {
    width: 24%;
  }
}

/* 
 #page: class
--------------------------------------------------------------------------- */
.blockCourse {
  margin-bottom: 40px;
}
.blockCourse + .blockCourse {
  margin-top: 80px;
}

@media screen and (min-width: 1025px) {
  .blockCourseItems {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

.blockCourseItem {
  margin-bottom: 20px;
}
@media screen and (min-width: 1025px) {
  .blockCourseItem {
    width: 49%;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1025px) {
  .blockCourseItem.itemFull {
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  .blockCourseItem.itemFull .itemFullImages {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
  }
}
.blockCourseItem.itemFull .itemFullImages .blockCourseItem__image {
  margin-bottom: 10px;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .blockCourseItem.itemFull .itemFullImages .blockCourseItem__image {
    width: 50%;
  }
}

.blockCourseItems__title {
  background: #192a4e;
  color: #fff;
  font-weight: bold;
  padding: 5px;
}
@media screen and (min-width: 1025px) {
  .blockCourseItems__title {
    text-align: center;
  }
}

.blockCourseItem__image {
  position: relative;
}

.blockCourseItemNext {
  width: 100%;
  height: 22px;
  background-image: url("../images/icon-bottom-001.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 22px auto;
  margin-top: 5px;
  margin-bottom: 5px;
}

.blockCourseItemNextStrong {
  width: 100%;
  height: 40px;
  background-image: url("../images/icon-bottom-002.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 22px auto;
  margin-top: 5px;
  margin-bottom: 5px;
}

.blockCourseItemQualifications {
  margin-bottom: 20px;
  color: #192a4e;
  background: #dce5f1;
  padding: 1em;
  font-weight: bold;
}
@media screen and (min-width: 1025px) {
  .blockCourseItemQualifications {
    width: 100%;
    margin-bottom: 40px;
    text-align: center;
  }
}
.blockCourseItemQualifications p {
  margin-bottom: 0;
}

.blockCourseItem1cols__title {
  background: #192a4e;
  color: #fff;
  font-weight: bold;
  padding: 5px;
}
@media screen and (min-width: 1025px) {
  .blockCourseItem1cols__title {
    text-align: center;
  }
}

.blockCourseFlow {
  margin-top: 40px;
}
@media screen and (min-width: 1025px) {
  .blockCourseFlow {
    margin-top: 0;
  }
}

.blockCourseFlowItem {
  margin-bottom: 20px;
}

.tableFlow {
  border: 1px solid #ccc;
  width: 100%;
}
.tableFlow th, .tableFlow td {
  border: 1px solid #ccc;
  padding: 5px;
}
.tableFlow th {
  background: #192a4e;
  color: #fff;
  text-align: center;
  font-weight: bold;
  width: 5em;
  vertical-align: middle;
}
.tableFlow td {
  vertical-align: middle;
  font-weight: bold;
  width: calc(100% - 5em);
  background: #dce5f1;
  line-height: 130%;
}
.tableFlow td.data {
  background: #fff;
}

.syasen{
    background: linear-gradient(-45deg,#fff 0%,#fff 49%,#333333 49%,#333333 51%,#fff 51%,#fff 100%);
}
@media screen and (min-width: 1025px) {
  .tableFlow td {
    width: auto;
    font-size: 1.2rem;
    font-weight: normal;
    text-align: center;
  }
}
.tableFlow td.cellPhysical {
  width: 2em;
}

.blockCourseOptionImage {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 10px;
}
.blockCourseOptionImage__item {
  width: 49%;
}

.blockCourseTerms {
  margin-bottom: 20px;
}
@media screen and (min-width: 1025px) {
  .blockCourseTerms {
    margin-bottom: 60px;
  }
}

.blockCourseTermsDetail {
  border: 1px solid #ccc;
  padding: 1em;
  margin-top: -21px;
}

.blockIncorporation {
  margin-top: 40px;
}

.blockCourseScholarshipImage {
  margin-bottom: 10px;
}

/* ステップアップフロー */
.blockCourseStepupItem {
  border: 1px solid #ccc;
  background: #fff;
  position: relative;
}

.titleStepupItem {
  font-weight: bold;
  background: #192a4e;
  color: #fff;
  padding: 0 10px;
  display: block;
  border-radius: 2px;
  margin-bottom: 10px;
}
@media screen and (min-width: 1025px) {
  .titleStepupItem {
    font-size: 1.8rem;
  }
}
.titleStepupItem span {
  font-weight: normal;
  display: inline-block;
  font-size: 1.4rem;
  margin-left: 1em;
}

.titleStepupItem__sub {
  font-size: 1.2rem;
  background: #fff;
  color: #192a4e;
  font-weight: normal;
  display: inline-block;
  padding: 2px 3px 1px;
  margin-left: 10px;
  line-height: 100%;
  position: relative;
  top: -2px;
}

.blockCourseStepupItemDescription {
  margin-bottom: 0;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
}

.blockCourseStepupItemTrans {
  margin-top: 12px;
  margin-bottom: 12px;
  font-weight: bold;
  display: flex;
  padding-left: 2em;
  align-items: center;
  line-height: 140%;
}
.blockCourseStepupItemTrans::before {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("../images/icon-bottom-001.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px auto;
  display: inline-block;
  margin-right: 10px;
}

.blockCourseStepupItemSelection {
  border: 1px solid #ccc;
  padding: 1em;
  background: #fff;
  margin-bottom: 40px;
  position: relative;
}
.blockCourseStepupItemSelection::after {
  content: "";
  width: 22px;
  height: 22px;
  background-image: url("../images/icon-bottom-001.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 22px auto;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -30px;
}

.titleStepupItemSelection {
  font-weight: bold;
  border: 3px solid #e60020;
  padding: 0 10px;
  display: block;
  position: relative;
  border-radius: 2px;
  color: #e60020;
}
@media screen and (min-width: 1025px) {
  .titleStepupItemSelection {
    margin-bottom: 10px;
    font-size: 1.8rem;
  }
}

.titleStepupItemSelectionImage {
  margin-top: 20px;
}
.titleStepupItemSelectionImage ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
@media screen and (min-width: 1025px) {
  .titleStepupItemSelectionImage ul {
    justify-content: flex-start;
  }
}
.titleStepupItemSelectionImage li {
  width: 49%;
}
@media screen and (min-width: 1025px) {
  .titleStepupItemSelectionImage li {
    width: 20%;
    margin-right: 10px;
  }
}

.blockCourseStepupItemSelectionNotes {
  font-size: 1.4rem;
  margin-bottom: 0;
}

.blockCourseStepupItemNext {
  width: 100%;
  height: 22px;
  background-image: url("../images/icon-bottom-001.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 22px auto;
  margin-top: 12px;
  margin-bottom: 12px;
}

.blockCourseStepupItemRace {
  border: 1px solid #ccc;
  padding: 1em;
  background: #e60020;
  color: #fff;
  margin-bottom: 50px;
  font-weight: bold;
  position: relative;
}
.blockCourseStepupItemRace::after {
  content: "";
  width: 22px;
  height: 40px;
  background-image: url("../images/icon-bottom-002.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 22px auto;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -45px;
}
@media screen and (min-width: 1025px) {
  .blockCourseStepupItemRace::after {
    left: 2em;
    right: initial;
  }
}
.blockCourseStepupItemRace p {
  margin-bottom: 0;
}

@media screen and (min-width: 1025px) {
  .titleStepupItemRace {
    font-size: 1.8rem;
  }
}

.blockCourseStepupItemFin {
  border: 1px solid #ccc;
  padding: 1em;
  background: #192a4e;
  color: #fff;
  font-weight: bold;
}
.blockCourseStepupItemFin p {
  margin-bottom: 0;
}

@media screen and (min-width: 1025px) {
  .titleStepupItemFin {
    font-size: 1.8rem;
  }
}

.blockCourseStepupNotes {
  margin-bottom: 0;
  margin-top: 20px;
  text-align: right;
  font-size: 1.4rem;
}

.blockLecturerPrincipal {
  border: 1px solid #ccc;
  padding: 1em;
}
@media screen and (min-width: 1025px) {
  .blockLecturerPrincipal {
    border: none;
    padding: none;
    display: flex;
    flex-wrap: nowrap;
  }
}

.blockLecturerPrincipalImage {
  text-align: center;
  margin-bottom: 10px;
  background: #e4e4e4;
}
@media screen and (min-width: 1025px) {
  .blockLecturerPrincipalImage {
    width: 370px;
    text-align: center;
  }
}
.blockLecturerPrincipalImage img {
  display: inline-block;
  width: 200px;
}
@media screen and (min-width: 1025px) {
  .blockLecturerPrincipalImage img {
    width: 270px;
  }
}

@media screen and (min-width: 1025px) {
  .blockLecturerPrincipalData {
    width: calc(100% - 370px);
    margin-left: 20px;
  }
}

.blockLecturerPrincipalClass {
  font-size: 1.4rem;
  margin-bottom: 0;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .blockLecturerPrincipalClass {
    text-align: left;
    margin-bottom: 5px;
  }
}

.blockLecturerPrincipalName {
  font-weight: bold;
  margin-bottom: 0;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .blockLecturerPrincipalName {
    text-align: left;
    font-size: 2.4rem;
    margin-bottom: 5px;
  }
}

.blockLecturerPrincipalNameEng {
  font-size: 1.2rem;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .blockLecturerPrincipalNameEng {
    text-align: left;
  }
}

.blockLecturerOthers {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (min-width: 1025px) {
  .blockLecturerOthers {
    flex-wrap: nowrap;
  }
}
.blockLecturerOthers dl {
  width: 49%;
  margin-bottom: 20px;
}
@media screen and (min-width: 1025px) {
  .blockLecturerOthers dl {
    width: 24%;
  }
}

.blockLecturerOthersImage {
  margin-bottom: 10px;
  background: #e4e4e4;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .blockLecturerOthersImage img {
    width: 146px;
  }
}

.blockLecturerOthersName {
  font-weight: bold;
  margin-bottom: 0;
  text-align: center;
}

.blockLecturerOthersNameEng {
  font-size: 1.2rem;
  text-align: center;
}

.blockLecturerButton {
  text-align: center;
  margin-top: 20px;
}

@media screen and (min-width: 1025px) {
  .blockClassOutlineInner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
}

.blockClassOutlineData {
  margin-bottom: 40px;
}
@media screen and (min-width: 1025px) {
  .blockClassOutlineData {
    width: 49%;
    margin-bottom: 40px;
  }
}

.tableClassOutline {
  border: 1px solid #ccc;
  width: 100%;
}
.tableClassOutline th, .tableClassOutline td {
  border: 1px solid #ccc;
  padding: 5px;
}
.tableClassOutline th {
  background: #192a4e;
  color: #fff;
  width: 6em;
  position: relative;
  vertical-align: middle;
}
@media screen and (min-width: 1025px) {
  .tableClassOutline th {
    width: 7em;
  }
}
.tableClassOutline td.cellImage {
  padding-top: 20px;
  text-align: center;
}
.tableClassOutline td.cellImage .cellImageVehicles {
  position: relative;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.tableClassOutline td.cellImage img {
  width: 100%;
}
.tableClassOutline td.cellImage .vehicles {
  text-align: center;
}

/* 
 #page: topics
--------------------------------------------------------------------------- */
.blockTopicsPickup {
  margin-bottom: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (min-width: 1025px) {
  .blockTopicsPickup {
    justify-content: flex-start;
    gap: 20px;
  }
}
.blockTopicsPickup dl {
  width: 49%;
  margin-bottom: 20px;
}
@media screen and (min-width: 1025px) {
  .blockTopicsPickup dl {
    width: 31.9%;
  }
}

.blockTopicsPickupImage {
  margin-bottom: 10px;
}

.reportList {
  margin-left: 1em;
}
.reportList li + li {
  margin-top: 5px;
}
.reportList a {
  margin-left: -1em;
}
.reportList a::before {
  content: "≫ ";
  margin-right: 5px;
  font-size: 0.9rem;
  position: relative;
  top: -3px;
}

/* #page 卒業生
--------------------------------------------------------------------------- */
.blockGraduateMessage {
  background: #192a4e;
  color: #fff;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  padding-right: calc(50vw - 50%);
  padding-left: calc(50vw - 50%);
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (min-width: 1025px) {
  .blockGraduateMessage {
    margin-right: calc(50% - 49.4vw);
  }
}

.blockGraduateMessage__title {
  color: #fff;
}

.blockGraduateMessageDetail {
  background: #192a4e;
  color: #fff;
}

.blockGraduateMessageImage {
  position: relative;
}
@media screen and (min-width: 1025px) {
  .blockGraduateMessageImage {
    display: flex;
    flex-wrap: nowrap;
  }
}

.blockGraduateMessageImage__main {
  width: 96%;
}
@media screen and (min-width: 1025px) {
  .blockGraduateMessageImage__main {
    width: auto;
    height: 360px;
  }
  .blockGraduateMessageImage__main img {
    height: 360px;
  }
}

.blockGraduateMessageImage__school {
  width: 100px;
  display: block;
  position: absolute;
  bottom: -40px;
  right: 0;
}
@media screen and (min-width: 1025px) {
  .blockGraduateMessageImage__school {
    position: relative;
    bottom: initial;
    right: initial;
    width: auto;
    height: 300px;
    margin-left: 10px;
  }
  .blockGraduateMessageImage__school img {
    height: 300px;
  }
}

.blockGraduateMessageImage__schoolLabel {
  background: #e60020;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  display: block;
}
@media screen and (min-width: 1025px) {
  .blockGraduateMessageImage__schoolLabel {
    height: 60px;
    line-height: 60px;
    font-size: 1.6rem;
  }
}

.blockGraduateMessageData {
  padding: 1em;
}

.blockGraduateMessageName {
  font-weight: bold;
  font-size: 2.0rem;
  margin-top: 10px;
  margin-bottom: 0;
}
@media screen and (min-width: 1025px) {
  .blockGraduateMessageName {
    font-size: 2.4rem;
    float: left;
    margin-right: 15px;
  }
}
.blockGraduateMessageName span {
  font-weight: normal;
  font-size: 1.4rem;
}
@media screen and (min-width: 1025px) {
  .blockGraduateMessageName span {
    margin: 5px;
  }
}

.blockGraduateMessageSchooldata {
  font-size: 2.0rem;
}
@media screen and (min-width: 1025px) {
  .blockGraduateMessageSchooldata {
    font-size: 2.4rem;
    position: relative;
    top: 9px;
  }
p.blockGraduateMessageDetail {
	clear:both;
	}
}

.blockGraduateOthers {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.blockGraduateOthers dl {
  width: 49%;
  margin-bottom: 20px;
  background: #192a4e;
  color: #fff;
}
@media screen and (min-width: 1025px) {
  .blockGraduateOthers dl {
    width: 32.3%;
  }
}

.blockGraduateOthersImage {
  margin-bottom: 10px;
  background: #efefef;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .blockGraduateOthersImage img {
    width: 146px;
  }
}

.blockGraduateOthersName {
  font-weight: bold;
  margin-bottom: 0;
  text-align: center;
  padding: 0 1em;
}
.blockGraduateOthersName span {
  font-weight: normal;
  font-size: 1.2rem;
}
@media screen and (min-width: 1025px) {
  .blockGraduateOthersName {
    text-align: left;
    float: left;
  }
}

.blockGraduateOthersYear {
  font-size: 1.2rem;
  text-align: center;
  padding: 0 1em;
}
@media screen and (min-width: 1025px) {
  .blockGraduateOthersYear {
    text-align: left;
  }
}

.blockGraduateOthersRecord, .blockTeacherRecord {
  font-size: 1.2rem;
  line-height: 140%;
  margin-top: 10px;
  padding-left: .5em;
  padding-right: .5em;
}
@media screen and (min-width: 1025px) {
  .blockGraduateOthersRecord, .blockTeacherRecord {
    padding: 0 1em;
  }
}
.blockGraduateOthersRecord ul, .blockTeacherRecord ul {
  margin-bottom: 15px;
}
.blockGraduateOthersRecord li, .blockTeacherRecord li {
  text-indent: -.6em;
  padding-left: 1em;
  margin-bottom: 5px;
}
.blockGraduateOthersRecord li::before, .blockTeacherRecord li::before {
  content: '・';
  color: #fff;
}

.blockGraduateList ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  background: #192a4e;
  color: #fff;
  padding: 1em;
}
.blockGraduateList ul::after {
  content: "など";
  text-align: right;
  display: block;
  margin-bottom: -10px;
  font-size: 1.2rem;
  width: 100%;
}
.blockGraduateList li {
  margin-bottom: 1px;
  width: 49%;
  padding: 5px;
  font-weight: bold;
}
@media screen and (min-width: 1025px) {
  .blockGraduateList li {
    width: 25%;
  }
}
.blockGraduateList li::before {
  content: "・";
  display: inline-block;
}

/* #page 講師
--------------------------------------------------------------------------- */
.blockTeacher {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (min-width: 1025px) {
  .blockTeacher {
    justify-content: flex-start;
    gap: 7px;
  }
}
.blockTeacher dl {
  width: 49%;
  margin-bottom: 20px;
  background: #192a4e;
  color: #fff;
}
@media screen and (min-width: 1025px) {
  .blockTeacher dl {
    width: 24.4%;
  }
}

.blockTeacherImage {
  background: #e4e4e4;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .blockTeacherImage img {
    width: 146px;
  }
}

.blockTeacherName {
  font-weight: bold;
  text-align: center;
  padding: 0 1em;
  margin-bottom: 10px;
}
@media screen and (min-width: 1025px) {
  .blockTeacherName {
    text-align: left;
  }
}

.blockTeacherPosition {
  font-size: 1.2rem;
  text-align: center;
  padding: 0 1.5em;
  margin-bottom: 0;
}
@media screen and (min-width: 1025px) {
  .blockTeacherPosition {
    text-align: left;
    line-height: 100%;
    margin-top: 10px;
  }
}

/* #page: report
--------------------------------------------------------------------------- */
/* footer
--------------------------------------------------------------------------- */
.blockBooking {
  background-image: url("../images/img-contact-bg-001.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  color: #fff;
  margin-top: 60px;
  text-align: center;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .blockBooking {
    margin-top: 60px;
    text-align: center;
    padding: 80px 10px;
    min-width: 980px;
    width: 100%;
  }
}
.blockBooking a {
  color: #fff;
}

.titleBooking {
  text-align: center;
  font-size: 2.4rem;
  color: #fff;
  font-weight: bold;
}
@media screen and (min-width: 1025px) {
  .titleBooking {
    font-size: 4.0rem;
  }
}

.footerLinks {
  margin: 30px 0 30px;
  font-weight: bold;
}
@media screen and (min-width: 1025px) {
  .footerLinks {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
  }
}
@media screen and (min-width: 1025px) {
  .footerLinks li {
    width: 48%;
  }
}
@media screen and (min-width: 1025px) {
  .footerLinks li a {
    width: 100%;
  }
}

.blockSiteNotes {
  margin-top: 20px;
  text-align: left;
  border-top: double #333;
  font-size: 1.2rem;
  padding: 5%;
}
@media screen and (min-width: 1025px) {
  .blockSiteNotes {
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 0;
  }
}
.blockSiteNotes p {
  margin-bottom: 0;
  line-height: 180%;
  font-feature-settings: "palt" !important;
  font-weight: 200;
}

.blockBooking__caption {
  margin-top: 20px;
  font-size: 1.4rem;
  font-weight: 200;
  text-align: left;
}
@media screen and (min-width: 1025px) {
  .blockBooking__caption {
    font-size: 1.4rem;
    width: 720px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    text-align: left;
    font-weight: 200;
  }
}

.blockBooking__addressTel {
  display: block;
}

.blockBooking__addressFax {
  display: block;
}

.buttonBooking-001 {
  padding: 1em;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  min-width: 300px;
}
@media screen and (min-width: 1025px) {
  .buttonBooking-001 {
    padding-top: 2em;
    padding-bottom: 2em;
    font-size: 2.0rem;
  }
}

.buttonBooking-002 {
  padding: 1em;
  border-radius: 4px;
  background: #E50120;
  color: #fff;
  text-align: center;
  display: inline-block;
  min-width: 300px;
  margin-top: 30px;
}
@media screen and (min-width: 1025px) {
  .buttonBooking-002 {
    margin-top: 0;
    padding-top: 2em;
    padding-bottom: 2em;
    font-size: 2.0rem;
  }
}

.blockBookingBottomImage {
  margin-top: -2px;
}
.blockBookingBottomImage img {
  display: block;
  width: 100%;
  border-bottom: 1px solid #efefef;
}


.blockBannerTop {
margin: 20px auto;
  padding-bottom: 10px;
	text-align:center;
	max-width: 1020px;
  width: 96%;
}
.blockBannerTop.borderBlur {
  border: solid 3px #0b3cdd;
}
.blockBanner {
margin: 0 auto;
  padding-bottom: 50px;
	text-align:center;
	max-width: 1020px;
}
.blockBannerImage img{
  width: 100%;
	height: auto;
}
@media screen and (min-width: 1025px) {
  .blockBannerTop {
margin-bottom:60px;
  }
.blockBanner {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 80px;
	text-align:center;
}
.blockBannerImage img{
  width: 100%;
	height: auto;
}

}

.blockBanner_bgGray {
margin: 0 auto 40px;
  padding: 15px;
	text-align:center;
	max-width: 1020px;
	background: #eee;
}
.blockBanner_bgGray .blockBannerImage {
	background:#fff;
	padding: 20px 5px 10px;
}
@media screen and (min-width: 1025px) {
.blockBanner_bgGray {
margin: 0 auto 80px;
	padding: 20px;
}	
}

/*20240820入校案内追加*/
.blockRedBox {
	padding-top: 1em;
	padding-right: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  border: 3px solid #c00;
  background: #fff;
	margin-top: 30px;
	margin-bottom: 30px;
}
.blockSchoolInfo {
  padding: 1em;
  border: 1px solid #ccc;
  background: #fff;
margin-bottom: 60px;
}
.blockSchoolInfo_mb30{
  padding: 1em;
  border: 1px solid #ccc;
  background: #fff;
	margin-top:0;
	margin-bottom:30px;
}
.u-textindent1em {
	padding-left: 1em;
	text-indent: -1em;
}
@media screen and (min-width: 1025px) {
.blockRedBox {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
}
.blockSchoolInfo,.blockSchoolInfo_mb30 {
	padding-top: 0;
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}
}
.blockRedBox p {
  margin: 1em auto 0;
  padding: 0;
}

.blockRedBox__copyLead {
  font-size: 2.2rem;
  font-weight: bold;
  color: #192a4e;
}
.blockRedBox__copyLead1 {
  font-size: 2.5rem;
  font-weight: bold;
  color: #192a4e;
  margin: 1.5em auto;
}
.blockRedBox__copyLead2 {
  font-size: 1.6rem;
  font-weight: bold;
  color: #111;
  margin: 1.5em 1em 0.5em 1em;
  text-align: left;
}
.blockRedBox ul {
  margin: 0;
  padding: 0;
}
.blockRedBox ul.u-textindent1em li{
	padding-left: 1em;
	text-indent: -1em;
}
.blue {
  color: #0b3cdd;
}
@media screen and (min-width: 1025px) {
  .blockRedBox__copyLead {
    font-size: 2.2rem;
    font-weight: bold;
  }
.blockRedBox__copyLead1 {
  font-size: 2.5rem;
  font-weight: bold;
  color: #192a4e;
}
  .blockRedBox__copyLead {
    font-size: 1.6rem;
    font-weight: bold;
  }
  .blockRedBox__col2 {
    display: flex;
    width: 100%;
  }

}


.scholarship_flow_wrap {
	width: 100%;
	padding:15px;
	maring: 0 auto;
}
.scholarship_flow{
	margin: 10px auto;
	padding: 0;
}
.scholarship_flow_2025{
	margin: 30px auto 10px;
	padding: 0;
}
@media screen and (min-width: 1025px) {
.js-toggleContents {
	display: none;
}
.scholarship_flow_wrap {
	display: flex;
	padding: 0 auto;
}
.scholarship_flow,
.scholarship_flow_2025{
	width: 420px;
	margin: 10px 20px;
	}
}
.scholarship_flow_title {
	color:#fff;
	font-weight: bold;
	background: #192a4e;
	padding: 0.5em auto;
}
.scholarship_flow_header {
	padding-bottom: 0.8em;
	font-size:1.2em;
}
.scholarship_flow dd.phase,
.scholarship_flow_2025 dd.phase,
.wrap_step {
	padding: 0.5em;
	border: solid 1px #ccc;
}
.scholarship_flow_2025 dt,
.scholarship_flow_2025 dd{
	font-weight: bold;
  color: #192a4e;
}
.bgYellow {
	background: #ffff80;
}

.flow_button,
a.flow_button {
	background-color: #192a4e;
	display: block;
	padding: 10px;
	width: 100%;
	font-size: 1.9rem;
	font-weight: 600;
	position: relative;
	color:#fff;
}

.flow_button::after {
	content: "";
	background-image: url(../images/icon-arrow001.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 6px auto;
	position: absolute;
	right: 15px;
	top: calc(50% - 6px);
	width: 6px;
	height: 12px;
	display: block;
	line-height: 100%;
	transform:rotate(90deg);
	transform-origin:center;
	text-align: center;
}

.flow_button.isActive::after {
	transform:rotate(270deg);
}


/*Summer School*/
.blockTopBnr__title {
  font-size: 2.8rem;
  font-weight: bold;
  color: #e60020;
	margin-top: 20px;
	line-height: 120%;
}
@media screen and (min-width: 1025px) {
  .blockTopBnr__title {
    font-size: 5.6rem;
  }
}

.blockTopBnr__titleSub {
  font-size: 1.6rem;
  font-weight: bold;
	color: #585858;
	margin-top: 1em;
}
@media screen and (min-width: 1025px) {
  .blockTopBnr__titleSub {
    font-size: 2.4rem;
  }
}
.blockBannerTtl {
margin-top: 60px;
	margin-bottom: 0;
	text-align:center;
	max-width: 1020px;
}

.blockBannerTtlImage img{
  width: 96%;
	height: auto;	
}
@media screen and (min-width: 1025px) {
  .blockBannerTtl {
    width: 980px;
margin: 60px auto;
	text-align:center;
  }
.blockBannerTtlImage img{
  width: 100%;
	height: auto;	
}
}
.blockSchoolCopyWrap {
    margin-top: 20px;
}

.blockSchoolCopy {
  font-size: 1.6rem;
	text-align:left;
	padding: 0 1em;
  line-height: 150%;
}
.blockSchoolNote {
  font-size: 1rem;
	text-align:left;
	padding: 0 1em;
	line-height: 150%;
}
@media screen and (min-width: 1025px) {
  .blockSchoolCopy {
    margin-top: 0 auto;
    font-size: 2.4rem;
	  text-align:center;
  }
  .blockSchoolNote {
    font-size: 1.5rem;
	  text-align:center;
  }
}

.scoolList li {
	text-indent: -1em;
	padding-left: 1em;
}
.scoolList li::before {
	display: inline-block;
  content: "";
  margin-top: 8px;
  margin-right: 7px;
  width: 10px;
  height: 10px;
  vertical-align: top;
  border-radius: 5px;
  background-color: #375882;
}
.blockFlyer ul {
  display: inline;
  margin-bottom: 0;
}
.blockFlyer li {
  width: 96%;
  margin: 10px auto;
}
.blockFlyer li img{
	width: 100%;
	height: auto;
}
@media screen and (min-width: 1025px) {
.blockFlyer ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 0;
}
.blockFlyer li {
  width: 49%;
  margin: 0.5%;
}
}

.u-en {
	display: none;
}
/* sp
--------------------------------------------------------------------------- */
.u-alCenterSp {
  text-align: center;
}

.u-alLeftSp {
  text-align: left;
}

/* sp - pc
--------------------------------------------------------------------------- */
.u-pc {
  display: none;
}
@media screen and (min-width: 1025px) {
  .u-pc {
    display: block;
  }
}

@media screen and (min-width: 1025px) {
  .u-sp {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
.u-w53p_pc:not(root) {
  width: 30%;
}
.u-w40p_pc:not(root) {
  width: 40%;
}
.u-w50p_pc:not(root) {
  width: 50%;
}
.u-w60p_pc:not(root) {
  width: 60%;
}
.u-w70p_pc:not(root) {
  width: 70%;
}
}
.u-red {color: #e60020;}
/* root style reset
--------------------------------------------------------------------------- */
#suzukaContentInner2016,
#emergencynews,
#suzukaFooterWrap2016 {
  letter-spacing: 0;
}

#suzukaHeaderWrap2016 #headerInner,
#suzukaHeaderWrap2016 #headerInner div,
#suzukaHeaderWrap2016 #headerInner p {
  box-sizing: content-box;
}

#suzukaFooterWrap2016 {
  z-index: 1 !important;
}

.btm-Caution p {
  letter-spacing: 0;
}

/* Layout
========================================================*/
/* Header */
/* Footer */
/* Object
========================================================*/
/* Component -------------------------------------------*/
/* button */
/* Project ---------------------------------------------*/
/* Utility - -------------------------------------------*/
.u-mt10:not(:root) {
  margin-top: 0;
}

.u-mt10:not(:root) {
  margin-top: 10px;
}

.u-mt20:not(:root) {
  margin-top: 20px;
}

.u-mt40:not(:root) {
  margin-top: 40px;
}

.u-mt60:not(:root) {
  margin-top: 60px;
}

.u-mt80:not(:root) {
  margin-top: 80px;
}

.u-mt100:not(:root) {
  margin-top: 100px;
}

.u-mt120:not(:root) {
  margin-top: 120px;
}

.u-mt140:not(:root) {
  margin-top: 140px;
}

.u-mt160:not(:root) {
  margin-top: 160px;
}

.u-mt180:not(:root) {
  margin-top: 180px;
}

.u-mt200:not(:root) {
  margin-top: 200px;
}

.u-mtM10:not(:root) {
  margin-top: -10px;
}

.u-mtM20:not(:root) {
  margin-top: -20px;
}

.u-mtM40:not(:root) {
  margin-top: -40px;
}

.u-mtM60:not(:root) {
  margin-top: -60px;
}

.u-mtM80:not(:root) {
  margin-top: -80px;
}

.u-mtM100:not(:root) {
  margin-top: -100px;
}

.u-mr10:not(:root) {
  margin-right: 10px;
}

.u-mr20:not(:root) {
  margin-right: 20px;
}

.u-mr40:not(:root) {
  margin-right: 40px;
}

.u-mr60:not(:root) {
  margin-right: 60px;
}

.u-mr80:not(:root) {
  margin-right: 80px;
}

.u-mr100:not(:root) {
  margin-right: 100px;
}

.u-mr120:not(:root) {
  margin-right: 120px;
}

.u-mr140:not(:root) {
  margin-right: 140px;
}

.u-mr160:not(:root) {
  margin-right: 160px;
}

.u-mr180:not(:root) {
  margin-right: 180px;
}

.u-mr200:not(:root) {
  margin-right: 200px;
}

.u-mb10:not(:root) {
  margin-bottom: 10px;
}

.u-mb20:not(:root) {
  margin-bottom: 20px;
}

.u-mb40:not(:root) {
  margin-bottom: 40px;
}

.u-mb60:not(:root) {
  margin-bottom: 60px;
}

.u-mb80:not(:root) {
  margin-bottom: 80px;
}

.u-mb100:not(:root) {
  margin-bottom: 100px;
}

.u-mb120:not(:root) {
  margin-bottom: 120px;
}

.u-mb140:not(:root) {
  margin-bottom: 140px;
}

.u-mb160:not(:root) {
  margin-bottom: 160px;
}

.u-mb180:not(:root) {
  margin-bottom: 180px;
}

.u-mb200:not(:root) {
  margin-bottom: 200px;
}

.u-ml10:not(:root) {
  margin-left: 10px;
}

.u-ml20:not(:root) {
  margin-left: 20px;
}

.u-ml40:not(:root) {
  margin-left: 40px;
}

.u-ml60:not(:root) {
  margin-left: 60px;
}

.u-ml80:not(:root) {
  margin-left: 80px;
}

.u-ml100:not(:root) {
  margin-left: 100px;
}

.u-ml120:not(:root) {
  margin-left: 120px;
}

.u-ml140:not(:root) {
  margin-left: 140px;
}

.u-ml160:not(:root) {
  margin-left: 160px;
}

.u-ml180:not(:root) {
  margin-left: 180px;
}

.u-ml200:not(:root) {
  margin-left: 200px;
}

.u-w10p:not(root) {
  width: 10%;
}

.u-w15p:not(root) {
  width: 15%;
}

.u-w20p:not(root) {
  width: 20%;
}

.u-w25p:not(root) {
  width: 25%;
}

.u-w40p:not(root) {
  width: 40%;
}

.u-w45p:not(root) {
  width: 45%;
}

.u-w50p:not(root) {
  width: 50%;
}

.u-w60p:not(root) {
  width: 60%;
}

.u-w70p:not(root) {
  width: 70%;
}

.u-w80p:not(root) {
  width: 80%;
}

.u-w90p:not(root) {
  width: 90%;
}

.u-w100p:not(root) {
  width: 100%;
}

.u-alLeft:not(:root) {
  text-align: left;
}

.u-alRight:not(:root) {
  text-align: right;
}

.u-alCenter:not(:root) {
  text-align: center;
}

.u-textBold:not(:root) {
  font-weight: bold;
}

.u-textNormal:not(:root) {
  font-weight: normal;
}

.u-textLarge:not(:root) {
  font-size: 110%;
}

.u-cellVMiddle {
  vertical-align: middle;
}

.list_indent1em {
  padding-left: 1em;
  text-indent: -1em;
}

.bold {
  font-weight: bold;
}

.textV {
  display: inline-block;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
  white-space: pre;
}

.u-vaM:not(:root) {
  vertical-align: middle;
}

/*英語サイト非表示*/
.show-on-translation {
    display: none!important;
}
/*# sourceMappingURL=common.css.map */