@charset "UTF-8";
/*
OZ RESET CSS
Author: ONZE
Author URI: http://on-ze.com
Version: 1.1
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
* {
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font: inherit;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  text-decoration: none;
  vertical-align: baseline;
}

html {
  font-size: 62.5%;
  width: 100%;
  height: 100%;
}

body {
  font-size: 10px;
  font-size: 1.0rem;
  line-height: 1;
  position: relative;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  font-smoothing: antialiased;
  width: 100%;
  height: 100%;
}

article,
aside,
dialog,
figure,
footer,
header,
main,
menu,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

hr {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

input,
select {
  vertical-align: middle;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}

img {
  vertical-align: bottom;
}

/* ============================================================ */
/* iconフォント */
/* ============================================================ */
@font-face {
  font-family: 'icomoon';
  src: url("/common/icon/fonts/icomoon.eot?hxq60g");
  src: url("/common/icon/fonts/icomoon.eot?hxq60g#iefix") format("embedded-opentype"), url("/common/icon/fonts/icomoon.woff2?hxq60g") format("woff2"), url("/common/icon/fonts/icomoon.ttf?hxq60g") format("truetype"), url("/common/icon/fonts/icomoon.woff?hxq60g") format("woff"), url("/common/icon/fonts/icomoon.svg?hxq60g#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-thin-close:before {
  content: "\e905";
}

.icon-shoe:before {
  content: "\e904";
}

.icon-bag:before {
  content: "\e900";
}

.icon-pencil2:before {
  content: "\e901";
}

.icon-book:before {
  content: "\e902";
}

.icon-crown:before {
  content: "\e903";
}

.icon-plus:before {
  content: "\f067";
}

.icon-minus:before {
  content: "\f068";
}

.icon-search:before {
  content: "\f002";
}

.icon-check:before {
  content: "\f00c";
}

.icon-close:before {
  content: "\f00d";
}

.icon-remove:before {
  content: "\f00d";
}

.icon-times:before {
  content: "\f00d";
}

.icon-tags:before {
  content: "\f02c";
}

.icon-pencil:before {
  content: "\f040";
}

.icon-map-marker:before {
  content: "\f041";
}

.icon-chevron-left:before {
  content: "\f053";
}

.icon-chevron-right:before {
  content: "\f054";
}

.icon-arrow-left:before {
  content: "\f060";
}

.icon-arrow-right:before {
  content: "\f061";
}

.icon-arrow-up:before {
  content: "\f062";
}

.icon-arrow-down:before {
  content: "\f063";
}

.icon-exclamation-triangle:before {
  content: "\f071";
}

.icon-warning:before {
  content: "\f071";
}

.icon-chevron-up:before {
  content: "\f077";
}

.icon-chevron-down:before {
  content: "\f078";
}

.icon-sign-in:before {
  content: "\f090";
}

.icon-phone:before {
  content: "\f095";
}

.icon-square:before {
  content: "\f0c8";
}

.icon-bars:before {
  content: "\f0c9";
}

.icon-navicon:before {
  content: "\f0c9";
}

.icon-reorder:before {
  content: "\f0c9";
}

.icon-angle-left:before {
  content: "\f104";
}

.icon-angle-right:before {
  content: "\f105";
}

.icon-angle-up:before {
  content: "\f106";
}

.icon-angle-down:before {
  content: "\f107";
}

.icon-file-pdf-o:before {
  content: "\f1c1";
}

.icon-bicycle:before {
  content: "\f206";
}

/* font-size
-------------------------------------------------- */
@media screen and (min-width: 737px) {
  /* ============================================================ */
  /* 基本設定 */
  /* ============================================================ */
  html {
    height: auto;
    /*	overflow-y: scroll;*/
  }
  body {
    background: #f9f9f9;
    font-family: "メイリオ","Hiragino Kaku Gothic ProN", sans-serif;
  }
}

@media screen and (min-width: 737px) and (min-width: 737px) and (max-width: 1024px) {
  html {
    zoom: 0.7;
    font-size: 43.75%;
  }
}

@media screen and (min-width: 737px) {
  #wrap {
    font-size: 1.4rem;
    line-height: 1.8;
    overflow-x: hidden;
  }
  .sp-view {
    display: none !important;
  }
  a {
    color: #124883;
    transition: 0.3s all;
  }
  a:hover {
    opacity: 0.7;
  }
  /* ============================================================ */
  /* header */
  /* ============================================================ */
  header {
    background: url(/common/img/common/bg_texture.png) 0 0 repeat;
    /* header-logo
	----------------------------------------------------------- */
    /* global-nav
	----------------------------------------------------------- */
  }
  header .header-inner {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
  }
  header .header-inner-item {
    flex: 0 0 26.2%;
    display: flex;
  }
  header .header-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  header .global-nav {
    flex: 0 0 73.8%;
    display: flex;
  }
  header .global-nav__item {
    position: relative;
    flex: 1 0 auto;
  }
  header .global-nav__item__link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    overflow: hidden;
  }
  header .global-nav__item__link:hover {
    opacity: 1;
  }
  header .global-nav__item__link--entry {
    color: #fff;
  }
  header .global-nav__item__link--entry:hover {
    background: rgba(255, 255, 255, 0.2);
  }
  header .global-nav__item__link:not(.global-nav__item__link--entry) {
    background: #fff;
  }
  header .global-nav__item__link:not(.global-nav__item__link--entry) .global-nav__item__link__text {
    color: #333;
  }
  header .global-nav__item__link:not(.global-nav__item__link--entry) .icon-search {
    margin: 0 5px 0 0;
  }
  header .global-nav__item__link:not(.global-nav__item__link--entry)::before {
    position: absolute;
    left: 50%;
    bottom: 0;
    content: '';
    width: 0;
    border-top: 5px solid #2a5c92;
    transition: 0.3s all;
  }
  header .global-nav__item:hover .global-nav__item__link::before {
    left: 0;
    width: 100%;
  }
  header .global-nav__item:not(:first-child):not(:last-child) {
    border-left: 1px solid #dcdcdc;
  }
  header .global-nav__dropdown {
    display: none;
    position: absolute;
    top: 80px;
    left: 0;
    z-index: 100;
    width: 100%;
    background: rgba(49, 49, 49, 0.9);
    line-height: 1.4;
    width: 200px;
  }
  header .global-nav__dropdown__inner:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  header .global-nav__dropdown__title {
    width: 100%;
    padding: 12px 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
  }
  header .global-nav__dropdown__item {
    display: table;
    width: 100%;
    padding: 15px;
    color: #fff;
  }
  header .global-nav__dropdown__item:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  header .global-nav__dropdown__item::before {
    display: table-cell;
    width: 1em;
    content: '-';
  }
  header .global-nav .global-nav__item:hover .global-nav__dropdown {
    display: block;
  }
  /* ============================================================ */
  /* #contents */
  /* ============================================================ */
  .contents {
    max-width: 1000px;
    margin: 0 auto 50px;
  }
  .contents__inner {
    display: flex;
    justify-content: space-between;
    margin: 0 0 100px;
  }
  .contents__inner #main-contents {
    width: 720px;
  }
  .contents__inner #side-contents {
    width: 240px;
  }
  .accordion {
    cursor: pointer;
  }
  .accordion-block {
    display: none;
  }
  .icon-stack {
    position: relative;
    display: inline-block;
    width: 1.5em;
    height: 1em;
  }
  .icon-stack > * {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  /* ============================================================ */
  /* 汎用スタイル */
  /* ============================================================ */
  /* --------------------------------------------------- */
  /* テキスト */
  /* --------------------------------------------------- */
  .lead {
    color: #124883;
    font-family: 'ヒラギノ角ゴ W6 JIS2004';
    font-size: 2rem;
  }
  p {
    margin-bottom: 25px;
  }
  header p,
  footer p,
  #side-contents p {
    margin-bottom: 0;
  }
  em {
    font-family: 'ヒラギノ角ゴ W6 JIS2004';
  }
  strong {
    color: #de2e25;
    font-family: 'ヒラギノ角ゴ W6 JIS2004';
  }
  .indent {
    display: table;
  }
  .indent > span:first-child {
    display: table-cell;
  }
  .link-underline {
    color: #124883;
    text-decoration: underline;
  }
  .link-underline:hover {
    opacity: 1;
    text-decoration: none;
  }
  /* --------------------------------------------------- */
  /* 見出し */
  /* --------------------------------------------------- */
  .ttl01 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 230px;
    background-image: url(/common/img/common/bg_visual.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ttl01__text {
    color: #fff;
    font-family: 'ヒラギノ角ゴ W6 JIS2004';
    font-size: 3.4rem;
    text-align: center;
    line-height: 1.2;
  }
  .ttl01__text::after {
    display: block;
    content: attr(data-text);
    margin: 20px 0 0;
    color: #7196be;
    font-family: Arial, Helvetica," sans-serif";
    font-size: 1.3rem;
  }
  .juku-search .ttl01 {
    background-image: url(/common/img/juku-search/bg_visual.png);
  }
  .school-search .ttl01 {
    background-image: url(/common/img/school-search/bg_visual.png);
  }
  .knowledge .ttl01 {
    background-image: url(/common/img/knowledge/bg_visual.png);
  }
  .mogisiken .ttl01 {
    background-image: url(/common/img/mogisiken/bg_visual.png);
  }
  .application .ttl01 {
    background-image: url(/common/img/application/bg_visual.png);
  }
  .ttl02 {
    margin: 0 0 30px;
    color: #124883;
    font-size: 3.0rem;
    line-height: 1.5;
  }
  .ttl03 {
    position: relative;
    margin: 0 0 20px;
    padding: 15px;
    background: #124883;
    border-bottom: 3px solid #dcdcdc;
    color: #fff;
    font-family: 'ヒラギノ角ゴ W6 JIS2004', sans-serif;
    font-size: 2.2rem;
    line-height: 1.5;
    border-radius: 3px 3px 0 0;
    /*
	&::before,
	&::after {
		position: absolute;
		left: 0;
		bottom: -3px;
		content: '';
		border-top-width: 3px;
		border-top-style: solid;
	}
	&::before {
		width: 100px;
		border-top-color: #3f90bb;
	}
	&::after {
		width: 50px;
		border-top-color: $baseColor;
	}
	*/
  }
  .ttl03.accordion {
    position: relative;
  }
  .ttl03.accordion .icon-plus {
    right: 15px;
    color: #124883;
    color: #fff;
    font-size: 1.6rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .ttl03.accordion:hover {
    opacity: 0.7;
  }
  .ttl03.accordion--active .icon-plus::before {
    content: "\f068";
    font-family: 'icomoon';
  }
  .ttl04 {
    margin: 0 0 20px;
    padding: 10px 15px;
    background: #ededed;
    border: 1px solid #dcdcdc;
    color: #124883;
    font-size: 2rem;
    line-height: 1.5;
    border-radius: 3px;
  }
  .ttl04.accordion {
    position: relative;
  }
  .ttl04.accordion .icon-plus {
    right: 15px;
    font-size: 1.6rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .ttl04.accordion:hover {
    opacity: 0.7;
  }
  .ttl04.accordion--active .icon-plus::before {
    content: "\f068";
    font-family: 'icomoon';
  }
  .ttl04 .square-number {
    flex: 0 0 26px;
    height: 26px;
    margin: 0 15px 0 0;
    background: #124883;
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
    line-height: 26px;
    border-radius: 2px;
  }
  .ttl04 .flex-number {
    flex: 0 0 auto;
    padding: 0 5px;
    height: 26px;
    box-sizing: border-box;
    margin: 0 15px 0 0;
    background: #124883;
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
    line-height: 26px;
    border-radius: 2px;
  }
  .ttl05 {
    margin: 0 0 20px;
    padding: 0 0 10px;
    border-bottom: 1px solid #dcdcdc;
    color: #0e4580;
    font-family: 'ヒラギノ角ゴ W6 JIS2004';
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .ttl05.accordion {
    position: relative;
  }
  .ttl05.accordion .icon-plus {
    right: 15px;
    font-size: 1.6rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .ttl05.accordion:hover {
    opacity: 0.7;
  }
  .ttl05.accordion--active .icon-plus::before {
    content: "\f068";
    font-family: 'icomoon';
  }
  .ttl06 {
    margin: 0 0 10px;
    color: #ff9600;
    font-family: 'ヒラギノ角ゴ W6 JIS2004';
    font-size: 1.6rem;
    line-height: 1.5;
  }
  /* --------------------------------------------------- */
  /* カラム制御 */
  /* --------------------------------------------------- */
  /* 複数カラム
/* --------------------------------------------------- */
  .column {
    display: flex;
    flex-wrap: wrap;
  }
  .column > * {
    margin-bottom: 15px;
  }
  .column > * * {
    max-width: 100%;
  }
  .column > * img {
    outline: 1px solid transparent;
  }
  .column2 {
    margin-left: -1.5%;
    margin-right: -1.5%;
  }
  .column2 > * {
    margin-left: 1.5%;
    margin-right: 1.5%;
    width: 47%;
  }
  .column3 {
    margin-left: -1%;
    margin-right: -1%;
  }
  .column3 > * {
    margin-left: 1%;
    margin-right: 1%;
    width: 31%;
  }
  .column4 {
    margin-left: -1%;
    margin-right: -1%;
  }
  .column4 > * {
    margin-left: 1%;
    margin-right: 1%;
    width: 23%;
  }
  .column5 {
    margin-left: -1%;
    margin-right: -1%;
  }
  .column5 > * {
    margin-left: 1%;
    margin-right: 1%;
    width: 18%;
  }
  .column-middile {
    align-items: center;
  }
  .column-panel > * {
    background: #fff;
    border: 1px solid #dcdcdc;
    box-shadow: 0 1px 0 #e8e8e8;
  }
  .column-panel > *:not(.article-block) *:not(img):not(a) {
    margin: 10px 15px;
  }
  /* 幅指定カラム
------------------------------------------------------------ */
  .flex-column {
    display: flex;
    justify-content: space-between;
  }
  .flex-column > * {
    flex: 0 0 auto;
  }
  .flex-column > * * {
    max-width: 100%;
  }
  /* 画像回り込みカラム
------------------------------------------------------------ */
  .float::after {
    display: block;
    content: "";
    clear: both;
  }
  .float--left .float__item {
    float: left;
    margin: 0 20px 20px 0;
  }
  .float--right .float__item {
    float: right;
    margin: 0 0 20px 20px;
  }
  /* column-count
------------------------------------------------------------ */
  .column-count2 {
    -webkit-column-count: 2;
            column-count: 2;
  }
  .column-count3 {
    -webkit-column-count: 3;
            column-count: 3;
  }
  .column-count4 {
    -webkit-column-count: 4;
            column-count: 4;
  }
  /* --------------------------------------------------- */
  /* リスト */
  /* --------------------------------------------------- */
  .list {
    list-style-type: none;
  }
  .list > * {
    position: relative;
    padding-left: 15px;
    margin-bottom: 5px;
  }
  .list > *::before {
    content: "";
    width: 6px;
    height: 6px;
    display: block;
    position: absolute;
    top: 0.7em;
    left: 0;
  }
  .list--circle > *::before {
    width: 6px;
    height: 6px;
    border-radius: 100%;
  }
  .list--blue > *::before {
    background: #124883;
  }
  .list--black > *::before {
    background: #333;
  }
  .list--decimal {
    list-style: decimal outside;
    margin: 0 0 15px 20px;
  }
  .list--decimal > * {
    padding-left: 0;
  }
  /* --------------------------------------------------- */
  /* box */
  /* --------------------------------------------------- */
  .box {
    padding: 25px;
    box-sizing: border-box;
    background: #fff;
  }
  .box--border-white {
    border: 1px solid #fff;
  }
  .box--border-gray {
    border: 1px solid #dcdcdc;
  }
  .box--border-blue {
    border: 1px solid #124883;
  }
  .box p:last-of-type {
    margin-bottom: 0;
  }
  /* --------------------------------------------------- */
  /* iframe */
  /* --------------------------------------------------- */
  .iframe {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
  }
  .iframe > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* --------------------------------------------------- */
  /* table */
  /* --------------------------------------------------- */
  table,
  .table {
    width: 100%;
  }
  table th,
  table td,
  .table th,
  .table td {
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #dcdcdc;
    font-size: 1.4rem;
    text-align: left;
    vertical-align: middle;
    line-height: 1.6;
  }
  table--thin th,
  table--thin td,
  .table--thin th,
  .table--thin td {
    font-size: 1.2rem;
    padding: 4px 6px;
  }
  table th,
  table .bg-gray,
  .table th,
  .table .bg-gray {
    background: #efefef;
  }
  table thead th,
  table .bg-blue,
  .table thead th,
  .table .bg-blue {
    background: #dfeafb;
  }
  table #main .tablelist .th01,
  .table #main .tablelist .th01 {
    color: #fff;
  }
  .table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-wrap table {
    table-layout: auto;
  }
  .table-wrap table th,
  .table-wrap table td {
    width: auto;
    white-space: nowrap;
  }
  /* data-table
------------------------------------------------------------ */
  .data-table td {
    padding: 10px 20px;
  }
  .data-table__year {
    width: 15%;
    text-align: center;
  }
  .data-table__grade {
    width: 12%;
    text-align: center;
  }
  .data-table tr:nth-child(2n+1) td {
    background: #f8f8f8;
  }
  /* --------------------------------------------------- */
  /* btn */
  /* --------------------------------------------------- */
  .btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 150px;
    height: 50px;
    margin: 5px;
    padding: 0 15px;
    text-align: center;
    line-height: 1.4;
    cursor: pointer;
    transition: 0.3s all;
    border-radius: 3px;
    box-shadow: 0 2px 0 #e8e8e8;
  }
  .btn [class^="icon-"]:first-child {
    margin: 0 10px 0 0;
  }
  .btn [class^="icon-"]:last-child {
    margin: 0 0 0 10px;
  }
  .btn:hover {
    opacity: 1;
  }
  .btn--blue {
    background: #124883;
    border: 1px solid #124883;
    box-shadow: 0 2px 0 #0b294b;
    color: #fff;
  }
  .btn--blue:hover {
    color: #124883;
    background: #fff;
  }
  .btn--blue.btn--disabled {
    cursor: default;
  }
  .btn--blue.btn--disabled:hover {
    background: #124883;
    color: #fff;
  }
  .btn--light-blue {
    background: #1a8ec4;
    border: 1px solid #1a8ec4;
    box-shadow: 0 2px 0 #126389;
    color: #fff;
  }
  .btn--light-blue:hover {
    color: #1a8ec4;
    background: #fff;
  }
  .btn--red {
    background: #de2e25;
    border: 1px solid #de2e25;
    box-shadow: 0 2px 0 #a31912;
    color: #fff;
  }
  .btn--red:hover {
    color: #de2e25;
    background: #fff;
  }
  .btn--red.btn--disabled {
    cursor: default;
  }
  .btn--red.btn--disabled:hover {
    background: #de2e25;
    color: #fff;
  }
  .btn--orange {
    background: #ff9600;
    border: 1px solid #ff9600;
    box-shadow: 0 2px 0 #bb5901;
    color: #fff;
  }
  .btn--orange:hover {
    color: #ff9600;
    background: #fff;
  }
  .btn--orange.btn--disabled {
    cursor: default;
  }
  .btn--orange.btn--disabled:hover {
    background: #ff9600;
    color: #fff;
  }
  .btn--yellow {
    background: #f7ce11;
    border: 1px solid #f7ce11;
    box-shadow: 0 2px 0 #d2af0e;
    color: #333;
  }
  .btn--yellow:hover {
    background: #fff;
  }
  .btn--yellow.btn--disabled {
    cursor: default;
  }
  .btn--yellow.btn--disabled:hover {
    background: #f7ce11;
    color: #fff;
  }
  .btn--gray {
    background: #dcdcdc;
    border: 1px solid #dcdcdc;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    color: #333;
  }
  .btn--gray:hover {
    background: #fff;
  }
  .btn--gray.btn--disabled {
    cursor: default;
  }
  .btn--gray.btn--disabled:hover {
    background: #dcdcdc;
    color: #fff;
  }
  .btn--lg {
    height: 65px;
    font-size: 1.6rem;
  }
  .btn--sm {
    min-width: inherit;
    height: auto;
    padding: 5px 10px;
    font-size: 1.2rem;
  }
  .btn--circle {
    min-width: inherit;
    padding: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
  }
  input[type="button"].btn,
  input[type="submit"].btn {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  /* --------------------------------------------------- */
  /* pager */
  /* --------------------------------------------------- */
  .pager {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px 0 0;
  }
  .pager li {
    margin: 0 3px 5px;
  }
  .pager li * {
    display: block;
    padding: 5px 12px;
    background: #fff;
    border: 1px solid #124883;
    color: #124883;
    border-radius: 3px;
  }
  .pager li *.current, .pager li *:hover {
    background: #124883;
    color: #fff;
    opacity: 1;
  }
  .pager__prev {
    position: absolute;
    left: 0;
  }
  .pager__next {
    position: absolute;
    right: 0;
  }
  /* --------------------------------------------------- */
  /* form */
  /* --------------------------------------------------- */
  .label-must {
    display: inline-block;
    right: 5px;
    padding: 5px;
    background: #f7ce11;
    color: #333;
    font-size: 1rem;
    line-height: 1;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  input[type="text"],
  input[type="password"] {
    height: 40px;
    padding: 0 15px;
    border: 1px solid #dcdcdc;
    color: #333;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 0px;
  }
  .textarea {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 0px;
    min-height: 200px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    padding: 15px;
  }
  .selectbox {
    position: relative;
    height: 40px;
    background: #fff;
    border: 1px solid #dcdcdc;
    cursor: pointer;
  }
  .selectbox::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    content: '';
    width: 40px;
    background: #124883;
    pointer-events: none;
  }
  .selectbox::after {
    position: absolute;
    top: 50%;
    right: 13px;
    content: "\f107";
    font-family: 'icomoon';
    color: #fff;
    font-size: 2.0rem;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .selectbox select {
    width: 100%;
    height: 38px;
    padding: 0 15px;
    color: #333;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  /* radio
----------------------------------------------------------- */
  .radio {
    cursor: pointer;
  }
  .radio input[type="radio"] {
    display: none;
  }
  .radio input[type="radio"] + span {
    position: relative;
    display: block;
    padding: 0 0 0 25px;
    color: #333;
  }
  .radio input[type="radio"] + span::before, .radio input[type="radio"] + span::after {
    position: absolute;
    top: 50%;
    content: '';
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .radio input[type="radio"] + span::before {
    left: 0;
    background: #fff;
    border: 2px solid #d2d2d2;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border-radius: 50%;
  }
  .radio input[type="radio"] + span::after {
    left: 4px;
    background: #124883;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    opacity: 0;
  }
  .radio input[type="radio"]:checked + span::after {
    opacity: 1;
  }
  .radio.btn--light-blue span {
    color: #fff !important;
  }
  .radio.btn--light-blue input[type="radio"] + span::after {
    background: #1a8ec4;
  }
  .radio.btn--light-blue:hover span {
    color: #1a8ec4 !important;
  }
  /* checkbox
----------------------------------------------------------- */
  .checkbox input[type="checkbox"] {
    display: none;
  }
  .checkbox input[type="checkbox"] + span {
    position: relative;
    padding: 0 0 0 25px;
    color: #333;
    cursor: pointer;
  }
  .checkbox input[type="checkbox"] + span::before, .checkbox input[type="checkbox"] + span::after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .checkbox input[type="checkbox"] + span::before {
    left: 0;
    content: '';
    width: 14px;
    height: 14px;
    background: #fff;
    border: 2px solid #d2d2d2;
  }
  .checkbox input[type="checkbox"] + span::after {
    left: 2px;
    content: "\f00c";
    color: #124883;
    font-family: 'icomoon';
    font-size: 1.6rem;
    opacity: 0;
  }
  .checkbox input[type="checkbox"]:checked + span::after {
    opacity: 1;
  }
  .checkbox.btn--blue span {
    color: #fff !important;
  }
  .checkbox.btn--blue:hover span {
    color: #124883 !important;
  }
  /* --------------------------------------------------- */
  /* flow-vertical */
  /* --------------------------------------------------- */
  .flow-vertical__item:not(:last-child) {
    position: relative;
    margin: 0 0 35px;
  }
  .flow-vertical__item:not(:last-child)::after {
    bottom: -30px;
    content: "\f078";
    color: #35659a;
    font-family: 'icomoon';
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  .flow-vertical__item__title {
    padding: 10px 15px;
    background: #fff;
    border-radius: 3px;
  }
  .flow-vertical__item__title--bg-red {
    background: #de2e25;
    color: #fff;
    font-family: 'ヒラギノ角ゴ W6 JIS2004';
  }
  .flow-vertical__item__text {
    margin: 15px 0;
    font-size: 1.3rem;
  }
  /* --------------------------------------------------- */
  /* flow-diagram */
  /* --------------------------------------------------- */
  .flow-diagram {
    display: flex;
    margin: 0 0 60px;
  }
  .flow-diagram__item {
    position: relative;
    flex: 1 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    margin: 0 20px 0 0;
    background: #fff;
    text-align: center;
    line-height: 1.4;
    counter-increment: flow;
  }
  .flow-diagram__item::before, .flow-diagram__item::after {
    content: '';
    border-color: transparent;
    border-style: solid;
    border-width: 30px 0 30px 15px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .flow-diagram__item::before {
    left: -15px;
    border-top-color: #fff;
    border-bottom-color: #fff;
  }
  .flow-diagram__item::after {
    right: -14px;
    border-left-color: #fff;
  }
  .flow-diagram__item:first-child::before {
    display: none;
  }
  .flow-diagram__item__text {
    font-size: 1.6rem;
  }
  .flow-diagram__item__text::before {
    display: block;
    color: #ff9600;
    font-family: Arial, Helvetica," sans-serif";
    font-size: 1.2rem;
    font-weight: bold;
    content: "STEP" counter(flow);
  }
  .flow-diagram__item--active {
    background: #124883;
    color: #fff;
  }
  .flow-diagram__item--active::before {
    border-top-color: #124883;
    border-bottom-color: #124883;
  }
  .flow-diagram__item--active::after {
    border-left-color: #124883;
  }
  .flow-diagram__item--active .flow-diagram__item__text::before {
    color: #fff100;
  }
  /* --------------------------------------------------- */
  /* label */
  /* --------------------------------------------------- */
  .label {
    width: 80px;
    height: 25px;
    margin: 0;
    border-width: 1px;
    border-style: solid;
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
    line-height: 25px;
    border-radius: 2px;
  }
  .label--gray {
    border-color: #dcdcdc;
    background: #ededed;
    color: #333;
  }
  .label--orange {
    border-color: #ff9600;
    background: #ff9600;
  }
  .label--blue {
    border-color: #124883;
    background: #124883;
  }
  .label--red {
    border-color: #de2e25;
    background: #de2e25;
  }
  .label--kokuritsu, .label--koritsu, .label--shiritsu, .label--danshi, .label--joshi, .label--kyogaku {
    width: 25px;
    border: none;
    font-size: 1.4rem;
  }
  .label--kokuritsu {
    background: #377abe;
  }
  .label--koritsu {
    background: #87c341;
  }
  .label--shiritsu {
    background: #ff9600;
  }
  .label--danshi {
    background: #4cb3d5;
  }
  .label--joshi {
    background: #ea4993;
  }
  .label--kyogaku {
    background: #079798;
  }
  /* --------------------------------------------------- */
  /* link-list */
  /* --------------------------------------------------- */
  .link-list__item {
    padding: 15px 0;
    border-bottom: 1px solid #dcdcdc;
  }
  .link-list__item:first-child {
    padding-top: 0;
  }
  .link-list__item__inner {
    position: relative;
    display: flex;
    align-items: center;
  }
  .link-list__item__inner > * {
    margin: 0 20px 0 0;
  }
  .link-list__item__inner .icon-chevron-right {
    right: 10px;
    margin: 0;
    color: #124883;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .link-list__item--has-child {
    padding: 15px 0 0 0;
  }
  .link-list__item--has-child > .link-list__item__inner {
    margin-bottom: 10px;
  }
  .link-list__item .accordion.accordion--active .icon-plus::before {
    content: "\f068";
  }
  .link-list-inner {
    background: #e7ecf2;
    margin: 0 -5px;
  }
  .link-list-inner__item {
    padding: 15px 5px 15px 15px;
    border-bottom: 1px solid #dcdcdc;
  }
  .link-list-inner__item:last-child {
    border: none;
  }
  /* --------------------------------------------------- */
  /* footer-menu */
  /* --------------------------------------------------- */
  .footer-menu {
    display: flex;
    max-width: 1000px;
    margin: 0 auto;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
  }
  .footer-menu__item {
    position: relative;
    flex: 1 1 25%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 150px;
    padding: 0 0 25px;
    background: #124883;
    border-top: 1px solid #124883;
    border-bottom: 1px solid #124883;
    border-left: 1px solid #26588f;
    color: #fff;
    text-align: center;
    line-height: 1.2;
  }
  .footer-menu__item:first-child {
    border-left: 1px solid #124883;
    border-radius: 4px 0 0 4px;
  }
  .footer-menu__item:last-child {
    border-right: 1px solid #124883;
    border-radius: 0 4px 4px 0;
  }
  .footer-menu__item__icon {
    top: -5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #35659a;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    color: #fff !important;
    font-size: 2.4rem;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  .footer-menu__item__icon::after {
    bottom: -7px;
    content: '';
    border-color: #35659a transparent transparent;
    border-style: solid;
    border-width: 10px 7px 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  .footer-menu__item__text {
    font-family: 'ヒラギノ角ゴ W6 JIS2004';
    font-size: 1.8rem;
  }
  .footer-menu__item__text::after {
    display: block;
    content: attr(data-text);
    margin: 10px 0 0;
    color: #7196be;
    font-size: 1rem;
    font-family: Arial, Helvetica," sans-serif";
    font-weight: bold;
  }
  .footer-menu__item:hover {
    background: #fff;
    color: #124883;
    opacity: 1;
  }
  /* --------------------------------------------------- */
  /* topic-path */
  /* --------------------------------------------------- */
  .topic-path {
    margin: 0 0 50px;
    border-bottom: 1px solid #dcdcdc;
  }
  .topic-path__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1000px;
    margin: 0 auto;
    line-height: 1.3;
  }
  .topic-path__block {
    display: flex;
    height: 40px;
    font-size: 1.1rem;
  }
  .topic-path__item {
    position: relative;
    display: flex;
    align-items: center;
  }
  .topic-path__item:not(:last-child) {
    margin: 0 44px 0 0;
  }
  .topic-path__item:not(:last-child)::before, .topic-path__item:not(:last-child)::after {
    position: absolute;
    top: 0;
    content: '';
    border-color: transparent;
    border-style: solid;
    border-width: 20px 0 20px 11px;
  }
  .topic-path__item:not(:last-child)::before {
    right: -24px;
    border-left-color: #dcdcdc;
  }
  .topic-path__item:not(:last-child)::after {
    right: -23px;
    border-left-color: #f9f9f9;
  }
  .topic-path__name {
    margin: 0;
    font-size: 1.3rem;
  }
  /* --------------------------------------------------- */
  /* local-nav */
  /* --------------------------------------------------- */
  .local-nav {
    margin: 0 0 20px;
    background: #fff;
    border: 1px solid #dcdcdc;
    box-shadow: 0 0 7px rgba(215, 215, 215, 0.35);
  }
  .local-nav__title {
    position: relative;
    padding: 30px 0 20px;
    color: #124883;
    font-size: 2rem;
    text-align: center;
    line-height: 1.4;
  }
  .local-nav__title::before {
    top: 0;
    content: '';
    width: 180px;
    border-top: 2px solid #124883;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  .local-nav__title::after {
    display: block;
    content: attr(data-text);
    margin: 5px 0 0;
    color: #7196be;
    font-family: Arial, Helvetica," sans-serif";
    font-size: 1rem;
  }
  .local-nav__item {
    position: relative;
    display: block;
    padding: 10px 30px 10px 15px;
    border-top: 1px solid #dcdcdc;
  }
  .local-nav__item .icon-angle-right {
    right: 10px;
    color: #a7a7a7;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .local-nav__item:hover {
    opacity: 1;
    background: #7196be;
    color: #fff;
  }
  .local-nav__item:hover .icon-angle-right {
    color: #fff;
  }
  /* --------------------------------------------------- */
  /* local-nav2 */
  /* --------------------------------------------------- */
  .local-nav2 {
    margin: 0 0 20px;
    border: 1px solid #124883;
  }
  .local-nav2__title {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
    background: #124883;
    color: #fff;
    font-size: 2rem;
    text-align: center;
    line-height: 1.4;
  }
  .local-nav2__item {
    display: flex;
    align-items: center;
    padding: 10px 15px 10px 12px;
    background: #fff;
  }
  .local-nav2__item:not(:last-child) {
    border-bottom: 1px solid #dcdcdc;
  }
  .local-nav2__item__icon {
    flex: 0 0 auto;
    width: 30px;
    margin: 0 10px 0 0;
  }
  .local-nav2__item__text {
    flex: 1 1 auto;
  }
  .local-nav2__item .icon-angle-right {
    color: #124883;
  }
  .local-nav2__item:hover {
    background: #cce0f0;
    opacity: 1;
  }
  /* --------------------------------------------------- */
  /* side-bnr */
  /* --------------------------------------------------- */
  .side-bnr__item {
    display: block;
  }
  .side-bnr__item:not(:last-child) {
    margin: 0 0 10px;
  }
  .side-bnr__item img {
    width: 100%;
  }
  /* --------------------------------------------------- */
  /* お申込み*/
  /* venue-block */
  /* --------------------------------------------------- */
  .venue-block {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    background: #fff;
    border: 1px solid #dcdcdc;
    line-height: 1.6;
  }
  .venue-block:not(:last-child) {
    margin: 0 0 20px;
  }
  .venue-block__text {
    flex: 1 1 0%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
  }
  .venue-block__text__number {
    color: #124883;
    font-family: 'ヒラギノ角ゴ W6 JIS2004';
    font-style: 1.4rem;
  }
  .venue-block__text__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
  }
  .venue-block__text__icon > * {
    margin: 0 5px;
  }
  .venue-block__text__title {
    flex: 0 0 100%;
    margin: 0 0 5px;
    font-family: 'ヒラギノ角ゴ W6 JIS2004';
    font-size: 1.6rem;
  }
  .venue-block__text__access {
    flex: 0 0 100%;
    display: flex;
    align-items: center;
  }
  .venue-block__text__access__text {
    margin: 0;
  }
  .venue-block__icon {
    width: 92px;
    flex: 0 0 92px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0 20px;
  }
  .venue-block__icon:last-child {
    margin-right: 0;
  }
  .venue-block__icon__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 0 5px;
    padding: 5px;
    background: #f8f8f8;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
  }
  .venue-block__btn .btn {
    margin: auto;
  }
  /* --------------------------------------------------- */
  /* 申込履歴 */
  /* history-list */
  /* --------------------------------------------------- */
  .history-list__item {
    display: flex;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #dcdcdc;
  }
  .history-list__item:first-child {
    padding-top: 0;
  }
  .history-list__item__text {
    flex: 1 1 auto;
  }
  .history-list__item__btn {
    flex: 0 0 auto;
    margin: 0 0 0 20px;
  }
  /* --------------------------------------------------- */
  /* 申込履歴・キャンセル確認 */
  /* confirm-cancel */
  /* --------------------------------------------------- */
  .confirm-cancel__lead {
    color: #124883;
    font-family: 'ヒラギノ角ゴ W6 JIS2004' !important;
    font-size: 1.8rem;
    text-align: center;
  }
  .confirm-cancel__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0 0;
  }
  .confirm-cancel__btn .btn {
    margin: 0 10px;
  }
  /* --------------------------------------------------- */
  /* 学校検索・検索結果一覧*/
  /* school-result-list*/
  /* --------------------------------------------------- */
  .school-result-list {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
  }
  .school-result-list__item {
    display: table-row;
  }
  .school-result-list__item > * {
    display: table-cell;
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #dcdcdc;
    text-align: center;
  }
  .school-result-list__item--midashi > * {
    background: #124883;
    color: #fff;
  }
  .school-result-list__item__name {
    width: 240px;
    text-align: left;
  }
  .school-result-list__item__area {
    width: 160px;
    text-align: left;
  }
  .school-result-list__item__kubun {
    width: 90px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .school-result-list__item__kubun .label {
    display: inline-block;
    margin: 0 2px;
  }
  .school-result-list__item__hensachi {
    width: 90px;
  }
  .school-result-list__item__web {
    width: 140px;
  }
  /* --------------------------------------------------- */
  /* 塾検索・検索結果一覧*/
  /* school-result-list*/
  /* --------------------------------------------------- */
  .juku-result-list {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
  }
  .juku-result-list__item {
    display: table-row;
  }
  .juku-result-list__item > * {
    display: table-cell;
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #dcdcdc;
    vertical-align: middle;
  }
  .juku-result-list__item--midashi > * {
    background: #124883;
    color: #fff;
    text-align: center;
  }
  /* --------------------------------------------------- */
  /* 学校検索・googleマップ /
/* map-camvas */
  /* --------------------------------------------------- */
  .map-camvas {
    width: 100%;
    height: 400px;
  }
  .map-camvas iframe {
    width: 100%;
    height: 400px;
  }
  /* --------------------------------------------------- */
  /* modal */
  /* --------------------------------------------------- */
  #modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.7);
    visibility: hidden;
    opacity: 0;
  }
  #modal:target {
    visibility: visible;
    opacity: 1;
  }
  #modal .modal-content {
    position: relative;
    width: 950px;
    max-height: 80%;
    padding: 60px 50px 50px;
    background: #fff;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25);
    font-family: 'ヒラギノ角ゴ W3 JIS2004';
    font-size: 1.4rem;
    line-height: 1.8;
    overflow-y: auto;
    border-radius: 4px;
  }
  #modal .modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
  }
  /* --------------------------------------------------- */
  /* W合格もぎとは？ /
/* --------------------------------------------------- */
  .exam-type {
    padding: 15px 0;
    border-bottom: 1px solid #dcdcdc;
  }
  .exam-type__inner {
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 40px;
  }
  .exam-type__inner .icon-chevron-down {
    right: 10px;
    color: #124883;
    transition: 0.3s all;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .exam-type__inner.accordion:hover {
    opacity: 0.7;
  }
  .exam-type__inner.accordion:hover .link-underline {
    text-decoration: none;
  }
  .exam-type__inner.accordion--active .icon-chevron-down {
    -webkit-transform: translate(0, -50%) rotate(180deg);
            transform: translate(0, -50%) rotate(180deg);
  }
  .exam-type__place {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    color: #fff;
    font-family: 'ヒラギノ角ゴ W6 JIS2004' !important;
    font-size: 1.3rem;
    text-align: center;
    line-height: 1.5;
    border-radius: 3px;
  }
  .exam-type__place--tokyo {
    background: #d92317;
  }
  .exam-type__place--kanagawa {
    background: #1588c8;
  }
  .exam-type__ttl {
    flex: 1 1 auto;
    margin: 0 15px;
    line-height: 1.5;
  }
  .exam-type__ttl__text {
    font-size: 2.4rem;
    font-family: 'ヒラギノ角ゴ W6 JIS2004' !important;
  }
  .exam-type__label {
    flex: 0 0 auto;
  }
  .exam-type__label .label {
    display: block;
    width: auto;
    padding: 0 10px;
  }
  .exam-type__detail {
    margin: 30px 0 15px;
  }
  .exam-type__toritsu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 10px 15px 0;
    border-top: 1px dotted #dcdcdc;
  }
  .exam-type__toritsu__text {
    color: #1a8ec4;
    font-size: 2rem;
    font-family: 'ヒラギノ角ゴ W6 JIS2004' !important;
  }
  .exam-type__toritsu .icon-chevron-down {
    color: #1a8ec4;
    transition: 0.3s all;
  }
  .exam-type__toritsu.accordion--active .icon-chevron-down {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  /* --------------------------------------------------- */
  /* 夏期講習 /
/* --------------------------------------------------- */
  .lecture-type {
    padding: 15px 0;
    border-bottom: 1px solid #dcdcdc;
  }
  .lecture-type__head {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 0 20px;
  }
  .lecture-type__season {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 50px;
    color: #fff;
    font-family: 'ヒラギノ角ゴ W6 JIS2004' !important;
    font-size: 1.3rem;
    text-align: center;
    line-height: 1.5;
    border-radius: 3px;
  }
  .lecture-type__season--tokyo {
    background: #d92317;
  }
  .lecture-type__season--kanagawa {
    background: #1588c8;
  }
  .lecture-type__ttl {
    flex: 1 1 auto;
    margin: 0 15px;
    line-height: 1.5;
  }
  .lecture-type__ttl__text {
    font-size: 2.4rem;
    font-family: 'ヒラギノ角ゴ W6 JIS2004' !important;
  }
  .lecture-type__label {
    flex: 0 0 auto;
  }
  .lecture-type__label .label {
    display: block;
    width: auto;
    padding: 0 10px;
  }
  .lecture-type__detail {
    margin: 30px 0 15px;
  }
  .lecture-type__item {
    display: flex;
    align-items: center;
    margin: 0 0 10px 100px;
    padding: 0 0 10px 0;
    border-bottom: 1px dotted #bbb;
  }
  .lecture-type__item:last-child {
    border: none;
    padding: 0;
  }
  .lecture-type__item__ttl {
    flex: 1 1 auto;
    color: #0e4580;
    font-family: 'ヒラギノ角ゴ W6 JIS2004';
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .lecture-type__item__btn {
    flex: 0 0 auto;
  }
  .place-type {
    padding: 0 0 15px 0;
    border-bottom: 1px solid #dcdcdc;
    display: flex;
    align-items: center;
    margin: 0 0 20px;
  }
  .place-type__season {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50px;
    padding: 5px 0;
    color: #fff;
    font-family: 'ヒラギノ角ゴ W6 JIS2004' !important;
    font-size: 1.3rem;
    text-align: center;
    line-height: 1.5;
    border-radius: 3px;
  }
  .place-type__season--zenki {
    background: #f39947;
  }
  .place-type__season--chuki {
    background: #9cc813;
  }
  .place-type__season--koki {
    background: #e60013;
  }
  .place-type__season--saisyu {
    background: #00a1e9;
  }
  .place-type__content {
    flex: 1 1 auto;
    margin: 0 15px;
    line-height: 1.5;
  }
  .place-type__content__ttl {
    font-size: 2.4rem;
    font-family: 'ヒラギノ角ゴ W6 JIS2004' !important;
    margin: 0 0 10px;
  }
  .place-type__content__date {
    display: flex;
    margin: 0 0 10px;
  }
  .place-type__content__date__label {
    flex: 0 0 80px;
  }
  .place-type__content__date__item {
    flex: 1 1 auto;
    margin: 0 0 0 15px;
    display: flex;
    flex-wrap: wrap;
  }
  .place-type__content__price {
    display: flex;
    margin: 0;
  }
  .place-type__content__price__label {
    flex: 0 0 80px;
  }
  .place-type__content__price__item {
    flex: 1 1 auto;
    margin: 0 0 0 15px;
    display: flex;
    flex-wrap: wrap;
  }
  .place-type__content__price__item > * {
    flex: 0 0 50%;
  }
  .place-type__btn {
    flex: 0 0 auto;
  }
  .place-type__label {
    flex: 0 0 auto;
  }
  .place-type__label .label {
    display: block;
    width: auto;
    padding: 0 10px;
  }
  .place-type__detail {
    margin: 30px 0 15px;
  }
  .place-type__item {
    display: flex;
    align-items: center;
    margin: 0 0 10px 100px;
    padding: 0 0 10px 0;
    border-bottom: 1px dotted #bbb;
  }
  .place-type__item:last-child {
    border: none;
    padding: 0;
  }
  .place-type__item__ttl {
    flex: 1 1 auto;
    color: #0e4580;
    font-family: 'ヒラギノ角ゴ W6 JIS2004';
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .place-type__item__btn {
    flex: 0 0 auto;
  }
  .lectures-books--math {
    background: #eff8fe;
  }
  .lectures-books--english {
    background: #fcebf3;
  }
  .lectures-books--japanese {
    background: #feecd4;
  }
  .lectures-books--society {
    background: #f0eef7;
  }
  .lectures-books--science {
    background: #edf7f5;
  }
  .lectures-books__ttl {
    margin: 0 0 30px;
  }
  .lectures-books__sub-ttl {
    margin: 0 0 5px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.6;
  }
  .lectures-books__sub-ttl--math {
    color: #00a3df;
  }
  .lectures-books__sub-ttl--english {
    color: #e4007f;
  }
  .lectures-books__sub-ttl--japanese {
    color: #d17800;
  }
  .lectures-books__sub-ttl--society {
    color: #8174b4;
  }
  .lectures-books__sub-ttl--science {
    color: #00a496;
  }
  /* --------------------------------------------------- */
  /* よくある質問 /
/* --------------------------------------------------- */
  .faq__question {
    padding-right: 40px;
    font-size: 1.6rem;
  }
  .faq__question__text {
    position: relative;
    display: block;
    padding: 0 0 0 30px;
  }
  .faq__question__text::before {
    position: absolute;
    top: -1px;
    left: -5px;
    display: flex;
    align-items: center;
    justify-content: center;
    content: 'Q';
    background: #3F90BB;
    color: #fff;
    font-family: Arial, Helvetica," sans-serif";
    font-size: 1.5rem;
    font-weight: bold;
    width: 24px;
    height: 24px;
    border-radius: 50%;
  }
  .faq__answer:not(:last-child) {
    margin: 0 0 40px;
  }
  .faq__answer__inner {
    position: relative;
    padding-left: 35px;
  }
  .faq__answer__inner::before {
    position: absolute;
    top: 0;
    left: 0;
    content: 'A.';
    color: #ff9600;
    font-size: 2.2rem;
    font-family: Arial, Helvetica," sans-serif";
    font-weight: bold;
  }
  /* --------------------------------------------------- */
  /* 新着情報 /
/* --------------------------------------------------- */
  .news-list__item {
    display: flex;
    align-items: center;
    padding: 15px 5px;
    border-bottom: 1px solid #dcdcdc;
    line-height: 1.5;
  }
  .news-list__item:first-child {
    border-top: 1px solid #dcdcdc;
  }
  .news-list__item__date {
    flex: 0 0 auto;
    margin: 0 20px 0 0;
    font-size: 1.3rem;
  }
  .news-list__item__category {
    margin: 0 20px 0 0;
    font-size: 1.3rem;
    color: #fff;
    padding: 3px 10px 1px;
    display: block;
  }
  .news-list__item__category--information {
    background: #ffa803;
  }
  .news-list__item__category--school {
    background: #2a74fb;
  }
  .news-list__item__category--site {
    background: #029d92;
  }
  .news-list__item__text {
    position: relative;
    flex: 1 1 auto;
    padding: 0 0 0 20px;
  }
  .news-list__item__text .icon-angle-right {
    left: 0;
    color: #124883;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .news-entry-block {
    border-bottom: 1px solid #dcdcdc;
  }
  .news-entry-block__date {
    display: inline-block;
    margin: 0 10px 10px 0;
  }
  .news-entry-block__category {
    margin: 0 20px 0 0;
    font-size: 1.3rem;
    color: #fff;
    padding: 3px 10px 1px;
    display: inline-block;
    margin: 0 0 10px;
  }
  .news-entry-block__category--information {
    background: #ffa803;
  }
  .news-entry-block__category--school {
    background: #2a74fb;
  }
  /* --------------------------------------------------- */
  /* 講習会お申込み /
/* --------------------------------------------------- */
  .seminar-info {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 0 20px;
    padding: 15px 80px 15px 25px;
    cursor: pointer;
  }
  .seminar-info input[type="radio"] {
    display: none;
  }
  .seminar-info input[type="radio"] + .seminar-info__radio {
    right: 20px;
    display: block;
    width: 26px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    background: #f90;
  }
  .seminar-info input[type="radio"] + .seminar-info__radio::before, .seminar-info input[type="radio"] + .seminar-info__radio::after {
    display: block;
    left: 0;
    width: 26px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .seminar-info input[type="radio"] + .seminar-info__radio::before {
    content: '';
    height: 26px;
    background: #fff;
    border: 2px solid #dcdcdc;
    box-sizing: border-box;
  }
  .seminar-info input[type="radio"] + .seminar-info__radio::after {
    content: "\f00c";
    color: #fff;
    font-family: 'icomoon';
    font-size: 1.6rem;
    text-align: center;
    opacity: 0;
  }
  .seminar-info input[type="radio"]:checked + .seminar-info__radio::before {
    background: #124883;
    border-color: #124883;
  }
  .seminar-info input[type="radio"]:checked + .seminar-info__radio::after {
    opacity: 1;
  }
  .seminar-info__inner {
    flex: 1 1 auto;
  }
  .seminar-info__column {
    display: flex;
    align-items: center;
    margin: 0 0 10px;
  }
  .seminar-info__column:last-child {
    margin-bottom: 0;
  }
  .seminar-info__column__label {
    flex: 0 0 70px;
    margin: 0 10px 0 0;
    padding: 5px 0;
    background: #fff;
    border: 1px solid #dcdcdc;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.5;
  }
  .seminar-info__column__label--blue {
    background: #124883;
    border-color: #124883;
    color: #fff;
  }
  .seminar-info__column__text {
    flex: 1 1 auto;
  }
  .seminar-info__column__text--course {
    color: #124883;
    font-family: 'ヒラギノ角ゴ W6 JIS2004', sans-serif;
    font-size: 1.6rem;
  }
  .seminar-info__column__text:first-child {
    padding-left: 80px;
  }
  .seminar-info__price {
    flex: 0 1 auto;
    font-size: 1.6rem;
  }
  div.seminar-info {
    padding-right: 25px;
  }
  /* --------------------------------------------------- */
  /* 過去問合格対策指導 /
/* --------------------------------------------------- */
  .btn-radio-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
  }
  .btn-radio-wrap--5column .btn-radio {
    width: 20%;
  }
  .btn-radio-wrap--3column .btn-radio {
    width: 33.3%;
  }
  .btn-radio-wrap .btn-radio input[type="radio"] {
    display: none;
  }
  .btn-radio-wrap .btn-radio input[type="radio"] + span {
    width: 100%;
    height: 40px;
    display: block;
    border-left: 1px solid #dcdcdc;
    background: linear-gradient(#ffffff 0%, #f7f7f7 100%);
    text-align: center;
    line-height: 40px;
    font-weight: bold;
  }
  .btn-radio-wrap .btn-radio input[type="radio"] + span:hover {
    cursor: pointer;
  }
  .btn-radio-wrap .btn-radio input[type="radio"]:checked + span {
    color: #fff;
    background: linear-gradient(#124883 0%, #346daa 100%);
  }
  .btn-radio-wrap .btn-radio:first-child input[type="radio"] + span {
    border-left: none;
  }
  .flow-subject-wrap {
    margin-bottom: 40px;
  }
  .flow-subject-wrap .flow-subject {
    text-align: center;
    display: inline-flex;
    margin: 0 auto;
  }
  .flow-subject-wrap .flow-subject li {
    position: relative;
    width: 144px;
    padding: 0 0 20px;
    color: #888888;
    font-size: 1.2rem;
  }
  .flow-subject-wrap .flow-subject li:not(:last-child)::before {
    position: absolute;
    left: 50%;
    bottom: 6px;
    content: "";
    width: 144px;
    border-bottom: 3px solid #b3b3b3;
  }
  .flow-subject-wrap .flow-subject li::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    display: block;
    content: "";
    width: 15px;
    height: 15px;
    margin: 0 0 0 -7px;
    background: #b3b3b3;
    border-radius: 50%;
  }
  .flow-subject-wrap .flow-subject__active::after {
    background: #124883 !important;
    border: 3px double #f9f9f9;
    left: calc(50% - 4px) !important;
    bottom: -3px !important;
  }
  /* ============================================================ */
  /* footer */
  /* ============================================================ */
  footer {
    position: relative;
    padding: 60px 0 0;
    background: #373737;
    /* pagetop
	----------------------------------------------------------- */
    /* footer-nav
	----------------------------------------------------------- */
    /* footer-lower
	----------------------------------------------------------- */
  }
  footer .pagetop {
    bottom: 145px;
    max-width: 1200px;
    width: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  footer .pagetop__link {
    position: absolute;
    right: 10px;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: #35659a;
    color: #fff;
    text-align: center;
    line-height: 1.2;
    border-radius: 3px;
  }
  footer .pagetop__link__text {
    margin: 5px 0 0;
    font-size: 0.9rem;
  }
  footer .footer-nav {
    display: flex;
    max-width: 1000px;
    margin: 0 auto;
    color: #fff;
    font-size: 1.3rem;
  }
  footer .footer-nav__column {
    flex: 0 0 190px;
    margin: 0 10px 0 0;
  }
  footer .footer-nav__column:nth-child(2) {
    flex: 0 0 400px;
  }
  footer .footer-nav__column:nth-child(4) {
    padding-left: 10px;
  }
  footer .footer-nav__column__title {
    position: relative;
    margin: 0 0 5px;
    padding: 10px 10px 10px 15px;
    background: #494949;
  }
  footer .footer-nav__column__title::before {
    left: 0;
    content: '';
    width: 3px;
    height: 25px;
    background: #35659a;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  footer .footer-nav__column__title__text {
    color: #fff;
  }
  footer .footer-nav__column__title__text:hover {
    text-decoration: underline;
    opacity: 1;
  }
  footer .footer-nav__column__item {
    position: relative;
    display: block;
    margin: 0 0 5px 10px;
    padding: 0 0 0 10px;
    color: #fff;
  }
  footer .footer-nav__column__item::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '-';
  }
  footer .footer-nav__column__item:hover {
    text-decoration: underline;
    opacity: 1;
  }
  footer .footer-nav__column__inner {
    flex: 0 0 50%;
  }
  footer .footer-nav__column__inner__title {
    margin: 0 0 10px 10px;
    font-size: 1.2rem;
  }
  footer .footer-nav__column__privacy {
    margin: 15px 0 0 10px;
  }
  footer .footer-lower {
    margin: 60px 0 0;
    padding: 25px 0;
    border-top: 1px solid #515151;
  }
  footer .footer-lower__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1000px;
    margin: 0 auto;
    color: #fff;
  }
  footer .footer-lower__tagline {
    flex: 0 0 100%;
    font-size: 1.2rem;
  }
  footer .footer-lower__logo {
    flex: 0 0 100%;
    margin: 0 0 15px;
  }
  footer .footer-lower__logo a {
    display: block;
    width: 250px;
  }
  footer .footer-lower__logo a img {
    width: 100%;
  }
  footer .footer-lower__address {
    font-size: 1.2rem;
  }
  footer .footer-lower__copyright {
    color: #989898;
    font-size: 1rem;
  }
  /* ============================================================ */
  /* index.html */
  /* ============================================================ */
  #index {
    /* visual
	----------------------------------------------------------- */
    /* news
	----------------------------------------------------------- */
    /* exam
	----------------------------------------------------------- */
    /* bnr
	----------------------------------------------------------- */
  }
  #index #main-contents {
    width: 730px;
  }
  #index .contents-upper {
    display: flex;
    justify-content: space-between;
    max-width: 1000px;
    margin: 50px auto 30px;
  }
  #index #visual {
    position: relative;
    width: 730px;
    height: 350px;
  }
  #index #visual .bxslider img {
    width: 100%;
  }
  #index #visual .bx-pager {
    position: absolute;
    right: 15px;
    bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  #index #visual .bx-pager .bx-pager-item {
    margin: 0 5px;
  }
  #index #visual .bx-pager .bx-pager-item .bx-pager-link {
    display: block;
    width: 30px;
    height: 5px;
    background: #c1c1c1;
    text-indent: -9999px;
  }
  #index #visual .bx-pager .bx-pager-item .bx-pager-link.active {
    background: #124883;
  }
  #index .news {
    width: 240px;
    height: 350px;
  }
  #index .news__tab {
    display: flex;
    margin: 0 -3px 0 0;
  }
  #index .news__tab__item {
    position: relative;
    width: calc((100% - 9px) / 3);
    height: 32px;
    margin: 0 3px 0 0;
    background: #dadada;
    color: #333;
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
  }
  #index .news__tab__item::after {
    bottom: -6px;
    z-index: 1;
    content: '';
    border-color: transparent;
    border-style: solid;
    border-width: 6px 6px 0;
    opacity: 1;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  #index .news__tab__item--information.active, #index .news__tab__item--information:hover {
    background: #ffa803;
  }
  #index .news__tab__item--information.active::after, #index .news__tab__item--information:hover::after {
    border-top-color: #ffa803;
  }
  #index .news__tab__item--school.active, #index .news__tab__item--school:hover {
    background: #2a74fb;
  }
  #index .news__tab__item--school.active::after, #index .news__tab__item--school:hover::after {
    border-top-color: #2a74fb;
  }
  #index .news__tab__item--site.active, #index .news__tab__item--site:hover {
    background: #029d92;
  }
  #index .news__tab__item--site.active::after, #index .news__tab__item--site:hover::after {
    border-top-color: #029d92;
  }
  #index .news__content {
    position: relative;
    height: 285px;
    background: #fff;
    border: 1px solid #dcdcdc;
    overflow-y: auto;
  }
  #index .news__content__item {
    display: none;
  }
  #index .news__content__item:nth-child(1) {
    display: block;
  }
  #index .news__item {
    display: block;
    padding: 10px;
    line-height: 1.5;
  }
  #index .news__item:not(:last-child) {
    border-bottom: 1px solid #dcdcdc;
  }
  #index .news__item__date {
    font-size: 1.2rem;
    display: inline-block;
  }
  #index .news__item__category {
    margin: 0 5px;
    font-size: 1rem;
    color: #fff;
    padding: 2px 7px;
    display: inline-block;
  }
  #index .news__item__category--information {
    background: #ffa803;
  }
  #index .news__item__category--school {
    background: #2a74fb;
  }
  #index .news__item__category--site {
    background: #029d92;
  }
  #index .news__item__text {
    margin: 5px 0 0;
    color: #124883;
    font-size: 1.3rem;
    text-decoration: underline;
  }
  #index .news__footer {
    height: 35px;
    background: #fff;
    border: 1px solid #dcdcdc;
    border-top: none;
    text-align: right;
    font-size: 1.3rem;
    line-height: 35px;
    padding: 0 15px;
    box-sizing: border-box;
  }
  #index .exam {
    margin: 0 0 25px;
    padding: 20px 0 10px;
    background: #fff;
    border: 1px solid #dcdcdc;
    text-align: center;
  }
  #index .exam__inner {
    display: flex;
    justify-content: center;
    margin: 0 0 15px;
  }
  #index .exam__ttl {
    margin: 0 15px;
  }
  #index .exam__text {
    font-size: 1.6rem;
  }
  #index .exam .btn {
    width: 250px;
    margin-bottom: 15px;
    font-size: 1.6rem;
    border-radius: 50px;
  }
  #index .bnr {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
  }
  #index .bnr__item {
    flex: 0 0 360px;
    position: relative;
    margin: 0 0 30px;
  }
  #index .bnr__item::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.18);
    border-radius: 3px;
  }
  #index .bnr__item--wide {
    flex: 0 1 100%;
  }
  /* ============================================================ */
  /* W合格もぎ　共通 */
  /* ============================================================ */
  .mogisiken .appendix {
    padding: 30px 0;
    border-bottom: 1px solid #dcdcdc;
  }
  .mogisiken .appendix::after {
    content: '';
    display: table;
    clear: both;
  }
  .mogisiken .appendix__ttl__inner {
    margin-left: 230px;
  }
  .mogisiken .appendix__img {
    float: left;
    width: 200px;
  }
  .mogisiken .appendix__column {
    margin-left: 230px;
  }
  /* ============================================================ */
  /* W合格もぎ　トップ */
  /* ============================================================ */
  /* ============================================================ */
  /* 年間開催予定と出題範囲 */
  /* ============================================================ */
  #mogisiken_schedule_index .range {
    display: block;
    width: 100%;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
  }
  #mogisiken_schedule_index .range tbody {
    display: flex;
  }
  #mogisiken_schedule_index .range tr {
    flex: 0 0 20%;
    display: flex;
    flex-direction: column;
  }
  #mogisiken_schedule_index .range th,
  #mogisiken_schedule_index .range td {
    display: block;
    padding: 10px;
    border-right: none;
    border-bottom: none;
    font-size: 1.2rem;
  }
  #mogisiken_schedule_index .range th {
    padding: 5px 10px;
  }
  #mogisiken_schedule_index .range td {
    flex: 1 0 auto;
  }
  #mogisiken_schedule_index .range--tokushoku tr {
    flex: 1 1 auto;
  }
  /* ============================================================ */
  /* 個人表の見方　共通 */
  /* ============================================================ */
  .mogisiken_table {
    height: auto;
    /* モーダル部基本設定
	---------------------------------------- */
    /* modal-header */
    /* modal-body */
    /* モーダル画像上のポップアップ部
	---------------------------------------- */
  }
  .mogisiken_table .page_block {
    position: relative;
  }
  .mogisiken_table .page_block .modal_area {
    position: absolute;
    border: 3px solid #e72121;
    border-radius: 6px;
    box-sizing: border-box;
    background: rgba(230, 33, 33, 0);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  .mogisiken_table .page_block .modal_area:hover {
    background: rgba(230, 33, 33, 0.3);
  }
  .mogisiken_table .page_block .modal_area img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
  }
  .mogisiken_table .modal-dialog {
    width: 900px;
  }
  .mogisiken_table .modal-header {
    padding: 10px 15px;
    background: #124883;
  }
  .mogisiken_table .close {
    font-size: 32px;
    color: #fff;
  }
  .mogisiken_table .modal-title {
    font-size: 24px;
    color: #fff;
  }
  .mogisiken_table .modal-body {
    position: relative;
  }
  .mogisiken_table .blue-box {
    border: 3px solid #213de7;
    border-radius: 3px;
    box-sizing: border-box;
    width: 30px;
    display: inline-block;
    height: 20px;
    margin: 0 5px;
    background: rgba(33, 61, 231, 0.3);
    position: relative;
    top: 4px;
  }
  .mogisiken_table .modal-body .modal-body-img {
    position: relative;
    background: #589;
    width: 868px;
  }
  .mogisiken_table .modal-body .modal-body-img img {
    display: block;
    max-width: 100%;
  }
  .mogisiken_table .modal-body .on_modal_area {
    display: block;
    position: absolute;
    border: 3px solid #213de7;
    border-radius: 6px;
    box-sizing: border-box;
    background: rgba(33, 61, 231, 0.3);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    cursor: help;
  }
  .mogisiken_table .modal-body .on_modal_area:hover {
    background: rgba(33, 61, 231, 0.1);
  }
  /* ============================================================ */
  /* 個人表の見方　都立そっくりテスト */
  /* ============================================================ */
  #mogisiken_table_tokyo_sokkuri_index {
    /* ページ01-モーダル部01
	---------------------------------------- */
    /* ページ01-モーダル部02
	---------------------------------------- */
    /* ページ01-モーダル部03
	---------------------------------------- */
    /* ページ01-モーダル部04
	---------------------------------------- */
    /* ページ01-モーダル部05
	---------------------------------------- */
    /* ページ02-モーダル部01
	---------------------------------------- */
    /* ページ03-モーダル部01
	---------------------------------------- */
    /* ページ03-モーダル部02
	---------------------------------------- */
  }
  #mogisiken_table_tokyo_sokkuri_index #page01-01 {
    width: 346px;
    height: 150px;
    left: 290px;
    top: 20px;
  }
  #mogisiken_table_tokyo_sokkuri_index .modal-body #page01-01-01 {
    width: 85px;
    height: 235px;
    left: 700px;
    top: 115px;
  }
  #mogisiken_table_tokyo_sokkuri_index .modal-body #page01-01-02 {
    width: 555px;
    height: 55px;
    left: 85px;
    top: 350px;
  }
  #mogisiken_table_tokyo_sokkuri_index .modal-body #page01-01-03 {
    width: 105px;
    height: 235px;
    left: 205px;
    top: 115px;
  }
  #mogisiken_table_tokyo_sokkuri_index #page01-02 {
    width: 225px;
    height: 111px;
    left: 640px;
    top: 20px;
  }
  #mogisiken_table_tokyo_sokkuri_index .modal-body #page01-02-01 {
    width: 450px;
    height: 220px;
    left: 210px;
    top: 150px;
  }
  #mogisiken_table_tokyo_sokkuri_index #page01-03 {
    width: 240px;
    height: 428px;
    left: 30px;
    top: 180px;
  }
  #mogisiken_table_tokyo_sokkuri_index .modal-body #page01-03-01 {
    width: 290px;
    height: 40px;
    left: 263px;
    top: 70px;
  }
  #mogisiken_table_tokyo_sokkuri_index .modal-body #page01-03-02 {
    width: 45px;
    height: 250px;
    left: 263px;
    top: 110px;
  }
  #mogisiken_table_tokyo_sokkuri_index .modal-body #page01-03-03 {
    width: 40px;
    height: 40px;
    left: 330px;
    top: 190px;
  }
  #mogisiken_table_tokyo_sokkuri_index .modal-body #page01-03-04 {
    width: 53px;
    height: 258px;
    left: 550px;
    top: 70px;
  }
  #mogisiken_table_tokyo_sokkuri_index .modal-body #page01-03-05 {
    width: 53px;
    height: 38px;
    left: 550px;
    top: 325px;
  }
  #mogisiken_table_tokyo_sokkuri_index .modal-body #page01-03-05 + .popover .popover-content span::before {
    content: "";
    background: url(/common/img/mogisiken/table/backslash.png) right bottom no-repeat;
    width: 9px;
    height: 13px;
    display: inline-block;
    margin: 0 0 -2px;
  }
  #mogisiken_table_tokyo_sokkuri_index .modal-body #page01-03-06 {
    width: 340px;
    height: 45px;
    left: 263px;
    top: 360px;
  }
  #mogisiken_table_tokyo_sokkuri_index .modal-body #page01-03-07 {
    width: 340px;
    height: 45px;
    left: 263px;
    top: 405px;
  }
  #mogisiken_table_tokyo_sokkuri_index .modal-body #page01-03-08 {
    width: 340px;
    height: 70px;
    left: 263px;
    top: 580px;
  }
  #mogisiken_table_tokyo_sokkuri_index #page01-04 {
    width: 228px;
    height: 168px;
    left: 742px;
    top: 180px;
  }
  #mogisiken_table_tokyo_sokkuri_index .modal-body #page01-04-01 {
    width: 470px;
    height: 144px;
    left: 200px;
    top: 148px;
  }
  #mogisiken_table_tokyo_sokkuri_index .modal-body #page01-04-02 {
    width: 470px;
    height: 65px;
    left: 200px;
    top: 290px;
  }
  #mogisiken_table_tokyo_sokkuri_index #page01-05 {
    width: 275px;
    height: 75px;
    left: 30px;
    top: 615px;
  }
  #mogisiken_table_tokyo_sokkuri_index .modal-body #page01-05-01 {
    width: 590px;
    height: 170px;
    left: 140px;
    top: 175px;
  }
  #mogisiken_table_tokyo_sokkuri_index #page02-01 {
    width: 300px;
    height: 140px;
    left: 20px;
    top: 80px;
  }
  #mogisiken_table_tokyo_sokkuri_index .modal-body #page02-01-01 {
    width: 435px;
    height: 185px;
    left: 140px;
    top: 190px;
  }
  #mogisiken_table_tokyo_sokkuri_index .modal-body #page02-01-02 {
    width: 130px;
    height: 250px;
    left: 610px;
    top: 120px;
  }
  #mogisiken_table_tokyo_sokkuri_index #page03-01 {
    width: 480px;
    height: 192px;
    left: 16px;
    top: 38px;
  }
  #mogisiken_table_tokyo_sokkuri_index .modal-body #page03-01-01 {
    width: 110px;
    height: 305px;
    left: 258px;
    top: 108px;
  }
  #mogisiken_table_tokyo_sokkuri_index .modal-body #page03-01-02 {
    width: 35px;
    height: 305px;
    left: 415px;
    top: 108px;
  }
  #mogisiken_table_tokyo_sokkuri_index #page03-02 {
    width: 480px;
    height: 450px;
    left: 16px;
    top: 230px;
  }
  #mogisiken_table_tokyo_sokkuri_index .modal-body #page03-02-01 {
    width: 40px;
    height: 40px;
    left: 250px;
    top: 85px;
  }
  #mogisiken_table_tokyo_sokkuri_index .modal-body #page03-02-02 {
    width: 200px;
    height: 195px;
    left: 550px;
    top: 50px;
  }
  #mogisiken_table_tokyo_sokkuri_index .modal-body #page03-02-03 {
    width: 440px;
    height: 64px;
    left: 110px;
    top: 587px;
  }
  #mogisiken_table_tokyo_sokkuri_index .modal-body #page03-02-04 {
    width: 200px;
    height: 180px;
    left: 550px;
    top: 410px;
    z-index: 10;
  }
  #mogisiken_table_tokyo_sokkuri_index #page03-02-04 + .popover {
    max-width: 650px !important;
  }
  /* ============================================================ */
  /* 個人表の見方　都立自校作成校対策もぎ */
  /* ============================================================ */
  #mogisiken_table_tokyo_jikou_index {
    /* ページ01-モーダル部01
	---------------------------------------- */
    /* ページ01-モーダル部02
	---------------------------------------- */
    /* ページ01-モーダル部03
	---------------------------------------- */
    /* ページ02-モーダル部01
	---------------------------------------- */
    /* ページ04-モーダル部01
	---------------------------------------- */
    /* ページ04-モーダル部02
	---------------------------------------- */
  }
  #mogisiken_table_tokyo_jikou_index #page01-01 {
    width: 322px;
    height: 165px;
    left: 316px;
    top: 20px;
  }
  #mogisiken_table_tokyo_jikou_index .modal-body #page01-01-01 {
    width: 655px;
    height: 165px;
    left: 107px;
    top: 95px;
  }
  #mogisiken_table_tokyo_jikou_index .modal-body #page01-01-02 {
    width: 655px;
    height: 150px;
    left: 107px;
    top: 275px;
  }
  #mogisiken_table_tokyo_jikou_index #page01-02 {
    width: 305px;
    height: 80px;
    left: 663px;
    top: 107px;
  }
  #mogisiken_table_tokyo_jikou_index .modal-body #page01-02-01 {
    width: 620px;
    height: 155px;
    left: 124px;
    top: 183px;
  }
  #mogisiken_table_tokyo_jikou_index #page01-03 {
    width: 305px;
    height: 450px;
    left: 35px;
    top: 197px;
  }
  #mogisiken_table_tokyo_jikou_index .modal-body #page01-03-01 {
    width: 180px;
    height: 340px;
    left: 228px;
    top: 60px;
  }
  #mogisiken_table_tokyo_jikou_index .modal-body #page01-03-02 {
    width: 50px;
    height: 58px;
    left: 518px;
    top: 229px;
  }
  #mogisiken_table_tokyo_jikou_index .modal-body #page01-03-03 {
    width: 32px;
    height: 340px;
    left: 607px;
    top: 60px;
  }
  #mogisiken_table_tokyo_jikou_index .modal-body #page01-03-04 {
    width: 411px;
    height: 93px;
    left: 228px;
    top: 410px;
  }
  #mogisiken_table_tokyo_jikou_index #page02-01 {
    width: 300px;
    height: 137px;
    left: 17px;
    top: 88px;
  }
  #mogisiken_table_tokyo_jikou_index .modal-body #page02-01-01 {
    width: 435px;
    height: 185px;
    left: 140px;
    top: 190px;
  }
  #mogisiken_table_tokyo_jikou_index .modal-body #page02-01-02 {
    width: 130px;
    height: 250px;
    left: 610px;
    top: 120px;
  }
  #mogisiken_table_tokyo_jikou_index #page04-01 {
    width: 480px;
    height: 190px;
    left: 505px;
    top: 43px;
  }
  #mogisiken_table_tokyo_jikou_index .modal-body #page04-01-01 {
    width: 115px;
    height: 320px;
    left: 250px;
    top: 100px;
  }
  #mogisiken_table_tokyo_jikou_index .modal-body #page04-01-02 {
    width: 35px;
    height: 320px;
    left: 415px;
    top: 100px;
  }
  #mogisiken_table_tokyo_jikou_index #page04-02 {
    width: 480px;
    height: 450px;
    left: 505px;
    top: 235px;
  }
  #mogisiken_table_tokyo_jikou_index .modal-body #page04-02-01 {
    width: 200px;
    height: 190px;
    left: 550px;
    top: 50px;
  }
  #mogisiken_table_tokyo_jikou_index .modal-body #page04-02-02 {
    width: 200px;
    height: 150px;
    left: 550px;
    top: 397px;
  }
  /* ============================================================ */
  /* 個人表の見方　神奈川県入試そっくりもぎ */
  /* ============================================================ */
  #mogisiken_table_kanagawa_sokkuri_index {
    /* ページ01-モーダル部01
	---------------------------------------- */
    /* ページ01-モーダル部02
	---------------------------------------- */
    /* ページ01-モーダル部03
	---------------------------------------- */
    /* ページ01-モーダル部04
	---------------------------------------- */
    /* ページ01-モーダル部05
	---------------------------------------- */
    /* ページ02-モーダル部01
	---------------------------------------- */
    /* ページ03-モーダル部01
	---------------------------------------- */
    /* ページ03-モーダル部02
	---------------------------------------- */
  }
  #mogisiken_table_kanagawa_sokkuri_index #page01-01 {
    width: 346px;
    height: 150px;
    left: 290px;
    top: 20px;
  }
  #mogisiken_table_kanagawa_sokkuri_index .modal-body #page01-01-01 {
    width: 105px;
    height: 235px;
    left: 205px;
    top: 105px;
  }
  #mogisiken_table_kanagawa_sokkuri_index .modal-body #page01-01-02 {
    width: 85px;
    height: 235px;
    left: 707px;
    top: 105px;
  }
  #mogisiken_table_kanagawa_sokkuri_index .modal-body #page01-01-03 {
    width: 555px;
    height: 60px;
    left: 85px;
    top: 350px;
  }
  #mogisiken_table_kanagawa_sokkuri_index #page01-02 {
    width: 225px;
    height: 111px;
    left: 640px;
    top: 20px;
  }
  #mogisiken_table_kanagawa_sokkuri_index .modal-body #page01-02-01 {
    width: 460px;
    height: 220px;
    left: 205px;
    top: 150px;
  }
  #mogisiken_table_kanagawa_sokkuri_index #page01-03 {
    width: 240px;
    height: 415px;
    left: 30px;
    top: 190px;
  }
  #mogisiken_table_kanagawa_sokkuri_index .modal-body #page01-03-01 {
    width: 255px;
    height: 57px;
    left: 302px;
    top: 84px;
  }
  #mogisiken_table_kanagawa_sokkuri_index .modal-body #page01-03-02 {
    width: 45px;
    height: 250px;
    left: 260px;
    top: 135px;
  }
  #mogisiken_table_kanagawa_sokkuri_index .modal-body #page01-03-03 {
    width: 40px;
    height: 40px;
    left: 324px;
    top: 163px;
  }
  #mogisiken_table_kanagawa_sokkuri_index .modal-body #page01-03-04 {
    width: 60px;
    height: 287px;
    left: 552px;
    top: 84px;
  }
  #mogisiken_table_kanagawa_sokkuri_index .modal-body #page01-03-05 {
    width: 59px;
    height: 33px;
    left: 552px;
    top: 368px;
  }
  #mogisiken_table_kanagawa_sokkuri_index .modal-body #page01-03-05 + .popover .popover-content span::before {
    content: "";
    background: url(/common/img/mogisiken/table/backslash.png) right bottom no-repeat;
    width: 9px;
    height: 13px;
    display: inline-block;
    margin: 0 0 -2px;
  }
  #mogisiken_table_kanagawa_sokkuri_index .modal-body #page01-03-06 {
    width: 354px;
    height: 58px;
    left: 258px;
    top: 400px;
  }
  #mogisiken_table_kanagawa_sokkuri_index .modal-body #page01-03-07 {
    width: 355px;
    height: 128px;
    left: 257px;
    top: 455px;
  }
  #mogisiken_table_kanagawa_sokkuri_index .modal-body #page01-03-08 {
    width: 355px;
    height: 72px;
    left: 257px;
    top: 580px;
  }
  #mogisiken_table_kanagawa_sokkuri_index #page01-04 {
    width: 228px;
    height: 168px;
    left: 742px;
    top: 180px;
  }
  #mogisiken_table_kanagawa_sokkuri_index .modal-body #page01-04-01 {
    width: 470px;
    height: 144px;
    left: 200px;
    top: 148px;
  }
  #mogisiken_table_kanagawa_sokkuri_index .modal-body #page01-04-02 {
    width: 470px;
    height: 35px;
    left: 200px;
    top: 290px;
  }
  #mogisiken_table_kanagawa_sokkuri_index #page01-05 {
    width: 275px;
    height: 75px;
    left: 30px;
    top: 615px;
  }
  #mogisiken_table_kanagawa_sokkuri_index .modal-body #page01-05-01 {
    width: 570px;
    height: 150px;
    left: 150px;
    top: 185px;
  }
  #mogisiken_table_kanagawa_sokkuri_index #page02-01 {
    width: 300px;
    height: 130px;
    left: 18px;
    top: 90px;
  }
  #mogisiken_table_kanagawa_sokkuri_index .modal-body #page02-01-01 {
    width: 435px;
    height: 185px;
    left: 140px;
    top: 190px;
  }
  #mogisiken_table_kanagawa_sokkuri_index .modal-body #page02-01-02 {
    width: 130px;
    height: 250px;
    left: 610px;
    top: 120px;
  }
  #mogisiken_table_kanagawa_sokkuri_index #page03-01 {
    width: 480px;
    height: 194px;
    left: 16px;
    top: 48px;
  }
  #mogisiken_table_kanagawa_sokkuri_index .modal-body #page03-01-01 {
    width: 115px;
    height: 320px;
    left: 249px;
    top: 100px;
  }
  #mogisiken_table_kanagawa_sokkuri_index .modal-body #page03-01-02 {
    width: 35px;
    height: 320px;
    left: 415px;
    top: 100px;
  }
  #mogisiken_table_kanagawa_sokkuri_index #page03-02 {
    width: 480px;
    height: 450px;
    left: 15px;
    top: 239px;
  }
  #mogisiken_table_kanagawa_sokkuri_index .modal-body #page03-02-01 {
    width: 40px;
    height: 40px;
    left: 148px;
    top: 74px;
  }
  #mogisiken_table_kanagawa_sokkuri_index .modal-body #page03-02-02 {
    width: 410px;
    height: 180px;
    left: 120px;
    top: 455px;
  }
  #mogisiken_table_kanagawa_sokkuri_index .modal-body #page03-02-03 {
    width: 195px;
    height: 170px;
    left: 550px;
    top: 450px;
  }
  #mogisiken_table_kanagawa_sokkuri_index #page03-02-03 + .popover {
    max-width: 650px !important;
  }
  /* ============================================================ */
  /* 個人表の見方　特色検査もぎ */
  /* ============================================================ */
  #mogisiken_table_tokushoku_index {
    /* ページ01-モーダル部01
	---------------------------------------- */
    /* ページ01-モーダル部02
	---------------------------------------- */
    /* ページ01-モーダル部03
	---------------------------------------- */
    /* ページ01-モーダル部04
	---------------------------------------- */
  }
  #mogisiken_table_tokushoku_index #page01-01 {
    width: 202px;
    height: 134px;
    left: 532px;
    top: 66px;
  }
  #mogisiken_table_tokushoku_index .modal-body #page01-01-01 {
    width: 348px;
    height: 75px;
    left: 260px;
    top: 230px;
  }
  #mogisiken_table_tokushoku_index .modal-body #page01-01-02 {
    width: 348px;
    height: 70px;
    left: 260px;
    top: 305px;
  }
  #mogisiken_table_tokushoku_index #page01-02 {
    width: 217px;
    height: 330px;
    left: 736px;
    top: 66px;
  }
  #mogisiken_table_tokushoku_index .modal-body #page01-02-01 {
    width: 258px;
    height: 398px;
    left: 305px;
    top: 60px;
  }
  #mogisiken_table_tokushoku_index #page01-03 {
    width: 480px;
    height: 342px;
    left: 48px;
    top: 428px;
  }
  #mogisiken_table_tokushoku_index .modal-body #page01-03-01 {
    width: 610px;
    height: 35px;
    left: 130px;
    top: 102px;
  }
  #mogisiken_table_tokushoku_index .modal-body #page01-03-02 {
    width: 610px;
    height: 145px;
    left: 130px;
    top: 188px;
  }
  #mogisiken_table_tokushoku_index .modal-body #page01-03-03 {
    width: 610px;
    height: 142px;
    left: 130px;
    top: 333px;
  }
  #mogisiken_table_tokushoku_index #page01-04 {
    width: 426px;
    height: 342px;
    left: 527px;
    top: 428px;
  }
  #mogisiken_table_tokushoku_index .modal-body #page01-04-01 {
    width: 35px;
    height: 270px;
    left: 145px;
    top: 130px;
  }
  #mogisiken_table_tokushoku_index .modal-body #page01-04-02 {
    width: 260px;
    height: 28px;
    left: 145px;
    top: 432px;
  }
  #mogisiken_table_tokushoku_index .modal-body #page01-04-03 {
    width: 30px;
    height: 34px;
    left: 332px;
    top: 365px;
  }
  #mogisiken_table_tokushoku_index .modal-body #page01-04-04 {
    width: 86px;
    height: 213px;
    left: 633px;
    top: 273px;
  }
  /* ============================================================ */
  /* 個人表の見方　私立合格もぎ */
  /* ============================================================ */
  #mogisiken_table_shiritsu_gokaku_index {
    /* ページ01-モーダル部01
	---------------------------------------- */
    /* ページ01-モーダル部02
	---------------------------------------- */
    /* ページ01-モーダル部03
	---------------------------------------- */
    /* ページ01-モーダル部04
	---------------------------------------- */
    /* ページ02-モーダル部01
	---------------------------------------- */
    /* ページ02-モーダル部02
	---------------------------------------- */
    /* ページ02-モーダル部03
	---------------------------------------- */
  }
  #mogisiken_table_shiritsu_gokaku_index #page01-01 {
    width: 353px;
    height: 80px;
    left: 388px;
    top: 52px;
  }
  #mogisiken_table_shiritsu_gokaku_index .modal-body #page01-01-01 {
    width: 85px;
    height: 160px;
    left: 625px;
    top: 180px;
  }
  #mogisiken_table_shiritsu_gokaku_index .modal-body #page01-01-02 {
    width: 85px;
    height: 160px;
    left: 707px;
    top: 180px;
  }
  #mogisiken_table_shiritsu_gokaku_index #page01-02 {
    width: 224px;
    height: 78px;
    left: 744px;
    top: 53px;
  }
  #mogisiken_table_shiritsu_gokaku_index .modal-body #page01-02-01 {
    width: 450px;
    height: 150px;
    left: 210px;
    top: 185px;
  }
  #mogisiken_table_shiritsu_gokaku_index #page01-03 {
    width: 413px;
    height: 173px;
    left: 30px;
    top: 167px;
  }
  #mogisiken_table_shiritsu_gokaku_index .modal-body #page01-03-01 {
    width: 103px;
    height: 76px;
    left: 518px;
    top: 100px;
  }
  #mogisiken_table_shiritsu_gokaku_index .modal-body #page01-03-01 + .popover .popover-content span::before {
    content: "";
    background: url(/common/img/mogisiken/table/backslash.png) right bottom no-repeat;
    width: 9px;
    height: 13px;
    display: inline-block;
    margin: 0 0 -2px;
  }
  #mogisiken_table_shiritsu_gokaku_index .modal-body #page01-03-02 {
    width: 35px;
    height: 35px;
    left: 360px;
    top: 215px;
  }
  #mogisiken_table_shiritsu_gokaku_index .modal-body #page01-03-03 {
    width: 580px;
    height: 48px;
    left: 42px;
    top: 372px;
  }
  #mogisiken_table_shiritsu_gokaku_index .modal-body #page01-03-04 {
    width: 210px;
    height: 128px;
    left: 617px;
    top: 115px;
  }
  #mogisiken_table_shiritsu_gokaku_index #page01-04 {
    width: 120px;
    height: 283px;
    left: 848px;
    top: 142px;
  }
  #mogisiken_table_shiritsu_gokaku_index .modal-body #page01-04-01 {
    width: 238px;
    height: 575px;
    left: 315px;
    top: 60px;
  }
  #mogisiken_table_shiritsu_gokaku_index #page02-01 {
    width: 450px;
    height: 65px;
    left: 290px;
    top: 18px;
  }
  #mogisiken_table_shiritsu_gokaku_index .modal-body #page02-01-01 {
    width: 788px;
    height: 115px;
    left: 40px;
    top: 203px;
  }
  #mogisiken_table_shiritsu_gokaku_index #page02-02 {
    width: 314px;
    height: 288px;
    left: 343px;
    top: 84px;
  }
  #mogisiken_table_shiritsu_gokaku_index .modal-body #page02-02-01 {
    width: 195px;
    height: 595px;
    left: 470px;
    top: 50px;
  }
  #mogisiken_table_shiritsu_gokaku_index .modal-body #page02-02-02 {
    width: 42px;
    height: 595px;
    left: 710px;
    top: 50px;
  }
  #mogisiken_table_shiritsu_gokaku_index #page02-03 {
    width: 314px;
    height: 320px;
    left: 343px;
    top: 370px;
  }
  #mogisiken_table_shiritsu_gokaku_index .modal-body #page02-03-01 {
    width: 155px;
    height: 315px;
    left: 570px;
    top: 40px;
  }
  #mogisiken_table_shiritsu_gokaku_index .modal-body #page02-03-02 {
    width: 540px;
    height: 110px;
    left: 160px;
    top: 525px;
  }
  #mogisiken_table_shiritsu_gokaku_index #page02-03-02 + .popover {
    max-width: 650px !important;
  }
  /* ============================================================ */
  /* 充実した付録 */
  /* ============================================================ */
  #mogisiken_appendix_index .exam-ttl-block {
    position: relative;
  }
  #mogisiken_appendix_index .exam-ttl-block .btn--schedule {
    display: none;
    position: absolute;
    top: 5px;
    right: 0;
  }
  #mogisiken_appendix_index .appendix {
    padding: 30px 0;
    border-bottom: 1px solid #dcdcdc;
  }
  #mogisiken_appendix_index .appendix::after {
    content: '';
    display: table;
    clear: both;
  }
  #mogisiken_appendix_index .appendix__ttl__inner {
    margin-left: 230px;
  }
  #mogisiken_appendix_index .appendix__img {
    float: left;
    width: 200px;
  }
  #mogisiken_appendix_index .appendix__column {
    margin-left: 230px;
  }
  /* ============================================================ */
  /* 究極の解説 */
  /* ============================================================ */
  .kaisetu {
    height: auto;
    /* モーダル部基本設定
	---------------------------------------- */
    /* modal-header */
    /* modal-body */
    /* モーダル画像上のポップアップ部
	---------------------------------------- */
    /* ページ01
	---------------------------------------- */
    /* ページ02
	---------------------------------------- */
    /* ページ03
	---------------------------------------- */
    /* ページ03
	---------------------------------------- */
    /* ページ05
	---------------------------------------- */
  }
  .kaisetu .detailed {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    margin: 30px 0;
    color: #df4434;
    font-size: 4.0rem;
    line-height: 1.3;
  }
  .kaisetu .detailed::before {
    z-index: -1;
    content: '';
    border-color: #fae0dd transparent transparent;
    border-style: solid;
    border-width: 70px 220px 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .kaisetu .page_block {
    position: relative;
  }
  .kaisetu .page_block .modal_area {
    position: absolute;
    border: 3px solid #e72121;
    border-radius: 6px;
    box-sizing: border-box;
    background: rgba(230, 33, 33, 0);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  .kaisetu .page_block .modal_area:hover {
    background: rgba(230, 33, 33, 0.3);
  }
  .kaisetu .page_block .modal_area img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
  }
  .kaisetu .modal-dialog.wide {
    width: 900px;
  }
  .kaisetu .modal-header {
    padding: 10px 15px;
    background: #124883;
  }
  .kaisetu .close {
    font-size: 32px;
    color: #fff;
  }
  .kaisetu .modal-title {
    font-size: 24px;
    color: #fff;
  }
  .kaisetu .modal-body {
    position: relative;
  }
  .kaisetu .blue-box {
    border: 3px solid #213de7;
    border-radius: 3px;
    box-sizing: border-box;
    width: 30px;
    display: inline-block;
    height: 20px;
    margin: 0 5px;
    background: rgba(33, 61, 231, 0.3);
    position: relative;
    top: 4px;
  }
  .kaisetu .modal-body .modal-body-img {
    position: relative;
    margin: 0 0 20px;
  }
  .kaisetu .modal-body .modal-body-img img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
  }
  .kaisetu .modal-body .on_modal_area {
    display: block;
    position: absolute;
    border: 3px solid #213de7;
    border-radius: 6px;
    box-sizing: border-box;
    background: rgba(33, 61, 231, 0.3);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    cursor: help;
  }
  .kaisetu .modal-body .on_modal_area:hover {
    background: rgba(33, 61, 231, 0.1);
  }
  .kaisetu #page01-01 {
    width: 200px;
    height: 40px;
    left: 50px;
    top: 390px;
  }
  .kaisetu #page01-02 {
    width: 200px;
    height: 190px;
    left: 740px;
    top: 210px;
  }
  .kaisetu #page01-03 {
    width: 200px;
    height: 292px;
    left: 50px;
    top: 88px;
  }
  .kaisetu #page02-01 {
    width: 390px;
    height: 40px;
    left: 45px;
    top: 140px;
  }
  .kaisetu #page02-02 {
    width: 430px;
    height: 70px;
    left: 500px;
    top: 200px;
  }
  .kaisetu #page02-03 {
    width: 425px;
    height: 170px;
    left: 505px;
    top: 430px;
  }
  .kaisetu #page03-01 {
    width: 200px;
    height: 45px;
    left: 265px;
    top: 170px;
  }
  .kaisetu #page03-02 {
    width: 195px;
    height: 208px;
    left: 45px;
    top: 400px;
  }
  .kaisetu #page03-03 {
    width: 195px;
    height: 250px;
    left: 520px;
    top: 145px;
  }
  .kaisetu #page04-01 {
    width: 210px;
    height: 40px;
    left: 255px;
    top: 165px;
  }
  .kaisetu #page04-02 {
    width: 210px;
    height: 135px;
    left: 35px;
    top: 290px;
  }
  .kaisetu #page04-03 {
    width: 190px;
    height: 220px;
    left: 260px;
    top: 280px;
  }
  .kaisetu #page04-04 {
    width: 195px;
    height: 150px;
    left: 740px;
    top: 470px;
  }
  .kaisetu #page05-01 {
    width: 410px;
    height: 35px;
    left: 50px;
    top: 252px;
  }
  .kaisetu #page05-02 {
    width: 410px;
    height: 210px;
    left: 50px;
    top: 45px;
  }
  .kaisetu #page05-03 {
    width: 415px;
    height: 245px;
    left: 515px;
    top: 133px;
  }
  .kaisetu #page05-04 {
    width: 435px;
    height: 235px;
    left: 500px;
    top: 400px;
  }
  /* ============================================================ */
  /* 5科のポイントチェック */
  /* ============================================================ */
  .point_check {
    height: auto;
    /* モーダル部基本設定
	---------------------------------------- */
    /* page_japanese
	---------------------------------------- */
    /* page_mathematics
	---------------------------------------- */
    /* page_english
	---------------------------------------- */
    /* page_society
	---------------------------------------- */
    /* page_science
	---------------------------------------- */
  }
  .point_check .page_block {
    position: relative;
  }
  .point_check .page_block .modal_area {
    position: absolute;
    border: 3px solid #e72121;
    border-radius: 6px;
    box-sizing: border-box;
    background: rgba(231, 33, 33, 0.2);
    transition: 0.3s all;
  }
  .point_check .page_block .modal_area span {
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: block;
    color: #e72121;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.2;
    text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, -1px 1px 1px #fff, 2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff, -2px 2px 1px #fff;
  }
  .point_check .page_block .modal_area img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
  }
  .point_check .modal .modal-dialog.wide {
    width: 900px;
  }
  .point_check .modal .modal-header {
    padding: 10px 15px;
    background: #124883;
  }
  .point_check .modal .modal-header .close {
    font-size: 32px;
    color: #fff;
  }
  .point_check .modal .modal-body {
    position: relative;
    /* モーダル画像上のポップアップ部 */
  }
  .point_check .modal .modal-body .modal-body-img {
    position: relative;
    margin: 0 0 20px;
  }
  .point_check .modal .modal-body .modal-body-img img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
  }
  .point_check .modal .modal-body .on_modal_area {
    display: block;
    position: absolute;
    border: 3px solid #213de7;
    border-radius: 6px;
    box-sizing: border-box;
    background: rgba(33, 61, 231, 0.3);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    cursor: help;
  }
  .point_check .modal .modal-body .on_modal_area:hover {
    background: rgba(33, 61, 231, 0.1);
  }
  .point_check #page_japanese_01 {
    width: 785px;
    height: 210px;
    left: 100px;
    top: 16px;
  }
  .point_check #page_japanese_02 {
    width: 180px;
    height: 190px;
    left: 705px;
    top: 237px;
  }
  .point_check #page_japanese_03 {
    width: 547px;
    height: 194px;
    left: 150px;
    top: 237px;
  }
  .point_check #page_japanese_04 {
    width: 135px;
    height: 204px;
    left: 28px;
    top: 447px;
  }
  .point_check #page_japanese_05 {
    width: 498px;
    height: 204px;
    left: 277px;
    top: 447px;
  }
  .point_check #page_japanese_06 {
    width: 100px;
    height: 204px;
    left: 785px;
    top: 447px;
  }
  .point_check #page_mathematics_01 {
    width: 226px;
    height: 36px;
    left: 74px;
    top: 392px;
  }
  .point_check #page_mathematics_02 {
    width: 142px;
    height: 550px;
    left: 306px;
    top: 90px;
  }
  .point_check #page_mathematics_03 {
    width: 210px;
    height: 570px;
    left: 518px;
    top: 83px;
  }
  .point_check #page_mathematics_04 {
    width: 200px;
    height: 570px;
    left: 734px;
    top: 83px;
  }
  .point_check #page_english_01 {
    width: 204px;
    height: 108px;
    left: 247px;
    top: 175px;
  }
  .point_check #page_english_02 {
    width: 308px;
    height: 570px;
    left: 518px;
    top: 85px;
  }
  .point_check #page_english_03 {
    width: 276px;
    height: 62px;
    left: 540px;
    top: 3px;
  }
  .point_check #page_english_04 {
    width: 103px;
    height: 570px;
    left: 834px;
    top: 85px;
  }
  .point_check #page_society_01 {
    width: 420px;
    height: 140px;
    left: 30px;
    top: 508px;
  }
  .point_check #page_society_02 {
    width: 418px;
    height: 72px;
    left: 518px;
    top: 5px;
  }
  .point_check #page_science_01 {
    width: 416px;
    height: 200px;
    left: 26px;
    top: 72px;
  }
  .point_check #page_science_02 {
    width: 408px;
    height: 77px;
    left: 526px;
    top: 7px;
  }
  .point_check #page_science_03 {
    width: 262px;
    height: 260px;
    left: 209px;
    top: 278px;
  }
}

@media screen and (max-width: 736px) {
  /* ============================================================ */
  /* 基本設定 */
  /* ============================================================ */
  body {
    background: #f9f9f9;
  }
  body.menu-show {
    position: fixed;
    top: 0;
    left: 0;
  }
  #wrap {
    width: 100%;
    height: 100%;
    color: #333;
    font-family: 'ヒラギノ角ゴ W3 JIS2004', sans-serif;
    font-size: 1.4rem;
    line-height: 1.8;
    overflow-x: hidden;
  }
  .pc-view {
    display: none !important;
  }
  a {
    color: #124883;
  }
  /* ============================================================ */
  /* header */
  /* ============================================================ */
  header .header-inner-item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    min-height: 60px;
    padding: 5px 10px;
    background: url(/common/img/common/bg_texture.png) 0 0 repeat;
    line-height: 1;
  }
  header .header-inner-item .user-name {
    flex: 0 0 100%;
    margin: -3px 0 5px;
    font-size: 1rem;
    color: #fff;
    text-align: right;
    line-height: 1.2;
  }
  header .header-inner-item .btn-menu {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    color: #fff;
    text-align: center;
  }
  header .header-inner-item .btn-menu .icon-bars {
    font-size: 2rem;
  }
  header .header-inner-item .header-logo {
    flex: 1 0 auto;
    display: flex;
    margin: 0 10px;
  }
  header .header-inner-item .header-logo a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  header .header-inner-item .header-logo img {
    width: 186px;
  }
  header .header-inner-item .btn-mypage,
  header .header-inner-item .btn-login {
    flex: 0 0 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    margin: 0;
    background: #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    color: #124883;
    font-size: 1.2rem;
    border-radius: 2px;
  }
  header .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.8rem;
    border: 1px solid #fff;
    width: 34px;
    height: 34px;
    border-radius: 50%;
  }
  /* global-nav
----------------------------------------------------------- */
  .global-nav {
    position: fixed;
    top: -100%;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    padding: 60px 0 0;
    background: rgba(0, 0, 0, 0.85);
    color: #fff;
    overflow-y: auto;
    transition: 0.5s all;
    -webkit-overflow-scrolling: touch;
  }
  .global-nav__item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .global-nav__item:first-of-type {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  .global-nav__item__link {
    position: relative;
    display: block;
    padding: 15px 20px;
    color: #fff;
  }
  .global-nav__item__link .icon-pencil,
  .global-nav__item__link .icon-search {
    margin: 0 10px 0 0;
  }
  .global-nav__item__link .icon-angle-down {
    right: 15px;
    font-size: 1.6rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .global-nav__item__link--accordion.active .icon-angle-down::before {
    content: '\f106';
  }
  .global-nav__dropdown {
    display: none;
  }
  .global-nav__dropdown__spflex {
    display: flex;
  }
  .global-nav__dropdown__spflex > * {
    flex: 0 0 50%;
  }
  .global-nav__dropdown__inner {
    font-size: 1.3rem;
  }
  .global-nav__dropdown__inner:last-child {
    padding: 0 0 15px;
  }
  .global-nav__dropdown__title {
    margin: 15px 20px 5px;
  }
  .global-nav__dropdown__item {
    position: relative;
    display: block;
    padding: 5px 20px 5px 40px;
    color: #fff;
  }
  .global-nav__dropdown__item::before {
    left: 25px;
    content: '-';
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  body.gnav-show .global-nav {
    top: 0;
  }
  /* mypage-nav
----------------------------------------------------------- */
  .mypage-nav {
    position: fixed;
    top: -100%;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    padding: 60px 0 0;
    background: rgba(0, 0, 0, 0.85);
    transition: 0.5s all;
  }
  .mypage-nav__item {
    position: relative;
    display: flex;
    padding: 15px 20px 15px 30px;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .mypage-nav__item .icon-angle-right {
    left: 15px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .mypage-nav__item:first-of-type {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  body.mypage-show .mypage-nav {
    top: 0;
  }
  /* ============================================================ */
  /* contents */
  /* ============================================================ */
  .contents {
    margin: 0 15px 30px;
  }
  .contents__inner {
    margin: 0 0 30px;
  }
  .contents__inner #main-contents {
    margin: 0 0 50px;
  }
  .link-underline {
    color: #124883;
    text-decoration: underline;
  }
  .accordion {
    cursor: pointer;
  }
  .accordion-block,
  .accordion-block-sp {
    display: none;
  }
  .icon-stack {
    position: relative;
    display: inline-block;
    width: 1.5em;
    height: 1em;
  }
  .icon-stack > * {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  /* ============================================================ */
  /* 汎用スタイル */
  /* ============================================================ */
  /* --------------------------------------------------- */
  /* テキスト */
  /* --------------------------------------------------- */
  .lead {
    color: #124883;
    font-family: 'ヒラギノ角ゴ W6 JIS2004', sans-serif;
    font-size: 1.6rem;
  }
  p {
    margin-bottom: 25px;
  }
  footer p,
  #side p {
    margin-bottom: 0;
  }
  em {
    font-family: 'ヒラギノ角ゴ W6 JIS2004', sans-serif;
  }
  strong {
    color: #de2e25;
    font-family: 'ヒラギノ角ゴ W6 JIS2004', sans-serif;
  }
  .indent {
    display: table;
  }
  .indent > span:first-child {
    display: table-cell;
  }
  .link-underline {
    color: #124883;
    text-decoration: underline;
  }
  /* --------------------------------------------------- */
  /* 見出し */
  /* --------------------------------------------------- */
  .ttl01 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 150px;
    background-image: url(/common/img/common/bg_visual.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
  .ttl01__text {
    color: #fff;
    font-family: 'ヒラギノ角ゴ W6 JIS2004';
    font-size: 2.4rem;
    text-align: center;
    line-height: 1.2;
  }
  .ttl01__text::after {
    display: block;
    content: attr(data-text);
    margin: 10px 0 0;
    color: #7196be;
    font-family: Arial, Helvetica," sans-serif";
    font-size: 1.2rem;
  }
  .juku-search .ttl01 {
    background-image: url(/common/img/juku-search/bg_visual.png);
  }
  .school-search .ttl01 {
    background-image: url(/common/img/school-search/bg_visual.png);
  }
  .knowledge .ttl01 {
    background-image: url(/common/img/knowledge/bg_visual.png);
  }
  .mogisiken .ttl01 {
    background-image: url(/common/img/mogisiken/bg_visual.png);
  }
  .application .ttl01 {
    background-image: url(/common/img/application/bg_visual.png);
  }
  .ttl02 {
    margin: 0 0 20px;
    color: #124883;
    font-size: 2rem;
    line-height: 1.5;
  }
  .ttl03 {
    position: relative;
    margin: 0 0 20px;
    padding: 15px;
    background: #124883;
    border-bottom: 3px solid #dcdcdc;
    color: #ffffff;
    font-family: 'ヒラギノ角ゴ W6 JIS2004', sans-serif;
    font-size: 1.8rem;
    line-height: 1.5;
    border-radius: 3px 3px 0 0;
    /*
	&::before,
	&::after {
		position: absolute;
		left: 0;
		top: -3px;
		content: '';
		border-top-width: 3px;
		border-top-style: solid;
	}
	&::before {
		width: 100px;
		border-top-color: #3f90bb;
	}
	&::after {
		width: 50px;
		border-top-color: $baseColor;
	}
	*/
  }
  .ttl03.accordion {
    position: relative;
    padding-right: 30px;
  }
  .ttl03.accordion .icon-plus {
    right: 15px;
    color: #fff;
    font-size: 1.6rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .ttl03.accordion:hover {
    opacity: 0.7;
  }
  .ttl03.accordion--active .icon-plus::before {
    content: "\f068";
    font-family: 'icomoon';
  }
  .ttl04 {
    margin: 0 0 20px;
    padding: 10px 15px;
    background: #ededed;
    border: 1px solid #dcdcdc;
    color: #124883;
    font-size: 1.6rem;
    line-height: 1.5;
    border-radius: 3px;
  }
  .ttl04.accordion {
    position: relative;
    padding-right: 30px;
  }
  .ttl04.accordion .icon-plus {
    right: 15px;
    font-size: 1.6rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .ttl04.accordion:hover {
    opacity: 0.7;
  }
  .ttl04.accordion--active .icon-plus::before {
    content: "\f068";
    font-family: 'icomoon';
  }
  .ttl04 .square-number {
    flex: 0 0 24px;
    height: 24px;
    margin: 0 10px 0 0;
    background: #124883;
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
    line-height: 24px;
    border-radius: 2px;
  }
  .ttl05 {
    margin: 0 0 20px;
    padding: 0 0 10px;
    border-bottom: 1px solid #dcdcdc;
    color: #0e4580;
    font-family: 'ヒラギノ角ゴ W6 JIS2004';
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .ttl05.accordion {
    position: relative;
  }
  .ttl05.accordion .icon-plus {
    right: 15px;
    font-size: 1.6rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .ttl05.accordion:hover {
    opacity: 0.7;
  }
  .ttl05.accordion--active .icon-plus::before {
    content: "\f068";
    font-family: 'icomoon';
  }
  .ttl06 {
    margin: 0 0 10px;
    color: #ff9600;
    font-family: 'ヒラギノ角ゴ W6 JIS2004';
    font-size: 1.6rem;
    line-height: 1.5;
  }
  /* --------------------------------------------------- */
  /* カラム制御 */
  /* --------------------------------------------------- */
  /* 複数カラム
/* --------------------------------------------------- */
  .column {
    display: flex;
    flex-wrap: wrap;
  }
  .column > * {
    margin-bottom: 15px;
  }
  .column > * * {
    max-width: 100%;
  }
  .column > * img {
    outline: 1px solid transparent;
  }
  .column2 {
    margin-left: -1.5%;
    margin-right: -1.5%;
  }
  .column2 > * {
    margin-left: 1.5%;
    margin-right: 1.5%;
    width: 47%;
  }
  .column3 {
    margin-left: -1%;
    margin-right: -1%;
  }
  .column3 > * {
    margin-left: 1%;
    margin-right: 1%;
    width: 31%;
  }
  .column4 {
    margin-left: -1.5%;
    margin-right: -1.5%;
  }
  .column4 > * {
    margin-left: 1.5%;
    margin-right: 1.5%;
    width: 47%;
  }
  .column5 {
    margin-left: -1%;
    margin-right: -1%;
  }
  .column5 > * {
    margin-left: 1%;
    margin-right: 1%;
    width: 31%;
  }
  .column-middile {
    align-items: center;
  }
  .column-panel > * {
    background: #fff;
    border: 1px solid #dcdcdc;
    box-shadow: 0 1px 0 #e8e8e8;
  }
  .column-panel > *:not(.article-block) *:not(img):not(a) {
    margin: 10px 15px;
  }
  .sp-column1 {
    margin-left: 0;
    margin-right: 0;
  }
  .sp-column1 > * {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  /* 幅指定カラム
------------------------------------------------------------ */
  .flex-column {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .flex-column > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .flex-column > *:not(:last-child) {
    margin-bottom: 20px;
  }
  .flex-column > * img {
    display: block;
    margin: 0 auto;
  }
  .flex-column > * * {
    max-width: 100%;
  }
  /* 画像回り込みカラム
------------------------------------------------------------ */
  .float::after {
    display: block;
    content: "";
    clear: both;
  }
  .float--left .float__item {
    float: left;
    margin: 0 20px 20px 0;
    text-align: center;
    max-width: 50%;
  }
  .float--left .float__item * {
    max-width: 100%;
  }
  .float--right .float__item {
    float: right;
    margin: 0 0 20px 20px;
    text-align: center;
    max-width: 50%;
  }
  .float--right .float__item * {
    max-width: 100%;
  }
  /* column-count
------------------------------------------------------------ */
  .column-count2 {
    -webkit-column-count: 2;
            column-count: 2;
  }
  .column-count3 {
    -webkit-column-count: 3;
            column-count: 3;
  }
  .column-count4 {
    -webkit-column-count: 4;
            column-count: 4;
  }
  /* --------------------------------------------------- */
  /* リスト */
  /* --------------------------------------------------- */
  .list {
    list-style-type: none;
  }
  .list > * {
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px;
  }
  .list > *::before {
    content: "";
    width: 6px;
    height: 6px;
    display: block;
    position: absolute;
    top: 0.7em;
    left: 5px;
  }
  .list--circle > *::before {
    width: 6px;
    height: 6px;
    border-radius: 100%;
  }
  .list--blue > *::before {
    background: #124883;
  }
  .list--black > *::before {
    background: #333;
  }
  .list--decimal {
    list-style: decimal outside;
    margin: 0 0 15px 20px;
  }
  .list--decimal > * {
    padding-left: 0;
  }
  /* --------------------------------------------------- */
  /* box */
  /* --------------------------------------------------- */
  .box {
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
  }
  .box--border-white {
    border: 1px solid #fff;
  }
  .box--border-gray {
    border: 1px solid #dcdcdc;
  }
  .box--border-blue {
    border: 1px solid #124883;
  }
  .box p:last-of-type {
    margin-bottom: 0;
  }
  /* --------------------------------------------------- */
  /* iframe */
  /* --------------------------------------------------- */
  .iframe {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
  }
  .iframe > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* --------------------------------------------------- */
  /* table */
  /* --------------------------------------------------- */
  table,
  .table {
    width: 100%;
    border: 1px solid #dcdcdc;
    table-layout: fixed;
    font-size: 1.2rem;
    line-height: 1.6;
    word-break: break-all;
    word-wrap: break-word;
  }
  table th,
  table td,
  .table th,
  .table td {
    padding: 10px;
    background: #fff;
    border: 1px solid #dcdcdc;
    text-align: left;
    vertical-align: middle;
  }
  table--thin th,
  table--thin td,
  .table--thin th,
  .table--thin td {
    font-size: 1.2rem;
    padding: 5px 5px;
  }
  table th,
  table .bg-gray,
  .table th,
  .table .bg-gray {
    background: #efefef;
  }
  table thead th,
  table .bg-blue,
  table #main .tablelist .th01,
  .table thead th,
  .table .bg-blue,
  .table #main .tablelist .th01 {
    background: #dfeafb;
  }
  .table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-wrap table {
    table-layout: auto;
  }
  .table-wrap table th,
  .table-wrap table td {
    width: auto;
    white-space: nowrap;
  }
  /* table-column2
------------------------------------------------------------ */
  .table-column2 th,
  .table-column2 td {
    display: block;
    padding: 15px;
    border: none;
    border-top: 1px solid #dcdcdc;
  }
  .table-column2 tr:first-child th {
    border-top: none;
  }
  /* table-wide
------------------------------------------------------------ */
  .table-wide {
    border: none;
    display: block;
  }
  .table-wide th,
  .table-wide td {
    display: block;
    padding: 5px 8px;
    border-bottom: none;
    border-right: none;
    text-align: center;
  }
  .table-wide th {
    width: auto;
    text-align: left;
  }
  .table-wide thead {
    display: block;
    float: left;
    overflow-x: scroll;
  }
  .table-wide thead th {
    border-left: 1px solid #dcdcdc;
  }
  .table-wide tbody {
    display: block;
    width: auto;
    overflow-x: auto;
    white-space: nowrap;
  }
  .table-wide tbody tr {
    display: inline-block;
    margin: 0 -3px;
  }
  .table-wide tbody tr:last-child th,
  .table-wide tbody tr:last-child td {
    border-right: 1px solid #dcdcdc;
  }
  .table-wide thead th:first-child,
  .table-wide tbody th {
    border-top: 1px solid #dcdcdc;
  }
  .table-wide thead th:last-child,
  .table-wide tbody td:last-child {
    border-bottom: 1px solid #dcdcdc;
  }
  /* table-list
------------------------------------------------------------ */
  .table-list {
    border: none;
  }
  .table-list tr {
    display: block;
    margin: 0 0 20px;
  }
  .table-list th {
    display: block;
  }
  .table-list td {
    display: list-item;
    margin: 0 0 0 20px;
    padding: 5px 0 0;
    border: none;
    background: none;
  }
  /* table-horizontal
------------------------------------------------------------ */
  .table-horizontal {
    display: flex;
    border: none;
    border-top: 1px solid #dcdcdc;
  }
  .table-horizontal thead,
  .table-horizontal tbody {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
  }
  .table-horizontal thead tr,
  .table-horizontal tbody tr {
    display: flex;
    flex-direction: column;
  }
  .table-horizontal thead th,
  .table-horizontal thead td,
  .table-horizontal tbody th,
  .table-horizontal tbody td {
    border-top: none;
  }
  .table-horizontal tbody td {
    border-left: none;
  }
  /* data-table
------------------------------------------------------------ */
  .data-table__year {
    width: 30%;
    text-align: center;
  }
  .data-table__grade {
    width: 15%;
    text-align: center;
  }
  .data-table tr:nth-child(2n+1) td {
    background: #f8f8f8;
  }
  /* --------------------------------------------------- */
  /* btn */
  /* --------------------------------------------------- */
  .btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    margin: 10px 0;
    padding: 0 15px;
    text-align: center;
    line-height: 1.4;
    border-radius: 3px;
  }
  .btn [class^="icon-"]:first-child {
    margin: 0 10px 0 0;
  }
  .btn [class^="icon-"]:last-child {
    margin: 0 0 0 10px;
  }
  .btn--blue {
    background: #124883;
    border: 1px solid #124883;
    box-shadow: 0 2px 0 #0b294b;
    color: #fff;
  }
  .btn--blue:hover {
    color: #fff;
  }
  .btn--light-blue {
    background: #1a8ec4;
    border: 1px solid #1a8ec4;
    box-shadow: 0 2px 0 #126389;
    color: #fff;
  }
  .btn--red {
    background: #de2e25;
    border: 1px solid #de2e25;
    box-shadow: 0 2px 0 #a31912;
    color: #fff;
  }
  .btn--orange {
    background: #ff9600;
    border: 1px solid #ff9600;
    box-shadow: 0 2px 0 #bb5901;
    color: #fff;
  }
  .btn--blue {
    background: #124883;
    border: 1px solid #124883;
    box-shadow: 0 2px 0 #0b294b;
    color: #fff;
  }
  .btn--yellow {
    background: #f7ce11;
    border: 1px solid #f7ce11;
    box-shadow: 0 2px 0 #d2af0e;
    color: #333;
  }
  .btn--gray {
    background: #dcdcdc;
    border: 1px solid #dcdcdc;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    color: #333;
  }
  .btn--sm {
    display: inline-flex;
    width: auto;
    min-width: inherit;
    height: auto;
    padding: 5px 10px;
    font-size: 1.2rem;
    line-height: 1.2;
  }
  .btn--circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
  }
  input[type="button"].btn,
  input[type="submit"].btn {
    display: block;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  /* --------------------------------------------------- */
  /* pager */
  /* --------------------------------------------------- */
  .pager {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px 0 0;
  }
  .pager li {
    margin: 0 3px 10px;
  }
  .pager li * {
    display: block;
    padding: 5px 12px;
    background: #fff;
    border: 1px solid #124883;
    color: #124883;
    border-radius: 3px;
  }
  .pager li *.current {
    background: #124883;
    color: #fff;
    opacity: 1;
  }
  .pager__prev {
    position: absolute;
    left: 0;
  }
  .pager__next {
    position: absolute;
    right: 0;
  }
  /* --------------------------------------------------- */
  /* form */
  /* --------------------------------------------------- */
  .label-must {
    display: inline-block;
    right: 5px;
    padding: 5px;
    background: #f7ce11;
    color: #333;
    font-size: 1rem;
    line-height: 1;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  input[type="text"],
  input[type="password"] {
    height: 40px;
    padding: 0 10px;
    border: 1px solid #dcdcdc;
    color: #333;
    font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, " sans-serif";
    font-size: 1.6rem;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 0px;
  }
  .textarea {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 0px;
    min-height: 200px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    padding: 10px;
    font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, " sans-serif";
    font-size: 1.6rem;
  }
  .selectbox {
    position: relative;
    height: 40px;
    background: #fff;
    border: 1px solid #dcdcdc;
    cursor: pointer;
  }
  .selectbox::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    content: '';
    width: 40px;
    background: #124883;
    pointer-events: none;
  }
  .selectbox::after {
    position: absolute;
    top: 50%;
    right: 13px;
    content: "\f107";
    font-family: 'icomoon';
    color: #fff;
    font-size: 2.0rem;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .selectbox select {
    width: 100%;
    height: 38px;
    padding: 0 10px;
    color: #333;
    font-size: 1.6rem;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  /* radio
----------------------------------------------------------- */
  .radio input[type="radio"] {
    display: none;
  }
  .radio input[type="radio"] + span {
    position: relative;
    display: block;
    padding: 0 0 0 25px;
    cursor: pointer;
    color: #333;
    font-size: 1.6rem;
  }
  .radio input[type="radio"] + span::before, .radio input[type="radio"] + span::after {
    position: absolute;
    top: 50%;
    content: '';
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .radio input[type="radio"] + span::before {
    left: 0;
    background: #fff;
    border: 2px solid #d2d2d2;
    width: 14px;
    height: 14px;
    border-radius: 50%;
  }
  .radio input[type="radio"] + span::after {
    left: 5px;
    background: #124883;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    opacity: 0;
  }
  .radio input[type="radio"]:checked + span::after {
    opacity: 1;
  }
  .radio.btn--light-blue span {
    color: #fff !important;
  }
  .radio.btn--light-blue input[type="radio"] + span::after {
    background: #1a8ec4;
  }
  .radio.btn--light-blue:hover span {
    color: #fff !important;
  }
  /* checkbox
----------------------------------------------------------- */
  .checkbox input[type="checkbox"] {
    display: none;
  }
  .checkbox input[type="checkbox"] + span {
    position: relative;
    padding: 0 0 0 25px;
    color: #333;
    cursor: pointer;
  }
  .checkbox input[type="checkbox"] + span::before, .checkbox input[type="checkbox"] + span::after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .checkbox input[type="checkbox"] + span::before {
    left: 0;
    content: '';
    width: 14px;
    height: 14px;
    background: #fff;
    border: 2px solid #d2d2d2;
  }
  .checkbox input[type="checkbox"] + span::after {
    left: 2px;
    content: "\f00c";
    color: #124883;
    font-family: 'icomoon';
    font-size: 1.6rem;
    opacity: 0;
  }
  .checkbox input[type="checkbox"]:checked + span::after {
    opacity: 1;
  }
  .checkbox.btn--blue span {
    color: #fff !important;
  }
  /* --------------------------------------------------- */
  /* flow-vertical */
  /* --------------------------------------------------- */
  .flow-vertical__item:not(:last-child) {
    position: relative;
    margin: 0 0 35px;
  }
  .flow-vertical__item:not(:last-child)::after {
    bottom: -30px;
    content: "\f078";
    color: #35659a;
    font-family: 'icomoon';
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  .flow-vertical__item__title {
    padding: 10px 15px;
    background: #fff;
    line-height: 1.5;
    border-radius: 3px;
  }
  .flow-vertical__item__title--bg-red {
    background: #de2e25;
    color: #fff;
    font-family: 'ヒラギノ角ゴ W6 JIS2004';
  }
  .flow-vertical__item__text {
    margin: 15px 0;
    font-size: 1.3rem;
  }
  /* --------------------------------------------------- */
  /* flow-diagram */
  /* --------------------------------------------------- */
  .flow-diagram {
    display: flex;
    margin: 0 0 40px;
  }
  .flow-diagram__item {
    position: relative;
    flex: 1 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    margin: 0 14px 0 0;
    background: #fff;
    text-align: center;
    line-height: 1.4;
    counter-increment: flow;
  }
  .flow-diagram__item::before, .flow-diagram__item::after {
    content: '';
    border-color: transparent;
    border-style: solid;
    border-width: 25px 0 25px 10px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .flow-diagram__item::before {
    left: -10px;
    border-top-color: #fff;
    border-bottom-color: #fff;
  }
  .flow-diagram__item::after {
    right: -10px;
    border-left-color: #fff;
  }
  .flow-diagram__item:first-child::before {
    display: none;
  }
  .flow-diagram__item__text {
    font-size: 1.2rem;
  }
  .flow-diagram__item__text::before {
    display: block;
    color: #ff9600;
    font-family: Arial, Helvetica," sans-serif";
    font-size: 1rem;
    font-weight: bold;
    content: "STEP" counter(flow);
  }
  .flow-diagram__item--active {
    background: #124883;
    color: #fff;
  }
  .flow-diagram__item--active::before {
    border-top-color: #124883;
    border-bottom-color: #124883;
  }
  .flow-diagram__item--active::after {
    border-left-color: #124883;
  }
  .flow-diagram__item--active .flow-diagram__item__text::before {
    color: #fff100;
  }
  /* --------------------------------------------------- */
  /* label */
  /* --------------------------------------------------- */
  .label {
    width: 60px;
    height: 25px;
    margin: 0;
    border-width: 1px;
    border-style: solid;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    line-height: 25px;
    border-radius: 2px;
  }
  .label--gray {
    border-color: #dcdcdc;
    background: #ededed;
    color: #333;
  }
  .label--orange {
    border-color: #ff9600;
    background: #ff9600;
  }
  .label--blue {
    border-color: #124883;
    background: #124883;
  }
  .label--red {
    border-color: #de2e25;
    background: #de2e25;
  }
  .label--kokuritsu, .label--koritsu, .label--shiritsu, .label--danshi, .label--joshi, .label--kyogaku {
    width: 25px;
    border: none;
    font-size: 1.2rem;
  }
  .label--kokuritsu {
    background: #377abe;
  }
  .label--koritsu {
    background: #87c341;
  }
  .label--shiritsu {
    background: #ff9600;
  }
  .label--danshi {
    background: #4cb3d5;
  }
  .label--joshi {
    background: #ea4993;
  }
  .label--kyogaku {
    background: #079798;
  }
  /* --------------------------------------------------- */
  /* link-list */
  /* --------------------------------------------------- */
  .link-list__item {
    padding: 15px 0;
    border-bottom: 1px solid #dcdcdc;
  }
  .link-list__item:first-child {
    padding-top: 0;
  }
  .link-list__item__inner {
    position: relative;
    display: flex;
    align-items: center;
  }
  .link-list__item__inner > * {
    margin: 0 15px 0 0;
  }
  .link-list__item__inner .icon-chevron-right {
    right: 10px;
    margin: 0;
    color: #124883;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .link-list__item--has-child {
    padding: 15px 0 0 0;
  }
  .link-list__item--has-child > .link-list__item__inner {
    margin-bottom: 10px;
  }
  .link-list__item .accordion.accordion--active .icon-plus::before {
    content: "\f068";
  }
  .link-list-inner {
    background: #e7ecf2;
    margin: 0 -5px;
  }
  .link-list-inner__item {
    padding: 15px 5px 15px 10px;
    border-bottom: 1px solid #dcdcdc;
  }
  .link-list-inner__item:last-child {
    border: none;
  }
  /* --------------------------------------------------- */
  /* footer-menu */
  /* --------------------------------------------------- */
  .footer-menu {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    border-radius: 4px;
  }
  .footer-menu__item {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 50%;
    height: 95px;
    margin: 15px 0 0;
    padding: 0 0 10px;
    background: #124883;
    border-top: 1px solid #124883;
    border-bottom: 1px solid #124883;
    color: #fff;
    text-align: center;
    line-height: 1.2;
  }
  .footer-menu__item:nth-child(2n+1) {
    border-radius: 4px 0 0 4px;
    border-left: 1px solid #124883;
  }
  .footer-menu__item:nth-child(2n) {
    border-left: 1px solid #26588f;
    border-right: 1px solid #124883;
    border-radius: 0 4px 4px 0;
  }
  .footer-menu__item:nth-child(-n+2) {
    margin-top: 0;
  }
  .footer-menu__item__icon {
    top: -5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #35659a;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    color: #fff;
    font-size: 1.8rem;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  .footer-menu__item__icon::after {
    bottom: -6px;
    content: '';
    border-color: #35659a transparent transparent;
    border-style: solid;
    border-width: 10px 7px 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  .footer-menu__item__text {
    font-family: 'ヒラギノ角ゴ W6 JIS2004';
    font-size: 1.4rem;
  }
  .footer-menu__item__text::after {
    display: block;
    content: attr(data-text);
    margin: 5px 0 0;
    color: #7196be;
    font-size: 1rem;
    font-family: Arial, Helvetica," sans-serif";
    font-weight: bold;
  }
  /* --------------------------------------------------- */
  /* topic-path */
  /* --------------------------------------------------- */
  .topic-path {
    margin: 0 0 25px;
    border-bottom: 1px solid #dcdcdc;
  }
  .topic-path__block {
    display: flex;
    height: 40px;
    padding: 0 10px;
    font-size: 1rem;
    line-height: 1.3;
  }
  .topic-path__item {
    position: relative;
    display: flex;
    align-items: center;
  }
  .topic-path__item:not(:last-child) {
    margin: 0 22px 0 0;
  }
  .topic-path__item:not(:last-child)::before, .topic-path__item:not(:last-child)::after {
    position: absolute;
    top: 0;
    content: '';
    border-color: transparent;
    border-style: solid;
    border-width: 20px 0 20px 11px;
  }
  .topic-path__item:not(:last-child)::before {
    right: -15px;
    border-left-color: #dcdcdc;
  }
  .topic-path__item:not(:last-child)::after {
    right: -14px;
    border-left-color: #f9f9f9;
  }
  /* --------------------------------------------------- */
  /* local_nav */
  /* --------------------------------------------------- */
  .local-nav {
    margin: 0 0 20px;
    background: #fff;
    border: 1px solid #dcdcdc;
    box-shadow: 0 0 7px rgba(215, 215, 215, 0.35);
  }
  .local-nav__title {
    position: relative;
    padding: 30px 0 20px;
    color: #124883;
    font-size: 2rem;
    text-align: center;
    line-height: 1.4;
  }
  .local-nav__title::before {
    top: 0;
    content: '';
    width: 180px;
    border-top: 2px solid #124883;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  .local-nav__title::after {
    display: block;
    content: attr(data-text);
    margin: 5px 0 0;
    color: #7196be;
    font-family: Arial, Helvetica," sans-serif";
    font-size: 1rem;
  }
  .local-nav__item {
    position: relative;
    display: block;
    padding: 10px 30px 10px 15px;
    border-top: 1px solid #dcdcdc;
  }
  .local-nav__item .icon-angle-right {
    right: 10px;
    color: #a7a7a7;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .local-nav__item:hover {
    opacity: 1;
    background: #7196be;
    color: #fff;
  }
  .local-nav__item:hover .icon-angle-right {
    color: #fff;
  }
  /* --------------------------------------------------- */
  /* local-nav2 */
  /* --------------------------------------------------- */
  .local-nav2 {
    margin: 0 0 20px;
    border: 1px solid #124883;
  }
  .local-nav2__title {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
    background: #124883;
    color: #fff;
    font-size: 2rem;
    text-align: center;
    line-height: 1.4;
  }
  .local-nav2__item {
    display: flex;
    align-items: center;
    padding: 10px 15px 10px 12px;
    background: #fff;
  }
  .local-nav2__item:not(:last-child) {
    border-bottom: 1px solid #dcdcdc;
  }
  .local-nav2__item__icon {
    flex: 0 0 auto;
    width: 30px;
    margin: 0 10px 0 0;
  }
  .local-nav2__item__text {
    flex: 1 1 auto;
  }
  .local-nav2__item .icon-angle-right {
    color: #124883;
  }
  .local-nav2__item:hover {
    background: #cce0f0;
    opacity: 1;
  }
  /* --------------------------------------------------- */
  /* side-bnr */
  /* --------------------------------------------------- */
  .side-bnr__item {
    display: block;
  }
  .side-bnr__item:not(:last-child) {
    margin: 0 0 10px;
  }
  .side-bnr__item img {
    width: 100%;
  }
  /* --------------------------------------------------- */
  /* お申込み*/
  /* venue-block */
  /* --------------------------------------------------- */
  .venue-block {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 15px;
    background: #fff;
    border: 1px solid #dcdcdc;
    line-height: 1.4;
  }
  .venue-block:not(:last-child) {
    margin: 0 0 20px;
  }
  .venue-block__text {
    flex: 1 1 60%;
  }
  .venue-block__text__number {
    margin: 0 0 5px;
    color: #124883;
    font-family: 'ヒラギノ角ゴ W6 JIS2004';
    font-style: 1.4rem;
  }
  .venue-block__text__title {
    font-family: 'ヒラギノ角ゴ W6 JIS2004';
  }
  .venue-block__text__access {
    display: flex;
    align-items: center;
  }
  .venue-block__text__access__text {
    margin: 0;
    font-size: 1.2rem;
  }
  .venue-block__icon {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .venue-block__icon__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 0 0 0 5px;
    padding: 5px;
    background: #f8f8f8;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
  }
  .venue-block__btn {
    flex: 0 0 100%;
    padding: 10px 0 0;
  }
  /* --------------------------------------------------- */
  /* 申込履歴 */
  /* history-list */
  /* --------------------------------------------------- */
  .history-list__item {
    display: flex;
    align-items: center;
    padding: 15px 0 15px 5px;
    border-bottom: 1px solid #dcdcdc;
    line-height: 1.4;
  }
  .history-list__item:first-child {
    padding-top: 0;
  }
  .history-list__item__text {
    flex: 1 1 auto;
    margin: 0 15px 0 0;
  }
  .history-list__item__text > *:not(:last-child) {
    margin-bottom: 5px;
  }
  .history-list__item__text__time {
    display: block;
    font-size: 1.3rem;
  }
  .history-list__item__btn {
    flex: 0 0 auto;
    margin: 0 0 0 15px;
  }
  .history-list__item__btn button[class^="btn"] {
    display: -webkit-box;
    display: -moz-box;
  }
  .history-list__item .btn {
    width: 90px;
    height: 36px;
    padding: 0;
    font-size: 1.2rem;
  }
  .history-list__item .btn:first-child {
    margin-top: 0;
  }
  .history-list__item .btn:last-child {
    margin-bottom: 0;
  }
  /* --------------------------------------------------- */
  /* 申込履歴・キャンセル確認 */
  /* confirm-cancel */
  /* --------------------------------------------------- */
  .confirm-cancel__lead {
    color: #124883;
    font-family: 'ヒラギノ角ゴ W6 JIS2004' !important;
    font-size: 1.6rem;
    text-align: center;
    line-height: 1.5;
  }
  .confirm-cancel__btn {
    display: flex;
    flex-direction: column-reverse;
    margin: 10px 0 0;
  }
  /* --------------------------------------------------- */
  /* 学校検索・検索結果一覧*/
  /* school-result-list*/
  /* --------------------------------------------------- */
  .school-result-list {
    border-top: 1px solid #dcdcdc;
  }
  .school-result-list__item {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    padding: 15px 5px;
    border-bottom: 1px solid #dcdcdc;
  }
  .school-result-list__item__name {
    order: 1;
    flex: 0 0 60%;
    font-family: 'ヒラギノ角ゴ W6 JIS2004';
    font-size: 1.6rem;
  }
  .school-result-list__item__area {
    order: 3;
    flex: 0 0 60%;
    margin: 0 0 5px;
    font-size: 1.2rem;
  }
  .school-result-list__item__kubun, .school-result-list__item__hensachi {
    flex: 0 0 40%;
    font-size: 1.2rem;
  }
  .school-result-list__item__kubun::before, .school-result-list__item__hensachi::before {
    display: inline-block;
    width: 3em;
    margin: 0 8px 0 0;
    padding: 0 5px;
    background: #ededed;
    border: 1px solid #dcdcdc;
    font-size: 1rem;
    text-align: center;
    border-radius: 2px;
  }
  .school-result-list__item__kubun {
    order: 2;
    display: flex;
    align-items: center;
  }
  .school-result-list__item__kubun::before {
    content: '区分';
  }
  .school-result-list__item__kubun .label {
    margin: 0 5px 0 0;
  }
  .school-result-list__item__hensachi {
    order: 4;
  }
  .school-result-list__item__hensachi::before {
    content: '偏差値';
  }
  .school-result-list__item__web {
    order: 5;
    flex: 0 0 100%;
  }
  .school-result-list__item__web .btn {
    margin: 0;
  }
  /* --------------------------------------------------- */
  /* 塾検索 /
/* juku-search-table*/
  /* --------------------------------------------------- */
  .juku-search-table {
    display: block;
    border: none;
    border-top: 1px solid #dcdcdc;
  }
  .juku-search-table thead,
  .juku-search-table tbody {
    display: block;
  }
  .juku-search-table tr {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .juku-search-table tr th,
  .juku-search-table tr td {
    border-top: none;
  }
  .juku-search-table thead th,
  .juku-search-table tbody th {
    flex: 0 0 100%;
  }
  .juku-search-table tbody td.number {
    flex: 0 0 15%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: none;
  }
  .juku-search-table tbody td.area {
    flex: 0 0 85%;
  }
  /* --------------------------------------------------- */
  /* 塾検索　検索ボタン /
/* juku-search-table*/
  /* --------------------------------------------------- */
  .search-btn-block {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 5;
    display: flex;
    width: 100%;
    padding: 15px 10px;
    background: rgba(0, 0, 0, 0.5);
  }
  .search-btn-block > * {
    margin: 0 2%;
  }
  /* --------------------------------------------------- */
  /* 塾検索・検索結果一覧 /
/* juku-result-list*/
  /* --------------------------------------------------- */
  .juku-result-list {
    border-top: 1px solid #dcdcdc;
  }
  .juku-result-list__item {
    padding: 15px 0;
    border-bottom: 1px solid #dcdcdc;
    font-size: 1.6rem;
    line-height: 1.6;
  }
  .juku-result-list__item__name {
    font-family: 'ヒラギノ角ゴ W6 JIS2004', sans-serif;
  }
  .juku-result-list__item__address {
    margin: 5px 0 10px;
    font-size: 1.3rem;
  }
  .juku-result-list__item__tel {
    font-size: 1.3rem;
  }
  .juku-result-list__item__tel::before {
    content: 'TEL：';
  }
  /* --------------------------------------------------- */
  /* 学校検索・googleマップ /
/* map-camvas */
  /* --------------------------------------------------- */
  .map-camvas {
    width: 100%;
    height: 300px;
  }
  .map-camvas iframe {
    width: 100%;
    height: 300px;
  }
  /* --------------------------------------------------- */
  /* modal */
  /* --------------------------------------------------- */
  #modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.7);
    visibility: hidden;
    opacity: 0;
  }
  #modal:target {
    visibility: visible;
    opacity: 1;
  }
  #modal .modal-content {
    position: relative;
    width: 90%;
    max-height: 90%;
    padding: 40px 15px 30px;
    background: #fff;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25);
    font-family: 'ヒラギノ角ゴ W3 JIS2004', sans-serif;
    font-size: 1.4rem;
    line-height: 1.8;
    overflow-y: auto;
    border-radius: 4px;
  }
  #modal .modal-close {
    position: absolute;
    top: 5px;
    right: 5px;
  }
  /* --------------------------------------------------- */
  /* W合格ｍもぎとは？ /
/* --------------------------------------------------- */
  .exam-type {
    padding: 15px 0;
    border-bottom: 1px solid #dcdcdc;
  }
  .exam-type__inner {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
  }
  .exam-type__inner .icon-chevron-down {
    transition: 0.3s all;
  }
  .exam-type__inner.accordion--active .icon-chevron-down {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .exam-type__place {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #fff;
    font-family: 'ヒラギノ角ゴ W6 JIS2004' !important;
    font-size: 1rem;
    text-align: center;
    line-height: 1.5;
    border-radius: 3px;
  }
  .exam-type__place--tokyo {
    background: #d92317;
  }
  .exam-type__place--kanagawa {
    background: #1588c8;
  }
  .exam-type__ttl {
    position: relative;
    flex: 1 1 0%;
    margin: 0 0 0 10px;
    padding: 0 15px 0 0;
    line-height: 1.5;
  }
  .exam-type__ttl__lead {
    font-size: 1.2rem;
  }
  .exam-type__ttl__text {
    font-size: 1.6rem;
    font-family: 'ヒラギノ角ゴ W6 JIS2004' !important;
  }
  .exam-type__ttl .icon-chevron-down {
    right: 0;
    color: #124883;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .exam-type__label {
    flex: 0 0 100%;
    margin: 5px 0 0;
    padding: 0 0 0 50px;
  }
  .exam-type__label .label {
    display: inline-block;
    width: auto;
    padding: 0 10px;
  }
  .exam-type__detail {
    margin: 20px 0 10px;
  }
  .exam-type__toritsu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    border-top: 1px dotted #dcdcdc;
  }
  .exam-type__toritsu__text {
    color: #1a8ec4;
    font-family: 'ヒラギノ角ゴ W6 JIS2004' !important;
  }
  .exam-type__toritsu .icon-chevron-down {
    color: #1a8ec4;
    transition: 0.3s all;
  }
  .exam-type__toritsu.accordion--active .icon-chevron-down {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  /* --------------------------------------------------- */
  /* 夏期講習 /
/* --------------------------------------------------- */
  .lecture-type {
    padding: 15px 0;
    border-bottom: 1px solid #dcdcdc;
  }
  .lecture-type__head {
    position: relative;
    margin: 0 0 20px;
  }
  .lecture-type__season {
    color: #fff;
    font-family: 'ヒラギノ角ゴ W6 JIS2004' !important;
    font-size: 1.3rem;
    text-align: center;
    line-height: 1.5;
    display: inline-block;
    padding: 3px 10px;
    margin-bottom: 5px;
    border-radius: 3px;
  }
  .lecture-type__season--tokyo {
    background: #d92317;
  }
  .lecture-type__season--kanagawa {
    background: #1588c8;
  }
  .lecture-type__ttl {
    line-height: 1.5;
  }
  .lecture-type__ttl__text {
    font-size: 2.2rem;
    font-family: 'ヒラギノ角ゴ W6 JIS2004' !important;
  }
  .lecture-type__label {
    flex: 0 0 auto;
  }
  .lecture-type__label .label {
    display: block;
    width: auto;
    padding: 0 10px;
  }
  .lecture-type__detail {
    margin: 30px 0 15px;
  }
  .lecture-type__item {
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px dotted #bbb;
  }
  .lecture-type__item:last-child {
    border: none;
    padding: 0;
  }
  .lecture-type__item__ttl {
    color: #0e4580;
    font-family: 'ヒラギノ角ゴ W6 JIS2004';
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .place-type {
    padding: 0 0 15px 0;
    border-bottom: 1px solid #dcdcdc;
    margin: 0 0 20px;
  }
  .place-type__season {
    width: 50px;
    margin: 0 0 10px;
    padding: 5px 0;
    color: #fff;
    font-family: 'ヒラギノ角ゴ W6 JIS2004' !important;
    font-size: 1.3rem;
    text-align: center;
    line-height: 1.5;
    border-radius: 3px;
  }
  .place-type__season--zenki {
    background: #f39947;
  }
  .place-type__season--chuki {
    background: #9cc813;
  }
  .place-type__season--koki {
    background: #e60013;
  }
  .place-type__season--saisyu {
    background: #00a1e9;
  }
  .place-type__content {
    flex: 1 1 auto;
    margin: 0;
    line-height: 1.5;
  }
  .place-type__content__ttl {
    font-size: 2.4rem;
    font-family: 'ヒラギノ角ゴ W6 JIS2004' !important;
    margin: 0 0 10px;
  }
  .place-type__content__date {
    display: flex;
    margin: 0 0 10px;
  }
  .place-type__content__date__label {
    flex: 0 0 80px;
  }
  .place-type__content__date__item {
    flex: 1 1 auto;
    margin: 0 0 0 15px;
    display: flex;
    flex-wrap: wrap;
  }
  .place-type__content__price {
    display: flex;
    margin: 0;
  }
  .place-type__content__price__label {
    flex: 0 0 80px;
  }
  .place-type__content__price__item {
    flex: 1 1 auto;
    margin: 0 0 0 15px;
    display: flex;
    flex-wrap: wrap;
  }
  .place-type__content__price__item > * {
    flex: 0 0 100%;
  }
  .place-type__btn {
    text-align: center;
  }
  .place-type__btn .btn--sm {
    width: 100%;
    padding: 0 15px;
    font-size: 1.6rem;
    height: 40px;
  }
  .place-type__label {
    flex: 0 0 auto;
  }
  .place-type__label .label {
    display: block;
    width: auto;
    padding: 0 10px;
  }
  .place-type__detail {
    margin: 30px 0 15px;
  }
  .place-type__item {
    display: flex;
    align-items: center;
    margin: 0 0 10px 100px;
    padding: 0 0 10px 0;
    border-bottom: 1px dotted #bbb;
  }
  .place-type__item:last-child {
    border: none;
    padding: 0;
  }
  .place-type__item__ttl {
    flex: 1 1 auto;
    color: #0e4580;
    font-family: 'ヒラギノ角ゴ W6 JIS2004';
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .place-type__item__btn {
    flex: 0 0 auto;
  }
  .lectures-books--math {
    background: #eff8fe;
  }
  .lectures-books--english {
    background: #fcebf3;
  }
  .lectures-books--japanese {
    background: #feecd4;
  }
  .lectures-books--society {
    background: #f0eef7;
  }
  .lectures-books--science {
    background: #edf7f5;
  }
  .lectures-books__ttl {
    margin: 0 0 15px;
  }
  .lectures-books__sub-ttl {
    margin: 0 0 5px;
    font-size: 1.5rem;
    font-family: 'ヒラギノ角ゴ W6 JIS2004';
    line-height: 1.6;
  }
  .lectures-books__sub-ttl--math {
    color: #00a3df;
  }
  .lectures-books__sub-ttl--english {
    color: #e4007f;
  }
  .lectures-books__sub-ttl--japanese {
    color: #d17800;
  }
  .lectures-books__sub-ttl--society {
    color: #8174b4;
  }
  .lectures-books__sub-ttl--science {
    color: #00a496;
  }
  /* --------------------------------------------------- */
  /* よくある質問 /
/* --------------------------------------------------- */
  .faq__question {
    padding-right: 35px;
  }
  .faq__question__text {
    position: relative;
    display: block;
    padding: 0 0 0 22px;
    font-size: 1.4rem;
  }
  .faq__question__text::before {
    position: absolute;
    top: 0;
    left: -5px;
    display: flex;
    align-items: center;
    justify-content: center;
    content: 'Q';
    background: #3f90bb;
    color: #fff;
    font-family: Arial, Helvetica," sans-serif";
    font-size: 1.2rem;
    font-weight: bold;
    width: 20px;
    height: 20px;
    border-radius: 50%;
  }
  .faq__answer:not(:last-child) {
    margin: 0 0 30px;
  }
  .faq__answer__inner {
    position: relative;
    padding-left: 20px;
  }
  .faq__answer__inner::before {
    position: absolute;
    top: 0;
    left: -5px;
    content: 'A.';
    color: #ff9600;
    font-size: 1.8rem;
    font-family: Arial, Helvetica," sans-serif";
    font-weight: bold;
  }
  /* --------------------------------------------------- */
  /* 新着情報 /
/* --------------------------------------------------- */
  .news-list__item {
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #dcdcdc;
    line-height: 1.5;
  }
  .news-list__item:first-child {
    border-top: 1px solid #dcdcdc;
  }
  .news-list__item__date {
    margin: 0 0 5px;
    font-size: 1.2rem;
    display: inline-block;
  }
  .news-list__item__category {
    margin: 0 20px 0 0;
    font-size: 1.3rem;
    color: #fff;
    padding: 3px 10px 1px;
    display: inline-block;
  }
  .news-list__item__category--information {
    background: #ffa803;
  }
  .news-list__item__category--school {
    background: #2a74fb;
  }
  .news-list__item__category--site {
    background: #029d92;
  }
  .news-list__item__text {
    display: block;
  }
  .news-entry-block {
    border-bottom: 1px solid #dcdcdc;
  }
  .news-entry-block__date {
    display: inline-block;
    margin: 0 10px 10px 0;
  }
  .news-entry-block__category {
    margin: 0 20px 0 0;
    font-size: 1.3rem;
    color: #fff;
    padding: 3px 10px 1px;
    display: inline-block;
    margin: 0 0 10px;
  }
  .news-entry-block__category--information {
    background: #ffa803;
  }
  .news-entry-block__category--school {
    background: #2a74fb;
  }
  /* --------------------------------------------------- */
  /* 講習会お申込み /
/* --------------------------------------------------- */
  .seminar-info {
    position: relative;
    display: block;
    margin: 0 0 15px;
    padding: 10px 40px 10px 15px;
    cursor: pointer;
    line-height: 1.5;
  }
  .seminar-info input[type="radio"] {
    display: none;
  }
  .seminar-info input[type="radio"] + .seminar-info__radio {
    right: 10px;
    display: block;
    width: 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    background: #f90;
  }
  .seminar-info input[type="radio"] + .seminar-info__radio::before, .seminar-info input[type="radio"] + .seminar-info__radio::after {
    display: block;
    left: 0;
    width: 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .seminar-info input[type="radio"] + .seminar-info__radio::before {
    content: '';
    height: 20px;
    background: #fff;
    border: 2px solid #dcdcdc;
    box-sizing: border-box;
  }
  .seminar-info input[type="radio"] + .seminar-info__radio::after {
    content: "\f00c";
    color: #fff;
    font-family: 'icomoon';
    font-size: 1.6rem;
    text-align: center;
    opacity: 0;
  }
  .seminar-info input[type="radio"]:checked + .seminar-info__radio::before {
    background: #124883;
    border-color: #124883;
  }
  .seminar-info input[type="radio"]:checked + .seminar-info__radio::after {
    opacity: 1;
  }
  .seminar-info__column {
    display: flex;
    align-items: center;
    margin: 0 0 5px;
  }
  .seminar-info__column:last-child {
    margin-bottom: 0;
  }
  .seminar-info__column__label {
    flex: 0 0 60px;
    margin: 0 10px 0 0;
    padding: 3px 0;
    background: #fff;
    border: 1px solid #dcdcdc;
    font-size: 1rem;
    text-align: center;
    line-height: 1.5;
  }
  .seminar-info__column__label--blue {
    background: #124883;
    border-color: #124883;
    color: #fff;
  }
  .seminar-info__column__text {
    flex: 1 1 auto;
  }
  .seminar-info__column__text--course {
    color: #124883;
    font-family: 'ヒラギノ角ゴ W6 JIS2004', sans-serif;
  }
  .seminar-info__column__text:first-child {
    padding-left: 70px;
  }
  .seminar-info__price {
    margin: 5px 0 0 70px;
  }
  /* --------------------------------------------------- */
  /* 過去問合格対策指導 /
/* --------------------------------------------------- */
  .btn-radio-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
  }
  .btn-radio-wrap--5column .btn-radio {
    width: 20%;
  }
  .btn-radio-wrap--3column .btn-radio {
    width: 33.3%;
  }
  .btn-radio-wrap .btn-radio input[type="radio"] {
    display: none;
  }
  .btn-radio-wrap .btn-radio input[type="radio"] + span {
    width: 100%;
    height: 40px;
    display: block;
    border-left: 1px solid #dcdcdc;
    background: linear-gradient(#ffffff 0%, #f7f7f7 100%);
    text-align: center;
    line-height: 40px;
    font-weight: bold;
  }
  .btn-radio-wrap .btn-radio input[type="radio"]:checked + span {
    color: #fff;
    background: linear-gradient(#124883 0%, #346daa 100%);
  }
  .btn-radio-wrap .btn-radio:first-child input[type="radio"] + span {
    border-left: none;
  }
  .flow-subject-wrap {
    text-align: center;
    margin-bottom: 30px;
  }
  .flow-subject-wrap .flow-subject {
    text-align: center;
    display: inline-flex;
    margin: 0 auto;
  }
  .flow-subject-wrap .flow-subject li {
    position: relative;
    width: 60px;
    padding: 0 0 15px;
    color: #888888;
    font-size: 1.2rem;
  }
  .flow-subject-wrap .flow-subject li:not(:last-child)::before {
    position: absolute;
    left: 50%;
    bottom: 4px;
    content: "";
    width: 60px;
    border-bottom: 2px solid #b3b3b3;
  }
  .flow-subject-wrap .flow-subject li::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    margin: 0 0 0 -5px;
    background: #b3b3b3;
    border-radius: 50%;
  }
  .flow-subject-wrap .flow-subject__active::after {
    background: #124883 !important;
    border: 3px double #f9f9f9;
    left: calc(50% - 4px) !important;
    bottom: -3px !important;
  }
  /* ============================================================ */
  /* footer */
  /* ============================================================ */
  footer {
    background: #373737;
    /* pagetop
	----------------------------------------------------------- */
    /* footer-nav
	----------------------------------------------------------- */
    /* footer-lower
	----------------------------------------------------------- */
  }
  footer .pagetop {
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 1;
    background: url(/common/img/common/bg_texture.png) 0 0 repeat;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
  }
  footer .pagetop__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    color: #fff;
    text-align: center;
    line-height: 1.2;
  }
  footer .pagetop__link .icon-chevron-up {
    margin: 0 0 0 0;
  }
  footer .pagetop__link__text {
    font-size: 1rem;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: center center;
            transform-origin: center center;
  }
  #wrap.school-search_index footer .pagetop,
  #wrap.juku-search_index footer .pagetop {
    bottom: 95px;
  }
  footer .footer-nav {
    display: flex;
    border-top: 1px solid #dcdcdc;
  }
  footer .footer-nav__item {
    position: relative;
    flex: 0 0 50%;
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 15px;
    background: #fff;
    color: #124883;
  }
  footer .footer-nav__item:first-child {
    border-right: 1px solid #dcdcdc;
  }
  footer .footer-nav__item .icon-angle-right {
    right: 10px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  footer .footer-lower {
    padding: 15px;
    color: #fff;
    text-align: center;
    line-height: 1.6;
  }
  footer .footer-lower__tagline {
    margin: 0 0 5px;
    font-size: 1.2rem;
  }
  footer .footer-lower__address {
    margin: 20px 0 15px;
    font-size: 1rem;
  }
  footer .footer-lower__address__tel {
    font-size: 1.4rem;
  }
  footer .footer-lower__copyright {
    width: 133%;
    font-size: 1.2rem;
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
    -webkit-transform-origin: left top;
            transform-origin: left top;
  }
  /* ============================================================ */
  /* index.html */
  /* ============================================================ */
  #index {
    /* visual
	----------------------------------------------------------- */
    /* exam
	----------------------------------------------------------- */
    /* bnr
	----------------------------------------------------------- */
    /* news
	----------------------------------------------------------- */
  }
  #index #visual {
    position: relative;
    margin: 0 0 50px;
  }
  #index #visual .bxslider img {
    width: 100%;
  }
  #index #visual .bx-pager {
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #index #visual .bx-pager .bx-pager-item {
    margin: 0 5px;
  }
  #index #visual .bx-pager .bx-pager-item .bx-pager-link {
    display: block;
    width: 30px;
    height: 5px;
    background: #c1c1c1;
    text-indent: -9999px;
  }
  #index #visual .bx-pager .bx-pager-item .bx-pager-link.active {
    background: #124883;
  }
  #index .exam {
    margin: 0 0 30px;
    padding: 20px 20px 10px;
    background: #fff;
    border: 1px solid #dcdcdc;
    text-align: center;
  }
  #index .exam__inner {
    margin: 0 0 20px;
  }
  #index .exam__ttl:first-child {
    margin: 0 0 15px;
  }
  #index .exam .btn {
    margin-bottom: 15px;
    border-radius: 50px;
  }
  #index .bnr__item {
    position: relative;
    display: block;
  }
  #index .bnr__item:not(:last-child) {
    margin: 0 0 15px;
  }
  #index .bnr__item::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.18);
    border-radius: 3px;
  }
  #index .news {
    margin: 30px 0 0;
    padding: 0 15px;
    background: #fff;
    border: 1px solid #dcdcdc;
  }
  #index .news__ttl__text {
    position: relative;
    display: inline-block;
    margin: 0 0 15px;
    padding: 20px 0 0;
    color: #124883;
    font-size: 1.8rem;
    line-height: 1;
  }
  #index .news__ttl__text::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    content: '';
    border-top: 3px solid #124883;
  }
  #index .news__ttl__text::after {
    display: block;
    content: attr(data-text);
    margin: 10px 0 0;
    color: #7196be;
    font-size: 1rem;
  }
  #index .news__tab {
    display: flex;
    margin: 0 -3px 5px 0;
  }
  #index .news__tab__item {
    position: relative;
    width: calc((100% - 9px) / 3);
    height: 32px;
    margin: 0 3px 0 0;
    background: #dadada;
    color: #333;
    font-size: 1.2rem;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
  }
  #index .news__tab__item::after {
    bottom: -6px;
    z-index: 1;
    content: '';
    border-color: transparent;
    border-style: solid;
    border-width: 6px 6px 0;
    opacity: 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  #index .news__tab__item.active {
    color: #fff;
  }
  #index .news__tab__item.active::after {
    opacity: 1;
  }
  #index .news__tab__item--information.active {
    background: #ffa803;
  }
  #index .news__tab__item--information.active::after {
    border-top-color: #ffa803;
  }
  #index .news__tab__item--school.active {
    background: #2a74fb;
  }
  #index .news__tab__item--school.active::after {
    border-top-color: #2a74fb;
  }
  #index .news__tab__item--site.active {
    background: #029d92;
  }
  #index .news__tab__item--site.active::after {
    border-top-color: #029d92;
  }
  #index .news__content__item {
    display: none;
  }
  #index .news__content__item:nth-child(1) {
    display: block;
  }
  #index .news__item {
    display: block;
    padding: 10px 0;
    line-height: 1.5;
  }
  #index .news__item:not(:last-child) {
    border-bottom: 1px solid #dcdcdc;
  }
  #index .news__item__date {
    font-size: 1rem;
  }
  #index .news__item__category {
    margin: 0 5px;
    font-size: 1rem;
    color: #fff;
    padding: 2px 7px;
    display: inline-block;
  }
  #index .news__item__category--information {
    background: #ffa803;
  }
  #index .news__item__category--school {
    background: #2a74fb;
  }
  #index .news__item__category--site {
    background: #029d92;
  }
  #index .news__item__text {
    margin: 0;
    color: #124883;
    font-size: 1.2rem;
    text-decoration: underline;
  }
  #index .news__footer {
    border-top: 1px solid #dcdcdc;
    height: 35px;
    text-align: right;
    font-size: 1.3rem;
    line-height: 35px;
    padding: 0 5px;
    box-sizing: border-box;
  }
  /* ============================================================ */
  /* W合格もぎ　共通 */
  /* ============================================================ */
  .mogisiken .appendix {
    padding: 20px 0;
    border-bottom: 1px solid #dcdcdc;
  }
  .mogisiken .appendix:first-of-type {
    padding-top: 0;
  }
  .mogisiken .appendix__ttl {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .mogisiken .appendix__ttl__inner {
    flex: 0 0 75%;
    padding: 0 0 0 15px;
  }
  .mogisiken .appendix__ttl .ttl04 {
    margin-bottom: 15px;
  }
  .mogisiken .appendix__img {
    flex: 0 0 25%;
  }
  .mogisiken .appendix__lead {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .mogisiken .appendix__lead .lead {
    margin: 0;
  }
  .mogisiken .appendix .icon-chevron-down {
    color: #124883;
  }
  .mogisiken .appendix__column {
    margin: 20px 0 0;
  }
  /* ============================================================ */
  /* W合格もぎ　トップ */
  /* ============================================================ */
  /* ============================================================ */
  /* 年間開催予定と出題範囲 */
  /* ============================================================ */
  /* ============================================================ */
  /* 充実した付録 */
  /* ============================================================ */
  #mogisiken_appendix_index .btn--schedule {
    display: none;
    margin-top: 10px;
    text-align: right;
  }
  #mogisiken_appendix_index .appendix {
    padding: 20px 0;
    border-bottom: 1px solid #dcdcdc;
  }
  #mogisiken_appendix_index .appendix:first-of-type {
    padding-top: 0;
  }
  #mogisiken_appendix_index .appendix__ttl {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  #mogisiken_appendix_index .appendix__ttl__inner {
    flex: 0 0 75%;
    padding: 0 0 0 15px;
  }
  #mogisiken_appendix_index .appendix__ttl .ttl04 {
    margin-bottom: 15px;
  }
  #mogisiken_appendix_index .appendix__img {
    flex: 0 0 25%;
  }
  #mogisiken_appendix_index .appendix__lead {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #mogisiken_appendix_index .appendix__lead .lead {
    margin: 0;
  }
  #mogisiken_appendix_index .appendix .icon-chevron-down {
    color: #124883;
  }
  #mogisiken_appendix_index .appendix__column {
    margin: 20px 0 0;
  }
  /* ============================================================ */
  /* 究極の解説 */
  /* ============================================================ */
  .kaisetu {
    height: auto;
    /* モーダル部基本設定
	---------------------------------------- */
    /* modal-header */
    /* modal-body */
    /* モーダル画像上のポップアップ部
	---------------------------------------- */
    /* ページ01
	---------------------------------------- */
    /* ページ02
	---------------------------------------- */
    /* ページ03
	---------------------------------------- */
    /* ページ03
	---------------------------------------- */
    /* ページ05
	---------------------------------------- */
  }
  .kaisetu .detailed {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    margin: 30px 0;
    color: #df4434;
    font-size: 2.2rem;
    line-height: 1.3;
  }
  .kaisetu .detailed::before {
    z-index: -1;
    content: '';
    border-color: #fae0dd transparent transparent;
    border-style: solid;
    border-width: 50px 100px 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .kaisetu .page_block {
    position: relative;
  }
  .kaisetu .page_block .modal_area {
    position: absolute;
    border: 3px solid #e72121;
    border-radius: 6px;
    box-sizing: border-box;
    background: rgba(230, 33, 33, 0);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  .kaisetu .page_block .modal_area:hover {
    background: rgba(230, 33, 33, 0.3);
  }
  .kaisetu .page_block .modal_area img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
  }
  .kaisetu .modal-dialog.wide {
    width: 900px;
  }
  .kaisetu .modal-header {
    padding: 10px 15px;
    background: #124883;
  }
  .kaisetu .close {
    font-size: 32px;
    color: #fff;
  }
  .kaisetu .modal-title {
    font-size: 24px;
    color: #fff;
  }
  .kaisetu .modal-body {
    position: relative;
  }
  .kaisetu .blue-box {
    border: 3px solid #213de7;
    border-radius: 3px;
    box-sizing: border-box;
    width: 30px;
    display: inline-block;
    height: 20px;
    margin: 0 5px;
    background: rgba(33, 61, 231, 0.3);
    position: relative;
    top: 4px;
  }
  .kaisetu .modal-body .modal-body-img {
    position: relative;
    margin: 0 0 20px;
  }
  .kaisetu .modal-body .modal-body-img img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
  }
  .kaisetu .modal-body .on_modal_area {
    display: block;
    position: absolute;
    border: 3px solid #213de7;
    border-radius: 6px;
    box-sizing: border-box;
    background: rgba(33, 61, 231, 0.3);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    cursor: help;
  }
  .kaisetu .modal-body .on_modal_area:hover {
    background: rgba(33, 61, 231, 0.1);
  }
  .kaisetu #page01-01 {
    width: 192px;
    height: 150px;
    left: 273px;
    top: 172px;
  }
  .kaisetu #page01-02 {
    width: 186px;
    height: 262px;
    left: 60px;
    top: 396px;
  }
  .kaisetu #page01-03 {
    width: 188px;
    height: 218px;
    left: 560px;
    top: 248px;
  }
  .kaisetu #page01-04 {
    width: 186px;
    height: 334px;
    left: 774px;
    top: 102px;
  }
  .kaisetu #page02-01 {
    width: 390px;
    height: 58px;
    left: 60px;
    top: 456px;
  }
  .kaisetu #page02-02 {
    width: 386px;
    height: 74px;
    left: 60px;
    top: 548px;
  }
  .kaisetu #page03-01 {
    width: 186px;
    height: 170px;
    left: 763px;
    top: 458px;
  }
  .kaisetu #page03-02 {
    width: 185px;
    height: 167px;
    left: 763px;
    top: 104px;
  }
  .kaisetu #page04-01 {
    width: 185px;
    height: 180px;
    left: 272px;
    top: 482px;
  }
  .kaisetu #page04-02 {
    width: 188px;
    height: 118px;
    left: 270px;
    top: 246px;
  }
  .kaisetu #page04-03 {
    width: 195px;
    height: 184px;
    left: 768px;
    top: 436px;
  }
  .kaisetu #page05-01 {
    width: 414px;
    height: 122px;
    left: 50px;
    top: 318px;
  }
  .kaisetu #page05-02 {
    width: 412px;
    height: 188px;
    left: 53px;
    top: 78px;
  }
  .kaisetu #page05-03 {
    width: 370px;
    height: 118px;
    left: 88px;
    top: 538px;
  }
  .kaisetu #page05-04 {
    width: 383px;
    height: 192px;
    left: 578px;
    top: 247px;
  }
  /* ============================================================ */
  /* 詳細別ウィンドウ */
  /* ============================================================ */
  .kaisetu_page {
    background: #fff;
    /* page_japanese
	--------------------------------------------- */
    /* page_mathematics
	--------------------------------------------- */
    /* page_english
	--------------------------------------------- */
    /* page_society
	--------------------------------------------- */
    /* page_science
	--------------------------------------------- */
  }
  .kaisetu_page .pickup-content {
    padding: 15px;
    color: #333;
    font-family: 'ヒラギノ角ゴ W3 JIS2004', sans-serif;
    line-height: 1.6;
  }
  .kaisetu_page .pickup-content .panel {
    font-size: 1.4rem;
  }
  .kaisetu_page #page_japanese_01 {
    width: 726px;
    height: 194px;
    left: 95px;
    top: 14px;
  }
  .kaisetu_page #page_japanese_02 {
    width: 172px;
    height: 179px;
    left: 650px;
    top: 220px;
  }
  .kaisetu_page #page_japanese_03 {
    width: 509px;
    height: 179px;
    left: 140px;
    top: 220px;
  }
  .kaisetu_page #page_japanese_04 {
    width: 130px;
    height: 190px;
    left: 23px;
    top: 418px;
  }
  .kaisetu_page #page_japanese_05 {
    width: 454px;
    height: 190px;
    left: 260px;
    top: 418px;
  }
  .kaisetu_page #page_japanese_06 {
    width: 95px;
    height: 190px;
    left: 730px;
    top: 418px;
  }
  .kaisetu_page #page_mathematics_01 {
    width: 218px;
    height: 42px;
    left: 64px;
    top: 360px;
  }
  .kaisetu_page #page_mathematics_02 {
    width: 136px;
    height: 516px;
    left: 283px;
    top: 80px;
  }
  .kaisetu_page #page_mathematics_03 {
    width: 192px;
    height: 516px;
    left: 483px;
    top: 80px;
  }
  .kaisetu_page #page_mathematics_04 {
    width: 188px;
    height: 516px;
    left: 683px;
    top: 80px;
  }
  .kaisetu_page #page_english_01 {
    width: 194px;
    height: 100px;
    left: 228px;
    top: 165px;
  }
  .kaisetu_page #page_english_02 {
    width: 285px;
    height: 514px;
    left: 483px;
    top: 80px;
  }
  .kaisetu_page #page_english_03 {
    width: 256px;
    height: 62px;
    left: 502px;
    top: 0px;
  }
  .kaisetu_page #page_english_04 {
    width: 98px;
    height: 516px;
    left: 773px;
    top: 80px;
  }
  .kaisetu_page #page_society_01 {
    width: 388px;
    height: 130px;
    left: 30px;
    top: 472px;
  }
  .kaisetu_page #page_society_02 {
    width: 388px;
    height: 66px;
    left: 480px;
    top: 4px;
  }
  .kaisetu_page #page_science_01 {
    width: 390px;
    height: 188px;
    left: 24px;
    top: 65px;
  }
  .kaisetu_page #page_science_02 {
    width: 380px;
    height: 74px;
    left: 490px;
    top: 8px;
  }
  .kaisetu_page #page_science_03 {
    width: 220px;
    height: 244px;
    left: 192px;
    top: 256px;
  }
  /* ============================================================ */
  /* 5科のポイントチェック */
  /* ============================================================ */
  .point_check {
    height: auto;
    /* モーダル部基本設定
	---------------------------------------- */
    /* modal-header */
    /* modal-body */
    /* モーダル画像上のポップアップ部
	---------------------------------------- */
    /* ページ01
	---------------------------------------- */
    /* ページ02
	---------------------------------------- */
    /* ページ03
	---------------------------------------- */
    /* ページ03
	---------------------------------------- */
    /* ページ05
	---------------------------------------- */
  }
  .point_check .detailed {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    margin: 30px 0;
    color: #df4434;
    font-size: 2.2rem;
    line-height: 1.3;
  }
  .point_check .detailed::before {
    z-index: -1;
    content: '';
    border-color: #fae0dd transparent transparent;
    border-style: solid;
    border-width: 50px 100px 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .point_check .page_block {
    position: relative;
  }
  .point_check .page_block .modal_area {
    position: absolute;
    border: 3px solid #e72121;
    border-radius: 6px;
    box-sizing: border-box;
    background: rgba(230, 33, 33, 0);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  .point_check .page_block .modal_area:hover {
    background: rgba(230, 33, 33, 0.3);
  }
  .point_check .page_block .modal_area img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
  }
  .point_check .modal-dialog.wide {
    width: 900px;
  }
  .point_check .modal-header {
    padding: 10px 15px;
    background: #124883;
  }
  .point_check .close {
    font-size: 32px;
    color: #fff;
  }
  .point_check .modal-title {
    font-size: 24px;
    color: #fff;
  }
  .point_check .modal-body {
    position: relative;
  }
  .point_check .blue-box {
    border: 3px solid #213de7;
    border-radius: 3px;
    box-sizing: border-box;
    width: 30px;
    display: inline-block;
    height: 20px;
    margin: 0 5px;
    background: rgba(33, 61, 231, 0.3);
    position: relative;
    top: 4px;
  }
  .point_check .modal-body .modal-body-img {
    position: relative;
    margin: 0 0 20px;
  }
  .point_check .modal-body .modal-body-img img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
  }
  .point_check .modal-body .on_modal_area {
    display: block;
    position: absolute;
    border: 3px solid #213de7;
    border-radius: 6px;
    box-sizing: border-box;
    background: rgba(33, 61, 231, 0.3);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    cursor: help;
  }
  .point_check .modal-body .on_modal_area:hover {
    background: rgba(33, 61, 231, 0.1);
  }
  .point_check #page01-01 {
    width: 192px;
    height: 150px;
    left: 273px;
    top: 172px;
  }
  .point_check #page01-02 {
    width: 186px;
    height: 262px;
    left: 60px;
    top: 396px;
  }
  .point_check #page01-03 {
    width: 188px;
    height: 218px;
    left: 560px;
    top: 248px;
  }
  .point_check #page01-04 {
    width: 186px;
    height: 334px;
    left: 774px;
    top: 102px;
  }
  .point_check #page02-01 {
    width: 390px;
    height: 58px;
    left: 60px;
    top: 456px;
  }
  .point_check #page02-02 {
    width: 386px;
    height: 74px;
    left: 60px;
    top: 548px;
  }
  .point_check #page03-01 {
    width: 186px;
    height: 170px;
    left: 763px;
    top: 458px;
  }
  .point_check #page03-02 {
    width: 185px;
    height: 167px;
    left: 763px;
    top: 104px;
  }
  .point_check #page04-01 {
    width: 185px;
    height: 180px;
    left: 272px;
    top: 482px;
  }
  .point_check #page04-02 {
    width: 188px;
    height: 118px;
    left: 270px;
    top: 246px;
  }
  .point_check #page04-03 {
    width: 195px;
    height: 184px;
    left: 768px;
    top: 436px;
  }
  .point_check #page05-01 {
    width: 414px;
    height: 122px;
    left: 50px;
    top: 318px;
  }
  .point_check #page05-02 {
    width: 412px;
    height: 188px;
    left: 53px;
    top: 78px;
  }
  .point_check #page05-03 {
    width: 370px;
    height: 118px;
    left: 88px;
    top: 538px;
  }
  .point_check #page05-04 {
    width: 383px;
    height: 192px;
    left: 578px;
    top: 247px;
  }
  /* ============================================================ */
  /* 詳細別ウィンドウ */
  /* ============================================================ */
  .point_check_page {
    background: #fff;
    /* page_japanese
	--------------------------------------------- */
    /* page_mathematics
	--------------------------------------------- */
    /* page_english
	--------------------------------------------- */
    /* page_society
	--------------------------------------------- */
    /* page_science
	--------------------------------------------- */
  }
  .point_check_page .pickup-content {
    padding: 15px;
    color: #333;
    font-family: 'ヒラギノ角ゴ W3 JIS2004', sans-serif;
    line-height: 1.6;
  }
  .point_check_page .pickup-content .panel {
    font-size: 1.4rem;
  }
  .point_check_page #page_japanese_01 {
    width: 726px;
    height: 194px;
    left: 95px;
    top: 14px;
  }
  .point_check_page #page_japanese_02 {
    width: 172px;
    height: 179px;
    left: 650px;
    top: 220px;
  }
  .point_check_page #page_japanese_03 {
    width: 509px;
    height: 179px;
    left: 140px;
    top: 220px;
  }
  .point_check_page #page_japanese_04 {
    width: 130px;
    height: 190px;
    left: 23px;
    top: 418px;
  }
  .point_check_page #page_japanese_05 {
    width: 454px;
    height: 190px;
    left: 260px;
    top: 418px;
  }
  .point_check_page #page_japanese_06 {
    width: 95px;
    height: 190px;
    left: 730px;
    top: 418px;
  }
  .point_check_page #page_mathematics_01 {
    width: 218px;
    height: 42px;
    left: 64px;
    top: 360px;
  }
  .point_check_page #page_mathematics_02 {
    width: 136px;
    height: 516px;
    left: 283px;
    top: 80px;
  }
  .point_check_page #page_mathematics_03 {
    width: 192px;
    height: 516px;
    left: 483px;
    top: 80px;
  }
  .point_check_page #page_mathematics_04 {
    width: 188px;
    height: 516px;
    left: 683px;
    top: 80px;
  }
  .point_check_page #page_english_01 {
    width: 194px;
    height: 100px;
    left: 228px;
    top: 165px;
  }
  .point_check_page #page_english_02 {
    width: 285px;
    height: 514px;
    left: 483px;
    top: 80px;
  }
  .point_check_page #page_english_03 {
    width: 256px;
    height: 62px;
    left: 502px;
    top: 0px;
  }
  .point_check_page #page_english_04 {
    width: 98px;
    height: 516px;
    left: 773px;
    top: 80px;
  }
  .point_check_page #page_society_01 {
    width: 388px;
    height: 130px;
    left: 30px;
    top: 472px;
  }
  .point_check_page #page_society_02 {
    width: 388px;
    height: 66px;
    left: 480px;
    top: 4px;
  }
  .point_check_page #page_science_01 {
    width: 390px;
    height: 188px;
    left: 24px;
    top: 65px;
  }
  .point_check_page #page_science_02 {
    width: 380px;
    height: 74px;
    left: 490px;
    top: 8px;
  }
  .point_check_page #page_science_03 {
    width: 220px;
    height: 244px;
    left: 192px;
    top: 256px;
  }
}

/* position
------------------------------------------------------------ */
.u-pos-s {
  position: static !important;
}

.u-pos-a {
  position: absolute !important;
}

.u-pos-r {
  position: relative !important;
}

.u-pos-f {
  position: fixed !important;
}

.u-t-a {
  top: auto !important;
}

.u-t-0 {
  top: 0 !important;
}

.u-r-a {
  right: auto !important;
}

.u-r-0 {
  right: 0 !important;
}

.u-b-a {
  bottom: auto !important;
}

.u-b-0 {
  bottom: 0 !important;
}

.u-l-a {
  left: auto !important;
}

.u-l-0 {
  left: 0 !important;
}

.u-z-a {
  z-index: auto !important;
}

.u-z-0 {
  z-index: 0 !important;
}

.u-z-1 {
  z-index: 1 !important;
}

.u-z-2 {
  z-index: 2 !important;
}

.u-z-3 {
  z-index: 3 !important;
}

.u-z-4 {
  z-index: 4 !important;
}

.u-z-5 {
  z-index: 5 !important;
}

.u-z-6 {
  z-index: 6 !important;
}

.u-z-9999 {
  z-index: 9999 !important;
}

@media screen and (max-width: 736px) {
  .u-sp-pos-s {
    position: static !important;
  }
  .u-sp-pos-a {
    position: absolute !important;
  }
  .u-sp-pos-r {
    position: relative !important;
  }
  .u-sp-pos-f {
    position: fixed !important;
  }
  .u-sp-t-a {
    top: auto !important;
  }
  .u-sp-t-0 {
    top: 0 !important;
  }
  .u-sp-r-a {
    right: auto !important;
  }
  .u-sp-r-0 {
    right: 0 !important;
  }
  .u-sp-b-a {
    bottom: auto !important;
  }
  .u-sp-b-0 {
    bottom: 0 !important;
  }
  .u-sp-l-a {
    left: auto !important;
  }
  .u-sp-l-0 {
    left: 0 !important;
  }
  .u-sp-z-a {
    z-index: auto !important;
  }
  .u-sp-z-0 {
    z-index: 0 !important;
  }
  .u-sp-z-1 {
    z-index: 1 !important;
  }
  .u-sp-z-2 {
    z-index: 2 !important;
  }
  .u-sp-z-3 {
    z-index: 3 !important;
  }
  .u-sp-z-4 {
    z-index: 4 !important;
  }
  .u-sp-z-5 {
    z-index: 5 !important;
  }
  .u-sp-z-6 {
    z-index: 6 !important;
  }
  .u-sp-z-9999 {
    z-index: 9999 !important;
  }
}

/* float
------------------------------------------------------------ */
.u-fl-n {
  float: none !important;
}

.u-fl-l {
  float: left !important;
}

.u-fl-r {
  float: right !important;
}

.u-cl-n {
  clear: none !important;
}

.u-cl-l {
  clear: left !important;
}

.u-cl-r {
  clear: right !important;
}

.u-cl-b {
  clear: both !important;
}

@media screen and (max-width: 736px) {
  .u-sp-fl-n {
    float: none !important;
  }
  .u-sp-fl-l {
    float: left !important;
  }
  .u-sp-fl-r {
    float: right !important;
  }
  .u-sp-cl-n {
    clear: none !important;
  }
  .u-sp-cl-l {
    clear: left !important;
  }
  .u-sp-cl-r {
    clear: right !important;
  }
  .u-sp-cl-b {
    clear: both !important;
  }
}

/* display
------------------------------------------------------------ */
.u-d-n {
  display: none !important;
}

.u-d-b {
  display: block !important;
}

.u-d-f {
  display: flex !important;
}

.u-d-if {
  display: inline-flex !important;
}

.u-d-i {
  display: inline !important;
}

.u-d-ib {
  display: inline-block !important;
}

.u-d-li {
  display: list-item !important;
}

.u-d-ri {
  display: run-in !important;
}

.u-d-cp {
  display: compact !important;
}

.u-d-tb {
  display: table !important;
}

.u-d-itb {
  display: inline-table !important;
}

.u-d-tbcp {
  display: table-caption !important;
}

.u-d-tbcl {
  display: table-column !important;
}

.u-d-tbclg {
  display: table-column-group !important;
}

.u-d-tbhg {
  display: table-header-group !important;
}

.u-d-tbfg {
  display: table-footer-group !important;
}

.u-d-tbr {
  display: table-row !important;
}

.u-d-tbrg {
  display: table-row-group !important;
}

.u-d-tbc {
  display: table-cell !important;
}

.u-d-rb {
  display: ruby !important;
}

.u-d-rbb {
  display: ruby-base !important;
}

.u-d-rbbg {
  display: ruby-base-group !important;
}

.u-d-rbt {
  display: ruby-text !important;
}

.u-d-rbtg {
  display: ruby-text-group !important;
}

@media screen and (max-width: 736px) {
  .u-sp-d-n {
    display: none !important;
  }
  .u-sp-d-b {
    display: block !important;
  }
  .u-sp-d-f {
    display: flex !important;
  }
  .u-sp-d-if {
    display: inline-flex !important;
  }
  .u-sp-d-i {
    display: inline !important;
  }
  .u-sp-d-ib {
    display: inline-block !important;
  }
  .u-sp-d-li {
    display: list-item !important;
  }
  .u-sp-d-ri {
    display: run-in !important;
  }
  .u-sp-d-cp {
    display: compact !important;
  }
  .u-sp-d-tb {
    display: table !important;
  }
  .u-sp-d-itb {
    display: inline-table !important;
  }
  .u-sp-d-tbcp {
    display: table-caption !important;
  }
  .u-sp-d-tbcl {
    display: table-column !important;
  }
  .u-sp-d-tbclg {
    display: table-column-group !important;
  }
  .u-sp-d-tbhg {
    display: table-header-group !important;
  }
  .u-sp-d-tbfg {
    display: table-footer-group !important;
  }
  .u-sp-d-tbr {
    display: table-row !important;
  }
  .u-sp-d-tbrg {
    display: table-row-group !important;
  }
  .u-sp-d-tbc {
    display: table-cell !important;
  }
  .u-sp-d-rb {
    display: ruby !important;
  }
  .u-sp-d-rbb {
    display: ruby-base !important;
  }
  .u-sp-d-rbbg {
    display: ruby-base-group !important;
  }
  .u-sp-d-rbt {
    display: ruby-text !important;
  }
  .u-sp-d-rbtg {
    display: ruby-text-group !important;
  }
}

/* overflow
------------------------------------------------------------ */
.u-ov-v {
  overflow: visible !important;
}

.u-ov-h {
  overflow: hidden !important;
}

.u-ov-s {
  overflow: scroll !important;
}

.u-ov-a {
  overflow: auto !important;
}

.u-ovx-v {
  overflow-x: visible !important;
}

.u-ovx-h {
  overflow-x: hidden !important;
}

.u-ovx-s {
  overflow-x: scroll !important;
}

.u-ovx-a {
  overflow-x: auto !important;
}

.u-ovy-v {
  overflow-y: visible !important;
}

.u-ovy-h {
  overflow-y: hidden !important;
}

.u-ovy-s {
  overflow-y: scroll !important;
}

.u-ovy-a {
  overflow-y: auto !important;
}

@media screen and (max-width: 736px) {
  .u-sp-ov-v {
    overflow: visible !important;
  }
  .u-sp-ov-h {
    overflow: hidden !important;
  }
  .u-sp-ov-s {
    overflow: scroll !important;
  }
  .u-sp-ov-a {
    overflow: auto !important;
  }
  .u-sp-ovx-v {
    overflow-x: visible !important;
  }
  .u-sp-ovx-h {
    overflow-x: hidden !important;
  }
  .u-sp-ovx-s {
    overflow-x: scroll !important;
  }
  .u-sp-ovx-a {
    overflow-x: auto !important;
  }
  .u-sp-ovy-v {
    overflow-y: visible !important;
  }
  .u-sp-ovy-h {
    overflow-y: hidden !important;
  }
  .u-sp-ovy-s {
    overflow-y: scroll !important;
  }
  .u-sp-ovy-a {
    overflow-y: auto !important;
  }
}

/* box-sizing
------------------------------------------------------------ */
.u-bxz-cb {
  box-sizing: content-box !important;
}

.u-bxz-bb {
  box-sizing: border-box !important;
}

.u-bxsh-n {
  box-shadow: none !important;
}

@media screen and (max-width: 736px) {
  .u-sp-bxz-cb {
    box-sizing: content-box !important;
  }
  .u-sp-bxz-bb {
    box-sizing: border-box !important;
  }
  .u-sp-bxsh-n {
    box-shadow: none !important;
  }
}

/* border
------------------------------------------------------------ */
.u-ol-n {
  outline: none !important;
}

.u-olw-tn {
  outline-width: thin !important;
}

.u-olw-md {
  outline-width: medium !important;
}

.u-olw-tc {
  outline-width: thick !important;
}

.u-ols-n {
  outline-style: none !important;
}

.u-ols-dt {
  outline-style: dotted !important;
}

.u-ols-ds {
  outline-style: dashed !important;
}

.u-ols-s {
  outline-style: solid !important;
}

.u-ols-db {
  outline-style: double !important;
}

.u-ols-g {
  outline-style: groove !important;
}

.u-ols-r {
  outline-style: ridge !important;
}

.u-ols-i {
  outline-style: inset !important;
}

.u-ols-o {
  outline-style: outset !important;
}

.u-olc-i {
  outline-color: invert !important;
}

.u-bfv-h {
  -webkit-backface-visibility: hidden !important;
          backface-visibility: hidden !important;
}

.u-bfv-v {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}

.u-bd-n {
  border: none !important;
}

.u-bd-0 {
  border: 0 !important;
}

.u-bdcl-c {
  border-collapse: collapse !important;
}

.u-bdcl-s {
  border-collapse: separate !important;
}

.u-bdc-t {
  border-color: transparent !important;
}

.u-bdc-cc {
  border-color: currentColor !important;
}

.u-bdc-white {
  border-color: #ffffff !important;
}

.u-bdc-silver {
  border-color: #dddddd !important;
}

.u-bdc-gray {
  border-color: #cccccc !important;
}

.u-bdc-black {
  border-color: #111111 !important;
}

.u-bdc-navy {
  border-color: #001f3f !important;
}

.u-bdc-blue {
  border-color: #0074d9 !important;
}

.u-bdc-aqua {
  border-color: #7fdbff !important;
}

.u-bdc-teal {
  border-color: #39cccc !important;
}

.u-bdc-olive {
  border-color: #3d9970 !important;
}

.u-bdc-green {
  border-color: #2ecc40 !important;
}

.u-bdc-lime {
  border-color: #01ff70 !important;
}

.u-bdc-yellow {
  border-color: #ffdc00 !important;
}

.u-bdc-orange {
  border-color: #ff851b !important;
}

.u-bdc-red {
  border-color: #ff4136 !important;
}

.u-bdc-maroon {
  border-color: #85144b !important;
}

.u-bdc-fuchsia {
  border-color: #f012be !important;
}

.u-bdc-purple {
  border-color: #b10dc9 !important;
}

.u-bdc-primary {
  border-color: #0275d8 !important;
}

.u-bdc-success {
  border-color: #5cb85c !important;
}

.u-bdc-info {
  border-color: #5bc0de !important;
}

.u-bdc-warning {
  border-color: #f0ad4e !important;
}

.u-bdc-danger {
  border-color: #d9534f !important;
}

.u-bdi-n {
  -o-border-image: none !important;
     border-image: none !important;
}

.u-bds-n {
  border-style: none !important;
}

.u-bds-h {
  border-style: hidden !important;
}

.u-bds-dt {
  border-style: dotted !important;
}

.u-bds-ds {
  border-style: dashed !important;
}

.u-bds-s {
  border-style: solid !important;
}

.u-bds-db {
  border-style: double !important;
}

.u-bds-w {
  border-style: wave !important;
}

.u-bds-g {
  border-style: groove !important;
}

.u-bds-r {
  border-style: ridge !important;
}

.u-bds-i {
  border-style: inset !important;
}

.u-bds-o {
  border-style: outset !important;
}

.u-bdw-0 {
  border-width: 0 !important;
}

.u-bdw-1 {
  border-width: 1px !important;
}

.u-bdw-2 {
  border-width: 2px !important;
}

.u-bdw-3 {
  border-width: 3px !important;
}

.u-bdw-4 {
  border-width: 4px !important;
}

.u-bdw-5 {
  border-width: 5px !important;
}

.u-bdw-6 {
  border-width: 6px !important;
}

.u-bdtw-0 {
  border-top-width: 0 !important;
}

.u-bdtw-1 {
  border-top-width: 1px !important;
}

.u-bdtw-2 {
  border-top-width: 2px !important;
}

.u-bdtw-3 {
  border-top-width: 3px !important;
}

.u-bdtw-4 {
  border-top-width: 4px !important;
}

.u-bdtw-5 {
  border-top-width: 5px !important;
}

.u-bdtw-6 {
  border-top-width: 6px !important;
}

.u-bdrw-0 {
  border-right-width: 0 !important;
}

.u-bdrw-1 {
  border-right-width: 1px !important;
}

.u-bdrw-2 {
  border-right-width: 2px !important;
}

.u-bdrw-3 {
  border-right-width: 3px !important;
}

.u-bdrw-4 {
  border-right-width: 4px !important;
}

.u-bdrw-5 {
  border-right-width: 5px !important;
}

.u-bdrw-6 {
  border-right-width: 6px !important;
}

.u-bdbw-0 {
  border-bottom-width: 0 !important;
}

.u-bdbw-1 {
  border-bottom-width: 1px !important;
}

.u-bdbw-2 {
  border-bottom-width: 2px !important;
}

.u-bdbw-3 {
  border-bottom-width: 3px !important;
}

.u-bdbw-4 {
  border-bottom-width: 4px !important;
}

.u-bdbw-5 {
  border-bottom-width: 5px !important;
}

.u-bdbw-6 {
  border-bottom-width: 6px !important;
}

.u-bdlw-0 {
  border-left-width: 0 !important;
}

.u-bdlw-1 {
  border-left-width: 1px !important;
}

.u-bdlw-2 {
  border-left-width: 2px !important;
}

.u-bdlw-3 {
  border-left-width: 3px !important;
}

.u-bdlw-4 {
  border-left-width: 4px !important;
}

.u-bdlw-5 {
  border-left-width: 5px !important;
}

.u-bdlw-6 {
  border-left-width: 6px !important;
}

.u-bdt-n {
  border-top: none !important;
}

.u-bdt-0 {
  border-top: 0 !important;
}

.u-bdtc-t {
  border-top-color: transparent !important;
}

.u-bdtc-cc {
  border-top-color: currentColor !important;
}

.u-bdr-n {
  border-right: none !important;
}

.u-bdr-0 {
  border-right: 0 !important;
}

.u-bdrc-t {
  border-right-color: transparent !important;
}

.u-bdrc-cc {
  border-right-color: currentColor !important;
}

.u-bdb-n {
  border-bottom: none !important;
}

.u-bdb-0 {
  border-bottom: 0 !important;
}

.u-bdbc-t {
  border-bottom-color: transparent !important;
}

.u-bdbc-cc {
  border-bottom-color: currentColor !important;
}

.u-bdl-n {
  border-left: none !important;
}

.u-bdl-0 {
  border-left: 0 !important;
}

.u-bdlc-t {
  border-left-color: transparent !important;
}

.u-bdlc-cc {
  border-left-color: currentColor !important;
}

@media screen and (max-width: 736px) {
  .u-sp-ol-n {
    outline: none !important;
  }
  .u-sp-olw-tn {
    outline-width: thin !important;
  }
  .u-sp-olw-md {
    outline-width: medium !important;
  }
  .u-sp-olw-tc {
    outline-width: thick !important;
  }
  .u-sp-ols-n {
    outline-style: none !important;
  }
  .u-sp-ols-dt {
    outline-style: dotted !important;
  }
  .u-sp-ols-ds {
    outline-style: dashed !important;
  }
  .u-sp-ols-s {
    outline-style: solid !important;
  }
  .u-sp-ols-db {
    outline-style: double !important;
  }
  .u-sp-ols-g {
    outline-style: groove !important;
  }
  .u-sp-ols-r {
    outline-style: ridge !important;
  }
  .u-sp-ols-i {
    outline-style: inset !important;
  }
  .u-sp-ols-o {
    outline-style: outset !important;
  }
  .u-sp-olc-i {
    outline-color: invert !important;
  }
  .u-sp-bfv-h {
    -webkit-backface-visibility: hidden !important;
            backface-visibility: hidden !important;
  }
  .u-sp-bfv-v {
    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important;
  }
  .u-sp-bd-n {
    border: none !important;
  }
  .u-sp-bd-0 {
    border: 0 !important;
  }
  .u-sp-bdcl-c {
    border-collapse: collapse !important;
  }
  .u-sp-bdcl-s {
    border-collapse: separate !important;
  }
  .u-sp-bdc-t {
    border-color: transparent !important;
  }
  .u-sp-bdc-cc {
    border-color: currentColor !important;
  }
  .u-sp-bdc-white {
    border-color: #ffffff !important;
  }
  .u-sp-bdc-silver {
    border-color: #dddddd !important;
  }
  .u-sp-bdc-gray {
    border-color: #aaaaaa !important;
  }
  .u-sp-bdc-black {
    border-color: #111111 !important;
  }
  .u-sp-bdc-navy {
    border-color: #001f3f !important;
  }
  .u-sp-bdc-blue {
    border-color: #0074d9 !important;
  }
  .u-sp-bdc-aqua {
    border-color: #7fdbff !important;
  }
  .u-sp-bdc-teal {
    border-color: #39cccc !important;
  }
  .u-sp-bdc-olive {
    border-color: #3d9970 !important;
  }
  .u-sp-bdc-green {
    border-color: #2ecc40 !important;
  }
  .u-sp-bdc-lime {
    border-color: #01ff70 !important;
  }
  .u-sp-bdc-yellow {
    border-color: #ffdc00 !important;
  }
  .u-sp-bdc-orange {
    border-color: #ff851b !important;
  }
  .u-sp-bdc-red {
    border-color: #ff4136 !important;
  }
  .u-sp-bdc-maroon {
    border-color: #85144b !important;
  }
  .u-sp-bdc-fuchsia {
    border-color: #f012be !important;
  }
  .u-sp-bdc-purple {
    border-color: #b10dc9 !important;
  }
  .u-sp-bdc-primary {
    border-color: #0275d8 !important;
  }
  .u-sp-bdc-success {
    border-color: #5cb85c !important;
  }
  .u-sp-bdc-info {
    border-color: #5bc0de !important;
  }
  .u-sp-bdc-warning {
    border-color: #f0ad4e !important;
  }
  .u-sp-bdc-danger {
    border-color: #d9534f !important;
  }
  .u-sp-bdi-n {
    -o-border-image: none !important;
       border-image: none !important;
  }
  .u-sp-bds-n {
    border-style: none !important;
  }
  .u-sp-bds-h {
    border-style: hidden !important;
  }
  .u-sp-bds-dt {
    border-style: dotted !important;
  }
  .u-sp-bds-ds {
    border-style: dashed !important;
  }
  .u-sp-bds-s {
    border-style: solid !important;
  }
  .u-sp-bds-db {
    border-style: double !important;
  }
  .u-sp-bds-w {
    border-style: wave !important;
  }
  .u-sp-bds-g {
    border-style: groove !important;
  }
  .u-sp-bds-r {
    border-style: ridge !important;
  }
  .u-sp-bds-i {
    border-style: inset !important;
  }
  .u-sp-bds-o {
    border-style: outset !important;
  }
  .u-sp-bdw-0 {
    border-width: 0 !important;
  }
  .u-sp-bdw-1 {
    border-width: 1px !important;
  }
  .u-sp-bdw-2 {
    border-width: 2px !important;
  }
  .u-sp-bdw-3 {
    border-width: 3px !important;
  }
  .u-sp-bdw-4 {
    border-width: 4px !important;
  }
  .u-sp-bdw-5 {
    border-width: 5px !important;
  }
  .u-sp-bdw-6 {
    border-width: 6px !important;
  }
  .u-sp-bdtw-0 {
    border-top-width: 0 !important;
  }
  .u-sp-bdtw-1 {
    border-top-width: 1px !important;
  }
  .u-sp-bdtw-2 {
    border-top-width: 2px !important;
  }
  .u-sp-bdtw-3 {
    border-top-width: 3px !important;
  }
  .u-sp-bdtw-4 {
    border-top-width: 4px !important;
  }
  .u-sp-bdtw-5 {
    border-top-width: 5px !important;
  }
  .u-sp-bdtw-6 {
    border-top-width: 6px !important;
  }
  .u-sp-bdrw-0 {
    border-right-width: 0 !important;
  }
  .u-sp-bdrw-1 {
    border-right-width: 1px !important;
  }
  .u-sp-bdrw-2 {
    border-right-width: 2px !important;
  }
  .u-sp-bdrw-3 {
    border-right-width: 3px !important;
  }
  .u-sp-bdrw-4 {
    border-right-width: 4px !important;
  }
  .u-sp-bdrw-5 {
    border-right-width: 5px !important;
  }
  .u-sp-bdrw-6 {
    border-right-width: 6px !important;
  }
  .u-sp-bdbw-0 {
    border-bottom-width: 0 !important;
  }
  .u-sp-bdbw-1 {
    border-bottom-width: 1px !important;
  }
  .u-sp-bdbw-2 {
    border-bottom-width: 2px !important;
  }
  .u-sp-bdbw-3 {
    border-bottom-width: 3px !important;
  }
  .u-sp-bdbw-4 {
    border-bottom-width: 4px !important;
  }
  .u-sp-bdbw-5 {
    border-bottom-width: 5px !important;
  }
  .u-sp-bdbw-6 {
    border-bottom-width: 6px !important;
  }
  .u-sp-bdlw-0 {
    border-left-width: 0 !important;
  }
  .u-sp-bdlw-1 {
    border-left-width: 1px !important;
  }
  .u-sp-bdlw-2 {
    border-left-width: 2px !important;
  }
  .u-sp-bdlw-3 {
    border-left-width: 3px !important;
  }
  .u-sp-bdlw-4 {
    border-left-width: 4px !important;
  }
  .u-sp-bdlw-5 {
    border-left-width: 5px !important;
  }
  .u-sp-bdlw-6 {
    border-left-width: 6px !important;
  }
  .u-sp-bdt-n {
    border-top: none !important;
  }
  .u-sp-bdt-0 {
    border-top: 0 !important;
  }
  .u-sp-bdtc-t {
    border-top-color: transparent !important;
  }
  .u-sp-bdtc-cc {
    border-top-color: currentColor !important;
  }
  .u-sp-bdr-n {
    border-right: none !important;
  }
  .u-sp-bdr-0 {
    border-right: 0 !important;
  }
  .u-sp-bdrc-t {
    border-right-color: transparent !important;
  }
  .u-sp-bdrc-cc {
    border-right-color: currentColor !important;
  }
  .u-sp-bdb-n {
    border-bottom: none !important;
  }
  .u-sp-bdb-0 {
    border-bottom: 0 !important;
  }
  .u-sp-bdbc-t {
    border-bottom-color: transparent !important;
  }
  .u-sp-bdbc-cc {
    border-bottom-color: currentColor !important;
  }
  .u-sp-bdl-n {
    border-left: none !important;
  }
  .u-sp-bdl-0 {
    border-left: 0 !important;
  }
  .u-sp-bdlc-t {
    border-left-color: transparent !important;
  }
  .u-sp-bdlc-cc {
    border-left-color: currentColor !important;
  }
}

/* 背景色
------------------------------------------------------------ */
.u-bgc-t {
  background-color: transparent !important;
}

.u-bgc-cc {
  background-color: currentColor !important;
}

.u-bgc-white {
  background-color: #ffffff !important;
}

.u-bgc-silver {
  background-color: #dddddd !important;
}

.u-bgc-gray {
  background-color: #aaaaaa !important;
}

.u-bgc-black {
  background-color: #111111 !important;
}

.u-bgc-navy {
  background-color: #001f3f !important;
}

.u-bgc-blue {
  background-color: #0074d9 !important;
}

.u-bgc-aqua {
  background-color: #7fdbff !important;
}

.u-bgc-teal {
  background-color: #73D6CD !important;
}

.u-bgc-olive {
  background-color: #3d9970 !important;
}

.u-bgc-green {
  background-color: #2ecc40 !important;
}

.u-bgc-lime {
  background-color: #01ff70 !important;
}

.u-bgc-yellow {
  background-color: #ffdc00 !important;
}

.u-bgc-orange {
  background-color: #ff851b !important;
}

.u-bgc-red {
  background-color: #ff4136 !important;
}

.u-bgc-maroon {
  background-color: #85144b !important;
}

.u-bgc-fuchsia {
  background-color: #f012be !important;
}

.u-bgc-purple {
  background-color: #b10dc9 !important;
}

.u-bgc-primary {
  background-color: #0275d8 !important;
}

.u-bgc-success {
  background-color: #5cb85c !important;
}

.u-bgc-info {
  background-color: #5bc0de !important;
}

.u-bgc-warning {
  background-color: #f0ad4e !important;
}

.u-bgc-danger {
  background-color: #d9534f !important;
}

.u-bgi-n {
  background-image: none !important;
}

.u-bgr-n {
  background-repeat: no-repeat !important;
}

.u-bgr-x {
  background-repeat: repeat-x !important;
}

.u-bgr-y {
  background-repeat: repeat-y !important;
}

.u-bgr-sp {
  background-repeat: space !important;
}

.u-bgr-rd {
  background-repeat: round !important;
}

.u-bga-f {
  background-attachment: fixed !important;
}

.u-bga-s {
  background-attachment: scroll !important;
}

.u-bgp-t {
  background-position: top !important;
}

.u-bgp-r {
  background-position: right !important;
}

.u-bgp-b {
  background-position: bottom !important;
}

.u-bgp-l {
  background-position: left !important;
}

.u-bgp-c {
  background-position: center !important;
}

.u-bgsz-a {
  background-size: auto !important;
}

.u-bgsz-ct {
  background-size: contain !important;
}

.u-bgsz-cv {
  background-size: cover !important;
}

.u-bg-n {
  background: none !important;
}

.u-c-i {
  color: inherit !important;
}

@media screen and (max-width: 736px) {
  .u-sp-bgc-t {
    background-color: transparent !important;
  }
  .u-sp-bgc-cc {
    background-color: currentColor !important;
  }
  .u-sp-bgc-white {
    background-color: #ffffff !important;
  }
  .u-sp-bgc-silver {
    background-color: #dddddd !important;
  }
  .u-sp-bgc-gray {
    background-color: #aaaaaa !important;
  }
  .u-sp-bgc-black {
    background-color: #111111 !important;
  }
  .u-sp-bgc-navy {
    background-color: #001f3f !important;
  }
  .u-sp-bgc-blue {
    background-color: #0074d9 !important;
  }
  .u-sp-bgc-aqua {
    background-color: #7fdbff !important;
  }
  .u-sp-bgc-teal {
    background-color: #73D6CD !important;
  }
  .u-sp-bgc-olive {
    background-color: #3d9970 !important;
  }
  .u-sp-bgc-green {
    background-color: #2ecc40 !important;
  }
  .u-sp-bgc-lime {
    background-color: #01ff70 !important;
  }
  .u-sp-bgc-yellow {
    background-color: #ffdc00 !important;
  }
  .u-sp-bgc-orange {
    background-color: #ff851b !important;
  }
  .u-sp-bgc-red {
    background-color: #ff4136 !important;
  }
  .u-sp-bgc-maroon {
    background-color: #85144b !important;
  }
  .u-sp-bgc-fuchsia {
    background-color: #f012be !important;
  }
  .u-sp-bgc-purple {
    background-color: #b10dc9 !important;
  }
  .u-sp-bgc-primary {
    background-color: #0275d8 !important;
  }
  .u-sp-bgc-success {
    background-color: #5cb85c !important;
  }
  .u-sp-bgc-info {
    background-color: #5bc0de !important;
  }
  .u-sp-bgc-warning {
    background-color: #f0ad4e !important;
  }
  .u-sp-bgc-danger {
    background-color: #d9534f !important;
  }
  .u-sp-bgi-n {
    background-image: none !important;
  }
  .u-sp-bgr-n {
    background-repeat: no-repeat !important;
  }
  .u-sp-bgr-x {
    background-repeat: repeat-x !important;
  }
  .u-sp-bgr-y {
    background-repeat: repeat-y !important;
  }
  .u-sp-bgr-sp {
    background-repeat: space !important;
  }
  .u-sp-bgr-rd {
    background-repeat: round !important;
  }
  .u-sp-bga-f {
    background-attachment: fixed !important;
  }
  .u-sp-bga-s {
    background-attachment: scroll !important;
  }
  .u-sp-bgp-t {
    background-position: top !important;
  }
  .u-sp-bgp-r {
    background-position: right !important;
  }
  .u-sp-bgp-b {
    background-position: bottom !important;
  }
  .u-sp-bgp-l {
    background-position: left !important;
  }
  .u-sp-bgp-c {
    background-position: center !important;
  }
  .u-sp-bgsz-a {
    background-size: auto !important;
  }
  .u-sp-bgsz-ct {
    background-size: contain !important;
  }
  .u-sp-bgsz-cv {
    background-size: cover !important;
  }
  .u-sp-bg-n {
    background: none !important;
  }
  .u-sp-c-i {
    color: inherit !important;
  }
}

/* table
-------------------------------------------------- */
.u-tbl-a {
  table-layout: auto !important;
}

.u-tbl-f {
  table-layout: fixed !important;
}

@media screen and (max-width: 736px) {
  .u-sp-tbl-a {
    table-layout: auto !important;
  }
  .u-sp-tbl-f {
    table-layout: fixed !important;
  }
}

/* list-style
-------------------------------------------------- */
.u-lis-n {
  list-style: none !important;
}

.u-lisp-i {
  list-style-position: inside !important;
}

.u-lisp-o {
  list-style-position: outside !important;
}

.u-list-n {
  list-style-type: none !important;
}

.u-list-d {
  list-style-type: disc !important;
}

.u-list-c {
  list-style-type: circle !important;
}

.u-list-s {
  list-style-type: square !important;
}

.u-list-dc {
  list-style-type: decimal !important;
}

.u-list-dclz {
  list-style-type: decimal-leading-zero !important;
}

.u-list-lr {
  list-style-type: lower-roman !important;
}

.u-list-ur {
  list-style-type: upper-roman !important;
}

.u-lisi-n {
  list-style-image: none !important;
}

@media screen and (max-width: 736px) {
  .u-sp-lis-n {
    list-style: none !important;
  }
  .u-sp-lisp-i {
    list-style-position: inside !important;
  }
  .u-sp-lisp-o {
    list-style-position: outside !important;
  }
  .u-sp-list-n {
    list-style-type: none !important;
  }
  .u-sp-list-d {
    list-style-type: disc !important;
  }
  .u-sp-list-c {
    list-style-type: circle !important;
  }
  .u-sp-list-s {
    list-style-type: square !important;
  }
  .u-sp-list-dc {
    list-style-type: decimal !important;
  }
  .u-sp-list-dclz {
    list-style-type: decimal-leading-zero !important;
  }
  .u-sp-list-lr {
    list-style-type: lower-roman !important;
  }
  .u-sp-list-ur {
    list-style-type: upper-roman !important;
  }
  .u-sp-lisi-n {
    list-style-image: none !important;
  }
}

/* vertical-align
-------------------------------------------------- */
.u-va-sup {
  vertical-align: super !important;
}

.u-va-t {
  vertical-align: top !important;
}

.u-va-tt {
  vertical-align: text-top !important;
}

.u-va-m {
  vertical-align: middle !important;
}

.u-va-bl {
  vertical-align: baseline !important;
}

.u-va-b {
  vertical-align: bottom !important;
}

.u-va-tb {
  vertical-align: text-bottom !important;
}

.u-va-sub {
  vertical-align: sub !important;
}

@media screen and (max-width: 736px) {
  .u-sp-va-sup {
    vertical-align: super !important;
  }
  .u-sp-va-t {
    vertical-align: top !important;
  }
  .u-sp-va-tt {
    vertical-align: text-top !important;
  }
  .u-sp-va-m {
    vertical-align: middle !important;
  }
  .u-sp-va-bl {
    vertical-align: baseline !important;
  }
  .u-sp-va-b {
    vertical-align: bottom !important;
  }
  .u-sp-va-tb {
    vertical-align: text-bottom !important;
  }
  .u-sp-va-sub {
    vertical-align: sub !important;
  }
}

/* 左右センター
-------------------------------------------------- */
.u-ta-l {
  text-align: left !important;
}

.u-ta-c {
  text-align: center !important;
}

.u-ta-r {
  text-align: right !important;
}

.u-ta-j {
  text-align: justify !important;
}

@media screen and (max-width: 736px) {
  .u-sp-ta-l {
    text-align: left !important;
  }
  .u-sp-ta-c {
    text-align: center !important;
  }
  .u-sp-ta-r {
    text-align: right !important;
  }
  .u-sp-ta-j {
    text-align: justify !important;
  }
}

/* font-size
-------------------------------------------------- */
.u-font-xxxs {
  font-size: 1rem !important;
}

.u-font-xxs {
  font-size: 1.2rem !important;
}

.u-font-xs {
  font-size: 1.3rem !important;
}

.u-font-s {
  font-size: 1.4rem !important;
}

.u-font-m {
  font-size: 1.6rem !important;
}

.u-font-l {
  font-size: 1.8rem !important;
}

.u-font-xl {
  font-size: 2rem !important;
}

.u-font-xxl {
  font-size: 2.2rem !important;
}

.u-font-xxxl {
  font-size: 2.4rem !important;
}

@media screen and (max-width: 736px) {
  .u-sp-font-xxxs {
    font-size: 1rem !important;
  }
  .u-sp-font-xxs {
    font-size: 1.2rem !important;
  }
  .u-sp-font-xs {
    font-size: 1.3rem !important;
  }
  .u-sp-font-s {
    font-size: 1.4rem !important;
  }
  .u-sp-font-m {
    font-size: 1.6rem !important;
  }
  .u-sp-font-l {
    font-size: 1.8rem !important;
  }
  .u-sp-font-xl {
    font-size: 2rem !important;
  }
  .u-sp-font-xxl {
    font-size: 2.2rem !important;
  }
  .u-sp-font-xxxl {
    font-size: 2.4rem !important;
  }
}

/* font-weight
-------------------------------------------------- */
.u-font-bold {
  font-family: 'ヒラギノ角ゴ W6 JIS2004' !important;
}

@media screen and (max-width: 736px) {
  .u-sp-font-bold {
    font-family: 'ヒラギノ角ゴ W6 JIS2004' !important;
  }
}

/* font-color
-------------------------------------------------- */
.u-font-red {
  color: #dd0000 !important;
}

.u-font-green {
  color: #124883 !important;
}

.u-font-white {
  color: #fff !important;
}

.u-font-blue {
  color: #124883 !important;
}

.u-font-orange {
  color: #ff9600 !important;
}

.u-font-lectures-yellow {
  color: #efbd3d !important;
}

.u-font-lectures-orange {
  color: #e35b33 !important;
}

.u-font-lectures-water {
  color: #61b4da !important;
}

.u-font-lectures-green {
  color: #71b351 !important;
}

.u-font-lectures-purple {
  color: #a55a96 !important;
}

.u-font-lectures-red {
  color: #c4252b !important;
}

.u-font-lectures-blue {
  color: #485a99 !important;
}

.u-font-lectures-pink {
  color: #E95383 !important;
}

@media screen and (max-width: 736px) {
  .u-sp-font-red {
    color: #dd0000 !important;
  }
  .u-sp-font-green {
    color: #124883 !important;
  }
  .u-sp-font-white {
    color: #fff !important;
  }
  .u-sp-font-blue {
    color: #124883 !important;
  }
  .u-sp-font-orange {
    color: #ff9600 !important;
  }
  .u-sp-font-lectures-yellow {
    color: #efbd3d !important;
  }
  .u-sp-font-lectures-orange {
    color: #e35b33 !important;
  }
  .u-sp-font-lectures-water {
    color: #61b4da !important;
  }
  .u-sp-font-lectures-green {
    color: #71b351 !important;
  }
  .u-sp-font-lectures-purple {
    color: #a55a96 !important;
  }
  .u-sp-font-lectures-red {
    color: #c4252b !important;
  }
  .u-sp-font-lectures-blue {
    color: #485a99 !important;
  }
  .u-font-lectures-pink {
    color: #E95383 !important;
  }
}

/* text-decoration
-------------------------------------------------- */
.u-td-n {
  text-decoration: none !important;
}

.u-td-u {
  text-decoration: underline !important;
}

.u-td-o {
  text-decoration: overline !important;
}

.u-td-l {
  text-decoration: line-through !important;
}

@media screen and (max-width: 736px) {
  .u-sp-td-n {
    text-decoration: none !important;
  }
  .u-sp-td-u {
    text-decoration: underline !important;
  }
  .u-sp-td-o {
    text-decoration: overline !important;
  }
  .u-sp-td-l {
    text-decoration: line-through !important;
  }
}

/* line-height
-------------------------------------------------- */
.u-lh-nm {
  line-height: normal !important;
}

.u-lh-i {
  line-height: inherit !important;
}

.u-lh-0 {
  line-height: 0 !important;
}

.u-lh-1 {
  line-height: 1 !important;
}

.u-lh-2 {
  line-height: 2 !important;
}

.u-lh-3 {
  line-height: 3 !important;
}

.u-lh-4 {
  line-height: 4 !important;
}

.u-lh-5 {
  line-height: 5 !important;
}

.u-lh-6 {
  line-height: 6 !important;
}

.u-lh-xs {
  line-height: 1.25 !important;
}

.u-lh-sm {
  line-height: 1.33 !important;
}

.u-lh-md {
  line-height: 1.5 !important;
}

.u-lh-lg {
  line-height: 1.75 !important;
}

.u-lh-xl {
  line-height: 2 !important;
}

@media screen and (max-width: 736px) {
  .u-sp-lh-nm {
    line-height: normal !important;
  }
  .u-sp-lh-i {
    line-height: inherit !important;
  }
  .u-sp-lh-0 {
    line-height: 0 !important;
  }
  .u-sp-lh-1 {
    line-height: 1 !important;
  }
  .u-sp-lh-2 {
    line-height: 2 !important;
  }
  .u-sp-lh-3 {
    line-height: 3 !important;
  }
  .u-sp-lh-4 {
    line-height: 4 !important;
  }
  .u-sp-lh-5 {
    line-height: 5 !important;
  }
  .u-sp-lh-6 {
    line-height: 6 !important;
  }
  .u-sp-lh-xs {
    line-height: 1.25 !important;
  }
  .u-sp-lh-sm {
    line-height: 1.33 !important;
  }
  .u-sp-lh-md {
    line-height: 1.5 !important;
  }
  .u-sp-lh-lg {
    line-height: 1.75 !important;
  }
  .u-sp-lh-xl {
    line-height: 2 !important;
  }
}

/* white-space
-------------------------------------------------- */
.u-whs-nm {
  white-space: normal !important;
}

.u-whs-p {
  white-space: pre !important;
}

.u-whs-nw {
  white-space: nowrap !important;
}

.u-whs-pw {
  white-space: pre-wrap !important;
}

.u-whs-pl {
  white-space: pre-line !important;
}

.u-wob-nm {
  word-break: normal !important;
}

.u-wob-k {
  word-break: keep-all !important;
}

.u-wob-ba {
  word-break: break-all !important;
}

.u-wow-nm {
  word-wrap: normal !important;
}

.u-wow-n {
  word-wrap: none !important;
}

.u-wow-u {
  word-wrap: unrestricted !important;
}

.u-wow-s {
  word-wrap: suppress !important;
}

.u-wow-bw {
  word-wrap: break-word !important;
}

@media screen and (max-width: 736px) {
  .u-sp-whs-nm {
    white-space: normal !important;
  }
  .u-sp-whs-p {
    white-space: pre !important;
  }
  .u-sp-whs-nw {
    white-space: nowrap !important;
  }
  .u-sp-whs-pw {
    white-space: pre-wrap !important;
  }
  .u-sp-whs-pl {
    white-space: pre-line !important;
  }
  .u-sp-wob-nm {
    word-break: normal !important;
  }
  .u-sp-wob-k {
    word-break: keep-all !important;
  }
  .u-sp-wob-ba {
    word-break: break-all !important;
  }
  .u-sp-wow-nm {
    word-wrap: normal !important;
  }
  .u-sp-wow-n {
    word-wrap: none !important;
  }
  .u-sp-wow-u {
    word-wrap: unrestricted !important;
  }
  .u-sp-wow-s {
    word-wrap: suppress !important;
  }
  .u-sp-wow-bw {
    word-wrap: break-word !important;
  }
}

/* cursor
-------------------------------------------------- */
.u-cur-a {
  cursor: auto !important;
}

.u-cur-d {
  cursor: default !important;
}

.u-cur-c {
  cursor: crosshair !important;
}

.u-cur-ha {
  cursor: hand !important;
}

.u-cur-he {
  cursor: help !important;
}

.u-cur-m {
  cursor: move !important;
}

.u-cur-p {
  cursor: pointer !important;
}

.u-cur-t {
  cursor: text !important;
}

@media screen and (max-width: 736px) {
  .u-sp-cur-a {
    cursor: auto !important;
  }
  .u-sp-cur-d {
    cursor: default !important;
  }
  .u-sp-cur-c {
    cursor: crosshair !important;
  }
  .u-sp-cur-ha {
    cursor: hand !important;
  }
  .u-sp-cur-he {
    cursor: help !important;
  }
  .u-sp-cur-m {
    cursor: move !important;
  }
  .u-sp-cur-p {
    cursor: pointer !important;
  }
  .u-sp-cur-t {
    cursor: text !important;
  }
}

/* flex
-------------------------------------------------- */
.u-fxd-r {
  flex-direction: row !important;
}

.u-fxd-rr {
  flex-direction: row-reverse !important;
}

.u-fxd-c {
  flex-direction: column !important;
}

.u-fxd-cr {
  flex-direction: column-reverse !important;
}

.u-fxw-n {
  flex-wrap: nowrap !important;
}

.u-fxw-w {
  flex-wrap: wrap !important;
}

.u-fxw-wr {
  flex-wrap: wrap-reverse !important;
}

.u-jc-fs {
  justify-content: flex-start !important;
}

.u-jc-fe {
  justify-content: flex-end !important;
}

.u-jc-c {
  justify-content: center !important;
}

.u-jc-sb {
  justify-content: space-between !important;
}

.u-jc-sa {
  justify-content: space-around !important;
}

.u-ai-fs {
  align-items: flex-start !important;
}

.u-ai-fe {
  align-items: flex-end !important;
}

.u-ai-c {
  align-items: center !important;
}

.u-ai-b {
  align-items: baseline !important;
}

.u-ai-s {
  align-items: stretch !important;
}

.u-ac-fs {
  align-content: flex-start !important;
}

.u-ac-fe {
  align-content: flex-end !important;
}

.u-ac-c {
  align-content: center !important;
}

.u-ac-sb {
  align-content: space-between !important;
}

.u-ac-sa {
  align-content: space-around !important;
}

.u-ac-s {
  align-content: stretch !important;
}

.u-ord--1 {
  order: -1 !important;
}

.u-ord-0 {
  order: 0 !important;
}

.u-ord-1 {
  order: 1 !important;
}

.u-ord-2 {
  order: 2 !important;
}

.u-ord-3 {
  order: 3 !important;
}

.u-ord-4 {
  order: 4 !important;
}

.u-ord-5 {
  order: 5 !important;
}

.u-ord-6 {
  order: 6 !important;
}

.u-ord-9999 {
  order: 9999 !important;
}

.u-fx-n {
  flex: none !important;
}

.u-fx-1_1_a {
  flex: 1 1 auto !important;
}

.u-fx-1_0_a {
  flex: 1 0 auto !important;
}

.u-fx-1_1_1 {
  flex: 1 1 1px !important;
}

.u-as-a {
  align-self: auto !important;
}

.u-as-fs {
  align-self: flex-start !important;
}

.u-as-fe {
  align-self: flex-end !important;
}

.u-as-c {
  align-self: center !important;
}

.u-as-b {
  align-self: baseline !important;
}

.u-as-s {
  align-self: stretch !important;
}

@media screen and (max-width: 736px) {
  .u-sp-fxd-r {
    flex-direction: row !important;
  }
  .u-sp-fxd-rr {
    flex-direction: row-reverse !important;
  }
  .u-sp-fxd-c {
    flex-direction: column !important;
  }
  .u-sp-fxd-cr {
    flex-direction: column-reverse !important;
  }
  .u-sp-fxw-n {
    flex-wrap: nowrap !important;
  }
  .u-sp-fxw-w {
    flex-wrap: wrap !important;
  }
  .u-sp-fxw-wr {
    flex-wrap: wrap-reverse !important;
  }
  .u-sp-jc-fs {
    justify-content: flex-start !important;
  }
  .u-sp-jc-fe {
    justify-content: flex-end !important;
  }
  .u-sp-jc-c {
    justify-content: center !important;
  }
  .u-sp-jc-sb {
    justify-content: space-between !important;
  }
  .u-sp-jc-sa {
    justify-content: space-around !important;
  }
  .u-sp-ai-fs {
    align-items: flex-start !important;
  }
  .u-sp-ai-fe {
    align-items: flex-end !important;
  }
  .u-sp-ai-c {
    align-items: center !important;
  }
  .u-sp-ai-b {
    align-items: baseline !important;
  }
  .u-sp-ai-s {
    align-items: stretch !important;
  }
  .u-sp-ac-fs {
    align-content: flex-start !important;
  }
  .u-sp-ac-fe {
    align-content: flex-end !important;
  }
  .u-sp-ac-c {
    align-content: center !important;
  }
  .u-sp-ac-sb {
    align-content: space-between !important;
  }
  .u-sp-ac-sa {
    align-content: space-around !important;
  }
  .u-sp-ac-s {
    align-content: stretch !important;
  }
  .u-sp-ord--1 {
    order: -1 !important;
  }
  .u-sp-ord-0 {
    order: 0 !important;
  }
  .u-sp-ord-1 {
    order: 1 !important;
  }
  .u-sp-ord-2 {
    order: 2 !important;
  }
  .u-sp-ord-3 {
    order: 3 !important;
  }
  .u-sp-ord-4 {
    order: 4 !important;
  }
  .u-sp-ord-5 {
    order: 5 !important;
  }
  .u-sp-ord-6 {
    order: 6 !important;
  }
  .u-sp-ord-9999 {
    order: 9999 !important;
  }
  .u-sp-fx-n {
    flex: none !important;
  }
  .u-sp-fx-1_1_a {
    flex: 1 1 auto !important;
  }
  .u-sp-fx-1_0_a {
    flex: 1 0 auto !important;
  }
  .u-sp-fx-1_1_1 {
    flex: 1 1 1px !important;
  }
  .u-sp-as-a {
    align-self: auto !important;
  }
  .u-sp-as-fs {
    align-self: flex-start !important;
  }
  .u-sp-as-fe {
    align-self: flex-end !important;
  }
  .u-sp-as-c {
    align-self: center !important;
  }
  .u-sp-as-b {
    align-self: baseline !important;
  }
  .u-sp-as-s {
    align-self: stretch !important;
  }
}

/* margin
------------------------------------------------------------ */
.u-m-a {
  margin: auto !important;
}

.u-ma0 {
  margin: 0 !important;
}

.u-mt0 {
  margin-top: 0 !important;
}

.u-mt5 {
  margin-top: 5px !important;
}

.u-mt10 {
  margin-top: 10px !important;
}

.u-mt15 {
  margin-top: 15px !important;
}

.u-mt20 {
  margin-top: 20px !important;
}

.u-mt25 {
  margin-top: 25px !important;
}

.u-mt30 {
  margin-top: 30px !important;
}

.u-mt35 {
  margin-top: 35px !important;
}

.u-mt40 {
  margin-top: 40px !important;
}

.u-mt45 {
  margin-top: 45px !important;
}

.u-mt50 {
  margin-top: 50px !important;
}

.u-mt55 {
  margin-top: 55px !important;
}

.u-mt60 {
  margin-top: 60px !important;
}

.u-mt65 {
  margin-top: 65px !important;
}

.u-mt70 {
  margin-top: 70px !important;
}

.u-mt75 {
  margin-top: 75px !important;
}

.u-mt80 {
  margin-top: 80px !important;
}

.u-mt85 {
  margin-top: 85px !important;
}

.u-mt90 {
  margin-top: 90px !important;
}

.u-mt95 {
  margin-top: 95px !important;
}

.u-mt100 {
  margin-top: 100px !important;
}

.u-mb0 {
  margin-bottom: 0 !important;
}

.u-mb5 {
  margin-bottom: 5px !important;
}

.u-mb10 {
  margin-bottom: 10px !important;
}

.u-mb15 {
  margin-bottom: 15px !important;
}

.u-mb20 {
  margin-bottom: 20px !important;
}

.u-mb25 {
  margin-bottom: 25px !important;
}

.u-mb30 {
  margin-bottom: 30px !important;
}

.u-mb35 {
  margin-bottom: 35px !important;
}

.u-mb40 {
  margin-bottom: 40px !important;
}

.u-mb45 {
  margin-bottom: 45px !important;
}

.u-mb50 {
  margin-bottom: 50px !important;
}

.u-mb55 {
  margin-bottom: 55px !important;
}

.u-mb60 {
  margin-bottom: 60px !important;
}

.u-mb65 {
  margin-bottom: 65px !important;
}

.u-mb70 {
  margin-bottom: 70px !important;
}

.u-mb75 {
  margin-bottom: 75px !important;
}

.u-mb80 {
  margin-bottom: 80px !important;
}

.u-mb85 {
  margin-bottom: 85px !important;
}

.u-mb90 {
  margin-bottom: 90px !important;
}

.u-mb95 {
  margin-bottom: 95px !important;
}

.u-mb100 {
  margin-bottom: 100px !important;
}

.u-ml0 {
  margin-left: 0 !important;
}

.u-ml5 {
  margin-left: 5px !important;
}

.u-ml10 {
  margin-left: 10px !important;
}

.u-ml15 {
  margin-left: 15px !important;
}

.u-ml20 {
  margin-left: 20px !important;
}

.u-ml25 {
  margin-left: 25px !important;
}

.u-ml30 {
  margin-left: 30px !important;
}

.u-ml35 {
  margin-left: 35px !important;
}

.u-ml40 {
  margin-left: 40px !important;
}

.u-ml45 {
  margin-left: 45px !important;
}

.u-ml50 {
  margin-left: 50px !important;
}

.u-ml55 {
  margin-left: 55px !important;
}

.u-ml60 {
  margin-left: 60px !important;
}

.u-ml65 {
  margin-left: 65px !important;
}

.u-ml70 {
  margin-left: 70px !important;
}

.u-ml75 {
  margin-left: 75px !important;
}

.u-ml80 {
  margin-left: 80px !important;
}

.u-ml85 {
  margin-left: 85px !important;
}

.u-ml90 {
  margin-left: 90px !important;
}

.u-ml95 {
  margin-left: 95px !important;
}

.u-ml100 {
  margin-left: 100px !important;
}

.u-mr0 {
  margin-right: 0 !important;
}

.u-mr5 {
  margin-right: 5px !important;
}

.u-mr10 {
  margin-right: 10px !important;
}

.u-mr15 {
  margin-right: 15px !important;
}

.u-mr20 {
  margin-right: 20px !important;
}

.u-mr25 {
  margin-right: 25px !important;
}

.u-mr30 {
  margin-right: 30px !important;
}

.u-mr35 {
  margin-right: 35px !important;
}

.u-mr40 {
  margin-right: 40px !important;
}

.u-mr45 {
  margin-right: 45px !important;
}

.u-mr50 {
  margin-right: 50px !important;
}

.u-mr55 {
  margin-right: 55px !important;
}

.u-mr60 {
  margin-right: 60px !important;
}

.u-mr65 {
  margin-right: 65px !important;
}

.u-mr70 {
  margin-right: 70px !important;
}

.u-mr75 {
  margin-right: 75px !important;
}

.u-mr80 {
  margin-right: 80px !important;
}

.u-mr85 {
  margin-right: 85px !important;
}

.u-mr90 {
  margin-right: 90px !important;
}

.u-mr95 {
  margin-right: 95px !important;
}

.u-mr100 {
  margin-right: 100px !important;
}

@media screen and (max-width: 736px) {
  .u-sp-m-a {
    margin: auto !important;
  }
  .u-sp-ma0 {
    margin: 0 !important;
  }
  .u-sp-mt0 {
    margin-top: 0 !important;
  }
  .u-sp-mt5 {
    margin-top: 5px !important;
  }
  .u-sp-mt10 {
    margin-top: 10px !important;
  }
  .u-sp-mt15 {
    margin-top: 15px !important;
  }
  .u-sp-mt20 {
    margin-top: 20px !important;
  }
  .u-sp-mt25 {
    margin-top: 25px !important;
  }
  .u-sp-mt30 {
    margin-top: 30px !important;
  }
  .u-sp-mt35 {
    margin-top: 35px !important;
  }
  .u-sp-mt40 {
    margin-top: 40px !important;
  }
  .u-sp-mt45 {
    margin-top: 45px !important;
  }
  .u-sp-mt50 {
    margin-top: 50px !important;
  }
  .u-sp-mt55 {
    margin-top: 55px !important;
  }
  .u-sp-mt60 {
    margin-top: 60px !important;
  }
  .u-sp-mt65 {
    margin-top: 65px !important;
  }
  .u-sp-mt70 {
    margin-top: 70px !important;
  }
  .u-sp-mt75 {
    margin-top: 75px !important;
  }
  .u-sp-mt80 {
    margin-top: 80px !important;
  }
  .u-sp-mt85 {
    margin-top: 85px !important;
  }
  .u-sp-mt90 {
    margin-top: 90px !important;
  }
  .u-sp-mt95 {
    margin-top: 95px !important;
  }
  .u-sp-mt100 {
    margin-top: 100px !important;
  }
  .u-sp-mb0 {
    margin-bottom: 0 !important;
  }
  .u-sp-mb5 {
    margin-bottom: 5px !important;
  }
  .u-sp-mb10 {
    margin-bottom: 10px !important;
  }
  .u-sp-mb15 {
    margin-bottom: 15px !important;
  }
  .u-sp-mb20 {
    margin-bottom: 20px !important;
  }
  .u-sp-mb25 {
    margin-bottom: 25px !important;
  }
  .u-sp-mb30 {
    margin-bottom: 30px !important;
  }
  .u-sp-mb35 {
    margin-bottom: 35px !important;
  }
  .u-sp-mb40 {
    margin-bottom: 40px !important;
  }
  .u-sp-mb45 {
    margin-bottom: 45px !important;
  }
  .u-sp-mb50 {
    margin-bottom: 50px !important;
  }
  .u-sp-mb55 {
    margin-bottom: 55px !important;
  }
  .u-sp-mb60 {
    margin-bottom: 60px !important;
  }
  .u-sp-mb65 {
    margin-bottom: 65px !important;
  }
  .u-sp-mb70 {
    margin-bottom: 70px !important;
  }
  .u-sp-mb75 {
    margin-bottom: 75px !important;
  }
  .u-sp-mb80 {
    margin-bottom: 80px !important;
  }
  .u-sp-mb85 {
    margin-bottom: 85px !important;
  }
  .u-sp-mb90 {
    margin-bottom: 90px !important;
  }
  .u-sp-mb95 {
    margin-bottom: 95px !important;
  }
  .u-sp-mb100 {
    margin-bottom: 100px !important;
  }
  .u-sp-ml0 {
    margin-left: 0 !important;
  }
  .u-sp-ml5 {
    margin-left: 5px !important;
  }
  .u-sp-ml10 {
    margin-left: 10px !important;
  }
  .u-sp-ml15 {
    margin-left: 15px !important;
  }
  .u-sp-ml20 {
    margin-left: 20px !important;
  }
  .u-sp-ml25 {
    margin-left: 25px !important;
  }
  .u-sp-ml30 {
    margin-left: 30px !important;
  }
  .u-sp-ml35 {
    margin-left: 35px !important;
  }
  .u-sp-ml40 {
    margin-left: 40px !important;
  }
  .u-sp-ml45 {
    margin-left: 45px !important;
  }
  .u-sp-ml50 {
    margin-left: 50px !important;
  }
  .u-sp-ml55 {
    margin-left: 55px !important;
  }
  .u-sp-ml60 {
    margin-left: 60px !important;
  }
  .u-sp-ml65 {
    margin-left: 65px !important;
  }
  .u-sp-ml70 {
    margin-left: 70px !important;
  }
  .u-sp-ml75 {
    margin-left: 75px !important;
  }
  .u-sp-ml80 {
    margin-left: 80px !important;
  }
  .u-sp-ml85 {
    margin-left: 85px !important;
  }
  .u-sp-ml90 {
    margin-left: 90px !important;
  }
  .u-sp-ml95 {
    margin-left: 95px !important;
  }
  .u-sp-ml100 {
    margin-left: 100px !important;
  }
  .u-sp-mr0 {
    margin-right: 0 !important;
  }
  .u-sp-mr5 {
    margin-right: 5px !important;
  }
  .u-sp-mr10 {
    margin-right: 10px !important;
  }
  .u-sp-mr15 {
    margin-right: 15px !important;
  }
  .u-sp-mr20 {
    margin-right: 20px !important;
  }
  .u-sp-mr25 {
    margin-right: 25px !important;
  }
  .u-sp-mr30 {
    margin-right: 30px !important;
  }
  .u-sp-mr35 {
    margin-right: 35px !important;
  }
  .u-sp-mr40 {
    margin-right: 40px !important;
  }
  .u-sp-mr45 {
    margin-right: 45px !important;
  }
  .u-sp-mr50 {
    margin-right: 50px !important;
  }
  .u-sp-mr55 {
    margin-right: 55px !important;
  }
  .u-sp-mr60 {
    margin-right: 60px !important;
  }
  .u-sp-mr65 {
    margin-right: 65px !important;
  }
  .u-sp-mr70 {
    margin-right: 70px !important;
  }
  .u-sp-mr75 {
    margin-right: 75px !important;
  }
  .u-sp-mr80 {
    margin-right: 80px !important;
  }
  .u-sp-mr85 {
    margin-right: 85px !important;
  }
  .u-sp-mr90 {
    margin-right: 90px !important;
  }
  .u-sp-mr95 {
    margin-right: 95px !important;
  }
  .u-sp-mr100 {
    margin-right: 100px !important;
  }
}

/* padding
------------------------------------------------------------ */
.u-pa0 {
  padding: 0 !important;
}

.u-pa5 {
  padding: 5px !important;
}

.u-pa10 {
  padding: 10px !important;
}

.u-pa15 {
  padding: 15px !important;
}

.u-pa20 {
  padding: 20px !important;
}

.u-pa25 {
  padding: 25px !important;
}

.u-pa30 {
  padding: 30px !important;
}

.u-pa35 {
  padding: 35px !important;
}

.u-pa40 {
  padding: 40px !important;
}

.u-pa45 {
  padding: 45px !important;
}

.u-pa50 {
  padding: 50px !important;
}

.u-pa55 {
  padding: 55px !important;
}

.u-pa60 {
  padding: 60px !important;
}

.u-pa65 {
  padding: 65px !important;
}

.u-pa70 {
  padding: 70px !important;
}

.u-pa75 {
  padding: 75px !important;
}

.u-pa80 {
  padding: 80px !important;
}

.u-pa85 {
  padding: 85px !important;
}

.u-pa90 {
  padding: 90px !important;
}

.u-pa95 {
  padding: 95px !important;
}

.u-pa100 {
  padding: 100px !important;
}

.u-pt0 {
  padding-top: 0 !important;
}

.u-pt5 {
  padding-top: 5px !important;
}

.u-pt10 {
  padding-top: 10px !important;
}

.u-pt15 {
  padding-top: 15px !important;
}

.u-pt20 {
  padding-top: 20px !important;
}

.u-pt25 {
  padding-top: 25px !important;
}

.u-pt30 {
  padding-top: 30px !important;
}

.u-pt35 {
  padding-top: 35px !important;
}

.u-pt40 {
  padding-top: 40px !important;
}

.u-pt45 {
  padding-top: 45px !important;
}

.u-pt50 {
  padding-top: 50px !important;
}

.u-pt55 {
  padding-top: 55px !important;
}

.u-pt60 {
  padding-top: 60px !important;
}

.u-pt65 {
  padding-top: 65px !important;
}

.u-pt70 {
  padding-top: 70px !important;
}

.u-pt75 {
  padding-top: 75px !important;
}

.u-pt80 {
  padding-top: 80px !important;
}

.u-pt85 {
  padding-top: 85px !important;
}

.u-pt90 {
  padding-top: 90px !important;
}

.u-pt95 {
  padding-top: 95px !important;
}

.u-pt100 {
  padding-top: 100px !important;
}

.u-pr0 {
  padding-right: 0 !important;
}

.u-pr5 {
  padding-right: 5px !important;
}

.u-pr10 {
  padding-right: 10px !important;
}

.u-pr15 {
  padding-right: 15px !important;
}

.u-pr20 {
  padding-right: 20px !important;
}

.u-pr25 {
  padding-right: 25px !important;
}

.u-pr30 {
  padding-right: 30px !important;
}

.u-pr35 {
  padding-right: 35px !important;
}

.u-pr40 {
  padding-right: 40px !important;
}

.u-pr45 {
  padding-right: 45px !important;
}

.u-pr50 {
  padding-right: 50px !important;
}

.u-pr55 {
  padding-right: 55px !important;
}

.u-pr60 {
  padding-right: 60px !important;
}

.u-pr65 {
  padding-right: 65px !important;
}

.u-pr70 {
  padding-right: 70px !important;
}

.u-pr75 {
  padding-right: 75px !important;
}

.u-pr80 {
  padding-right: 80px !important;
}

.u-pr85 {
  padding-right: 85px !important;
}

.u-pr90 {
  padding-right: 90px !important;
}

.u-pr95 {
  padding-right: 95px !important;
}

.u-pr100 {
  padding-right: 100px !important;
}

.u-pb0 {
  padding-bottom: 0 !important;
}

.u-pb5 {
  padding-bottom: 5px !important;
}

.u-pb10 {
  padding-bottom: 10px !important;
}

.u-pb15 {
  padding-bottom: 15px !important;
}

.u-pb20 {
  padding-bottom: 20px !important;
}

.u-pb25 {
  padding-bottom: 25px !important;
}

.u-pb30 {
  padding-bottom: 30px !important;
}

.u-pb35 {
  padding-bottom: 35px !important;
}

.u-pb40 {
  padding-bottom: 40px !important;
}

.u-pb45 {
  padding-bottom: 45px !important;
}

.u-pb50 {
  padding-bottom: 50px !important;
}

.u-pb55 {
  padding-bottom: 55px !important;
}

.u-pb60 {
  padding-bottom: 60px !important;
}

.u-pb65 {
  padding-bottom: 65px !important;
}

.u-pb70 {
  padding-bottom: 70px !important;
}

.u-pb75 {
  padding-bottom: 75px !important;
}

.u-pb80 {
  padding-bottom: 80px !important;
}

.u-pb85 {
  padding-bottom: 85px !important;
}

.u-pb90 {
  padding-bottom: 90px !important;
}

.u-pb95 {
  padding-bottom: 95px !important;
}

.u-pb100 {
  padding-bottom: 100px !important;
}

.u-pl0 {
  padding-left: 0 !important;
}

.u-pl5 {
  padding-left: 5px !important;
}

.u-pl10 {
  padding-left: 10px !important;
}

.u-pl15 {
  padding-left: 15px !important;
}

.u-pl20 {
  padding-left: 20px !important;
}

.u-pl25 {
  padding-left: 25px !important;
}

.u-pl30 {
  padding-left: 30px !important;
}

.u-pl35 {
  padding-left: 35px !important;
}

.u-pl40 {
  padding-left: 40px !important;
}

.u-pl45 {
  padding-left: 45px !important;
}

.u-pl50 {
  padding-left: 50px !important;
}

.u-pl55 {
  padding-left: 55px !important;
}

.u-pl60 {
  padding-left: 60px !important;
}

.u-pl65 {
  padding-left: 65px !important;
}

.u-pl70 {
  padding-left: 70px !important;
}

.u-pl75 {
  padding-left: 75px !important;
}

.u-pl80 {
  padding-left: 80px !important;
}

.u-pl85 {
  padding-left: 85px !important;
}

.u-pl90 {
  padding-left: 90px !important;
}

.u-pl95 {
  padding-left: 95px !important;
}

.u-pl100 {
  padding-left: 100px !important;
}

@media screen and (max-width: 736px) {
  .u-sp-pa0 {
    padding: 0 !important;
  }
  .u-sp-pa5 {
    padding: 5px !important;
  }
  .u-sp-pa10 {
    padding: 10px !important;
  }
  .u-sp-pa15 {
    padding: 15px !important;
  }
  .u-sp-pa20 {
    padding: 20px !important;
  }
  .u-sp-pa25 {
    padding: 25px !important;
  }
  .u-sp-pa30 {
    padding: 30px !important;
  }
  .u-sp-pa35 {
    padding: 35px !important;
  }
  .u-sp-pa40 {
    padding: 40px !important;
  }
  .u-sp-pa45 {
    padding: 45px !important;
  }
  .u-sp-pa50 {
    padding: 50px !important;
  }
  .u-sp-pa55 {
    padding: 55px !important;
  }
  .u-sp-pa60 {
    padding: 60px !important;
  }
  .u-sp-pa65 {
    padding: 65px !important;
  }
  .u-sp-pa70 {
    padding: 70px !important;
  }
  .u-sp-pa75 {
    padding: 75px !important;
  }
  .u-sp-pa80 {
    padding: 80px !important;
  }
  .u-sp-pa85 {
    padding: 85px !important;
  }
  .u-sp-pa90 {
    padding: 90px !important;
  }
  .u-sp-pa95 {
    padding: 95px !important;
  }
  .u-sp-pa100 {
    padding: 100px !important;
  }
  .u-sp-pt0 {
    padding-top: 0 !important;
  }
  .u-sp-pt5 {
    padding-top: 5px !important;
  }
  .u-sp-pt10 {
    padding-top: 10px !important;
  }
  .u-sp-pt15 {
    padding-top: 15px !important;
  }
  .u-sp-pt20 {
    padding-top: 20px !important;
  }
  .u-sp-pt25 {
    padding-top: 25px !important;
  }
  .u-sp-pt30 {
    padding-top: 30px !important;
  }
  .u-sp-pt35 {
    padding-top: 35px !important;
  }
  .u-sp-pt40 {
    padding-top: 40px !important;
  }
  .u-sp-pt45 {
    padding-top: 45px !important;
  }
  .u-sp-pt50 {
    padding-top: 50px !important;
  }
  .u-sp-pt55 {
    padding-top: 55px !important;
  }
  .u-sp-pt60 {
    padding-top: 60px !important;
  }
  .u-sp-pt65 {
    padding-top: 65px !important;
  }
  .u-sp-pt70 {
    padding-top: 70px !important;
  }
  .u-sp-pt75 {
    padding-top: 75px !important;
  }
  .u-sp-pt80 {
    padding-top: 80px !important;
  }
  .u-sp-pt85 {
    padding-top: 85px !important;
  }
  .u-sp-pt90 {
    padding-top: 90px !important;
  }
  .u-sp-pt95 {
    padding-top: 95px !important;
  }
  .u-sp-pt100 {
    padding-top: 100px !important;
  }
  .u-sp-pr0 {
    padding-right: 0 !important;
  }
  .u-sp-pr5 {
    padding-right: 5px !important;
  }
  .u-sp-pr10 {
    padding-right: 10px !important;
  }
  .u-sp-pr15 {
    padding-right: 15px !important;
  }
  .u-sp-pr20 {
    padding-right: 20px !important;
  }
  .u-sp-pr25 {
    padding-right: 25px !important;
  }
  .u-sp-pr30 {
    padding-right: 30px !important;
  }
  .u-sp-pr35 {
    padding-right: 35px !important;
  }
  .u-sp-pr40 {
    padding-right: 40px !important;
  }
  .u-sp-pr45 {
    padding-right: 45px !important;
  }
  .u-sp-pr50 {
    padding-right: 50px !important;
  }
  .u-sp-pr55 {
    padding-right: 55px !important;
  }
  .u-sp-pr60 {
    padding-right: 60px !important;
  }
  .u-sp-pr65 {
    padding-right: 65px !important;
  }
  .u-sp-pr70 {
    padding-right: 70px !important;
  }
  .u-sp-pr75 {
    padding-right: 75px !important;
  }
  .u-sp-pr80 {
    padding-right: 80px !important;
  }
  .u-sp-pr85 {
    padding-right: 85px !important;
  }
  .u-sp-pr90 {
    padding-right: 90px !important;
  }
  .u-sp-pr95 {
    padding-right: 95px !important;
  }
  .u-sp-pr100 {
    padding-right: 100px !important;
  }
  .u-sp-pb0 {
    padding-bottom: 0 !important;
  }
  .u-sp-pb5 {
    padding-bottom: 5px !important;
  }
  .u-sp-pb10 {
    padding-bottom: 10px !important;
  }
  .u-sp-pb15 {
    padding-bottom: 15px !important;
  }
  .u-sp-pb20 {
    padding-bottom: 20px !important;
  }
  .u-sp-pb25 {
    padding-bottom: 25px !important;
  }
  .u-sp-pb30 {
    padding-bottom: 30px !important;
  }
  .u-sp-pb35 {
    padding-bottom: 35px !important;
  }
  .u-sp-pb40 {
    padding-bottom: 40px !important;
  }
  .u-sp-pb45 {
    padding-bottom: 45px !important;
  }
  .u-sp-pb50 {
    padding-bottom: 50px !important;
  }
  .u-sp-pb55 {
    padding-bottom: 55px !important;
  }
  .u-sp-pb60 {
    padding-bottom: 60px !important;
  }
  .u-sp-pb65 {
    padding-bottom: 65px !important;
  }
  .u-sp-pb70 {
    padding-bottom: 70px !important;
  }
  .u-sp-pb75 {
    padding-bottom: 75px !important;
  }
  .u-sp-pb80 {
    padding-bottom: 80px !important;
  }
  .u-sp-pb85 {
    padding-bottom: 85px !important;
  }
  .u-sp-pb90 {
    padding-bottom: 90px !important;
  }
  .u-sp-pb95 {
    padding-bottom: 95px !important;
  }
  .u-sp-pb100 {
    padding-bottom: 100px !important;
  }
  .u-sp-pl0 {
    padding-left: 0 !important;
  }
  .u-sp-pl5 {
    padding-left: 5px !important;
  }
  .u-sp-pl10 {
    padding-left: 10px !important;
  }
  .u-sp-pl15 {
    padding-left: 15px !important;
  }
  .u-sp-pl20 {
    padding-left: 20px !important;
  }
  .u-sp-pl25 {
    padding-left: 25px !important;
  }
  .u-sp-pl30 {
    padding-left: 30px !important;
  }
  .u-sp-pl35 {
    padding-left: 35px !important;
  }
  .u-sp-pl40 {
    padding-left: 40px !important;
  }
  .u-sp-pl45 {
    padding-left: 45px !important;
  }
  .u-sp-pl50 {
    padding-left: 50px !important;
  }
  .u-sp-pl55 {
    padding-left: 55px !important;
  }
  .u-sp-pl60 {
    padding-left: 60px !important;
  }
  .u-sp-pl65 {
    padding-left: 65px !important;
  }
  .u-sp-pl70 {
    padding-left: 70px !important;
  }
  .u-sp-pl75 {
    padding-left: 75px !important;
  }
  .u-sp-pl80 {
    padding-left: 80px !important;
  }
  .u-sp-pl85 {
    padding-left: 85px !important;
  }
  .u-sp-pl90 {
    padding-left: 90px !important;
  }
  .u-sp-pl95 {
    padding-left: 95px !important;
  }
  .u-sp-pl100 {
    padding-left: 100px !important;
  }
}

/* 幅-px指定
------------------------------------------------------------ */
.u-pc-wd0 {
  width: 0px;
}

.u-pc-wd5 {
  width: 5px;
}

.u-pc-wd10 {
  width: 10px;
}

.u-pc-wd15 {
  width: 15px;
}

.u-pc-wd20 {
  width: 20px;
}

.u-pc-wd25 {
  width: 25px;
}

.u-pc-wd30 {
  width: 30px;
}

.u-pc-wd35 {
  width: 35px;
}

.u-pc-wd40 {
  width: 40px;
}

.u-pc-wd45 {
  width: 45px;
}

.u-pc-wd50 {
  width: 50px;
}

.u-pc-wd55 {
  width: 55px;
}

.u-pc-wd60 {
  width: 60px;
}

.u-pc-wd65 {
  width: 65px;
}

.u-pc-wd70 {
  width: 70px;
}

.u-pc-wd75 {
  width: 75px;
}

.u-pc-wd80 {
  width: 80px;
}

.u-pc-wd85 {
  width: 85px;
}

.u-pc-wd90 {
  width: 90px;
}

.u-pc-wd95 {
  width: 95px;
}

.u-pc-wd100 {
  width: 100px;
}

.u-pc-wd105 {
  width: 105px;
}

.u-pc-wd110 {
  width: 110px;
}

.u-pc-wd115 {
  width: 115px;
}

.u-pc-wd120 {
  width: 120px;
}

.u-pc-wd125 {
  width: 125px;
}

.u-pc-wd130 {
  width: 130px;
}

.u-pc-wd135 {
  width: 135px;
}

.u-pc-wd140 {
  width: 140px;
}

.u-pc-wd145 {
  width: 145px;
}

.u-pc-wd150 {
  width: 150px;
}

.u-pc-wd155 {
  width: 155px;
}

.u-pc-wd160 {
  width: 160px;
}

.u-pc-wd165 {
  width: 165px;
}

.u-pc-wd170 {
  width: 170px;
}

.u-pc-wd175 {
  width: 175px;
}

.u-pc-wd180 {
  width: 180px;
}

.u-pc-wd185 {
  width: 185px;
}

.u-pc-wd190 {
  width: 190px;
}

.u-pc-wd195 {
  width: 195px;
}

.u-pc-wd200 {
  width: 200px;
}

.u-pc-wd205 {
  width: 205px;
}

.u-pc-wd210 {
  width: 210px;
}

.u-pc-wd215 {
  width: 215px;
}

.u-pc-wd220 {
  width: 220px;
}

.u-pc-wd225 {
  width: 225px;
}

.u-pc-wd230 {
  width: 230px;
}

.u-pc-wd235 {
  width: 235px;
}

.u-pc-wd240 {
  width: 240px;
}

.u-pc-wd245 {
  width: 245px;
}

.u-pc-wd250 {
  width: 250px;
}

.u-pc-wd255 {
  width: 255px;
}

.u-pc-wd260 {
  width: 260px;
}

.u-pc-wd265 {
  width: 265px;
}

.u-pc-wd270 {
  width: 270px;
}

.u-pc-wd275 {
  width: 275px;
}

.u-pc-wd280 {
  width: 280px;
}

.u-pc-wd285 {
  width: 285px;
}

.u-pc-wd290 {
  width: 290px;
}

.u-pc-wd295 {
  width: 295px;
}

.u-pc-wd300 {
  width: 300px;
}

.u-pc-wd305 {
  width: 305px;
}

.u-pc-wd310 {
  width: 310px;
}

.u-pc-wd315 {
  width: 315px;
}

.u-pc-wd320 {
  width: 320px;
}

.u-pc-wd325 {
  width: 325px;
}

.u-pc-wd330 {
  width: 330px;
}

.u-pc-wd335 {
  width: 335px;
}

.u-pc-wd340 {
  width: 340px;
}

.u-pc-wd345 {
  width: 345px;
}

.u-pc-wd350 {
  width: 350px;
}

.u-pc-wd355 {
  width: 355px;
}

.u-pc-wd360 {
  width: 360px;
}

.u-pc-wd365 {
  width: 365px;
}

.u-pc-wd370 {
  width: 370px;
}

.u-pc-wd375 {
  width: 375px;
}

.u-pc-wd380 {
  width: 380px;
}

.u-pc-wd385 {
  width: 385px;
}

.u-pc-wd390 {
  width: 390px;
}

.u-pc-wd395 {
  width: 395px;
}

.u-pc-wd400 {
  width: 400px;
}

.u-pc-wd405 {
  width: 405px;
}

.u-pc-wd410 {
  width: 410px;
}

.u-pc-wd415 {
  width: 415px;
}

.u-pc-wd420 {
  width: 420px;
}

.u-pc-wd425 {
  width: 425px;
}

.u-pc-wd430 {
  width: 430px;
}

.u-pc-wd435 {
  width: 435px;
}

.u-pc-wd440 {
  width: 440px;
}

.u-pc-wd445 {
  width: 445px;
}

.u-pc-wd450 {
  width: 450px;
}

.u-pc-wd455 {
  width: 455px;
}

.u-pc-wd460 {
  width: 460px;
}

.u-pc-wd465 {
  width: 465px;
}

.u-pc-wd470 {
  width: 470px;
}

.u-pc-wd475 {
  width: 475px;
}

.u-pc-wd480 {
  width: 480px;
}

.u-pc-wd485 {
  width: 485px;
}

.u-pc-wd490 {
  width: 490px;
}

.u-pc-wd495 {
  width: 495px;
}

.u-pc-wd500 {
  width: 500px;
}

.u-pc-wd505 {
  width: 505px;
}

.u-pc-wd510 {
  width: 510px;
}

.u-pc-wd515 {
  width: 515px;
}

.u-pc-wd520 {
  width: 520px;
}

.u-pc-wd525 {
  width: 525px;
}

.u-pc-wd530 {
  width: 530px;
}

.u-pc-wd535 {
  width: 535px;
}

.u-pc-wd540 {
  width: 540px;
}

.u-pc-wd545 {
  width: 545px;
}

.u-pc-wd550 {
  width: 550px;
}

.u-pc-wd555 {
  width: 555px;
}

.u-pc-wd560 {
  width: 560px;
}

.u-pc-wd565 {
  width: 565px;
}

.u-pc-wd570 {
  width: 570px;
}

.u-pc-wd575 {
  width: 575px;
}

.u-pc-wd580 {
  width: 580px;
}

.u-pc-wd585 {
  width: 585px;
}

.u-pc-wd590 {
  width: 590px;
}

.u-pc-wd595 {
  width: 595px;
}

.u-pc-wd600 {
  width: 600px;
}

.u-pc-wd605 {
  width: 605px;
}

.u-pc-wd610 {
  width: 610px;
}

.u-pc-wd615 {
  width: 615px;
}

.u-pc-wd620 {
  width: 620px;
}

.u-pc-wd625 {
  width: 625px;
}

.u-pc-wd630 {
  width: 630px;
}

.u-pc-wd635 {
  width: 635px;
}

.u-pc-wd640 {
  width: 640px;
}

.u-pc-wd645 {
  width: 645px;
}

.u-pc-wd650 {
  width: 650px;
}

.u-pc-wd655 {
  width: 655px;
}

.u-pc-wd660 {
  width: 660px;
}

.u-pc-wd665 {
  width: 665px;
}

.u-pc-wd670 {
  width: 670px;
}

.u-pc-wd675 {
  width: 675px;
}

.u-pc-wd680 {
  width: 680px;
}

.u-pc-wd685 {
  width: 685px;
}

.u-pc-wd690 {
  width: 690px;
}

.u-pc-wd695 {
  width: 695px;
}

.u-pc-wd700 {
  width: 700px;
}

.u-pc-wd705 {
  width: 705px;
}

.u-pc-wd710 {
  width: 710px;
}

.u-pc-wd715 {
  width: 715px;
}

.u-pc-wd720 {
  width: 720px;
}

.u-pc-wd725 {
  width: 725px;
}

.u-pc-wd730 {
  width: 730px;
}

.u-pc-wd735 {
  width: 735px;
}

.u-pc-wd740 {
  width: 740px;
}

.u-pc-wd745 {
  width: 745px;
}

.u-pc-wd750 {
  width: 750px;
}

.u-pc-wd755 {
  width: 755px;
}

.u-pc-wd760 {
  width: 760px;
}

.u-pc-wd765 {
  width: 765px;
}

.u-pc-wd770 {
  width: 770px;
}

.u-pc-wd775 {
  width: 775px;
}

.u-pc-wd780 {
  width: 780px;
}

.u-pc-wd785 {
  width: 785px;
}

.u-pc-wd790 {
  width: 790px;
}

.u-pc-wd795 {
  width: 795px;
}

.u-pc-wd800 {
  width: 800px;
}

.u-pc-wd805 {
  width: 805px;
}

.u-pc-wd810 {
  width: 810px;
}

.u-pc-wd815 {
  width: 815px;
}

.u-pc-wd820 {
  width: 820px;
}

.u-pc-wd825 {
  width: 825px;
}

.u-pc-wd830 {
  width: 830px;
}

.u-pc-wd835 {
  width: 835px;
}

.u-pc-wd840 {
  width: 840px;
}

.u-pc-wd845 {
  width: 845px;
}

.u-pc-wd850 {
  width: 850px;
}

.u-pc-wd855 {
  width: 855px;
}

.u-pc-wd860 {
  width: 860px;
}

.u-pc-wd865 {
  width: 865px;
}

.u-pc-wd870 {
  width: 870px;
}

.u-pc-wd875 {
  width: 875px;
}

.u-pc-wd880 {
  width: 880px;
}

.u-pc-wd885 {
  width: 885px;
}

.u-pc-wd890 {
  width: 890px;
}

.u-pc-wd895 {
  width: 895px;
}

.u-pc-wd900 {
  width: 900px;
}

.u-pc-wd905 {
  width: 905px;
}

.u-pc-wd910 {
  width: 910px;
}

.u-pc-wd915 {
  width: 915px;
}

.u-pc-wd920 {
  width: 920px;
}

.u-pc-wd925 {
  width: 925px;
}

.u-pc-wd930 {
  width: 930px;
}

.u-pc-wd935 {
  width: 935px;
}

.u-pc-wd940 {
  width: 940px;
}

.u-pc-wd945 {
  width: 945px;
}

.u-pc-wd950 {
  width: 950px;
}

.u-pc-wd955 {
  width: 955px;
}

.u-pc-wd960 {
  width: 960px;
}

.u-pc-wd965 {
  width: 965px;
}

.u-pc-wd970 {
  width: 970px;
}

.u-pc-wd975 {
  width: 975px;
}

.u-pc-wd980 {
  width: 980px;
}

.u-pc-wd985 {
  width: 985px;
}

.u-pc-wd990 {
  width: 990px;
}

.u-pc-wd995 {
  width: 995px;
}

.u-pc-wd1000 {
  width: 1000px;
}

@media screen and (max-width: 736px) {
  .u-sp-wd0 {
    width: 0px;
  }
  .u-sp-wd5 {
    width: 5px;
  }
  .u-sp-wd10 {
    width: 10px;
  }
  .u-sp-wd15 {
    width: 15px;
  }
  .u-sp-wd20 {
    width: 20px;
  }
  .u-sp-wd25 {
    width: 25px;
  }
  .u-sp-wd30 {
    width: 30px;
  }
  .u-sp-wd35 {
    width: 35px;
  }
  .u-sp-wd40 {
    width: 40px;
  }
  .u-sp-wd45 {
    width: 45px;
  }
  .u-sp-wd50 {
    width: 50px;
  }
  .u-sp-wd55 {
    width: 55px;
  }
  .u-sp-wd60 {
    width: 60px;
  }
  .u-sp-wd65 {
    width: 65px;
  }
  .u-sp-wd70 {
    width: 70px;
  }
  .u-sp-wd75 {
    width: 75px;
  }
  .u-sp-wd80 {
    width: 80px;
  }
  .u-sp-wd85 {
    width: 85px;
  }
  .u-sp-wd90 {
    width: 90px;
  }
  .u-sp-wd95 {
    width: 95px;
  }
  .u-sp-wd100 {
    width: 100px;
  }
  .u-sp-wd105 {
    width: 105px;
  }
  .u-sp-wd110 {
    width: 110px;
  }
  .u-sp-wd115 {
    width: 115px;
  }
  .u-sp-wd120 {
    width: 120px;
  }
  .u-sp-wd125 {
    width: 125px;
  }
  .u-sp-wd130 {
    width: 130px;
  }
  .u-sp-wd135 {
    width: 135px;
  }
  .u-sp-wd140 {
    width: 140px;
  }
  .u-sp-wd145 {
    width: 145px;
  }
  .u-sp-wd150 {
    width: 150px;
  }
  .u-sp-wd155 {
    width: 155px;
  }
  .u-sp-wd160 {
    width: 160px;
  }
  .u-sp-wd165 {
    width: 165px;
  }
  .u-sp-wd170 {
    width: 170px;
  }
  .u-sp-wd175 {
    width: 175px;
  }
  .u-sp-wd180 {
    width: 180px;
  }
  .u-sp-wd185 {
    width: 185px;
  }
  .u-sp-wd190 {
    width: 190px;
  }
  .u-sp-wd195 {
    width: 195px;
  }
  .u-sp-wd200 {
    width: 200px;
  }
  .u-sp-wd205 {
    width: 205px;
  }
  .u-sp-wd210 {
    width: 210px;
  }
  .u-sp-wd215 {
    width: 215px;
  }
  .u-sp-wd220 {
    width: 220px;
  }
  .u-sp-wd225 {
    width: 225px;
  }
  .u-sp-wd230 {
    width: 230px;
  }
  .u-sp-wd235 {
    width: 235px;
  }
  .u-sp-wd240 {
    width: 240px;
  }
  .u-sp-wd245 {
    width: 245px;
  }
  .u-sp-wd250 {
    width: 250px;
  }
  .u-sp-wd255 {
    width: 255px;
  }
  .u-sp-wd260 {
    width: 260px;
  }
  .u-sp-wd265 {
    width: 265px;
  }
  .u-sp-wd270 {
    width: 270px;
  }
  .u-sp-wd275 {
    width: 275px;
  }
  .u-sp-wd280 {
    width: 280px;
  }
  .u-sp-wd285 {
    width: 285px;
  }
  .u-sp-wd290 {
    width: 290px;
  }
  .u-sp-wd295 {
    width: 295px;
  }
  .u-sp-wd300 {
    width: 300px;
  }
  .u-sp-wd305 {
    width: 305px;
  }
  .u-sp-wd310 {
    width: 310px;
  }
  .u-sp-wd315 {
    width: 315px;
  }
  .u-sp-wd320 {
    width: 320px;
  }
  .u-sp-wd325 {
    width: 325px;
  }
  .u-sp-wd330 {
    width: 330px;
  }
  .u-sp-wd335 {
    width: 335px;
  }
  .u-sp-wd340 {
    width: 340px;
  }
  .u-sp-wd345 {
    width: 345px;
  }
  .u-sp-wd350 {
    width: 350px;
  }
  .u-sp-wd355 {
    width: 355px;
  }
  .u-sp-wd360 {
    width: 360px;
  }
  .u-sp-wd365 {
    width: 365px;
  }
  .u-sp-wd370 {
    width: 370px;
  }
  .u-sp-wd375 {
    width: 375px;
  }
  .u-sp-wd380 {
    width: 380px;
  }
  .u-sp-wd385 {
    width: 385px;
  }
  .u-sp-wd390 {
    width: 390px;
  }
  .u-sp-wd395 {
    width: 395px;
  }
  .u-sp-wd400 {
    width: 400px;
  }
  .u-sp-wd405 {
    width: 405px;
  }
  .u-sp-wd410 {
    width: 410px;
  }
  .u-sp-wd415 {
    width: 415px;
  }
  .u-sp-wd420 {
    width: 420px;
  }
  .u-sp-wd425 {
    width: 425px;
  }
  .u-sp-wd430 {
    width: 430px;
  }
  .u-sp-wd435 {
    width: 435px;
  }
  .u-sp-wd440 {
    width: 440px;
  }
  .u-sp-wd445 {
    width: 445px;
  }
  .u-sp-wd450 {
    width: 450px;
  }
  .u-sp-wd455 {
    width: 455px;
  }
  .u-sp-wd460 {
    width: 460px;
  }
  .u-sp-wd465 {
    width: 465px;
  }
  .u-sp-wd470 {
    width: 470px;
  }
  .u-sp-wd475 {
    width: 475px;
  }
  .u-sp-wd480 {
    width: 480px;
  }
  .u-sp-wd485 {
    width: 485px;
  }
  .u-sp-wd490 {
    width: 490px;
  }
  .u-sp-wd495 {
    width: 495px;
  }
  .u-sp-wd500 {
    width: 500px;
  }
  .u-sp-wd505 {
    width: 505px;
  }
  .u-sp-wd510 {
    width: 510px;
  }
  .u-sp-wd515 {
    width: 515px;
  }
  .u-sp-wd520 {
    width: 520px;
  }
  .u-sp-wd525 {
    width: 525px;
  }
  .u-sp-wd530 {
    width: 530px;
  }
  .u-sp-wd535 {
    width: 535px;
  }
  .u-sp-wd540 {
    width: 540px;
  }
  .u-sp-wd545 {
    width: 545px;
  }
  .u-sp-wd550 {
    width: 550px;
  }
  .u-sp-wd555 {
    width: 555px;
  }
  .u-sp-wd560 {
    width: 560px;
  }
  .u-sp-wd565 {
    width: 565px;
  }
  .u-sp-wd570 {
    width: 570px;
  }
  .u-sp-wd575 {
    width: 575px;
  }
  .u-sp-wd580 {
    width: 580px;
  }
  .u-sp-wd585 {
    width: 585px;
  }
  .u-sp-wd590 {
    width: 590px;
  }
  .u-sp-wd595 {
    width: 595px;
  }
  .u-sp-wd600 {
    width: 600px;
  }
  .u-sp-wd605 {
    width: 605px;
  }
  .u-sp-wd610 {
    width: 610px;
  }
  .u-sp-wd615 {
    width: 615px;
  }
  .u-sp-wd620 {
    width: 620px;
  }
  .u-sp-wd625 {
    width: 625px;
  }
  .u-sp-wd630 {
    width: 630px;
  }
  .u-sp-wd635 {
    width: 635px;
  }
  .u-sp-wd640 {
    width: 640px;
  }
  .u-sp-wd645 {
    width: 645px;
  }
  .u-sp-wd650 {
    width: 650px;
  }
  .u-sp-wd655 {
    width: 655px;
  }
  .u-sp-wd660 {
    width: 660px;
  }
  .u-sp-wd665 {
    width: 665px;
  }
  .u-sp-wd670 {
    width: 670px;
  }
  .u-sp-wd675 {
    width: 675px;
  }
  .u-sp-wd680 {
    width: 680px;
  }
  .u-sp-wd685 {
    width: 685px;
  }
  .u-sp-wd690 {
    width: 690px;
  }
  .u-sp-wd695 {
    width: 695px;
  }
  .u-sp-wd700 {
    width: 700px;
  }
  .u-sp-wd705 {
    width: 705px;
  }
  .u-sp-wd710 {
    width: 710px;
  }
  .u-sp-wd715 {
    width: 715px;
  }
  .u-sp-wd720 {
    width: 720px;
  }
  .u-sp-wd725 {
    width: 725px;
  }
  .u-sp-wd730 {
    width: 730px;
  }
  .u-sp-wd735 {
    width: 735px;
  }
  .u-sp-wd740 {
    width: 740px;
  }
  .u-sp-wd745 {
    width: 745px;
  }
  .u-sp-wd750 {
    width: 750px;
  }
  .u-sp-wd755 {
    width: 755px;
  }
  .u-sp-wd760 {
    width: 760px;
  }
  .u-sp-wd765 {
    width: 765px;
  }
  .u-sp-wd770 {
    width: 770px;
  }
  .u-sp-wd775 {
    width: 775px;
  }
  .u-sp-wd780 {
    width: 780px;
  }
  .u-sp-wd785 {
    width: 785px;
  }
  .u-sp-wd790 {
    width: 790px;
  }
  .u-sp-wd795 {
    width: 795px;
  }
  .u-sp-wd800 {
    width: 800px;
  }
  .u-sp-wd805 {
    width: 805px;
  }
  .u-sp-wd810 {
    width: 810px;
  }
  .u-sp-wd815 {
    width: 815px;
  }
  .u-sp-wd820 {
    width: 820px;
  }
  .u-sp-wd825 {
    width: 825px;
  }
  .u-sp-wd830 {
    width: 830px;
  }
  .u-sp-wd835 {
    width: 835px;
  }
  .u-sp-wd840 {
    width: 840px;
  }
  .u-sp-wd845 {
    width: 845px;
  }
  .u-sp-wd850 {
    width: 850px;
  }
  .u-sp-wd855 {
    width: 855px;
  }
  .u-sp-wd860 {
    width: 860px;
  }
  .u-sp-wd865 {
    width: 865px;
  }
  .u-sp-wd870 {
    width: 870px;
  }
  .u-sp-wd875 {
    width: 875px;
  }
  .u-sp-wd880 {
    width: 880px;
  }
  .u-sp-wd885 {
    width: 885px;
  }
  .u-sp-wd890 {
    width: 890px;
  }
  .u-sp-wd895 {
    width: 895px;
  }
  .u-sp-wd900 {
    width: 900px;
  }
  .u-sp-wd905 {
    width: 905px;
  }
  .u-sp-wd910 {
    width: 910px;
  }
  .u-sp-wd915 {
    width: 915px;
  }
  .u-sp-wd920 {
    width: 920px;
  }
  .u-sp-wd925 {
    width: 925px;
  }
  .u-sp-wd930 {
    width: 930px;
  }
  .u-sp-wd935 {
    width: 935px;
  }
  .u-sp-wd940 {
    width: 940px;
  }
  .u-sp-wd945 {
    width: 945px;
  }
  .u-sp-wd950 {
    width: 950px;
  }
  .u-sp-wd955 {
    width: 955px;
  }
  .u-sp-wd960 {
    width: 960px;
  }
  .u-sp-wd965 {
    width: 965px;
  }
  .u-sp-wd970 {
    width: 970px;
  }
  .u-sp-wd975 {
    width: 975px;
  }
  .u-sp-wd980 {
    width: 980px;
  }
  .u-sp-wd985 {
    width: 985px;
  }
  .u-sp-wd990 {
    width: 990px;
  }
  .u-sp-wd995 {
    width: 995px;
  }
  .u-sp-wd1000 {
    width: 1000px;
  }
}

/* 幅-%指定
------------------------------------------------------------ */
.u-pc-mw0p {
  width: 0%;
}

.u-pc-mw5p {
  width: 5%;
}

.u-pc-mw10p {
  width: 10%;
}

.u-pc-mw15p {
  width: 15%;
}

.u-pc-mw20p {
  width: 20%;
}

.u-pc-mw25p {
  width: 25%;
}

.u-pc-mw30p {
  width: 30%;
}

.u-pc-mw35p {
  width: 35%;
}

.u-pc-mw40p {
  width: 40%;
}

.u-pc-mw45p {
  width: 45%;
}

.u-pc-mw50p {
  width: 50%;
}

.u-pc-mw55p {
  width: 55%;
}

.u-pc-mw60p {
  width: 60%;
}

.u-pc-mw65p {
  width: 65%;
}

.u-pc-mw70p {
  width: 70%;
}

.u-pc-mw75p {
  width: 75%;
}

.u-pc-mw80p {
  width: 80%;
}

.u-pc-mw85p {
  width: 85%;
}

.u-pc-mw90p {
  width: 90%;
}

.u-pc-mw95p {
  width: 95%;
}

.u-pc-mw100p {
  width: 100%;
}

@media screen and (max-width: 736px) {
  .u-sp-mw0p {
    width: 0%;
  }
  .u-sp-mw5p {
    width: 5%;
  }
  .u-sp-mw10p {
    width: 10%;
  }
  .u-sp-mw15p {
    width: 15%;
  }
  .u-sp-mw20p {
    width: 20%;
  }
  .u-sp-mw25p {
    width: 25%;
  }
  .u-sp-mw30p {
    width: 30%;
  }
  .u-sp-mw35p {
    width: 35%;
  }
  .u-sp-mw40p {
    width: 40%;
  }
  .u-sp-mw45p {
    width: 45%;
  }
  .u-sp-mw50p {
    width: 50%;
  }
  .u-sp-mw55p {
    width: 55%;
  }
  .u-sp-mw60p {
    width: 60%;
  }
  .u-sp-mw65p {
    width: 65%;
  }
  .u-sp-mw70p {
    width: 70%;
  }
  .u-sp-mw75p {
    width: 75%;
  }
  .u-sp-mw80p {
    width: 80%;
  }
  .u-sp-mw85p {
    width: 85%;
  }
  .u-sp-mw90p {
    width: 90%;
  }
  .u-sp-mw95p {
    width: 95%;
  }
  .u-sp-mw100p {
    width: 100%;
  }
}

/* 幅-最大%指定
------------------------------------------------------------ */
.u-pc-maw-n {
  max-width: none !important;
}

.u-pc-maw-1p {
  max-width: 1% !important;
}

.u-pc-maw-10p {
  max-width: 10% !important;
}

.u-pc-maw-20p {
  max-width: 20% !important;
}

.u-pc-maw-25p {
  max-width: 25% !important;
}

.u-pc-maw-30p {
  max-width: 30% !important;
}

.u-pc-maw-33p {
  max-width: 33% !important;
}

.u-pc-maw-40p {
  max-width: 40% !important;
}

.u-pc-maw-50p {
  max-width: 50% !important;
}

.u-pc-maw-60p {
  max-width: 60% !important;
}

.u-pc-maw-66p {
  max-width: 66% !important;
}

.u-pc-maw-70p {
  max-width: 70% !important;
}

.u-pc-maw-75p {
  max-width: 75% !important;
}

.u-pc-maw-80p {
  max-width: 80% !important;
}

.u-pc-maw-90p {
  max-width: 90% !important;
}

.u-pc-maw-100p {
  max-width: 100% !important;
}

@media screen and (max-width: 736px) {
  .u-sp-maw-n {
    max-width: none !important;
  }
  .u-sp-maw-1p {
    max-width: 1% !important;
  }
  .u-sp-maw-10p {
    max-width: 10% !important;
  }
  .u-sp-maw-20p {
    max-width: 20% !important;
  }
  .u-sp-maw-25p {
    max-width: 25% !important;
  }
  .u-sp-maw-30p {
    max-width: 30% !important;
  }
  .u-sp-maw-33p {
    max-width: 33% !important;
  }
  .u-sp-maw-40p {
    max-width: 40% !important;
  }
  .u-sp-maw-50p {
    max-width: 50% !important;
  }
  .u-sp-maw-60p {
    max-width: 60% !important;
  }
  .u-sp-maw-66p {
    max-width: 66% !important;
  }
  .u-sp-maw-70p {
    max-width: 70% !important;
  }
  .u-sp-maw-75p {
    max-width: 75% !important;
  }
  .u-sp-maw-80p {
    max-width: 80% !important;
  }
  .u-sp-maw-90p {
    max-width: 90% !important;
  }
  .u-sp-maw-100p {
    max-width: 100% !important;
  }
}

/* 高さ
------------------------------------------------------------ */
.u-pc-hg-a {
  height: auto !important;
}

.u-pc-hg0 {
  height: 0px !important;
}

.u-pc-hg5 {
  height: 5px !important;
}

.u-pc-hg10 {
  height: 10px !important;
}

.u-pc-hg15 {
  height: 15px !important;
}

.u-pc-hg20 {
  height: 20px !important;
}

.u-pc-hg25 {
  height: 25px !important;
}

.u-pc-hg30 {
  height: 30px !important;
}

.u-pc-hg35 {
  height: 35px !important;
}

.u-pc-hg40 {
  height: 40px !important;
}

.u-pc-hg45 {
  height: 45px !important;
}

.u-pc-hg50 {
  height: 50px !important;
}

.u-pc-hg55 {
  height: 55px !important;
}

.u-pc-hg60 {
  height: 60px !important;
}

.u-pc-hg65 {
  height: 65px !important;
}

.u-pc-hg70 {
  height: 70px !important;
}

.u-pc-hg75 {
  height: 75px !important;
}

.u-pc-hg80 {
  height: 80px !important;
}

.u-pc-hg85 {
  height: 85px !important;
}

.u-pc-hg90 {
  height: 90px !important;
}

.u-pc-hg95 {
  height: 95px !important;
}

.u-pc-hg100 {
  height: 100px !important;
}

.u-pc-hg105 {
  height: 105px !important;
}

.u-pc-hg110 {
  height: 110px !important;
}

.u-pc-hg115 {
  height: 115px !important;
}

.u-pc-hg120 {
  height: 120px !important;
}

.u-pc-hg125 {
  height: 125px !important;
}

.u-pc-hg130 {
  height: 130px !important;
}

.u-pc-hg135 {
  height: 135px !important;
}

.u-pc-hg140 {
  height: 140px !important;
}

.u-pc-hg145 {
  height: 145px !important;
}

.u-pc-hg150 {
  height: 150px !important;
}

.u-pc-hg155 {
  height: 155px !important;
}

.u-pc-hg160 {
  height: 160px !important;
}

.u-pc-hg165 {
  height: 165px !important;
}

.u-pc-hg170 {
  height: 170px !important;
}

.u-pc-hg175 {
  height: 175px !important;
}

.u-pc-hg180 {
  height: 180px !important;
}

.u-pc-hg185 {
  height: 185px !important;
}

.u-pc-hg190 {
  height: 190px !important;
}

.u-pc-hg195 {
  height: 195px !important;
}

.u-pc-hg200 {
  height: 200px !important;
}

.u-pc-hg205 {
  height: 205px !important;
}

.u-pc-hg210 {
  height: 210px !important;
}

.u-pc-hg215 {
  height: 215px !important;
}

.u-pc-hg220 {
  height: 220px !important;
}

.u-pc-hg225 {
  height: 225px !important;
}

.u-pc-hg230 {
  height: 230px !important;
}

.u-pc-hg235 {
  height: 235px !important;
}

.u-pc-hg240 {
  height: 240px !important;
}

.u-pc-hg245 {
  height: 245px !important;
}

.u-pc-hg250 {
  height: 250px !important;
}

.u-pc-hg255 {
  height: 255px !important;
}

.u-pc-hg260 {
  height: 260px !important;
}

.u-pc-hg265 {
  height: 265px !important;
}

.u-pc-hg270 {
  height: 270px !important;
}

.u-pc-hg275 {
  height: 275px !important;
}

.u-pc-hg280 {
  height: 280px !important;
}

.u-pc-hg285 {
  height: 285px !important;
}

.u-pc-hg290 {
  height: 290px !important;
}

.u-pc-hg295 {
  height: 295px !important;
}

.u-pc-hg300 {
  height: 300px !important;
}

.u-pc-hg305 {
  height: 305px !important;
}

.u-pc-hg310 {
  height: 310px !important;
}

.u-pc-hg315 {
  height: 315px !important;
}

.u-pc-hg320 {
  height: 320px !important;
}

.u-pc-hg325 {
  height: 325px !important;
}

.u-pc-hg330 {
  height: 330px !important;
}

.u-pc-hg335 {
  height: 335px !important;
}

.u-pc-hg340 {
  height: 340px !important;
}

.u-pc-hg345 {
  height: 345px !important;
}

.u-pc-hg350 {
  height: 350px !important;
}

.u-pc-hg355 {
  height: 355px !important;
}

.u-pc-hg360 {
  height: 360px !important;
}

.u-pc-hg365 {
  height: 365px !important;
}

.u-pc-hg370 {
  height: 370px !important;
}

.u-pc-hg375 {
  height: 375px !important;
}

.u-pc-hg380 {
  height: 380px !important;
}

.u-pc-hg385 {
  height: 385px !important;
}

.u-pc-hg390 {
  height: 390px !important;
}

.u-pc-hg395 {
  height: 395px !important;
}

.u-pc-hg400 {
  height: 400px !important;
}

.u-pc-hg405 {
  height: 405px !important;
}

.u-pc-hg410 {
  height: 410px !important;
}

.u-pc-hg415 {
  height: 415px !important;
}

.u-pc-hg420 {
  height: 420px !important;
}

.u-pc-hg425 {
  height: 425px !important;
}

.u-pc-hg430 {
  height: 430px !important;
}

.u-pc-hg435 {
  height: 435px !important;
}

.u-pc-hg440 {
  height: 440px !important;
}

.u-pc-hg445 {
  height: 445px !important;
}

.u-pc-hg450 {
  height: 450px !important;
}

.u-pc-hg455 {
  height: 455px !important;
}

.u-pc-hg460 {
  height: 460px !important;
}

.u-pc-hg465 {
  height: 465px !important;
}

.u-pc-hg470 {
  height: 470px !important;
}

.u-pc-hg475 {
  height: 475px !important;
}

.u-pc-hg480 {
  height: 480px !important;
}

.u-pc-hg485 {
  height: 485px !important;
}

.u-pc-hg490 {
  height: 490px !important;
}

.u-pc-hg495 {
  height: 495px !important;
}

.u-pc-hg500 {
  height: 500px !important;
}

.u-pc-hg505 {
  height: 505px !important;
}

.u-pc-hg510 {
  height: 510px !important;
}

.u-pc-hg515 {
  height: 515px !important;
}

.u-pc-hg520 {
  height: 520px !important;
}

.u-pc-hg525 {
  height: 525px !important;
}

.u-pc-hg530 {
  height: 530px !important;
}

.u-pc-hg535 {
  height: 535px !important;
}

.u-pc-hg540 {
  height: 540px !important;
}

.u-pc-hg545 {
  height: 545px !important;
}

.u-pc-hg550 {
  height: 550px !important;
}

.u-pc-hg555 {
  height: 555px !important;
}

.u-pc-hg560 {
  height: 560px !important;
}

.u-pc-hg565 {
  height: 565px !important;
}

.u-pc-hg570 {
  height: 570px !important;
}

.u-pc-hg575 {
  height: 575px !important;
}

.u-pc-hg580 {
  height: 580px !important;
}

.u-pc-hg585 {
  height: 585px !important;
}

.u-pc-hg590 {
  height: 590px !important;
}

.u-pc-hg595 {
  height: 595px !important;
}

.u-pc-hg600 {
  height: 600px !important;
}

.u-pc-hg605 {
  height: 605px !important;
}

.u-pc-hg610 {
  height: 610px !important;
}

.u-pc-hg615 {
  height: 615px !important;
}

.u-pc-hg620 {
  height: 620px !important;
}

.u-pc-hg625 {
  height: 625px !important;
}

.u-pc-hg630 {
  height: 630px !important;
}

.u-pc-hg635 {
  height: 635px !important;
}

.u-pc-hg640 {
  height: 640px !important;
}

.u-pc-hg645 {
  height: 645px !important;
}

.u-pc-hg650 {
  height: 650px !important;
}

.u-pc-hg655 {
  height: 655px !important;
}

.u-pc-hg660 {
  height: 660px !important;
}

.u-pc-hg665 {
  height: 665px !important;
}

.u-pc-hg670 {
  height: 670px !important;
}

.u-pc-hg675 {
  height: 675px !important;
}

.u-pc-hg680 {
  height: 680px !important;
}

.u-pc-hg685 {
  height: 685px !important;
}

.u-pc-hg690 {
  height: 690px !important;
}

.u-pc-hg695 {
  height: 695px !important;
}

.u-pc-hg700 {
  height: 700px !important;
}

.u-pc-hg705 {
  height: 705px !important;
}

.u-pc-hg710 {
  height: 710px !important;
}

.u-pc-hg715 {
  height: 715px !important;
}

.u-pc-hg720 {
  height: 720px !important;
}

.u-pc-hg725 {
  height: 725px !important;
}

.u-pc-hg730 {
  height: 730px !important;
}

.u-pc-hg735 {
  height: 735px !important;
}

.u-pc-hg740 {
  height: 740px !important;
}

.u-pc-hg745 {
  height: 745px !important;
}

.u-pc-hg750 {
  height: 750px !important;
}

.u-pc-hg755 {
  height: 755px !important;
}

.u-pc-hg760 {
  height: 760px !important;
}

.u-pc-hg765 {
  height: 765px !important;
}

.u-pc-hg770 {
  height: 770px !important;
}

.u-pc-hg775 {
  height: 775px !important;
}

.u-pc-hg780 {
  height: 780px !important;
}

.u-pc-hg785 {
  height: 785px !important;
}

.u-pc-hg790 {
  height: 790px !important;
}

.u-pc-hg795 {
  height: 795px !important;
}

.u-pc-hg800 {
  height: 800px !important;
}

.u-pc-hg805 {
  height: 805px !important;
}

.u-pc-hg810 {
  height: 810px !important;
}

.u-pc-hg815 {
  height: 815px !important;
}

.u-pc-hg820 {
  height: 820px !important;
}

.u-pc-hg825 {
  height: 825px !important;
}

.u-pc-hg830 {
  height: 830px !important;
}

.u-pc-hg835 {
  height: 835px !important;
}

.u-pc-hg840 {
  height: 840px !important;
}

.u-pc-hg845 {
  height: 845px !important;
}

.u-pc-hg850 {
  height: 850px !important;
}

.u-pc-hg855 {
  height: 855px !important;
}

.u-pc-hg860 {
  height: 860px !important;
}

.u-pc-hg865 {
  height: 865px !important;
}

.u-pc-hg870 {
  height: 870px !important;
}

.u-pc-hg875 {
  height: 875px !important;
}

.u-pc-hg880 {
  height: 880px !important;
}

.u-pc-hg885 {
  height: 885px !important;
}

.u-pc-hg890 {
  height: 890px !important;
}

.u-pc-hg895 {
  height: 895px !important;
}

.u-pc-hg900 {
  height: 900px !important;
}

.u-pc-hg905 {
  height: 905px !important;
}

.u-pc-hg910 {
  height: 910px !important;
}

.u-pc-hg915 {
  height: 915px !important;
}

.u-pc-hg920 {
  height: 920px !important;
}

.u-pc-hg925 {
  height: 925px !important;
}

.u-pc-hg930 {
  height: 930px !important;
}

.u-pc-hg935 {
  height: 935px !important;
}

.u-pc-hg940 {
  height: 940px !important;
}

.u-pc-hg945 {
  height: 945px !important;
}

.u-pc-hg950 {
  height: 950px !important;
}

.u-pc-hg955 {
  height: 955px !important;
}

.u-pc-hg960 {
  height: 960px !important;
}

.u-pc-hg965 {
  height: 965px !important;
}

.u-pc-hg970 {
  height: 970px !important;
}

.u-pc-hg975 {
  height: 975px !important;
}

.u-pc-hg980 {
  height: 980px !important;
}

.u-pc-hg985 {
  height: 985px !important;
}

.u-pc-hg990 {
  height: 990px !important;
}

.u-pc-hg995 {
  height: 995px !important;
}

.u-pc-hg1000 {
  height: 1000px !important;
}

.u-mah-n {
  max-height: none !important;
}

.u-mah-100p {
  max-height: 100% !important;
}

.u-miw-0 {
  min-width: 0 !important;
}

.u-mih-0 {
  min-height: 0 !important;
}

@media screen and (max-width: 767px) {
  .u-sp-hg-a {
    height: auto !important;
  }
  .u-sp-hg0 {
    height: 0px !important;
  }
  .u-sp-hg5 {
    height: 5px !important;
  }
  .u-sp-hg10 {
    height: 10px !important;
  }
  .u-sp-hg15 {
    height: 15px !important;
  }
  .u-sp-hg20 {
    height: 20px !important;
  }
  .u-sp-hg25 {
    height: 25px !important;
  }
  .u-sp-hg30 {
    height: 30px !important;
  }
  .u-sp-hg35 {
    height: 35px !important;
  }
  .u-sp-hg40 {
    height: 40px !important;
  }
  .u-sp-hg45 {
    height: 45px !important;
  }
  .u-sp-hg50 {
    height: 50px !important;
  }
  .u-sp-hg55 {
    height: 55px !important;
  }
  .u-sp-hg60 {
    height: 60px !important;
  }
  .u-sp-hg65 {
    height: 65px !important;
  }
  .u-sp-hg70 {
    height: 70px !important;
  }
  .u-sp-hg75 {
    height: 75px !important;
  }
  .u-sp-hg80 {
    height: 80px !important;
  }
  .u-sp-hg85 {
    height: 85px !important;
  }
  .u-sp-hg90 {
    height: 90px !important;
  }
  .u-sp-hg95 {
    height: 95px !important;
  }
  .u-sp-hg100 {
    height: 100px !important;
  }
  .u-sp-hg105 {
    height: 105px !important;
  }
  .u-sp-hg110 {
    height: 110px !important;
  }
  .u-sp-hg115 {
    height: 115px !important;
  }
  .u-sp-hg120 {
    height: 120px !important;
  }
  .u-sp-hg125 {
    height: 125px !important;
  }
  .u-sp-hg130 {
    height: 130px !important;
  }
  .u-sp-hg135 {
    height: 135px !important;
  }
  .u-sp-hg140 {
    height: 140px !important;
  }
  .u-sp-hg145 {
    height: 145px !important;
  }
  .u-sp-hg150 {
    height: 150px !important;
  }
  .u-sp-hg155 {
    height: 155px !important;
  }
  .u-sp-hg160 {
    height: 160px !important;
  }
  .u-sp-hg165 {
    height: 165px !important;
  }
  .u-sp-hg170 {
    height: 170px !important;
  }
  .u-sp-hg175 {
    height: 175px !important;
  }
  .u-sp-hg180 {
    height: 180px !important;
  }
  .u-sp-hg185 {
    height: 185px !important;
  }
  .u-sp-hg190 {
    height: 190px !important;
  }
  .u-sp-hg195 {
    height: 195px !important;
  }
  .u-sp-hg200 {
    height: 200px !important;
  }
  .u-sp-hg205 {
    height: 205px !important;
  }
  .u-sp-hg210 {
    height: 210px !important;
  }
  .u-sp-hg215 {
    height: 215px !important;
  }
  .u-sp-hg220 {
    height: 220px !important;
  }
  .u-sp-hg225 {
    height: 225px !important;
  }
  .u-sp-hg230 {
    height: 230px !important;
  }
  .u-sp-hg235 {
    height: 235px !important;
  }
  .u-sp-hg240 {
    height: 240px !important;
  }
  .u-sp-hg245 {
    height: 245px !important;
  }
  .u-sp-hg250 {
    height: 250px !important;
  }
  .u-sp-hg255 {
    height: 255px !important;
  }
  .u-sp-hg260 {
    height: 260px !important;
  }
  .u-sp-hg265 {
    height: 265px !important;
  }
  .u-sp-hg270 {
    height: 270px !important;
  }
  .u-sp-hg275 {
    height: 275px !important;
  }
  .u-sp-hg280 {
    height: 280px !important;
  }
  .u-sp-hg285 {
    height: 285px !important;
  }
  .u-sp-hg290 {
    height: 290px !important;
  }
  .u-sp-hg295 {
    height: 295px !important;
  }
  .u-sp-hg300 {
    height: 300px !important;
  }
  .u-sp-hg305 {
    height: 305px !important;
  }
  .u-sp-hg310 {
    height: 310px !important;
  }
  .u-sp-hg315 {
    height: 315px !important;
  }
  .u-sp-hg320 {
    height: 320px !important;
  }
  .u-sp-hg325 {
    height: 325px !important;
  }
  .u-sp-hg330 {
    height: 330px !important;
  }
  .u-sp-hg335 {
    height: 335px !important;
  }
  .u-sp-hg340 {
    height: 340px !important;
  }
  .u-sp-hg345 {
    height: 345px !important;
  }
  .u-sp-hg350 {
    height: 350px !important;
  }
  .u-sp-hg355 {
    height: 355px !important;
  }
  .u-sp-hg360 {
    height: 360px !important;
  }
  .u-sp-hg365 {
    height: 365px !important;
  }
  .u-sp-hg370 {
    height: 370px !important;
  }
  .u-sp-hg375 {
    height: 375px !important;
  }
  .u-sp-hg380 {
    height: 380px !important;
  }
  .u-sp-hg385 {
    height: 385px !important;
  }
  .u-sp-hg390 {
    height: 390px !important;
  }
  .u-sp-hg395 {
    height: 395px !important;
  }
  .u-sp-hg400 {
    height: 400px !important;
  }
  .u-sp-hg405 {
    height: 405px !important;
  }
  .u-sp-hg410 {
    height: 410px !important;
  }
  .u-sp-hg415 {
    height: 415px !important;
  }
  .u-sp-hg420 {
    height: 420px !important;
  }
  .u-sp-hg425 {
    height: 425px !important;
  }
  .u-sp-hg430 {
    height: 430px !important;
  }
  .u-sp-hg435 {
    height: 435px !important;
  }
  .u-sp-hg440 {
    height: 440px !important;
  }
  .u-sp-hg445 {
    height: 445px !important;
  }
  .u-sp-hg450 {
    height: 450px !important;
  }
  .u-sp-hg455 {
    height: 455px !important;
  }
  .u-sp-hg460 {
    height: 460px !important;
  }
  .u-sp-hg465 {
    height: 465px !important;
  }
  .u-sp-hg470 {
    height: 470px !important;
  }
  .u-sp-hg475 {
    height: 475px !important;
  }
  .u-sp-hg480 {
    height: 480px !important;
  }
  .u-sp-hg485 {
    height: 485px !important;
  }
  .u-sp-hg490 {
    height: 490px !important;
  }
  .u-sp-hg495 {
    height: 495px !important;
  }
  .u-sp-hg500 {
    height: 500px !important;
  }
  .u-sp-hg505 {
    height: 505px !important;
  }
  .u-sp-hg510 {
    height: 510px !important;
  }
  .u-sp-hg515 {
    height: 515px !important;
  }
  .u-sp-hg520 {
    height: 520px !important;
  }
  .u-sp-hg525 {
    height: 525px !important;
  }
  .u-sp-hg530 {
    height: 530px !important;
  }
  .u-sp-hg535 {
    height: 535px !important;
  }
  .u-sp-hg540 {
    height: 540px !important;
  }
  .u-sp-hg545 {
    height: 545px !important;
  }
  .u-sp-hg550 {
    height: 550px !important;
  }
  .u-sp-hg555 {
    height: 555px !important;
  }
  .u-sp-hg560 {
    height: 560px !important;
  }
  .u-sp-hg565 {
    height: 565px !important;
  }
  .u-sp-hg570 {
    height: 570px !important;
  }
  .u-sp-hg575 {
    height: 575px !important;
  }
  .u-sp-hg580 {
    height: 580px !important;
  }
  .u-sp-hg585 {
    height: 585px !important;
  }
  .u-sp-hg590 {
    height: 590px !important;
  }
  .u-sp-hg595 {
    height: 595px !important;
  }
  .u-sp-hg600 {
    height: 600px !important;
  }
  .u-sp-hg605 {
    height: 605px !important;
  }
  .u-sp-hg610 {
    height: 610px !important;
  }
  .u-sp-hg615 {
    height: 615px !important;
  }
  .u-sp-hg620 {
    height: 620px !important;
  }
  .u-sp-hg625 {
    height: 625px !important;
  }
  .u-sp-hg630 {
    height: 630px !important;
  }
  .u-sp-hg635 {
    height: 635px !important;
  }
  .u-sp-hg640 {
    height: 640px !important;
  }
  .u-sp-hg645 {
    height: 645px !important;
  }
  .u-sp-hg650 {
    height: 650px !important;
  }
  .u-sp-hg655 {
    height: 655px !important;
  }
  .u-sp-hg660 {
    height: 660px !important;
  }
  .u-sp-hg665 {
    height: 665px !important;
  }
  .u-sp-hg670 {
    height: 670px !important;
  }
  .u-sp-hg675 {
    height: 675px !important;
  }
  .u-sp-hg680 {
    height: 680px !important;
  }
  .u-sp-hg685 {
    height: 685px !important;
  }
  .u-sp-hg690 {
    height: 690px !important;
  }
  .u-sp-hg695 {
    height: 695px !important;
  }
  .u-sp-hg700 {
    height: 700px !important;
  }
  .u-sp-hg705 {
    height: 705px !important;
  }
  .u-sp-hg710 {
    height: 710px !important;
  }
  .u-sp-hg715 {
    height: 715px !important;
  }
  .u-sp-hg720 {
    height: 720px !important;
  }
  .u-sp-hg725 {
    height: 725px !important;
  }
  .u-sp-hg730 {
    height: 730px !important;
  }
  .u-sp-hg735 {
    height: 735px !important;
  }
  .u-sp-hg740 {
    height: 740px !important;
  }
  .u-sp-hg745 {
    height: 745px !important;
  }
  .u-sp-hg750 {
    height: 750px !important;
  }
  .u-sp-hg755 {
    height: 755px !important;
  }
  .u-sp-hg760 {
    height: 760px !important;
  }
  .u-sp-hg765 {
    height: 765px !important;
  }
  .u-sp-hg770 {
    height: 770px !important;
  }
  .u-sp-hg775 {
    height: 775px !important;
  }
  .u-sp-hg780 {
    height: 780px !important;
  }
  .u-sp-hg785 {
    height: 785px !important;
  }
  .u-sp-hg790 {
    height: 790px !important;
  }
  .u-sp-hg795 {
    height: 795px !important;
  }
  .u-sp-hg800 {
    height: 800px !important;
  }
  .u-sp-hg805 {
    height: 805px !important;
  }
  .u-sp-hg810 {
    height: 810px !important;
  }
  .u-sp-hg815 {
    height: 815px !important;
  }
  .u-sp-hg820 {
    height: 820px !important;
  }
  .u-sp-hg825 {
    height: 825px !important;
  }
  .u-sp-hg830 {
    height: 830px !important;
  }
  .u-sp-hg835 {
    height: 835px !important;
  }
  .u-sp-hg840 {
    height: 840px !important;
  }
  .u-sp-hg845 {
    height: 845px !important;
  }
  .u-sp-hg850 {
    height: 850px !important;
  }
  .u-sp-hg855 {
    height: 855px !important;
  }
  .u-sp-hg860 {
    height: 860px !important;
  }
  .u-sp-hg865 {
    height: 865px !important;
  }
  .u-sp-hg870 {
    height: 870px !important;
  }
  .u-sp-hg875 {
    height: 875px !important;
  }
  .u-sp-hg880 {
    height: 880px !important;
  }
  .u-sp-hg885 {
    height: 885px !important;
  }
  .u-sp-hg890 {
    height: 890px !important;
  }
  .u-sp-hg895 {
    height: 895px !important;
  }
  .u-sp-hg900 {
    height: 900px !important;
  }
  .u-sp-hg905 {
    height: 905px !important;
  }
  .u-sp-hg910 {
    height: 910px !important;
  }
  .u-sp-hg915 {
    height: 915px !important;
  }
  .u-sp-hg920 {
    height: 920px !important;
  }
  .u-sp-hg925 {
    height: 925px !important;
  }
  .u-sp-hg930 {
    height: 930px !important;
  }
  .u-sp-hg935 {
    height: 935px !important;
  }
  .u-sp-hg940 {
    height: 940px !important;
  }
  .u-sp-hg945 {
    height: 945px !important;
  }
  .u-sp-hg950 {
    height: 950px !important;
  }
  .u-sp-hg955 {
    height: 955px !important;
  }
  .u-sp-hg960 {
    height: 960px !important;
  }
  .u-sp-hg965 {
    height: 965px !important;
  }
  .u-sp-hg970 {
    height: 970px !important;
  }
  .u-sp-hg975 {
    height: 975px !important;
  }
  .u-sp-hg980 {
    height: 980px !important;
  }
  .u-sp-hg985 {
    height: 985px !important;
  }
  .u-sp-hg990 {
    height: 990px !important;
  }
  .u-sp-hg995 {
    height: 995px !important;
  }
  .u-sp-hg1000 {
    height: 1000px !important;
  }
  .u-sp-mah-n {
    max-height: none !important;
  }
  .u-sp-mah-100p {
    max-height: 100% !important;
  }
  .u-sp-miw-0 {
    min-width: 0 !important;
  }
  .u-sp-mih-0 {
    min-height: 0 !important;
  }
}