@charset "UTF-8";
/* ---------------------------------------------------------------------------------------- */
/* FONT SET
/* ---------------------------------------------------------------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Unna:ital@0;1&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Ultra&display=swap");
@font-face {
  font-family: "WorkSans";
  src: url("../webfont/WorkSans/WorkSans-Bold.woff2") format("woff2"), url("../webfont/WorkSans/WorkSans-Bold.woff") format("woff"), url("../webfont/WorkSans/WorkSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "WorkSans";
  src: url("../webfont/WorkSans/WorkSans-Medium.woff2") format("woff2"), url("../webfont/WorkSans/WorkSans-Medium.woff") format("woff"), url("../webfont/WorkSans/WorkSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "WorkSans";
  src: url("../webfont/WorkSans/WorkSans-Regular.woff2") format("woff2"), url("../webfont/WorkSans/WorkSans-Regular.woff") format("woff"), url("../webfont/WorkSans/WorkSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "WorkSans";
  src: url("../webfont/WorkSans/WorkSans-Light.woff2") format("woff2"), url("../webfont/WorkSans/WorkSans-Light.woff") format("woff"), url("../webfont/WorkSans/WorkSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
/* ---------------------------------------------------------------------------------------- */
/* RESET
/* ---------------------------------------------------------------------------------------- */
* {
  box-sizing: border-box;
  background-repeat: no-repeat;
  padding: 0;
  margin: 0;
  font-style: normal;
}

::before, ::after {
  box-sizing: inherit;
  text-decoration: inherit;
  vertical-align: inherit;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

hr {
  overflow: visible;
}

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

small {
  font-size: 80%;
}

[hidden], template {
  display: none;
}

abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active, a:hover {
  outline-width: 0;
}

h1, h2, h3, h4, h5, h6, p, li, dt, dd {
  font-size: 1em;
  margin: 0;
  padding: 0;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
}

b, strong {
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Forms
/* ---------------------------------------------------------------------------------------- */
fieldset {
  border: none;
}

input {
  border-radius: 0;
}

[type=number] {
  width: auto;
}

[type=search] {
  -webkit-appearance: textfield;
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  resize: vertical;
}

button, input, optgroup, textarea, select {
  font: inherit;
}

optgroup {
  font-weight: bold;
}

button {
  overflow: visible;
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}

button:-moz-focusring, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button, html [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button;
}

button {
  text-transform: none;
}

button, input, textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
}

select {
  max-width: 100%;
  overflow: hidden;
}

/*
select {
	-moz-appearance: none;
	-webkit-appearance: none;
}
select::-ms-expand {
display:none;
}
select::-ms-value {
color:currentColor;
}
*/
legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

::-moz-placeholder {
  color: inherit;
  opacity: 0.5;
}

:-ms-input-placeholder {
  color: inherit;
  opacity: 0.5;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.5;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/* Specify media element style
/* ---------------------------------------------------------------------------------------- */
img {
  border-style: none;
  vertical-align: bottom;
}

progress {
  vertical-align: baseline;
}

svg:not(:root) {
  overflow: hidden;
}

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

/* Acessibility
/* ---------------------------------------------------------------------------------------- */
@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
[aria-busy=true] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled] {
  cursor: default;
}

/* Selection
/* ---------------------------------------------------------------------------------------- */
::-moz-selection {
  background-color: #000;
  color: #fff;
  text-shadow: none;
}

::selection {
  background-color: #000;
  color: #fff;
  text-shadow: none;
}

/* ---------------------------------------------------------------------------------------- */
/* COMMON
/* ---------------------------------------------------------------------------------------- */
html {
  height: 100%;
  font-size: 100%;
}

body {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-size: 0.875em;
  line-height: 1.7;
  margin: 0;
  padding: 0;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #353535;
  text-align: center;
  /*&::before {
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 700px;
  	content: ' ';
  	z-index: -1;
  	background: linear-gradient(to bottom, #EDF1F4 0%, #FFF 100%);
  }*/
}
@media all and (-ms-high-contrast: none) {
  body {
    font-family: "メイリオ", Meiryo, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
}
@media print, screen and (min-width: 350px) {
  body {
    font-size: 0.92em;
  }
}
@media print, screen and (min-width: 960px) {
  body {
    font-size: 1em;
  }
}

.no-overflow {
  position: fixed;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  height: 100vh;
  overflow-y: scroll;
}

.anime {
  transition: all 0.3s ease-in-out;
}

.flt-R {
  float: right;
}

.flt-L {
  float: left;
}

.flt-C {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.tb-L {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

.tb-R {
  margin-right: 0;
  margin-left: auto;
  text-align: right;
}

.clr-L {
  clear: left;
}

.clr-R {
  clear: right;
}

.clr-B {
  clear: both;
}

.aln-R {
  text-align: right;
}

.aln-C {
  text-align: center;
}
@media print, screen and (max-width: 767px) {
  .aln-C.aln-L-smp {
    text-align: left;
  }
}

.aln-L {
  text-align: left;
}

.noshow {
  display: none;
}

.clearfix:after,
.row:after {
  content: " ";
  display: block;
  clear: both;
}

.clear {
  clear: both;
  visibility: hidden;
  width: 0;
  height: 0;
}

.border-box {
  box-sizing: border-box;
}

.content-box {
  box-sizing: content-box;
}

.linkbox .readmore,
.lkbx .readmore {
  display: none;
}

img {
  max-width: 100%;
  height: auto;
}

@media print, screen and (min-width: 800px) {
  .onlySMP {
    display: none;
  }
}

.noSMP {
  display: none;
}
@media print, screen and (min-width: 800px) {
  .noSMP {
    display: inherit;
  }
}

.onlyPC {
  display: none;
}
@media print, screen and (min-width: 960px) {
  .onlyPC {
    display: inherit;
  }
}

@media print, screen and (min-width: 800px) {
  .noPC {
    display: none;
  }
}

.notice {
  font-weight: 700;
}

h1,
h2 {
  line-height: 1.6;
  margin-bottom: 1.25em;
  color: #003e91;
}

h3,
h4 {
  margin-bottom: 1em;
  color: #003e91;
}

h1:not(:first-child),
h2:not(:first-child),
h3:not(:first-child) {
  margin-top: 2em;
}

h5,
h6,
li,
dt,
dd {
  margin-bottom: 0.5em;
}

p:not(:last-child) {
  margin-bottom: 1.5em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

h1 {
  font-size: 1.4em;
}
@media print, screen and (min-width: 768px) {
  h1 {
    font-size: 1.7em;
  }
}
@media print, screen and (min-width: 960px) {
  h1 {
    font-size: 2em;
  }
}

h2 {
  font-size: 1.3125em;
}
@media print, screen and (min-width: 768px) {
  h2 {
    font-size: 1.4875em;
  }
}
@media print, screen and (min-width: 960px) {
  h2 {
    font-size: 1.75em;
  }
}
h2.large {
  font-size: 1.4em;
}
@media print, screen and (min-width: 768px) {
  h2.large {
    font-size: 1.7em;
  }
}
@media print, screen and (min-width: 960px) {
  h2.large {
    font-size: 2em;
  }
}

h3 {
  font-size: 1.125em;
}
@media print, screen and (min-width: 768px) {
  h3 {
    font-size: 1.275em;
  }
}
@media print, screen and (min-width: 960px) {
  h3 {
    font-size: 1.5em;
  }
}

h4 {
  font-size: 1em;
}
@media print, screen and (min-width: 768px) {
  h4 {
    font-size: 0.99em;
  }
}
@media print, screen and (min-width: 960px) {
  h4 {
    font-size: 1.1em;
  }
}

h5 {
  font-size: 1em;
}
@media print, screen and (min-width: 960px) {
  h5 {
    font-size: 1.05em;
  }
}

h6 {
  font-size: 0.92em;
}

.fntSS {
  font-size: 0.6875em;
  line-height: 1.5;
}

.fntS {
  font-size: 0.875em;
}

.fntL {
  font-size: 1.125em;
}

.fntLL {
  font-size: 1.375em;
}

.fntBold {
  font-weight: 700;
}

.asterisk {
  margin-left: 1em;
  text-indent: -1em;
}
.asterisk + .asterisk {
  margin-top: -1.5em;
}

.dsp-b {
  display: block;
}

.dsp-ib {
  display: inline-block;
}

.dsp-tbl {
  display: table;
}
.dsp-tbl > .col {
  display: table-cell;
}

.dsp-fx {
  -js-display: flex;
  display: flex;
}

.list-ib {
  letter-spacing: -0.4em;
}
.list-ib > li,
.list-ib > .col {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle;
}
.list-ib.with-gap li:not(:last-child) {
  margin-right: 2em;
}

@-moz-document url-prefix() {
  .list-ib {
    word-spacing: 0.1em;
  }
}
.list-tbl {
  display: table;
}
.list-tbl > li {
  display: table-cell;
  vertical-align: middle;
}

a {
  color: #000;
  text-decoration: none;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

nav a,
header a,
footer a,
a.no-underline {
  text-decoration: none;
}

a:active,
a:hover {
  color: #888;
}

dt,
dd,
li,
th,
td {
  line-height: 1.5;
}

nav ol,
nav ul,
.no-list-style {
  list-style: none;
}

ol:not(:last-child),
ul:not(:last-child) {
  margin-bottom: 1em;
}

ol ol,
ol ul,
ul ul,
ul ol,
table ul,
table ol {
  margin-bottom: 0;
}

.list-norm,
.page-single ul,
.page-single ol {
  margin-left: 1.75em;
}
.list-norm li,
.page-single ul li,
.page-single ol li {
  margin-bottom: 0.5em;
}
.list-norm li ol,
.list-norm li ul,
.page-single ul li ol,
.page-single ul li ul,
.page-single ol li ol,
.page-single ol li ul {
  margin-top: 0.5em;
}

ol.list-norm,
.page-single ol {
  list-style: decimal;
}

ul.list-norm,
.page-single ul {
  list-style: disc;
}

table {
  border-collapse: collapse;
  margin-bottom: 1.5em;
}
table p {
  margin-bottom: 0;
}

.tb-norm {
  position: relative;
  margin-bottom: 1.5rem;
  font-size: 0.92em;
  background-color: #FFF;
}
.tb-norm.fullW {
  width: 100%;
}
.tb-norm th,
.tb-norm td {
  padding: 0.5em;
  border: 1px solid #B8DDF2;
  vertical-align: top;
}
@media print, screen and (min-width: 800px) {
  .tb-norm th,
  .tb-norm td {
    padding: 1em;
  }
}
.tb-norm th.ver-C,
.tb-norm td.ver-C {
  vertical-align: middle;
}
.tb-norm thead th {
  background-color: rgba(138, 202, 234, 0.2);
  color: #003e91;
}
.tb-norm tbody th {
  background-color: rgba(184, 221, 242, 0.2);
}
.tb-norm .aln-C th,
.tb-norm .aln-C td {
  text-align: center;
}
.tb-norm .aln-C th.aln-L,
.tb-norm .aln-C td.aln-L {
  text-align: left;
}

[class*=inner-wrap] {
  position: relative;
  padding-left: 2.5em;
  padding-right: 2.5em;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
@media print, screen and (min-width: 800px) {
  [class*=inner-wrap] {
    padding-left: 3.75em;
    padding-right: 3.75em;
  }
}
@media print, screen and (max-width: 575px) {
  [class*=inner-wrap].small-space-smp {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }
}
[class*=inner-wrap].no-space {
  padding-left: 0;
  padding-right: 0;
}

.inner-wrap {
  max-width: calc(1104px + 5em);
}
.inner-wrap.aln-C {
  text-align: center;
}
.inner-wrap--wide {
  max-width: calc(1288px + 5em);
}
.inner-wrap--semi {
  max-width: calc(920px + 5em);
}
.inner-wrap--narrow {
  max-width: calc(736px + 5em);
}
.inner-wrap--thin {
  max-width: calc(552px + 5em);
}
.inner-wrap--xwide {
  max-width: calc(1472px + 5em);
}

[class*=swrap] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
[class*=swrap].mgn-bottom {
  margin-bottom: 1.5rem;
}
@media print, screen and (min-width: 800px) {
  [class*=swrap].mgn-bottom {
    margin-bottom: 2rem;
  }
}
[class*=swrap].offset-right {
  margin-left: 0;
}
[class*=swrap].offset-left {
  margin-right: 0;
}

.swrap {
  max-width: 1104px;
}
.swrap--semi {
  max-width: 920px;
}
.swrap--narrow {
  max-width: 736px;
}
.swrap--thin {
  max-width: 552px;
}
.swrap--wide {
  max-width: 1288px;
}
.swrap--xwide {
  max-width: 1472px;
}

.limit-w--semi {
  max-width: 920px;
}
.limit-w--narrow {
  max-width: 736px;
}
.limit-w--thin {
  max-width: 552px;
}

.with-bottom-border::before {
  position: absolute;
  bottom: 0;
  left: 2rem;
  width: calc(100% - 4rem);
  height: 0;
  content: " ";
  border-bottom: 1px solid #CCC;
}

#Mask-cnt {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 100;
  cursor: pointer;
  opacity: 0;
  display: none;
}

.gglmap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 40%;
  overflow: hidden;
}
.gglmap iframe,
.gglmap object,
.gglmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vd {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.vd iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.no-margin-top {
  margin-top: 0 !important;
}

.no-margin-btm {
  margin-bottom: 0 !important;
}

.margin-top--sm {
  margin-top: 0.5rem !important;
}

.margin-top--md {
  margin-top: 1.5rem !important;
}

.margin-top--lg {
  margin-top: 3rem !important;
}

.margin-top--xl {
  margin-top: 4rem !important;
}

.margin-btm--sm {
  margin-bottom: 0.5rem !important;
}

.margin-btm--md {
  margin-bottom: 1.5rem !important;
}

.margin-btm--lg {
  margin-bottom: 3rem !important;
}

.margin-btm--xl {
  margin-bottom: 4rem !important;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-padding-btm {
  padding-bottom: 0 !important;
}

.padding-top--sm {
  padding-top: 0.5rem !important;
}

.padding-top--md {
  padding-top: 1.5rem !important;
}

.padding-top--lg {
  padding-top: 3rem !important;
}

.padding-top--xl {
  padding-top: 4rem !important;
}

.padding-btm--sm {
  padding-bottom: 0.5rem !important;
}

.padding-btm--md {
  padding-bottom: 1.5rem !important;
}

.padding-btm--lg {
  padding-bottom: 3rem !important;
}

.padding-btm--xl {
  padding-bottom: 4rem !important;
}

.accordion {
  position: relative;
  border-bottom: 1px solid #DDDDDD;
}
.accordion:not(:last-child) {
  margin-bottom: 2rem;
}
.accordion dt {
  position: relative;
  padding: 0.75em 0;
  margin: 0;
  padding-right: 2em;
  display: block;
  border-top: 1px solid #DDDDDD;
  font-weight: bold;
  cursor: pointer;
  background-color: #FFF;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.accordion dt::before {
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -5px;
  width: 0;
  height: 11px;
  content: " ";
  border-left: 1px solid #888;
}
.accordion dt::after {
  position: absolute;
  top: 50%;
  right: 11px;
  width: 11px;
  height: 0;
  content: " ";
  border-top: 1px solid #888;
}
.accordion dt.active::before {
  display: none;
}
.accordion dd {
  border-top: 1px dotted #AAA;
  padding: 0;
  margin-bottom: 0;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.accordion dd.active {
  padding: 0.75em 0 1.5em;
  visibility: visible;
  opacity: 1;
  max-height: 999999px;
}

/* ---------------------------------------------------------------------------------------- */
/* BUTTON
/* ---------------------------------------------------------------------------------------- */
.btn, .btn--outline {
  position: relative;
  display: inline-block;
  font-size: 0.92em;
  line-height: 1;
  padding: 1.25em 1.25em;
  padding-right: 3em;
  background-color: #1f408f;
  color: #fff;
  font-weight: 700;
  text-align: center;
  font-feature-settings: "palt";
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.btn i, .btn--outline i {
  position: absolute;
  bottom: 0.25em;
  right: 0.75em;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.btn i svg, .btn--outline i svg {
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.btn i svg.icon-line-arrow, .btn--outline i svg.icon-line-arrow {
  width: 18px;
  height: 20px;
  stroke: #fff;
}
.btn i svg.icon-filetype, .btn--outline i svg.icon-filetype {
  width: 32px;
  height: 32px;
  fill: #1f408f;
}
.btn i svg.icon-filetype.white, .btn--outline i svg.icon-filetype.white {
  fill: #fff;
}
.btn.large, .large.btn--outline {
  font-size: 1.15em;
  font-weight: bold;
  padding: 1em 2em;
  min-width: 12em;
}
@media print, screen and (min-width: 576px) {
  .btn.large, .large.btn--outline {
    padding-left: 1em;
    padding-right: 1em;
  }
}
.btn.fixsize, .fixsize.btn--outline {
  font-size: 0.92rem;
  line-height: 1;
  padding: 1rem 1rem;
}
.btn.full, .full.btn--outline {
  font-size: 1.15em;
  font-weight: bold;
  padding: 1em 2em;
  width: 100%;
}
.btn.xlarge, .xlarge.btn--outline {
  font-size: 1.35em;
}
.btn.small, .small.btn--outline {
  font-size: 0.875em;
  padding: 0.5em 1em;
}
.btn.negative, .negative.btn--outline {
  background-color: #5e5e5e;
}
.btn.negative:hover, .negative.btn--outline:hover {
  background-color: #919191;
}
.btn.round, .round.btn--outline {
  border-radius: 0.25em;
}
.btn.disabled, .disabled.btn--outline, .btn:disabled, .btn--outline:disabled {
  background-color: hsl(0, 0%, 95%);
  color: #aaa;
  pointer-events: none;
}
.btn:hover, .btn--outline:hover {
  color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  background-color: #162d65;
}
.btn:active, .btn--outline:active {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  background-color: #2853b9;
}
.btn.with-arrow, .with-arrow.btn--outline {
  padding-right: 4em;
  text-align: left;
}
@media print, screen and (min-width: 800px) {
  .btn.with-arrow, .with-arrow.btn--outline {
    min-width: 14em;
  }
}
.btn.with-arrow i, .with-arrow.btn--outline i {
  position: absolute;
  top: 50%;
  right: 0.5em;
  width: 24px;
  height: 24px;
  margin-top: -12px;
}
.btn.with-arrow span.arrow, .with-arrow.btn--outline span.arrow {
  position: absolute;
  top: 50%;
  right: 0.5em;
  width: 1.5rem;
  height: 0;
  border-bottom: 1px solid #fff;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.btn.with-arrow span.arrow::before, .with-arrow.btn--outline span.arrow::before {
  position: absolute;
  bottom: 2px;
  right: 0;
  width: 8px;
  height: 0;
  content: " ";
  border-top: 1px solid #fff;
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.btn.with-arrow:hover span.arrow, .with-arrow.btn--outline:hover span.arrow {
  right: 1rem;
}
.btn.with-back-arrow, .with-back-arrow.btn--outline {
  padding-left: 3em;
  text-align: left;
}
@media print, screen and (min-width: 800px) {
  .btn.with-back-arrow, .with-back-arrow.btn--outline {
    min-width: 12em;
  }
}
.btn.with-back-arrow i, .with-back-arrow.btn--outline i {
  position: absolute;
  top: 50%;
  left: 0.5em;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  transform: rotate(180deg);
}
.btn.orange, .orange.btn--outline {
  background-color: #ea5514;
}
.btn.pink, .pink.btn--outline {
  background-color: #e84383;
}
.btn.dl-file, .dl-file.btn--outline {
  padding-right: 4em;
}
.btn.dl-file i, .dl-file.btn--outline i {
  position: absolute;
  top: 50%;
  bottom: inherit;
  right: 0.5em;
  margin-top: -16px;
}

.btn--outline {
  background-color: #fff;
  border: 1px solid #1f408f;
  color: #1f408f;
}
.btn--outline i svg.icon-stroke {
  stroke: #1f408f;
}
.btn--outline i svg.icon-fill {
  fill: #1f408f;
}
.btn--outline:hover {
  color: #fff !important;
  color: #162d65;
  border-color: #162d65;
}
.btn--outline:hover i svg.icon-stroke {
  stroke: #fff;
}
.btn--outline:hover i svg.icon-fill {
  fill: #fff;
}
.btn--outline:active {
  color: #fff !important;
  color: #2853b9;
  border-color: #2853b9;
}
.btn--outline.with-arrow i svg, .btn--outline.with-back-arrow i svg {
  stroke: #1f408f;
}
.btn--outline.with-arrow:hover i svg, .btn--outline.with-back-arrow:hover i svg {
  stroke: #fff;
}
.btn--outline.with-arrow span.arrow, .btn--outline.with-back-arrow span.arrow {
  border-color: #1f408f;
}
.btn--outline.with-arrow span.arrow::before, .btn--outline.with-back-arrow span.arrow::before {
  border-color: #1f408f;
}
.btn--outline.orange {
  background-color: #fff;
  border-color: #ea5514;
  color: #ea5514;
}
.btn--outline.orange:hover {
  background-color: #ea5514;
}
.btn--outline.orange:hover.with-arrow i svg {
  stroke: #fff;
}
.btn--outline.orange:hover.with-arrow span.arrow {
  border-color: #fff;
}
.btn--outline.orange:hover.with-arrow span.arrow::before {
  border-color: #fff;
}
.btn--outline.orange.with-arrow:hover i svg {
  stroke: #ea5514;
}
.btn--outline.orange.with-arrow span.arrow {
  border-color: #ea5514;
}
.btn--outline.orange.with-arrow span.arrow::before {
  border-color: #ea5514;
}
.btn--outline.pink {
  background-color: #fff;
  border-color: #e84383;
  color: #e84383;
}
.btn--outline.pink:hover {
  background-color: #e84383;
}
.btn--outline.pink:hover.with-arrow i svg {
  stroke: #fff;
}
.btn--outline.pink:hover.with-arrow span.arrow {
  border-color: #fff;
}
.btn--outline.pink:hover.with-arrow span.arrow::before {
  border-color: #fff;
}
.btn--outline.pink.with-arrow:hover i svg {
  stroke: #e84383;
}
.btn--outline.pink.with-arrow span.arrow {
  border-color: #e84383;
}
.btn--outline.pink.with-arrow span.arrow::before {
  border-color: #e84383;
}
.btn--outline.dl-file:hover i svg {
  fill: #fff;
}

.wrap-btns, .wrap-btns--half-smp {
  position: relative;
  margin-left: -0.25em;
  margin-right: -0.25em;
  z-index: 3;
}
.wrap-btns li, .wrap-btns--half-smp li {
  padding: 0.25em;
}
.wrap-btns--half-smp li {
  width: 50%;
}
@media print, screen and (min-width: 800px) {
  .wrap-btns--half-smp li {
    width: auto;
  }
}

.link-btn-list {
  position: relative;
  margin: 0 -0.5em;
}
.link-btn-list.btn-fullW li {
  width: 100%;
  padding: 0.25em 0.5em;
}
@media print, screen and (min-width: 576px) {
  .link-btn-list.btn-fullW li {
    width: 100%;
  }
}
.link-btn-list.btn-halfW li {
  width: 100%;
  padding: 0.25em 0.5em;
}
@media print, screen and (min-width: 576px) {
  .link-btn-list.btn-halfW li {
    width: 50%;
  }
}

.link-txt {
  display: inline-block;
  border-bottom: 1px dotted #202020;
}
.link-txt:hover {
  border-bottom-color: #888888;
}
.link-txt:hover.with-arrow i {
  right: 0.25em;
}
.link-txt.with-arrow {
  position: relative;
  padding-right: 2em;
  padding: 0.5em 2em 0.5em 0;
}
.link-txt.with-arrow i {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -12px;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.link-txt.with-arrow i svg {
  width: 24px;
  height: 24px;
  stroke: #202020;
}

.dropdown-menu {
  position: relative;
}
.dropdown-menu dt {
  position: relative;
  margin: 0;
  display: block;
}
.dropdown-menu dt.active i::before, .dropdown-menu dt.active i::after {
  margin-top: 0;
  margin-bottom: 0;
}
@media print, screen and (max-width: 959px) {
  .dropdown-menu dt.active + dd {
    visibility: visible;
    opacity: 1;
    max-height: 9999em;
  }
}
.dropdown-menu dd {
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  overflow: hidden;
  visibility: hidden;
  max-height: 0;
  opacity: 0;
  display: block;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

/* ---------------------------------------------------------------------------------------- */
/* FORM
/* ---------------------------------------------------------------------------------------- */
.form-group {
  position: relative;
  margin-bottom: 3rem;
  display: block;
}
.form-group--inner {
  display: block;
  width: 100%;
  padding: 1em 0;
  margin: 0;
  border-top: 1px solid #DDDDDD;
}
@media print, screen and (min-width: 800px) {
  .form-group--inner {
    display: table;
    padding: 1.5em 0 0;
    margin-bottom: 1em;
  }
}
.form-group--inner .col {
  display: block;
  width: auto;
}
@media print, screen and (min-width: 800px) {
  .form-group--inner .col {
    display: table-cell;
    width: 12em;
    vertical-align: text-top;
  }
}
.form-group--inner .col.ver-top {
  vertical-align: top;
}
.form-group--inner .col + .col {
  margin-top: 0.5em;
}
@media print, screen and (min-width: 800px) {
  .form-group--inner .col + .col {
    padding-top: 0;
    width: calc(100% - 12em);
  }
}
.form-group--inner .col span.error {
  display: block;
  color: #ff4359;
  margin-top: 0.5em;
}
.form-group--inner .col .inner-col {
  display: block;
}
.form-group--inner .col .inner-col:not(:last-child) {
  margin-bottom: 0.75em;
}
.form-group--inner .col .inner-col--title {
  display: block;
  font-size: 0.875em;
  margin-bottom: 0.5em;
}
.form-group--inner .mst,
.form-group--inner .opt {
  position: relative;
  display: inline-block;
  font-size: 0.7em;
  vertical-align: middle;
  font-style: normal;
  color: #ff4359;
  margin-left: 0.5em;
}
.form-group--inner .opt {
  color: #ea5504;
}
@media print, screen and (min-width: 800px) {
  .form-group--inner.no-flt {
    margin-bottom: 0;
  }
}
.form-group--inner.no-flt dt {
  font-size: 1.07em;
  font-weight: 700;
  color: #003e91;
}
.form-group--inner.no-flt dt .fntS {
  font-weight: 400;
  font-size: 0.8125em;
  color: #444;
}
@media print, screen and (min-width: 800px) {
  .form-group--inner.no-flt .col {
    display: block;
    width: auto;
    margin-bottom: 1em;
  }
}
@media print, screen and (min-width: 800px) {
  .form-group--inner.no-flt .col + .col {
    width: auto;
  }
}
.form-group--bottom {
  border-top: 1px solid #CCC;
  padding-top: 1.5em;
}

input,
textarea,
select {
  padding: 0.35em 1em;
}

textarea {
  min-height: 10em;
}

input,
textarea {
  width: 100%;
  background-color: #F8F8F8;
  border: 1px solid #E0E0E0;
}

input.ipt-S {
  width: 10em;
}
input.ipt-SS {
  width: 5em;
}

input:focus,
textarea:focus,
select:focus {
  border-color: #999;
  outline: 0;
}

:disabled {
  opacity: 0.5;
}

[type=radio],
[type=radio] + label,
[type=checkbox],
[type=checkbox] + label {
  width: auto;
  display: inline-block;
}

[type=radio],
[type=checkbox] {
  margin-right: 0.5em;
}

.wrap-select {
  position: relative;
  display: inline-block;
  width: auto;
}

select,
.list-group-team select {
  padding: 0.5em 1em;
  background-color: hsl(0, 0%, 94%);
  background: linear-gradient(0deg, #F2F2F2, #FFF);
  padding-right: 32px;
  border: 1px solid #DDDDDD;
  cursor: pointer;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: normal;
}

.form-group select {
  max-width: calc(100vw - 4rem - 32px);
}
@media print, screen and (min-width: 350px) {
  .form-group select {
    max-width: calc(100vw - 4rem - 48px);
  }
}
@media print, screen and (min-width: 576px) {
  .form-group select {
    max-width: calc(100vw - 4rem - 96px);
  }
}
@media print, screen and (min-width: 960px) {
  .form-group select {
    max-width: 100%;
  }
}

.list-group-team select {
  border: 1px solid #BBB;
}

.btn-label input[type=radio],
.btn-label input[type=checkbox],
.txt-label input[type=radio],
.txt-label input[type=checkbox] {
  display: none;
}

.btn-label label {
  position: relative;
  padding: 0.5em 1em;
  border: 1px solid #AAA;
  background-color: #F5F5F5;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  margin-left: -1px;
  margin-top: -1px;
}
.btn-label label:hover {
  background-color: #CCC;
  color: #111;
}
.btn-label.sort-item label {
  padding: 0.5em 0.5em;
  background-color: #FFF;
  border-color: #DDD;
}
@media print, screen and (min-width: 350px) {
  .btn-label.sort-item label {
    padding: 0.5em 0.75em;
  }
}
.btn-label.separated label {
  padding: 1em 0.5em;
  background-color: #FFF;
  border-radius: 0;
}
.btn-label.separated label.btn-img label {
  padding: 0;
  background-color: #000;
  border-radius: 0;
  border: none;
}
.btn-label.full label {
  width: 100%;
}
.btn-label:not(:first-child) label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-label:not(:last-child) label {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-label.separated :not(:last-child) label {
  border-right: 1px solid #AAA;
}
.btn-label.separated.btn-img :not(:last-child) label {
  border: none;
}

.txt-label label {
  position: relative;
  padding: 0.25em 0;
  padding-left: 1em;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.txt-label label::before {
  position: relative;
  content: "・";
  margin-left: -1em;
  margin-right: 0.5em;
  display: inline-block;
}
.txt-label label:hover {
  color: #111;
}

.btn-label input[type=radio]:checked + label,
.btn-label input[type=checkbox]:checked + label {
  background-color: #555;
  color: #FFF;
}

.btn-label.btn-img input[type=radio]:checked + label,
.btn-label.btn-img input[type=checkbox]:checked + label {
  background-color: #000;
  border: 3px solid #e7cd00;
}

.btn-label.btn-img label img {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.btn-label.btn-img input[type=radio]:checked + label img,
.btn-label.btn-img input[type=checkbox]:checked + label img {
  opacity: 0.5;
}

.txt-label input[type=checkbox]:checked + label {
  font-weight: bold;
}

.txt-label input[type=checkbox]:checked + label::before {
  content: "-";
}

.form-help {
  display: inline-block;
  font-size: 0.83em;
  line-height: 1.4;
  margin-top: 0.5em;
}

.error label,
.error .label {
  color: #ff4359;
}

.error input, .error select,
.error .btn-label label {
  border-color: #ff4359;
}

.error-msg {
  display: block;
  color: #ff4359;
  margin-top: 0.5em;
}

/* ---------------------------------------------------------------------------------------- */
/* LAYOUT-FLEXBOX
/* ---------------------------------------------------------------------------------------- */
.flex-container--wd-space, .flex-container--sml-space, .flex-container--no-space, .flex-container {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.flex-container {
  margin: -0.75rem;
}
@media print, screen and (min-width: 800px) {
  .flex-container {
    margin: -1rem;
  }
}
.flex-container--no-space {
  margin: 0;
}
.flex-container.sp-btm {
  margin-bottom: 1.5rem;
}
@media print, screen and (min-width: 800px) {
  .flex-container.sp-btm {
    margin-bottom: 2rem;
  }
}
.flex-container--sml-space {
  margin: -0.25rem;
}
@media print, screen and (min-width: 800px) {
  .flex-container--sml-space {
    margin: -0.5rem;
  }
}
.flex-container--wd-space {
  margin: -1rem;
}
@media print, screen and (min-width: 800px) {
  .flex-container--wd-space {
    margin: -1.5rem;
  }
}
@media print, screen and (min-width: 1104px) {
  .flex-container--wd-space {
    margin: -2rem;
  }
}

.flex-container.rev {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.flex-container > *[class^=col-] {
  position: relative;
  min-width: 2rem;
  padding: 0.75rem;
  word-wrap: break-word;
}
@media print, screen and (min-width: 800px) {
  .flex-container > *[class^=col-] {
    padding: 1rem;
  }
}

.flex-container--no-space > *[class^=col-] {
  padding: 0;
}

.flex-container--sml-space > *[class^=col-] {
  padding: 0.25rem;
}
@media print, screen and (min-width: 800px) {
  .flex-container--sml-space > *[class^=col-] {
    padding: 0.5rem;
  }
}

.flex-container--wd-space > *[class^=col-] {
  padding: 1rem;
}
@media print, screen and (min-width: 800px) {
  .flex-container--wd-space > *[class^=col-] {
    padding: 1.5rem;
  }
}
@media print, screen and (min-width: 1104px) {
  .flex-container--wd-space > *[class^=col-] {
    padding: 2rem;
  }
}

.col-sm-0 {
  width: 0%;
}

.offset-sm-0 {
  margin-left: 0%;
}

.col-sm-1 {
  width: 16.6666666667%;
}

.offset-sm-1 {
  margin-left: 16.6666666667%;
}

.col-sm-2 {
  width: 33.3333333333%;
}

.offset-sm-2 {
  margin-left: 33.3333333333%;
}

.col-sm-3 {
  width: 50%;
}

.offset-sm-3 {
  margin-left: 50%;
}

.col-sm-4 {
  width: 66.6666666667%;
}

.offset-sm-4 {
  margin-left: 66.6666666667%;
}

.col-sm-5 {
  width: 83.3333333333%;
}

.offset-sm-5 {
  margin-left: 83.3333333333%;
}

.col-sm-6 {
  width: 100%;
}

.offset-sm-6 {
  margin-left: 100%;
}

@media print, screen and (min-width: 768px) {
  .col-xsm-0 {
    width: 0%;
  }
  .offset-xsm-0 {
    margin-left: 0%;
  }
  .col-xsm-1 {
    width: 12.5%;
  }
  .offset-xsm-1 {
    margin-left: 12.5%;
  }
  .col-xsm-2 {
    width: 25%;
  }
  .offset-xsm-2 {
    margin-left: 25%;
  }
  .col-xsm-3 {
    width: 37.5%;
  }
  .offset-xsm-3 {
    margin-left: 37.5%;
  }
  .col-xsm-4 {
    width: 50%;
  }
  .offset-xsm-4 {
    margin-left: 50%;
  }
  .col-xsm-5 {
    width: 62.5%;
  }
  .offset-xsm-5 {
    margin-left: 62.5%;
  }
  .col-xsm-6 {
    width: 75%;
  }
  .offset-xsm-6 {
    margin-left: 75%;
  }
  .col-xsm-7 {
    width: 87.5%;
  }
  .offset-xsm-7 {
    margin-left: 87.5%;
  }
  .col-xsm-8 {
    width: 100%;
  }
  .offset-xsm-8 {
    margin-left: 100%;
  }
}
@media print, screen and (min-width: 800px) {
  .col-md-0 {
    width: 0%;
  }
  .offset-md-0 {
    margin-left: 0%;
  }
  .col-md-1 {
    width: 12.5%;
  }
  .offset-md-1 {
    margin-left: 12.5%;
  }
  .col-md-2 {
    width: 25%;
  }
  .offset-md-2 {
    margin-left: 25%;
  }
  .col-md-3 {
    width: 37.5%;
  }
  .offset-md-3 {
    margin-left: 37.5%;
  }
  .col-md-4 {
    width: 50%;
  }
  .offset-md-4 {
    margin-left: 50%;
  }
  .col-md-5 {
    width: 62.5%;
  }
  .offset-md-5 {
    margin-left: 62.5%;
  }
  .col-md-6 {
    width: 75%;
  }
  .offset-md-6 {
    margin-left: 75%;
  }
  .col-md-7 {
    width: 87.5%;
  }
  .offset-md-7 {
    margin-left: 87.5%;
  }
  .col-md-8 {
    width: 100%;
  }
  .offset-md-8 {
    margin-left: 100%;
  }
}
@media print, screen and (min-width: 960px) {
  .col-lg-0 {
    width: 0%;
  }
  .offset-lg-0 {
    margin-left: 0%;
  }
  .col-lg-1 {
    width: 8.3333333333%;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-2 {
    width: 16.6666666667%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .col-lg-4 {
    width: 33.3333333333%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-8 {
    width: 66.6666666667%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .col-lg-10 {
    width: 83.3333333333%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-11 {
    width: 91.6666666667%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .offset-lg-12 {
    margin-left: 100%;
  }
}
[class*=icon-] {
  font-size: 1px !important;
  line-height: 1;
}

svg.icon-fill,
svg.icon-stroke {
  width: 100%;
  height: 100%;
}

svg.icon-fill {
  fill: #000;
}

svg.icon-stroke {
  fill: none;
  stroke: #000;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
svg.icon-stroke.thin {
  stroke-width: 1;
}

.wrap-inline-scrl {
  padding: 4px;
  border: 1px solid #DDDDDD;
  background-color: #F5F5F5;
  font-size: 0.875em;
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 800px) {
  .wrap-inline-scrl {
    padding: 8px;
    margin-bottom: 3rem;
  }
}

.inline-scrl {
  position: relative;
  padding: 2rem;
  height: 300px;
  overflow-y: scroll;
  border: 1px solid #DDDDDD;
  background-color: #FAFAFA;
}
@media print, screen and (min-width: 800px) {
  .inline-scrl {
    padding: 3rem;
    height: 300px;
  }
}

#Modal-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  display: none;
  background-color: rgba(0, 0, 0, 0.95);
}

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
  z-index: 1002;
  display: block;
}
.modal .modalBtns {
  z-index: 1000;
  position: absolute;
  width: 40px;
  height: 40px;
  text-align: left;
  top: -40px;
  right: -40px;
}
.modal .modalBtns a.modalBtn-close {
  position: relative;
  float: right;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  display: block;
  background-color: #444;
}
.modal .modalBtns a.modalBtn-close span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  transform: rotate(45deg);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.modal .modalBtns a.modalBtn-close span::before, .modal .modalBtns a.modalBtn-close span::after {
  position: absolute;
  top: -10px;
  left: -10px;
  content: "";
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.modal .modalBtns a.modalBtn-close span::before {
  margin-top: 10px;
  width: 21px;
  height: 0;
  border-top: 1px solid #FFF;
}
.modal .modalBtns a.modalBtn-close span::after {
  margin-left: 10px;
  height: 21px;
  width: 0;
  border-left: 1px solid #FFF;
}
.modal .modalBtns a.modalBtn-close:hover span {
  transform: scale(1.25) rotate(45deg);
}
#MdTrailer {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  background-color: #000;
}
#MdTrailer.md-ver {
  padding-top: 178%;
}
#MdTrailer.md-ver #vd-mpg {
  width: auto;
  height: 100%;
}
#MdTrailer iframe,
#MdTrailer #vd-mpg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.list-paging {
  font-size: 0.875em;
  line-height: 1;
  font-family: "robotolight", sans-serif;
  letter-spacing: -0.4em;
}
.list-paging a {
  position: relative;
  text-decoration: none;
}
.list-paging a:hover {
  border-color: #AAA;
  background-color: #EEE;
}
.list-paging a:active {
  border-color: #111;
  background-color: #444;
  color: #FFF;
}
.list-paging li {
  letter-spacing: normal;
  display: inline-block;
  margin: 0 2px;
}
.list-paging li a,
.list-paging li span {
  text-align: center;
  display: block;
  padding: 0.35em;
  min-width: 2.5em;
  border: 1px solid #DDDDDD;
  border-radius: 3px;
}
.list-paging li .current {
  background-color: #222;
  color: #FFF;
}
.list-paging li.prev a {
  padding-left: 24px;
}
.list-paging li.prev a::after {
  left: 4px;
  content: "\e912";
}
.list-paging li.prev a:hover::after {
  color: #555;
}
.list-paging li.prev a:active::after {
  color: #FFF;
}
.list-paging li.next a {
  padding-right: 24px;
}
.list-paging li.next a::after {
  right: 4px;
  content: "\e910";
}
.list-paging li.next a:hover::after {
  color: #555;
}
.list-paging li.next a:active::after {
  color: #FFF;
}
.list-paging li.prev a::after, .list-paging li.next a::after {
  font-family: "icons";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 1;
  color: #888;
  pointer-events: none;
}

.isInView {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.isInView.fast {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.isInView.faster {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.isInView.fastest {
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.isInView.slow {
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.isInView.slower {
  -webkit-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
}
.isInView.slowest {
  -webkit-transition: all 3s ease-in-out;
  transition: all 3s ease-in-out;
}
.isInView.fadeIn {
  opacity: 0 !important;
}
.isInView.fadeIn.scrlin {
  opacity: 1 !important;
}
.isInView.slideIn {
  top: 2rem;
}
.isInView.slideIn.scrlin {
  top: 0;
}
.isInView.acco {
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
}
.isInView.acco.scrlin {
  visibility: visible;
  max-height: none;
  opacity: 1;
}
.isInView.shutter.open {
  overflow: hidden;
}
.isInView.shutter.open::after {
  position: absolute;
  top: 0;
  right: 0;
  content: " ";
  width: 100%;
  height: 100%;
  background-color: rgb(255, 255, 255);
  z-index: 1;
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
.isInView.shutter.open.shutter-rev::after {
  left: 0;
}
.isInView.shutter.open.scrlin::after {
  width: 0;
}
.isInView.delay1 {
  transition-delay: 0.2s;
}
.isInView.delay2 {
  transition-delay: 0.4s;
}
.isInView.delay3 {
  transition-delay: 0.6s;
}
.isInView.delay4 {
  transition-delay: 0.8s;
}
.isInView.delay5 {
  transition-delay: 1s;
}
.isInView.delay6 {
  transition-delay: 1.2s;
}
.isInView.delay7 {
  transition-delay: 1.4s;
}
.isInView.delay8 {
  transition-delay: 1.6s;
}
.isInView.delay9 {
  transition-delay: 1.8s;
}
.isInView.delay10 {
  transition-delay: 2s;
}

@keyframes inViewShutterOpen {
  0% {
    left: 0;
  }
  99% {
    left: 100%;
  }
  100% {
    left: 100%;
    display: none;
  }
}
#Preloader {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1002;
  background-color: #FFF;
  opacity: 0;
}
#Preloader .remove .bars {
  width: 0;
}
#Preloader .bars {
  position: absolute;
  top: 50%;
  left: 0%;
  width: 100%;
  height: 1px;
  display: block;
  overflow: hidden;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
#Preloader .bars i {
  position: absolute;
  display: block;
  overflow: hidden;
  width: 0%;
  height: 100%;
  animation: preloaderAnime 1s ease-in-out infinite;
}
#Preloader .bars i.one {
  background-color: #888;
}
#Preloader .bars i.two {
  background-color: #222;
  animation-delay: 0.35s;
}
#Preloader .bars i.three {
  background-color: #CCC;
  animation-delay: 0.75s;
}

@keyframes preloaderAnime {
  0% {
    width: 0;
    left: 0;
  }
  50% {
    width: 100%;
    left: 0;
  }
  60% {
    width: 100%;
    left: 0;
  }
  100% {
    left: 100%;
  }
}
.tab-menu {
  position: relative;
  display: table;
  border-collapse: collapse;
  margin-bottom: 0 !important;
  z-index: 1;
}
@media print, screen and (min-width: 800px) {
  .tab-menu {
    border-collapse: separate;
    border-spacing: 8px;
    margin: 0 -8px;
  }
}
.tab-menu li {
  display: table-cell;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #DDDDDD;
  padding: 1rem 1.5rem;
  line-height: 1.5;
  transition: all 0.15s ease-in-out;
}
.tab-menu li:hover {
  background-color: #00285e;
  color: #EEE;
  border-color: #00285e;
}
.tab-menu li:active {
  background-color: #0054c4;
  color: #555;
  border-color: #0054c4;
}
.tab-menu li.active {
  background-color: #00285e;
  color: #EEE;
  border-color: #00285e;
}

.tab-content {
  position: relative;
  display: none;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tab-content.active {
  display: block;
  opacity: 1;
}

.wrap-tab-content {
  position: relative;
  width: 100%;
  margin-top: -1px;
  border-top: 1px solid #DDDDDD;
  padding-top: 2rem;
  z-index: 0;
}
@media print, screen and (min-width: 800px) {
  .wrap-tab-content {
    margin-top: -9px;
  }
}

.wrap-tbls .dsp-tbls-norm .dsp-tbl {
  display: block;
  width: 100%;
  border-top: 1px dotted #aaa;
}
@media print, screen and (min-width: 800px) {
  .wrap-tbls .dsp-tbls-norm .dsp-tbl {
    display: table;
  }
}
.wrap-tbls .dsp-tbls-norm .dsp-tbl > .col {
  display: block;
}
@media print, screen and (min-width: 800px) {
  .wrap-tbls .dsp-tbls-norm .dsp-tbl > .col {
    display: table-cell;
    padding: 1em 0;
  }
}
.wrap-tbls .dsp-tbls-norm .dsp-tbl > dt.col {
  color: hsl(170, 100%, 17%);
  padding: 0.75em 0 0.5em;
}
@media print, screen and (min-width: 800px) {
  .wrap-tbls .dsp-tbls-norm .dsp-tbl > dt.col {
    width: 30%;
    padding-right: 2em;
    color: hsl(170, 100%, 17%);
  }
}
.wrap-tbls .dsp-tbls-norm .dsp-tbl > dd.col {
  padding-bottom: 0.75em;
}
@media print, screen and (min-width: 800px) {
  .wrap-tbls .dsp-tbls-norm .dsp-tbl > dd.col {
    width: 70%;
  }
}

.wrap-tb {
  position: relative;
  width: 100%;
}
@media print, screen and (max-width: 799px) {
  .wrap-tb {
    max-height: 80vh;
    overflow-y: auto;
  }
}
.wrap-tb.scrl-x {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.wrap-tb.scrl-x > .tb-norm.fullW {
  min-width: 720px;
  max-height: 300px;
  overflow-y: auto;
}
@media print, screen and (max-width: 799px) {
  .wrap-tb.scrl-x > .tb-norm.fullW {
    width: auto;
  }
}
@media print, screen and (min-width: 800px) {
  .wrap-tb.scrl-x {
    overflow-x: visible;
  }
  .wrap-tb.scrl-x > .tb-norm.fullW {
    min-width: inherit;
  }
}
@media print, screen and (max-width: 575px) {
  .wrap-tb.scrl-x th,
  .wrap-tb.scrl-x td {
    padding: 0.25em;
  }
}
@media print, screen and (max-width: 799px) {
  .wrap-tb.scrl-x th.aln-L-smp,
  .wrap-tb.scrl-x td.aln-L-smp {
    text-align: left;
  }
}
@media print, screen and (max-width: 799px) {
  .wrap-tb.scrl-x thead {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #FFF;
  }
  .wrap-tb.scrl-x thead th {
    position: relative;
  }
  .wrap-tb.scrl-x thead th::before {
    position: absolute;
    bottom: -1px;
    left: -1px;
    content: " ";
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border: 1px solid #c0dcf0;
  }
}
@media print, screen and (max-width: 799px) {
  .wrap-tb.scrl-x thead th.sticky,
  .wrap-tb.scrl-x tbody th {
    position: sticky;
    left: 0;
    z-index: 1;
    background-color: #f1f9fc;
    word-break: break-all;
    overflow-wrap: break-word;
    width: 5em;
  }
  .wrap-tb.scrl-x thead th.sticky::before,
  .wrap-tb.scrl-x tbody th::before {
    position: absolute;
    bottom: -1px;
    left: -1px;
    content: " ";
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border: 1px solid #c0dcf0;
  }
}
.wrap-tb.scrl-x thead th.sticky.oneline,
.wrap-tb.scrl-x tbody th.oneline {
  width: 2em;
}
@media print, screen and (max-width: 799px) {
  .wrap-tb.scrl-x thead th.sticky.sp-oneline,
  .wrap-tb.scrl-x tbody th.sp-oneline {
    left: 2em;
    width: 8em;
    white-space: wrap;
  }
}
@media print, screen and (max-width: 575px) {
  .wrap-tb.scrl-x thead th.sticky.sp-oneline,
  .wrap-tb.scrl-x tbody th.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  .wrap-tb.scrl-x thead th.sticky.sp-oneline.half,
  .wrap-tb.scrl-x tbody th.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 799px) {
  .wrap-tb.scrl-x thead th.sticky.sp-oneline.half,
  .wrap-tb.scrl-x tbody th.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  .wrap-tb.scrl-x thead th.sticky.sp-oneline-after,
  .wrap-tb.scrl-x tbody th.sp-oneline-after {
    left: 6em;
    width: 4em;
    white-space: wrap;
  }
}
@media print, screen and (max-width: 575px) {
  .wrap-tb.scrl-x thead th.sticky.sp-oneline-after,
  .wrap-tb.scrl-x tbody th.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
.wrap-tb.scrl-x thead th.sticky.nowrap,
.wrap-tb.scrl-x tbody th.nowrap {
  white-space: nowrap;
}
.wrap-tb.scrl-x td {
  position: relative;
  z-index: 0;
}

table .per1 {
  width: 1%;
}
@media print, screen and (max-width: 799px) {
  table .per1 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per1.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per1.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per1.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per1.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per1.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per1.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per1.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per1.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per1.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per1.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per2 {
  width: 2%;
}
@media print, screen and (max-width: 799px) {
  table .per2 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per2.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per2.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per2.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per2.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per2.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per2.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per2.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per2.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per2.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per2.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per3 {
  width: 3%;
}
@media print, screen and (max-width: 799px) {
  table .per3 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per3.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per3.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per3.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per3.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per3.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per3.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per3.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per3.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per3.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per3.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per4 {
  width: 4%;
}
@media print, screen and (max-width: 799px) {
  table .per4 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per4.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per4.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per4.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per4.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per4.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per4.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per4.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per4.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per4.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per4.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per5 {
  width: 5%;
}
@media print, screen and (max-width: 799px) {
  table .per5 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per5.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per5.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per5.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per5.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per5.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per5.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per5.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per5.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per5.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per5.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per6 {
  width: 6%;
}
@media print, screen and (max-width: 799px) {
  table .per6 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per6.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per6.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per6.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per6.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per6.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per6.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per6.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per6.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per6.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per6.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per7 {
  width: 7%;
}
@media print, screen and (max-width: 799px) {
  table .per7 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per7.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per7.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per7.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per7.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per7.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per7.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per7.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per7.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per7.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per7.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per8 {
  width: 8%;
}
@media print, screen and (max-width: 799px) {
  table .per8 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per8.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per8.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per8.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per8.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per8.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per8.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per8.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per8.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per8.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per8.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per9 {
  width: 9%;
}
@media print, screen and (max-width: 799px) {
  table .per9 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per9.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per9.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per9.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per9.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per9.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per9.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per9.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per9.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per9.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per9.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per10 {
  width: 10%;
}
@media print, screen and (max-width: 799px) {
  table .per10 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per10.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per10.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per10.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per10.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per10.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per10.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per10.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per10.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per10.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per10.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per11 {
  width: 11%;
}
@media print, screen and (max-width: 799px) {
  table .per11 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per11.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per11.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per11.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per11.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per11.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per11.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per11.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per11.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per11.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per11.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per12 {
  width: 12%;
}
@media print, screen and (max-width: 799px) {
  table .per12 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per12.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per12.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per12.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per12.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per12.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per12.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per12.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per12.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per12.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per12.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per13 {
  width: 13%;
}
@media print, screen and (max-width: 799px) {
  table .per13 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per13.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per13.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per13.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per13.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per13.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per13.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per13.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per13.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per13.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per13.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per14 {
  width: 14%;
}
@media print, screen and (max-width: 799px) {
  table .per14 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per14.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per14.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per14.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per14.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per14.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per14.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per14.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per14.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per14.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per14.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per15 {
  width: 15%;
}
@media print, screen and (max-width: 799px) {
  table .per15 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per15.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per15.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per15.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per15.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per15.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per15.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per15.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per15.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per15.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per15.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per16 {
  width: 16%;
}
@media print, screen and (max-width: 799px) {
  table .per16 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per16.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per16.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per16.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per16.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per16.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per16.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per16.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per16.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per16.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per16.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per17 {
  width: 17%;
}
@media print, screen and (max-width: 799px) {
  table .per17 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per17.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per17.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per17.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per17.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per17.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per17.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per17.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per17.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per17.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per17.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per18 {
  width: 18%;
}
@media print, screen and (max-width: 799px) {
  table .per18 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per18.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per18.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per18.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per18.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per18.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per18.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per18.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per18.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per18.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per18.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per19 {
  width: 19%;
}
@media print, screen and (max-width: 799px) {
  table .per19 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per19.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per19.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per19.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per19.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per19.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per19.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per19.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per19.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per19.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per19.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per20 {
  width: 20%;
}
@media print, screen and (max-width: 799px) {
  table .per20 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per20.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per20.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per20.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per20.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per20.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per20.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per20.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per20.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per20.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per20.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per21 {
  width: 21%;
}
@media print, screen and (max-width: 799px) {
  table .per21 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per21.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per21.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per21.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per21.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per21.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per21.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per21.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per21.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per21.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per21.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per22 {
  width: 22%;
}
@media print, screen and (max-width: 799px) {
  table .per22 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per22.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per22.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per22.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per22.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per22.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per22.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per22.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per22.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per22.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per22.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per23 {
  width: 23%;
}
@media print, screen and (max-width: 799px) {
  table .per23 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per23.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per23.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per23.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per23.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per23.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per23.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per23.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per23.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per23.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per23.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per24 {
  width: 24%;
}
@media print, screen and (max-width: 799px) {
  table .per24 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per24.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per24.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per24.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per24.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per24.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per24.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per24.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per24.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per24.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per24.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per25 {
  width: 25%;
}
@media print, screen and (max-width: 799px) {
  table .per25 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per25.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per25.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per25.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per25.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per25.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per25.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per25.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per25.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per25.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per25.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per26 {
  width: 26%;
}
@media print, screen and (max-width: 799px) {
  table .per26 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per26.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per26.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per26.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per26.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per26.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per26.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per26.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per26.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per26.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per26.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per27 {
  width: 27%;
}
@media print, screen and (max-width: 799px) {
  table .per27 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per27.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per27.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per27.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per27.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per27.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per27.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per27.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per27.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per27.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per27.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per28 {
  width: 28%;
}
@media print, screen and (max-width: 799px) {
  table .per28 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per28.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per28.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per28.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per28.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per28.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per28.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per28.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per28.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per28.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per28.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per29 {
  width: 29%;
}
@media print, screen and (max-width: 799px) {
  table .per29 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per29.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per29.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per29.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per29.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per29.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per29.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per29.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per29.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per29.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per29.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per30 {
  width: 30%;
}
@media print, screen and (max-width: 799px) {
  table .per30 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per30.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per30.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per30.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per30.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per30.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per30.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per30.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per30.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per30.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per30.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per31 {
  width: 31%;
}
@media print, screen and (max-width: 799px) {
  table .per31 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per31.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per31.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per31.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per31.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per31.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per31.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per31.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per31.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per31.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per31.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per32 {
  width: 32%;
}
@media print, screen and (max-width: 799px) {
  table .per32 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per32.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per32.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per32.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per32.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per32.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per32.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per32.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per32.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per32.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per32.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per33 {
  width: 33%;
}
@media print, screen and (max-width: 799px) {
  table .per33 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per33.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per33.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per33.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per33.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per33.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per33.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per33.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per33.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per33.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per33.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per34 {
  width: 34%;
}
@media print, screen and (max-width: 799px) {
  table .per34 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per34.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per34.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per34.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per34.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per34.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per34.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per34.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per34.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per34.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per34.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per35 {
  width: 35%;
}
@media print, screen and (max-width: 799px) {
  table .per35 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per35.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per35.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per35.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per35.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per35.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per35.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per35.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per35.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per35.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per35.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per36 {
  width: 36%;
}
@media print, screen and (max-width: 799px) {
  table .per36 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per36.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per36.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per36.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per36.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per36.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per36.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per36.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per36.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per36.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per36.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per37 {
  width: 37%;
}
@media print, screen and (max-width: 799px) {
  table .per37 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per37.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per37.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per37.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per37.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per37.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per37.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per37.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per37.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per37.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per37.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per38 {
  width: 38%;
}
@media print, screen and (max-width: 799px) {
  table .per38 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per38.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per38.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per38.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per38.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per38.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per38.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per38.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per38.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per38.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per38.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per39 {
  width: 39%;
}
@media print, screen and (max-width: 799px) {
  table .per39 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per39.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per39.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per39.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per39.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per39.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per39.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per39.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per39.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per39.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per39.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per40 {
  width: 40%;
}
@media print, screen and (max-width: 799px) {
  table .per40 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per40.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per40.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per40.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per40.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per40.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per40.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per40.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per40.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per40.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per40.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per41 {
  width: 41%;
}
@media print, screen and (max-width: 799px) {
  table .per41 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per41.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per41.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per41.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per41.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per41.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per41.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per41.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per41.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per41.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per41.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per42 {
  width: 42%;
}
@media print, screen and (max-width: 799px) {
  table .per42 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per42.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per42.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per42.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per42.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per42.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per42.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per42.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per42.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per42.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per42.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per43 {
  width: 43%;
}
@media print, screen and (max-width: 799px) {
  table .per43 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per43.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per43.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per43.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per43.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per43.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per43.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per43.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per43.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per43.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per43.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per44 {
  width: 44%;
}
@media print, screen and (max-width: 799px) {
  table .per44 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per44.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per44.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per44.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per44.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per44.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per44.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per44.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per44.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per44.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per44.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per45 {
  width: 45%;
}
@media print, screen and (max-width: 799px) {
  table .per45 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per45.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per45.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per45.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per45.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per45.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per45.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per45.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per45.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per45.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per45.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per46 {
  width: 46%;
}
@media print, screen and (max-width: 799px) {
  table .per46 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per46.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per46.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per46.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per46.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per46.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per46.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per46.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per46.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per46.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per46.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per47 {
  width: 47%;
}
@media print, screen and (max-width: 799px) {
  table .per47 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per47.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per47.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per47.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per47.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per47.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per47.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per47.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per47.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per47.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per47.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per48 {
  width: 48%;
}
@media print, screen and (max-width: 799px) {
  table .per48 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per48.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per48.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per48.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per48.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per48.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per48.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per48.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per48.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per48.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per48.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per49 {
  width: 49%;
}
@media print, screen and (max-width: 799px) {
  table .per49 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per49.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per49.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per49.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per49.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per49.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per49.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per49.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per49.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per49.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per49.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per50 {
  width: 50%;
}
@media print, screen and (max-width: 799px) {
  table .per50 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per50.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per50.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per50.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per50.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per50.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per50.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per50.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per50.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per50.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per50.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per51 {
  width: 51%;
}
@media print, screen and (max-width: 799px) {
  table .per51 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per51.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per51.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per51.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per51.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per51.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per51.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per51.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per51.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per51.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per51.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per52 {
  width: 52%;
}
@media print, screen and (max-width: 799px) {
  table .per52 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per52.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per52.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per52.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per52.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per52.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per52.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per52.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per52.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per52.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per52.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per53 {
  width: 53%;
}
@media print, screen and (max-width: 799px) {
  table .per53 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per53.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per53.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per53.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per53.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per53.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per53.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per53.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per53.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per53.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per53.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per54 {
  width: 54%;
}
@media print, screen and (max-width: 799px) {
  table .per54 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per54.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per54.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per54.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per54.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per54.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per54.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per54.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per54.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per54.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per54.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per55 {
  width: 55%;
}
@media print, screen and (max-width: 799px) {
  table .per55 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per55.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per55.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per55.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per55.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per55.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per55.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per55.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per55.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per55.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per55.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per56 {
  width: 56%;
}
@media print, screen and (max-width: 799px) {
  table .per56 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per56.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per56.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per56.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per56.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per56.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per56.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per56.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per56.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per56.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per56.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per57 {
  width: 57%;
}
@media print, screen and (max-width: 799px) {
  table .per57 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per57.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per57.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per57.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per57.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per57.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per57.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per57.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per57.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per57.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per57.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per58 {
  width: 58%;
}
@media print, screen and (max-width: 799px) {
  table .per58 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per58.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per58.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per58.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per58.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per58.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per58.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per58.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per58.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per58.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per58.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per59 {
  width: 59%;
}
@media print, screen and (max-width: 799px) {
  table .per59 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per59.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per59.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per59.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per59.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per59.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per59.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per59.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per59.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per59.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per59.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per60 {
  width: 60%;
}
@media print, screen and (max-width: 799px) {
  table .per60 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per60.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per60.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per60.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per60.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per60.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per60.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per60.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per60.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per60.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per60.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per61 {
  width: 61%;
}
@media print, screen and (max-width: 799px) {
  table .per61 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per61.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per61.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per61.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per61.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per61.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per61.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per61.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per61.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per61.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per61.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per62 {
  width: 62%;
}
@media print, screen and (max-width: 799px) {
  table .per62 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per62.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per62.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per62.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per62.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per62.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per62.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per62.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per62.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per62.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per62.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per63 {
  width: 63%;
}
@media print, screen and (max-width: 799px) {
  table .per63 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per63.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per63.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per63.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per63.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per63.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per63.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per63.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per63.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per63.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per63.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per64 {
  width: 64%;
}
@media print, screen and (max-width: 799px) {
  table .per64 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per64.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per64.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per64.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per64.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per64.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per64.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per64.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per64.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per64.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per64.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per65 {
  width: 65%;
}
@media print, screen and (max-width: 799px) {
  table .per65 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per65.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per65.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per65.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per65.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per65.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per65.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per65.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per65.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per65.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per65.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per66 {
  width: 66%;
}
@media print, screen and (max-width: 799px) {
  table .per66 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per66.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per66.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per66.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per66.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per66.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per66.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per66.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per66.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per66.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per66.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per67 {
  width: 67%;
}
@media print, screen and (max-width: 799px) {
  table .per67 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per67.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per67.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per67.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per67.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per67.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per67.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per67.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per67.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per67.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per67.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per68 {
  width: 68%;
}
@media print, screen and (max-width: 799px) {
  table .per68 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per68.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per68.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per68.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per68.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per68.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per68.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per68.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per68.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per68.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per68.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per69 {
  width: 69%;
}
@media print, screen and (max-width: 799px) {
  table .per69 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per69.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per69.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per69.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per69.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per69.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per69.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per69.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per69.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per69.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per69.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per70 {
  width: 70%;
}
@media print, screen and (max-width: 799px) {
  table .per70 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per70.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per70.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per70.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per70.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per70.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per70.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per70.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per70.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per70.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per70.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per71 {
  width: 71%;
}
@media print, screen and (max-width: 799px) {
  table .per71 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per71.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per71.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per71.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per71.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per71.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per71.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per71.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per71.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per71.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per71.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per72 {
  width: 72%;
}
@media print, screen and (max-width: 799px) {
  table .per72 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per72.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per72.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per72.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per72.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per72.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per72.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per72.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per72.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per72.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per72.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per73 {
  width: 73%;
}
@media print, screen and (max-width: 799px) {
  table .per73 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per73.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per73.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per73.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per73.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per73.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per73.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per73.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per73.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per73.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per73.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per74 {
  width: 74%;
}
@media print, screen and (max-width: 799px) {
  table .per74 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per74.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per74.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per74.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per74.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per74.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per74.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per74.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per74.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per74.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per74.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per75 {
  width: 75%;
}
@media print, screen and (max-width: 799px) {
  table .per75 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per75.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per75.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per75.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per75.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per75.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per75.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per75.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per75.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per75.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per75.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per76 {
  width: 76%;
}
@media print, screen and (max-width: 799px) {
  table .per76 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per76.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per76.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per76.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per76.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per76.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per76.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per76.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per76.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per76.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per76.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per77 {
  width: 77%;
}
@media print, screen and (max-width: 799px) {
  table .per77 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per77.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per77.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per77.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per77.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per77.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per77.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per77.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per77.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per77.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per77.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per78 {
  width: 78%;
}
@media print, screen and (max-width: 799px) {
  table .per78 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per78.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per78.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per78.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per78.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per78.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per78.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per78.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per78.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per78.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per78.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per79 {
  width: 79%;
}
@media print, screen and (max-width: 799px) {
  table .per79 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per79.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per79.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per79.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per79.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per79.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per79.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per79.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per79.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per79.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per79.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}
table .per80 {
  width: 80%;
}
@media print, screen and (max-width: 799px) {
  table .per80 {
    width: auto;
  }
}
@media print, screen and (max-width: 799px) {
  table .per80.sticky {
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per80.sticky {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per80.sticky.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per80.oneline {
    width: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per80.sp-oneline {
    left: 2em;
    width: 8em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per80.sp-oneline {
    width: 6em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per80.sp-oneline.half {
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per80.sp-oneline.half {
    width: 3em;
  }
}
@media print, screen and (max-width: 799px) {
  table .per80.sp-oneline-after {
    left: 6em;
    width: 4em;
  }
}
@media print, screen and (max-width: 575px) {
  table .per80.sp-oneline-after {
    left: 5em;
    width: 3em;
  }
}

.trigger {
  position: fixed;
  top: 0;
  right: 0;
  width: 56px;
  height: 56px;
  padding: 12px 12px 10px;
  background-color: #fff;
  cursor: pointer;
  z-index: 1001;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
@media print, screen and (min-width: 576px) {
  .trigger {
    width: 64px;
    height: 64px;
    padding: 18px 16px 14px;
  }
}
@media print, screen and (min-width: 768px) {
  .trigger {
    top: 4px;
  }
}
@media print, screen and (min-width: 960px) {
  .trigger {
    top: 12px;
    display: none;
  }
}
.trigger .trigger-nav--wrap {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}
.trigger .trigger-nav--wrap .bar--nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 18px;
  display: block;
  overflow: hidden;
}
.trigger .trigger-nav--wrap .bar--nav span {
  position: absolute;
  right: 0;
  border-top: 2px solid #1f408f;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.trigger .trigger-nav--wrap .bar--nav span.top {
  top: 0;
  width: 100%;
}
.trigger .trigger-nav--wrap .bar--nav span.mid {
  top: 8px;
  width: 80%;
  animation-delay: 0.1s !important;
}
.trigger .trigger-nav--wrap .bar--nav span.btm {
  top: 16px;
  width: 60%;
  animation-delay: 0.2s !important;
}
.trigger .trigger-nav--wrap .bar--close {
  position: absolute;
  top: -6px;
  left: 0;
  width: 100%;
  height: 32px;
  display: block;
  overflow: hidden;
  transform: rotate(45deg);
}
.trigger .trigger-nav--wrap .bar--close span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.trigger .trigger-nav--wrap .bar--close span.ver {
  width: 0;
  height: 0%;
  margin-left: -1px;
  border-left: 1px solid #fff;
  transform: translateY(-50%);
}
.trigger .trigger-nav--wrap .bar--close span.hori {
  width: 0%;
  height: 0;
  border-top: 1px solid #fff;
  margin-top: -1px;
  transform: translateX(-50%);
  animation-delay: 0.05s !important;
}
.trigger .trigger-nav--wrap .ti {
  position: absolute;
  top: 26px;
  left: 0;
  width: 100%;
  height: 1.5em;
  color: #1f408f;
  text-align: center;
  font-family: "WorkSans", Arial, Helvetica, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 9px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0;
  overflow: hidden;
}
@media print, screen and (min-width: 576px) {
  .trigger .trigger-nav--wrap .ti {
    top: 28px;
  }
}
.trigger .trigger-nav--wrap .ti span {
  position: relative;
  top: 0;
  display: block;
  line-height: 1.5em;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.trigger.active {
  position: fixed;
  background-color: #003e91;
  height: 58px;
}
@media print, screen and (min-width: 576px) {
  .trigger.active {
    height: 66px;
  }
}
.trigger.active .trigger-nav--wrap {
  position: relative;
  /*&::before {
      position: absolute;
      right: -8px;
      top: 50%;
      transform: translateY(-50%);
      content: "";
      width: 50px;
      height: 50px;
      display: inline-block;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      background-image: url(../img//common/icon_close_menu2.svg);
      z-index: 1;
  }*/
}
.trigger.active .trigger-nav--wrap .bar--nav span.top, .trigger.active .trigger-nav--wrap .bar--nav span.mid, .trigger.active .trigger-nav--wrap .bar--nav span.btm {
  right: 100%;
}
.trigger.active .trigger-nav--wrap .bar--close span.ver {
  height: 100%;
  border-left: 2px solid #fff;
}
.trigger.active .trigger-nav--wrap .bar--close span.hori {
  width: 100%;
  border-top: 2px solid #fff;
}
.trigger.active .trigger-nav--wrap .ti span {
  top: -1.5em;
  color: #fff;
}
.trigger.active:hover {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.trigger.active:hover .trigger-nav--wrap .bar--close .ver {
  animation: triggerCloseHoverVer 0.35s forwards;
}
.trigger.active:hover .trigger-nav--wrap .bar--close .hori {
  animation: triggerCloseHoverHori 0.35s forwards;
}

.trigger:not(.active):hover .trigger-nav--wrap .bar--nav span {
  animation: triggerHover 0.35s forwards;
}

@keyframes triggerHover {
  0% {
    right: 0;
  }
  50% {
    right: 100%;
  }
  51% {
    right: -100%;
  }
  100% {
    right: 0;
  }
}
@keyframes triggerCloseHoverVer {
  0% {
    top: 50%;
  }
  50% {
    top: 150%;
  }
  51% {
    top: -150%;
  }
  100% {
    top: 50%;
  }
}
@keyframes triggerCloseHoverHori {
  0% {
    left: 50%;
  }
  50% {
    left: 150%;
  }
  51% {
    left: -150%;
  }
  100% {
    left: 50%;
  }
}
.func-message {
  position: relative;
  padding: 1rem;
  border: 1px dotted #003e91;
  background-color: rgba(0, 62, 145, 0.02);
  background-repeat: repeat;
  background-position: 0 0;
  border-radius: 0.25rem;
}
.func-message:not(:last-child) {
  margin-bottom: 1.5em;
}
@media print, screen and (min-width: 800px) {
  .func-message {
    padding: 1.5rem;
  }
  .func-message:not(:last-child) {
    margin-bottom: 2em;
  }
}
.func-message.sml {
  font-size: 0.92em;
}
.func-message.notice {
  border-color: #2b86ff;
  color: #00285e;
  background-color: rgba(94, 163, 255, 0.1);
  background-image: url(../img/common/bg-func-message.svg);
  background-size: 3px 3px;
}
.func-message.dark {
  border-color: black;
  color: #fff;
  font-weight: 700;
  background-color: rgba(0, 18, 43, 0.8);
}
.func-message.dark p {
  font-weight: 700;
}
.func-message.caution {
  border-color: #ff2a42;
  color: #dc001a;
  background-color: rgba(255, 255, 255, 0.2);
  background-image: url(../img/common/bg-func-message.svg);
  background-size: 3px 3px;
}
.func-message.attention {
  border-color: #b72324;
  color: #D83536;
  background-color: rgba(249, 224, 224, 0.2);
  background-image: url(../img/common/bg-func-message.svg);
  background-size: 3px 3px;
}
.func-message.attention-blue {
  border-color: #9cb4d3;
  color: #003e91;
  background-color: rgba(191, 207, 227, 0.4);
  background-image: url(../img/common/bg-func-message.svg);
  background-size: 3px 3px;
}
.func-message.dbl-line {
  border: 1px solid rgba(0, 62, 145, 0.4);
}
.func-message.dbl-line::before {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  width: calc(100% - 0.5rem);
  height: calc(100% - 0.5rem);
  content: " ";
  border: 1px solid rgba(0, 62, 145, 0.2);
}
.func-message.boxtitle {
  padding-top: 0;
  margin-top: 1.5rem;
  border-radius: 0.25em;
}
.func-message.boxtitle h4 {
  position: relative;
  display: inline-block;
  top: -1em;
  left: -1.5rem;
  padding: 0.5em 2.5em 0.5em 1em;
  margin: 0;
  font-size: 1em;
  line-height: 1;
  color: #fff;
  overflow: hidden;
}
@media print, screen and (min-width: 800px) {
  .func-message.boxtitle h4 {
    left: -2rem;
  }
}
.func-message.boxtitle h4::before {
  position: absolute;
  top: 0;
  left: -1em;
  width: 100%;
  height: 100%;
  content: " ";
  background-color: #003e91;
  background: linear-gradient(to right, rgba(0, 62, 145, 0.8) 0, rgba(0, 160, 218, 0.8) 100%);
  z-index: -1;
  transform: skew(40deg);
}
.func-message.boxtitle h4::after {
  position: absolute;
  top: 0;
  left: -1em;
  width: 100%;
  height: 100%;
  content: " ";
  background-color: #003e91;
  background: linear-gradient(to left, rgba(0, 62, 145, 0.8) 0, rgba(0, 160, 218, 0.8) 100%);
  z-index: -1;
  transform: skew(-40deg);
}
.func-message .low-ps-btm {
  margin-bottom: 0.5em;
}

.wp-caption {
  position: relative;
}
.wp-caption:not(:last-child) {
  margin-bottom: 1.5em;
}
@media print, screen and (min-width: 800px) {
  .wp-caption:not(:last-child) {
    margin-bottom: 2em;
  }
}
.wp-caption .wp-caption-text {
  display: block;
  margin-top: 0.5em;
  font-size: 0.8125em;
  line-height: 1.5;
}

.alignnone:not(:last-child) {
  margin-bottom: 1.5em;
}
@media print, screen and (min-width: 800px) {
  .alignnone:not(:last-child) {
    margin-bottom: 2em;
  }
}

.aligncenter {
  margin: 0 auto 1.5em;
}
@media print, screen and (min-width: 800px) {
  .aligncenter {
    margin-bottom: 2em;
  }
}

.alignleft {
  width: 100%;
  margin-bottom: 1.5em;
}
@media print, screen and (min-width: 800px) {
  .alignleft {
    float: left;
    width: 50%;
    margin-right: 2em;
    margin-bottom: 2em;
  }
}

.alignright {
  width: 100%;
  margin-bottom: 1.5em;
}
@media print, screen and (min-width: 800px) {
  .alignright {
    float: right;
    width: 50%;
    margin-left: 2em;
    margin-bottom: 2em;
  }
}

/* ---------------------------------------------------------------------------------------- */
/* GLOBAL-HEADER
/* ---------------------------------------------------------------------------------------- */
body.start-hiding .global-header {
  margin-top: 0;
}

.global-header {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 50;
  width: 100%;
  max-width: 1066px;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  /*&.home {
      .global-header--inner {
          //box-shadow: 0 0 0 rgba(black, .15);
      }
  }*/
}
@media print, screen and (min-width: 960px) {
  .global-header {
    margin: 45px 0 0 -25px;
  }
}
.global-header--wrap {
  width: 100%;
  height: 100%;
  background-color: white;
  box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.1);
}
@media print, screen and (min-width: 960px) {
  .global-header--wrap {
    padding-left: 2.5em;
    padding-right: 1.25em;
  }
}
.global-header--inner {
  position: relative;
  width: 100%;
  height: 56px;
  padding: 0 0.25em;
  margin: 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  background-color: #FFF;
  z-index: 2;
  align-items: flex-end;
}
@media print, screen and (min-width: 576px) {
  .global-header--inner {
    height: 64px;
  }
}
@media print, screen and (min-width: 768px) {
  .global-header--inner {
    height: 72px;
  }
}
@media print, screen and (min-width: 960px) {
  .global-header--inner {
    height: 88px;
    max-width: calc(1104px - 2.5em);
  }
}
.global-header h1,
.global-header .h1 {
  position: relative;
  font-size: 1px;
  line-height: 1;
  margin: 0;
  padding: 0;
  align-self: center;
}
.global-header h1 .bt_for_top,
.global-header .h1 .bt_for_top {
  position: relative;
  width: 58px;
  display: block;
  cursor: pointer;
}
@media print, screen and (min-width: 576px) {
  .global-header h1 .bt_for_top,
  .global-header .h1 .bt_for_top {
    width: 72px;
  }
}
@media print, screen and (min-width: 768px) {
  .global-header h1 .bt_for_top,
  .global-header .h1 .bt_for_top {
    width: 256px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.global-header h1 .bt_for_top span.mark,
.global-header .h1 .bt_for_top span.mark {
  display: block;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .global-header h1 .bt_for_top span.mark,
  .global-header .h1 .bt_for_top span.mark {
    width: 31.66666666%;
  }
}
.global-header h1 .bt_for_top span.name,
.global-header .h1 .bt_for_top span.name {
  display: none;
}
@media print, screen and (min-width: 768px) {
  .global-header h1 .bt_for_top span.name,
  .global-header .h1 .bt_for_top span.name {
    display: block;
    width: 68.33333333%;
  }
}
.global-header h1 .bt_for_top img,
.global-header .h1 .bt_for_top img {
  width: 100%;
  height: auto;
}
.global-header.no-regional-navigation h1 a,
.global-header.no-regional-navigation .h1 a {
  width: 184px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 576px) {
  .global-header.no-regional-navigation h1 a,
  .global-header.no-regional-navigation .h1 a {
    width: 228px;
  }
}
@media print, screen and (min-width: 768px) {
  .global-header.no-regional-navigation h1 a,
  .global-header.no-regional-navigation .h1 a {
    width: 256px;
  }
}
.global-header.no-regional-navigation h1 a span.mark,
.global-header.no-regional-navigation .h1 a span.mark {
  width: 31.66666666%;
}
.global-header.no-regional-navigation h1 a span.name,
.global-header.no-regional-navigation .h1 a span.name {
  display: block;
  width: 68.33333333%;
}

.header-submenu {
  position: relative;
}
.header-submenu ul {
  list-style: none;
  margin: 0 0.5em;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 0;
}
.header-submenu ul li {
  margin: 0;
}
.header-submenu ul li:nth-child(1) a {
  border-radius: 0.25em 0 0 0.25em;
}
.header-submenu ul li:nth-child(2) a {
  border-radius: 0 0.25em 0.25em 0;
}
.header-submenu ul li a {
  position: relative;
  display: block;
  width: 64px;
  height: 56px;
  padding: 2px 12px;
}
.header-submenu ul li a i {
  position: relative;
  width: 100%;
  font-size: 1px;
  line-height: 1;
  display: block;
}
.header-submenu ul li a i svg {
  stroke: #1f408f;
  stroke-width: 1;
  width: 28px;
  height: 28px;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.header-submenu ul li a span {
  position: absolute;
  top: 36px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #1f408f;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  font-feature-settings: "palt";
}
.header-submenu ul li a:hover span {
  color: #1f408f;
}
.header-submenu ul li a:hover i svg {
  stroke: #1f408f;
}

/* ---------------------------------------------------------------------------------------- */
/* GLOBAL-FOOTER
/* ---------------------------------------------------------------------------------------- */
.global-footer {
  position: relative;
  background-color: #0068b2;
  padding-bottom: 4rem;
  z-index: 2;
}
@media print, screen and (max-width: 799px) {
  .global-footer .inner-wrap {
    padding-left: 0;
    padding-right: 0;
  }
}
.global-footer .pagetop {
  text-align: center;
}
.global-footer .pagetop a {
  margin: 50px 0 20px;
  color: #fff;
  display: inline-block;
  position: relative;
  font-size: 0.8em;
  padding: 0;
}
.global-footer .pagetop a::before {
  content: "";
  width: 16px;
  height: 16px;
  border: 0;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(-135deg);
  position: absolute;
  top: -15px;
  left: 50%;
  margin-left: -8px;
}
.global-footer .pagetop a::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  transition: all 0.3s;
  transform: scale(0, 1);
  transform-origin: center top;
}
.global-footer .pagetop a:hover::after {
  transform: scale(1, 1);
}
@media print, screen and (min-width: 800px) {
  .global-footer .pagetop {
    display: none;
  }
}
.global-footer .copyright {
  font-family: "WorkSans", Arial, Helvetica, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  font-size: 0.8125em;
  line-height: 1.5;
  letter-spacing: 0.075em;
  margin: 0;
  text-align: center;
  color: #fff;
}
.global-footer address {
  font-style: normal;
  text-align: center;
  margin-bottom: 1.5rem;
  color: #fff;
}
.global-footer address dl dt {
  margin-bottom: 0.5em;
  display: block;
}
.global-footer address dl dt img {
  width: 160px;
  height: auto;
}
@media print, screen and (min-width: 768px) {
  .global-footer address dl dt img {
    width: 200px;
  }
}
.global-footer address dl dd {
  margin: 0;
  font-size: 0.92em;
}

.footer-navigation {
  position: relative;
  text-align: left;
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 800px) {
  .footer-navigation {
    font-size: 0.92em;
    margin-bottom: 3rem;
  }
}
.footer-navigation ul {
  letter-spacing: -0.4em;
  list-style: none;
  margin: 0;
}
.footer-navigation ul li {
  margin: 0;
  letter-spacing: 0;
  display: inline-block;
}
@media print, screen and (min-width: 800px) {
  .footer-navigation ul li {
    display: inline-block;
    border-bottom: none;
    margin-right: 5em;
  }
  .footer-navigation ul li:last-child {
    margin-right: 0;
  }
  .footer-navigation ul li.block {
    display: block;
  }
  .footer-navigation ul li.block > a {
    display: inline-block;
  }
  .footer-navigation ul li.block > ul {
    position: relative;
    margin-left: 3em;
    display: inline-block;
  }
  .footer-navigation ul li.block > ul::before {
    position: absolute;
    top: 50%;
    left: -2em;
    width: 1em;
    height: 0;
    content: " ";
    border-top: 1px dotted rgba(255, 255, 255, 0.4);
  }
}
.footer-navigation ul li:last-child {
  border-bottom: none;
}
.footer-navigation ul li i {
  position: absolute;
  bottom: 0.5rem;
  right: 1rem;
  font-size: 1px;
  line-height: 1;
  display: none;
}
@media print, screen and (min-width: 800px) {
  .footer-navigation ul li i {
    display: none;
  }
}
.footer-navigation ul li i svg {
  width: 22px;
  height: 10px;
  fill: none;
  stroke: #fff;
  stroke-width: 2;
}
.footer-navigation a {
  position: relative;
  display: block;
  padding: 2em 1rem;
  color: #fff;
  font-size: 0.8em;
}
@media print, screen and (min-width: 800px) {
  .footer-navigation a {
    padding: 0.5em 0;
  }
}
.footer-navigation .nav-solo {
  position: relative;
  text-align: center;
}
@media print, screen and (min-width: 800px) {
  .footer-navigation .nav-solo {
    padding: 1.5rem 2rem;
  }
}
.footer-navigation .nav-solo > ul {
  padding-left: 1em;
}
.footer-navigation .nav-solo > a i {
  position: absolute;
  bottom: 0.5rem;
  right: 1rem;
  font-size: 1px;
  line-height: 1;
}
@media print, screen and (min-width: 800px) {
  .footer-navigation .nav-solo > a i {
    display: none;
  }
}
.footer-navigation .nav-solo > a i svg {
  width: 22px;
  height: 10px;
  stroke: #fff;
  fill: none;
  stroke-width: 2;
}
.footer-navigation dl {
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
@media print, screen and (min-width: 800px) {
  .footer-navigation dl {
    padding: 1.5rem 2rem;
    border-bottom-style: dotted;
  }
}
.footer-navigation dl dt,
.footer-navigation dl dd {
  margin: 0;
}
.footer-navigation dl dt {
  width: 100%;
  font-weight: 700;
  color: #fff;
}
@media print, screen and (min-width: 800px) {
  .footer-navigation dl dt {
    width: 12em;
  }
}
.footer-navigation dl dt.active i.plus {
  transform: rotate(180deg);
}
.footer-navigation dl dt.active i.plus::after {
  opacity: 0;
}
.footer-navigation dl dt span {
  position: relative;
  display: block;
  padding: 1.25em 1.5rem;
  cursor: pointer;
}
@media print, screen and (min-width: 800px) {
  .footer-navigation dl dt span {
    padding: 0.5em 0;
    cursor: default;
  }
}
.footer-navigation dl dt i.plus {
  position: absolute;
  top: 50%;
  right: 1.15rem;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media print, screen and (min-width: 800px) {
  .footer-navigation dl dt i.plus {
    display: none;
  }
}
.footer-navigation dl dt i.plus::before, .footer-navigation dl dt i.plus::after {
  position: absolute;
  content: " ";
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.footer-navigation dl dt i.plus::before {
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  margin-top: -1px;
  border-top: 2px solid #fff;
}
.footer-navigation dl dt i.plus::after {
  left: 50%;
  top: 0;
  height: 100%;
  width: 0;
  margin-left: -1px;
  border-left: 2px solid #fff;
}
.footer-navigation dl dt:hover i.plus {
  transform: rotate(180deg);
}
.footer-navigation dl dt:hover i.plus::after {
  opacity: 0;
}
.footer-navigation dl dd {
  width: 100%;
  height: 0;
  overflow: hidden;
}
@media print, screen and (min-width: 800px) {
  .footer-navigation dl dd {
    width: calc(100% - 12em);
    height: inherit;
    overflow: visible;
  }
}
.footer-navigation dl dd.active {
  height: inherit;
}
.footer-navigation dl dd > ul {
  background-color: rgba(0, 0, 0, 0.05);
}
@media print, screen and (min-width: 800px) {
  .footer-navigation dl dd > ul {
    background-color: transparent;
  }
}
.footer-navigation hr {
  width: 100%;
  height: 1.5px;
  background-color: #fff;
  border: 0;
  margin-bottom: 20px;
}
@media print, screen and (max-width: 799px) {
  .footer-navigation hr {
    width: 90%;
    margin: 0 auto;
  }
}
.footer-navigation .foot_sns {
  margin: 0 auto 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer-navigation .foot_sns a {
  padding: 1.25em 1.5rem;
}
.footer-navigation .foot_sns a img {
  height: 48px;
  width: auto;
}
@media print, screen and (max-width: 799px) {
  .footer-navigation .foot_sns a img {
    height: 30px;
  }
}

/* ---------------------------------------------------------------------------------------- */
/* GLOBAL-NAVIGATION
/* ---------------------------------------------------------------------------------------- */
.global-navigation {
  position: relative;
  display: none;
  z-index: 11;
}
@media print, screen and (min-width: 960px) {
  .global-navigation {
    display: block;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    width: auto;
    font-size: 0.92em;
  }
}
@media print, screen and (min-width: 1104px) {
  .global-navigation {
    font-size: 1em;
  }
}
.global-navigation > ul {
  display: table;
  list-style: none;
  margin: 0;
}
.global-navigation > ul > li {
  display: table-cell;
  padding: 0 0.75em;
  border-left: 2px dotted #1f408f;
  border-bottom: 7px solid #1f408f;
}
.global-navigation > ul > li:last-child {
  border-right: 2px dotted #1f408f;
}
.global-navigation > ul > li:hover {
  border-bottom: 7px solid #00a0e9;
}
@media print, screen and (min-width: 1104px) {
  .global-navigation > ul > li {
    padding: 0 1em;
  }
}
.global-navigation > ul > li > span {
  display: block;
  font-size: 0.92em;
  font-weight: 700;
  color: #1f408f;
  padding: 1.5em 0;
  cursor: pointer;
}
.global-navigation > ul > li.has-children {
  position: relative;
}
.global-navigation > ul > li.has-children i.arrow {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -4px;
  margin-top: -18px;
  width: 0;
  height: 0;
  z-index: 2;
  display: block;
  border: 4px solid transparent;
  border-top-color: #1f408f;
  -webkit-transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.global-navigation > ul > li.has-children .children {
  position: absolute;
  top: 70%;
  left: 50%;
  background-color: #1f408f;
  transform: translateX(-50%);
  border-radius: 0.25rem;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0;
  visibility: hidden;
  max-height: 0;
}
.global-navigation > ul > li.has-children .children.right {
  left: inherit;
  right: 0;
  transform: translateX(0);
}
.global-navigation > ul > li.has-children .children li {
  margin: 0;
  font-size: 0.875em;
  font-weight: 700;
  overflow: hidden;
}
.global-navigation > ul > li.has-children .children li:not(:last-child) {
  border-bottom: 1px dotted rgba(255, 255, 255, 0.4);
}
.global-navigation > ul > li.has-children .children li:first-child {
  border-radius: 0.25rem 0.25rem 0 0;
}
.global-navigation > ul > li.has-children .children li:last-child {
  border-radius: 0 0 0.25rem 0.25rem;
}
.global-navigation > ul > li.has-children .children li a,
.global-navigation > ul > li.has-children .children li span {
  display: block;
  padding: 1em 1.5em;
  white-space: nowrap;
  color: #FFF;
  text-align: center;
  min-width: 10em;
  cursor: pointer;
}
.global-navigation > ul > li.has-children .children li a:hover,
.global-navigation > ul > li.has-children .children li span:hover {
  background-color: rgba(0, 0, 0, 0.2);
  color: #00a0e9;
}
.global-navigation > ul > li.has-children:hover .parent {
  color: #00a0e9;
}
.global-navigation > ul > li.has-children:hover i.arrow {
  margin-top: -22px;
  border: 4px solid transparent;
  border-bottom-color: #1f408f;
}
.global-navigation > ul > li.has-children:hover .children {
  top: 78%;
  opacity: 1;
  visibility: visible;
  max-height: none;
}

.scn-footer--bnrsS {
  position: relative;
  padding: 2.5rem 0;
  background-color: #d9f2fb;
  z-index: 0;
}
@media print, screen and (min-width: 800px) {
  .scn-footer--bnrsS {
    padding: 3.5rem 2rem 2.5rem;
  }
}
.scn-footer--bnrsS ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  list-style: none;
  margin: -4px;
}
@media print, screen and (min-width: 800px) {
  .scn-footer--bnrsS ul {
    margin: -8px;
  }
}
@media print, screen and (min-width: 1104px) {
  .scn-footer--bnrsS ul {
    margin: -16px;
  }
}
.scn-footer--bnrsS ul li {
  position: relative;
  width: 50%;
  padding: 4px;
  margin: 0;
}
@media print, screen and (min-width: 576px) {
  .scn-footer--bnrsS ul li {
    width: 25%;
  }
}
@media print, screen and (min-width: 800px) {
  .scn-footer--bnrsS ul li {
    padding: 8px;
  }
}
@media print, screen and (min-width: 1104px) {
  .scn-footer--bnrsS ul li {
    padding: 16px;
  }
}
.scn-footer--bnrsS ul li a {
  display: block;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
}
.scn-footer--bnrsS ul li a img {
  width: 100%;
  height: auto;
}

.global-navigation-flt {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  max-width: 560px;
  height: 100%;
  text-align: left;
  z-index: 1000;
  background: #003E91;
  background: linear-gradient(180deg, rgb(0, 62, 145) 75%, rgb(8, 40, 84) 100%);
  overflow-y: auto;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0;
  visibility: hidden;
  max-width: 0;
}
.global-navigation-flt.slideIn {
  right: 0;
  opacity: 1;
  visibility: visible;
  max-width: 560px;
}
.global-navigation-flt.slideIn .shortcut {
  right: 56px;
  opacity: 1;
  visibility: visible;
}
@media print, screen and (min-width: 576px) {
  .global-navigation-flt.slideIn .shortcut {
    right: 64px;
  }
}
.global-navigation-flt--inner {
  position: relative;
  padding-top: 56px;
  overflow: hidden;
  background-color: #0068b2;
}
@media print, screen and (min-width: 576px) {
  .global-navigation-flt--inner {
    padding-top: 64px;
  }
}
@media print, screen and (min-width: 768px) {
  .global-navigation-flt--inner {
    padding-top: 72px;
  }
}
@media print, screen and (min-width: 960px) {
  .global-navigation-flt--inner {
    padding-top: 88px;
  }
}
.global-navigation-flt--inner::before {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 0;
  content: " ";
  background-color: #162d65;
  z-index: 10;
}
@media print, screen and (min-width: 768px) {
  .global-navigation-flt--inner::before {
    height: 4px;
  }
}
@media print, screen and (min-width: 960px) {
  .global-navigation-flt--inner::before {
    height: 12px;
  }
}
.global-navigation-flt .sns {
  position: relative;
  width: 100%;
  padding: 0.5em 1em;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.global-navigation-flt .sns span {
  display: block;
}
.global-navigation-flt .sns span a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 66px;
  height: 56px;
}
@media print, screen and (min-width: 576px) {
  .global-navigation-flt .sns span a {
    width: 64px;
    height: 64px;
  }
}
.global-navigation-flt .sns span a i {
  display: block;
  width: 100%;
  height: 100%;
}
.global-navigation-flt .sns span a i svg {
  width: 100%;
  height: 100%;
  fill: #fff;
}
.global-navigation-flt .sns span a img {
  width: auto;
  height: 26px;
}
.global-navigation-flt ul:not(.list-shortcut) {
  letter-spacing: -0.4em;
  list-style: none;
  margin: 0;
}
.global-navigation-flt ul:not(.list-shortcut) > li {
  margin: 0;
  letter-spacing: 0;
  display: block;
  border-top: 1.5px dotted #003e91;
}
.global-navigation-flt ul:not(.list-shortcut) > li:last-child {
  border-bottom: none;
}
.global-navigation-flt ul:not(.list-shortcut) > li i {
  position: absolute;
  bottom: 0.5rem;
  right: 1rem;
  font-size: 1px;
  line-height: 1;
}
.global-navigation-flt ul:not(.list-shortcut) > li i svg {
  width: 22px;
  height: 10px;
  fill: none;
  stroke-width: 2;
  stroke: #bae2f8;
}
.global-navigation-flt ul:not(.list-shortcut) > li a,
.global-navigation-flt ul:not(.list-shortcut) > li span {
  position: relative;
  display: block;
  padding: 1.25em 1.5rem;
  padding-right: 4em;
  color: #bae2f8;
  cursor: pointer;
}
.global-navigation-flt .nav-solo {
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.global-navigation-flt .nav-solo > a {
  position: relative;
  display: block;
  padding: 1.25em 1.5rem;
  padding-right: 4em;
  color: #b2d8bb;
}
.global-navigation-flt .nav-solo > a i {
  position: absolute;
  bottom: 0.5rem;
  right: 1rem;
  font-size: 1px;
  line-height: 1;
}
.global-navigation-flt .nav-solo > a i svg {
  width: 22px;
  height: 10px;
  stroke: #fff;
  stroke-width: 2;
  fill: none;
}
.global-navigation-flt dl {
  margin: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.global-navigation-flt dl dt,
.global-navigation-flt dl dd {
  margin: 0;
}
.global-navigation-flt dl dt {
  width: 100%;
  font-weight: 700;
  color: #fff;
}
.global-navigation-flt dl dt.active i.plus {
  transform: rotate(180deg);
}
.global-navigation-flt dl dt.active i.plus::after {
  opacity: 0;
}
.global-navigation-flt dl dt span {
  position: relative;
  display: block;
  cursor: pointer;
  padding: 20px 0 20px 30px;
  border-top: 2px dotted #003e91;
}
.global-navigation-flt dl dt i.plus {
  position: absolute;
  top: 50%;
  right: 1.15rem;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.global-navigation-flt dl dt i.plus::before, .global-navigation-flt dl dt i.plus::after {
  position: absolute;
  content: " ";
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.global-navigation-flt dl dt i.plus::before {
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  margin-top: -1px;
  border-top: 2px solid #bae2f8;
}
.global-navigation-flt dl dt i.plus::after {
  left: 50%;
  top: 0;
  height: 100%;
  width: 0;
  margin-left: -1px;
  border-left: 2px solid #bae2f8;
}
.global-navigation-flt dl dt:hover i.plus {
  transform: rotate(180deg);
}
.global-navigation-flt dl dt:hover i.plus::after {
  opacity: 0;
}
.global-navigation-flt dl dd {
  width: 100%;
  height: 0;
  overflow: hidden;
}
.global-navigation-flt dl dd.active {
  height: inherit;
}
.global-navigation-flt dl dd > ul {
  background-color: rgba(0, 0, 0, 0.05);
}
.global-navigation-flt .btn-guidebook {
  position: relative;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 0.5em;
}
.global-navigation-flt .btn-guidebook a {
  position: relative;
  display: block;
  background-color: #fff;
  color: #003e91;
  padding: 1.5em 1.5rem;
  padding-right: 4rem;
  font-family: "WorkSans", Arial, Helvetica, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
}
.global-navigation-flt .btn-guidebook a i {
  position: absolute;
  top: 50%;
  right: 0.5em;
  margin-top: -16px;
}
.global-navigation-flt .btn-guidebook a i svg {
  fill: #003e91;
  width: 32px;
  height: 32px;
}
.global-navigation-flt .btn-guidebook a small {
  font-size: 0.75em;
  display: inline-block;
}

.school_logo {
  margin: 20px 0 10px;
  text-align: center;
}
.school_logo span {
  cursor: pointer;
}
.school_logo span img {
  width: 105px;
}

.title_menu {
  padding-bottom: 15px;
  font-size: 1.125em;
  font-weight: 700;
  color: #fff;
  text-align: center;
}

.shortcut {
  position: fixed;
  top: 0;
  right: 0;
  width: calc(100% - 56px);
  max-width: 504px;
  z-index: 999;
  background-color: #003e91;
  border-bottom: 2px solid #003e91;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
@media print, screen and (min-width: 576px) {
  .shortcut {
    width: calc(100% - 64px);
    max-width: 496px;
  }
}
@media print, screen and (min-width: 768px) {
  .shortcut {
    top: 4px;
  }
}
@media print, screen and (min-width: 960px) {
  .shortcut {
    top: 12px;
  }
}
.shortcut > ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  justify-content: center;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  padding-left: 1em;
}
.shortcut > ul > li {
  position: relative;
  margin: 0 0 0 30px;
  padding: 0;
}
.shortcut > ul > li:first-child {
  margin-left: 56px;
}
.shortcut > ul > li:last-child .with-i--i {
  width: 32px;
  height: 24px;
}
.shortcut > ul > li .with-i {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  height: 56px;
}
@media print, screen and (min-width: 576px) {
  .shortcut > ul > li .with-i {
    height: 64px;
  }
}
.shortcut > ul > li .with-i--i {
  position: relative;
  width: 32px;
  height: 32px;
}
@media print, screen and (min-width: 576px) {
  .shortcut > ul > li .with-i--i {
    width: 40px;
    height: 40px;
  }
}
.shortcut > ul > li .with-i--i img {
  width: 100%;
  height: 100%;
}
.shortcut > ul > li .with-i--t {
  position: relative;
  margin-top: -1px;
  font-size: 0.5em;
  font-weight: 700;
  font-feature-settings: "palt";
  display: block;
  color: #bae2f8;
  white-space: nowrap;
  width: 100%;
  text-align: center;
}
@media print, screen and (min-width: 576px) {
  .shortcut > ul > li .with-i--t {
    margin-top: -2px;
    font-size: 0.65em;
  }
}

.regional-navigation {
  position: absolute;
  top: 50%;
  left: 72px;
  z-index: 10;
  margin-top: -1.15rem;
  text-align: left;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
@media print, screen and (min-width: 576px) {
  .regional-navigation {
    left: 96px;
  }
}
@media print, screen and (min-width: 768px) {
  .regional-navigation {
    left: 300px;
  }
}
@media print, screen and (min-width: 960px) {
  .regional-navigation {
    position: absolute;
    top: 100%;
    left: 26px;
    width: calc(100% - 26px);
    margin: 0;
    padding: 0;
    padding-left: 3.75em;
    padding-right: 3.75em;
    z-index: -1;
    background-color: #00a0e9;
  }
}
.regional-navigation.active {
  visibility: visible;
  opacity: 1;
  overflow: visible;
  max-height: none;
}
.regional-navigation dl {
  position: relative;
  z-index: 10;
}
@media print, screen and (min-width: 960px) {
  .regional-navigation dl {
    width: 100%;
    max-width: calc(1104px + 2.5em);
    margin: 0 auto;
    padding: 0;
  }
}
.regional-navigation dl dt {
  position: relative;
  padding: 0.5em 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid #1f408f;
}
.regional-navigation dl dt i {
  position: relative;
  width: 20px;
  height: 20px;
  display: block;
  padding: 2px;
  transform: rotate(90deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.regional-navigation dl dt i svg {
  position: relative;
  width: 100%;
  height: 100%;
  stroke: #1f408f;
  stroke-width: 3;
}
.regional-navigation dl dt span {
  position: relative;
  display: block;
  font-weight: 700;
  color: #1f408f;
  line-height: 1;
  font-feature-settings: "palt";
  padding-right: 0.5em;
}
@media print, screen and (min-width: 960px) {
  .regional-navigation dl dt {
    display: none;
  }
}
.regional-navigation dl dt.active i {
  transform: rotate(270deg);
  margin-left: -4px;
}
@media print, screen and (max-width: 959px) {
  .regional-navigation dl dt.active + dd {
    visibility: visible;
    opacity: 1;
    max-height: 9999em;
  }
}
.regional-navigation dl dd {
  position: absolute;
  top: 100%;
  left: 0;
  overflow: hidden;
  visibility: hidden;
  max-height: 0;
  opacity: 0;
  display: block;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  margin-top: -1px;
}
@media print, screen and (min-width: 960px) {
  .regional-navigation dl dd {
    position: relative;
    top: inherit;
    left: inherit;
    overflow: visible;
    visibility: visible;
    max-height: 99999px;
    opacity: 1;
  }
}
.regional-navigation ul {
  letter-spacing: -0.4em;
  list-style: none;
  font-size: 0.92em;
  background-color: #00a0e9;
  border-radius: 0.25rem;
}
@media print, screen and (min-width: 960px) {
  .regional-navigation ul {
    position: relative;
    margin: -2em auto 0;
    padding: 2em 0 0;
    background-color: transparent;
    font-size: 1em;
    max-width: calc(1104px - 2.5em);
    overflow: hidden;
  }
}
.regional-navigation ul li {
  letter-spacing: 0;
  display: block;
  margin: 0;
}
.regional-navigation ul li:not(:last-child) {
  border-bottom: 1px dotted rgba(255, 255, 255, 0.4);
}
@media print, screen and (min-width: 960px) {
  .regional-navigation ul li:not(:last-child) {
    border-bottom: none;
  }
}
@media print, screen and (min-width: 960px) {
  .regional-navigation ul li {
    display: inline-block;
    font-size: 0.875em;
  }
}
.regional-navigation ul li.current a,
.regional-navigation ul li.current > span {
  pointer-events: none;
  color: #fff;
}
.regional-navigation ul li.current a::before,
.regional-navigation ul li.current > span::before {
  width: 100%;
}
.regional-navigation ul li a,
.regional-navigation ul li > span {
  position: relative;
  display: block;
  padding: 1em;
  white-space: nowrap;
  color: #1f408f;
  cursor: pointer;
}
@media print, screen and (min-width: 960px) {
  .regional-navigation ul li a,
  .regional-navigation ul li > span {
    font-weight: 700;
  }
}
.regional-navigation ul li a::before,
.regional-navigation ul li > span::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  content: " ";
  border-top: 1px solid #009ee7;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.regional-navigation ul li a:hover,
.regional-navigation ul li > span:hover {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
}
@media print, screen and (min-width: 960px) {
  .regional-navigation ul li a:hover,
  .regional-navigation ul li > span:hover {
    background-color: transparent;
  }
}
.regional-navigation ul li a:hover::before,
.regional-navigation ul li > span:hover::before {
  width: 100%;
  border-top-color: #003e91;
}

.flt-btns {
  position: fixed;
  top: 56px;
  right: 0;
  z-index: 49;
  width: 100%;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  display: none;
}
@media print, screen and (min-width: 576px) {
  .flt-btns {
    top: 72px;
    width: inherit;
  }
}
.flt-btns::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100%;
  content: " ";
  background-color: #003378;
}
@media print, screen and (min-width: 960px) {
  .flt-btns::before {
    display: none;
  }
}
@media print, screen and (min-width: 1104px) {
  .flt-btns {
    top: 10rem;
    right: 0;
    bottom: inherit;
    display: block;
  }
}
.flt-btns ul {
  list-style: none;
  margin: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  background-color: #003e91;
  width: 100%;
}
@media print, screen and (min-width: 576px) {
  .flt-btns ul {
    width: inherit;
  }
}
@media print, screen and (min-width: 960px) {
  .flt-btns ul {
    display: block;
  }
}
.flt-btns ul li {
  position: relative;
  margin: 0;
  border-right: 1px dotted rgba(255, 255, 255, 0.4);
  width: 56px;
}
@media print, screen and (min-width: 576px) {
  .flt-btns ul li {
    width: inherit;
  }
}
@media print, screen and (min-width: 960px) {
  .flt-btns ul li {
    border-right: none;
  }
  .flt-btns ul li:not(:last-child) {
    border-bottom: 1px dotted rgba(255, 255, 255, 0.4);
  }
}
@media print, screen and (max-width: 959px) {
  .flt-btns ul li.no-btm {
    display: none;
  }
}
.flt-btns ul li.sns a {
  padding-top: 12px;
}
.flt-btns ul li a {
  position: relative;
  display: block;
  width: 100%;
  height: 56px;
  padding: 6px 8px;
  background-color: #003e91;
}
@media print, screen and (min-width: 576px) {
  .flt-btns ul li a {
    width: 56px;
  }
}
@media print, screen and (min-width: 960px) {
  .flt-btns ul li a {
    width: 64px;
    height: 64px;
    padding: 6px 12px;
  }
}
.flt-btns ul li a i {
  position: relative;
  width: 100%;
  font-size: 1px;
  line-height: 1;
  display: block;
}
.flt-btns ul li a i svg {
  fill: #FFF;
  width: 32px;
  height: 32px;
}
@media print, screen and (min-width: 960px) {
  .flt-btns ul li a i svg {
    width: 40px;
    height: 40px;
  }
}
.flt-btns ul li a span {
  position: absolute;
  top: 40px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #FFF;
  font-size: 8px;
  line-height: 1;
  font-weight: 700;
  font-feature-settings: "palt";
}
@media print, screen and (min-width: 960px) {
  .flt-btns ul li a span {
    top: 50px;
    font-size: 9px;
  }
}

/* ---------------------------------------------------------------------------------------- */
/* PAGE - COMMON
/* ---------------------------------------------------------------------------------------- */
body.hide-first {
  opacity: 0;
}
body.open-nav {
  overflow: hidden;
}
body.scrl-up .global-header {
  top: -200px;
}
body.scrl-up .trigger {
  top: -96px;
}
body.scrl-up .float-local-nav {
  top: 0 !important;
}
.content {
  position: relative;
  z-index: 1;
}
.content .content-body {
  position: relative;
  z-index: 1;
}
.content .with-marker {
  position: relative;
  background: linear-gradient(transparent 70%, rgba(0, 62, 145, 0.2) 0%);
  display: inline;
  padding-bottom: 0;
}
.content .attention {
  color: #111;
  font-weight: 700;
  font-size: 1.15em;
}
.content .attention.with-marker {
  background: linear-gradient(transparent 70%, rgba(255, 67, 89, 0.4) 0%);
}

.sp-top {
  padding-top: 2rem;
}
@media print, screen and (min-width: 768px) {
  .sp-top {
    padding-top: 3rem;
  }
}
@media print, screen and (min-width: 960px) {
  .sp-top {
    padding-top: 4rem;
  }
}

.sp-btm {
  padding-bottom: 2rem;
}
@media print, screen and (min-width: 768px) {
  .sp-btm {
    padding-bottom: 3rem;
  }
}
@media print, screen and (min-width: 960px) {
  .sp-btm {
    padding-bottom: 4rem;
  }
}

.tri-topleft {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 26%;
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  background-image: url(../img/common/tri-top-white.svg);
}

.corner-header {
  position: relative;
  width: 100%;
  margin: 0 auto;
  z-index: 0;
}
.corner-header--inner {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1064px;
  min-height: 96px;
  text-align: left;
  margin: 0 auto;
  align-content: flex-end;
  padding: 0 0 50px 2em;
}
@media print, screen and (min-width: 576px) {
  .corner-header--inner {
    padding: 0 0 80px 2em;
  }
}
@media print, screen and (min-width: 800px) {
  .corner-header--inner {
    padding: 0 0 100px 2em;
  }
}
@media print, screen and (min-width: 960px) {
  .corner-header--inner {
    padding: 0 0 100px 0;
  }
}
.corner-header--inner::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #009ee7 0%, #009ee7 100%);
  border-radius: 0.125em;
}
.corner-header--inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, white 35%, transparent 60%);
  pointer-events: none;
  z-index: 1;
}
@media print, screen and (min-width: 768px) {
  .corner-header--inner::before {
    content: none;
  }
}
.corner-header.with-img .corner-header--inner {
  height: 200px;
}
.corner-header.with-img .corner-header--inner .bgimg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  z-index: 0;
  opacity: 0.5;
}
@media print, screen and (min-width: 768px) {
  .corner-header.with-img .corner-header--inner .bgimg {
    opacity: 1;
  }
}
@media print, screen and (min-width: 576px) {
  .corner-header.with-img .corner-header--inner {
    height: 264px;
  }
}
@media print, screen and (min-width: 768px) {
  .corner-header.with-img .corner-header--inner {
    height: 326px;
  }
}
@media print, screen and (min-width: 960px) {
  .corner-header.with-img .corner-header--inner {
    height: 457px;
  }
}
.corner-header h1 {
  position: relative;
  display: block;
  color: #112e54;
  margin: auto 0;
  z-index: 1;
}
@media print, screen and (max-width: 575px) {
  .corner-header h1 {
    font-size: 4.5vw;
    line-height: 1.35;
  }
}
.corner-header h1 span {
  display: block;
}
.corner-header h1 span.jp {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.35em;
  font-weight: 400;
  color: #00a0e9;
  letter-spacing: 0.2em;
}
@media all and (-ms-high-contrast: none) {
  .corner-header h1 span.jp {
    font-family: "メイリオ", Meiryo, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
}
@media print, screen and (min-width: 576px) {
  .corner-header h1 span.jp br.sm {
    display: none;
  }
}
.corner-header h1 span.en {
  font-weight: 400;
  font-size: 0.4em;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  padding-left: 0.125em;
  color: #fff;
  text-transform: capitalize;
  background: #00A0E9;
  background: linear-gradient(90deg, rgb(0, 160, 233) 0%, rgba(0, 160, 233, 0) 100%);
  line-height: 1;
  padding: 3px 10px 1px;
}
@media print, screen and (min-width: 576px) {
  .corner-header h1 span.en {
    font-size: 0.4em;
  }
}
@media print, screen and (min-width: 768px) {
  .corner-header h1 span.en {
    margin-top: -0.25em;
  }
}

.lead-with-img {
  position: relative;
}
@media print, screen and (min-width: 576px) {
  .lead-with-img {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
  }
}
@media print, screen and (min-width: 800px) {
  .lead-with-img {
    align-items: center;
  }
}
.lead-with-img--img {
  margin-bottom: 0.5em;
  border-radius: 0 0 60px 60px;
  overflow: hidden;
  /*&::before {
  	position: absolute;
  	bottom: 10%;
  	right: 0;
  	width: 70%;
  	padding-top: 70%;
  	content: ' ';
  	z-index: 0;
  	border-radius: 1em;
  	background-color: rgba(colors(prA), .2);
  }*/
}
@media print, screen and (min-width: 576px) {
  .lead-with-img--img {
    width: 38%;
  }
}
@media print, screen and (min-width: 800px) {
  .lead-with-img--img {
    width: 38%;
    margin-bottom: 0;
  }
}
.lead-with-img--img img {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
}
@media print, screen and (min-width: 576px) {
  .lead-with-img--text {
    width: 62%;
    padding-left: 1.5em;
  }
}
@media print, screen and (min-width: 800px) {
  .lead-with-img--text {
    padding-left: 2em;
  }
}
@media print, screen and (min-width: 1104px) {
  .lead-with-img--text {
    padding-left: 4em;
  }
}

.page-career .corner-header,
.page-human .corner-header {
  display: none;
}

.scn-norm,
.scn-home {
  position: relative;
  padding: 2.5rem 0;
}
@media print, screen and (min-width: 768px) {
  .scn-norm,
  .scn-home {
    padding: 3.5rem 0;
  }
}
@media print, screen and (min-width: 960px) {
  .scn-norm,
  .scn-home {
    padding: 4rem 0;
  }
}
@media print, screen and (min-width: 1104px) {
  .scn-norm,
  .scn-home {
    padding: 5rem 0;
  }
}
.scn-norm.sp-sml,
.scn-home.sp-sml {
  padding: 2rem 0;
}
@media print, screen and (min-width: 768px) {
  .scn-norm.sp-sml,
  .scn-home.sp-sml {
    padding: 3rem 0;
  }
}
@media print, screen and (min-width: 960px) {
  .scn-norm.sp-sml,
  .scn-home.sp-sml {
    padding: 3rem 0;
  }
}
@media print, screen and (min-width: 1104px) {
  .scn-norm.sp-sml,
  .scn-home.sp-sml {
    padding: 3rem 0;
  }
}
.scn-norm.sp-xsml,
.scn-home.sp-xsml {
  padding: 1rem 0;
}
@media print, screen and (min-width: 768px) {
  .scn-norm.sp-xsml,
  .scn-home.sp-xsml {
    padding: 1.5rem 0;
  }
}
@media print, screen and (min-width: 960px) {
  .scn-norm.sp-xsml,
  .scn-home.sp-xsml {
    padding: 1.5rem 0;
  }
}
@media print, screen and (min-width: 1104px) {
  .scn-norm.sp-xsml,
  .scn-home.sp-xsml {
    padding: 1.5rem 0;
  }
}
.scn-norm:first-child,
.scn-home:first-child {
  padding-top: 1.75rem;
}
@media print, screen and (min-width: 768px) {
  .scn-norm:first-child,
  .scn-home:first-child {
    padding-top: 1.75rem;
  }
}
@media print, screen and (min-width: 960px) {
  .scn-norm:first-child,
  .scn-home:first-child {
    padding-top: 2rem;
  }
}
@media print, screen and (min-width: 1104px) {
  .scn-norm:first-child,
  .scn-home:first-child {
    padding-top: 2.5rem;
  }
}
.scn-norm.negative,
.scn-home.negative {
  color: #fff;
}
.scn-norm.negative h2,
.scn-home.negative h2 {
  color: #fff;
}
.scn-norm.last,
.scn-home.last {
  padding-bottom: 5rem;
}
@media print, screen and (min-width: 768px) {
  .scn-norm.last,
  .scn-home.last {
    padding-bottom: 7rem;
  }
}
@media print, screen and (min-width: 960px) {
  .scn-norm.last,
  .scn-home.last {
    padding-bottom: 8rem;
  }
}
.scn-norm.no-sp,
.scn-home.no-sp {
  padding: 0;
}
.scn-norm.no-sp-top,
.scn-home.no-sp-top {
  padding-top: 0;
}
.scn-norm.no-sp-btm,
.scn-home.no-sp-btm {
  padding-bottom: 0;
}
.scn-norm.row-divide-half,
.scn-home.row-divide-half {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}
.scn-norm.row-divide-half.rev,
.scn-home.row-divide-half.rev {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.scn-norm.row-divide-half > .col,
.scn-home.row-divide-half > .col {
  position: relative;
  width: 50%;
}
.scn-norm .palt,
.scn-home .palt {
  font-feature-settings: "palt";
}
.scn-norm em,
.scn-home em {
  font-style: italic;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.scn-norm h2:not(.plain):not(.no-border),
.scn-home h2:not(.plain):not(.no-border) {
  position: relative;
  display: block;
  padding-top: 0.25em;
}
.scn-norm h2:not(.plain):not(.no-border)::before,
.scn-home h2:not(.plain):not(.no-border)::before {
  position: absolute;
  top: -0.5em;
  left: 0;
  width: 2em;
  height: 6px;
  content: " ";
  border-radius: 3px;
  border: 1px dotted #003e91;
}
.scn-norm h2:not(.plain):not(.no-border).nodeco,
.scn-home h2:not(.plain):not(.no-border).nodeco {
  padding-top: 0;
}
.scn-norm h2:not(.plain):not(.no-border).nodeco::before,
.scn-home h2:not(.plain):not(.no-border).nodeco::before {
  display: none;
}
.scn-norm:first-child h2:not(.plain):not(.no-border),
.scn-home:first-child h2:not(.plain):not(.no-border) {
  padding-top: 0;
}
.scn-norm:first-child h2:not(.plain):not(.no-border)::before,
.scn-home:first-child h2:not(.plain):not(.no-border)::before {
  display: none;
}
.scn-norm h2 .en,
.scn-home h2 .en {
  display: block;
  font-family: "WorkSans", Arial, Helvetica, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
}
.scn-norm h2 .sml,
.scn-home h2 .sml {
  font-size: 0.6em;
  line-height: 1.5;
  display: block;
}
.scn-norm h3:not(.plain),
.scn-home h3:not(.plain) {
  position: relative;
  padding-bottom: 0.75em;
  margin-bottom: 1em;
  display: block;
}
.scn-norm h3:not(.plain)::before,
.scn-home h3:not(.plain)::before {
  position: absolute;
  bottom: 3px;
  left: 0;
  content: " ";
  width: 3em;
  height: 0;
  border-top: 2px solid #003e91;
  z-index: 1;
}
.scn-norm h3:not(.plain)::after,
.scn-home h3:not(.plain)::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: " ";
  width: 100%;
  height: 0;
  border-top: 1px solid #003e91;
  z-index: 0;
}
.scn-norm h3:not(.plain).with-num,
.scn-home h3:not(.plain).with-num {
  padding-left: 1.5em;
}
.scn-norm h3:not(.plain).with-num .num,
.scn-home h3:not(.plain).with-num .num {
  position: relative;
  display: inline-block;
  width: 1.5em;
  margin-left: -1.5em;
  text-align: center;
}
.scn-norm h4:not(.plain),
.scn-home h4:not(.plain) {
  position: relative;
  padding: 0.5em 0.85em;
  display: block;
  background-color: #003e91;
  color: #fff;
  border-radius: 0.25em;
  overflow: hidden;
}
.scn-norm h4:not(.plain)::before,
.scn-home h4:not(.plain)::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  border: 2em solid transparent;
  border-left-color: rgba(255, 255, 255, 0.2);
  border-top-color: rgba(255, 255, 255, 0.1);
  border-bottom-color: rgba(255, 255, 255, 0.1);
  z-index: 0;
  transform: translateY(-50%);
}
.scn-norm p,
.scn-home p {
  line-height: 1.75;
}
.scn-norm p:not(.not-justify),
.scn-home p:not(.not-justify) {
  text-align: justify;
  text-justify: inter-ideograph;
  text-justify: inter-character;
}
.scn-norm p.txt-limit-w,
.scn-home p.txt-limit-w {
  max-width: 736px;
}
.scn-norm p.lead,
.scn-home p.lead {
  font-weight: 700;
  color: #003e91;
  font-size: 1.08em;
  line-height: 1.85;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.scn-norm p.narrow,
.scn-home p.narrow {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
.scn-norm p.thin,
.scn-home p.thin {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}
.scn-norm .with-flt-btn,
.scn-home .with-flt-btn {
  position: relative;
}
.scn-norm .with-flt-btn::after,
.scn-home .with-flt-btn::after {
  content: " ";
  display: block;
  clear: both;
}
.scn-norm .with-flt-btn .flt-btn,
.scn-home .with-flt-btn .flt-btn {
  position: absolute;
  top: -0.5rem;
  right: 0;
}
.scn-norm ul:not(.plain):not(.l-history-date),
.scn-home ul:not(.plain):not(.l-history-date) {
  list-style: none;
}
.scn-norm ul:not(.plain):not(.l-history-date) li,
.scn-home ul:not(.plain):not(.l-history-date) li {
  display: block;
  margin-left: 1em;
  text-indent: -1em;
}
.scn-norm ul:not(.plain):not(.l-history-date) li::before,
.scn-home ul:not(.plain):not(.l-history-date) li::before {
  content: "・";
}
.scn-norm ul:not(.plain):not(.l-history-date).list-norm,
.scn-home ul:not(.plain):not(.l-history-date).list-norm {
  margin-left: 0;
}

.atl-error {
  padding-top: 6em;
  text-align: center;
  max-width: 640px;
  margin: 0 auto;
  min-height: 480px;
}
.atl-error h1 {
  font-weight: 300;
  font-size: 3em;
  line-height: 1.2;
  margin-bottom: 2rem;
}
.atl-error h3 {
  margin-top: 0;
  margin-bottom: 3rem;
}

.with-mainvisual {
  padding: 1.5rem 1rem;
  background-color: rgba(255, 255, 255, 0.5);
  max-width: 920px;
  margin-left: auto;
}
@media print, screen and (min-width: 576px) {
  .with-mainvisual {
    padding: 2.5rem;
  }
}
@media print, screen and (min-width: 768px) {
  .with-mainvisual {
    padding: 2.5rem;
  }
}
@media print, screen and (min-width: 800px) {
  .with-mainvisual {
    padding: 3rem;
  }
}
@media print, screen and (min-width: 960px) {
  .with-mainvisual {
    padding: 4rem;
    padding-right: 0;
  }
}
@media print, screen and (min-width: 1104px) {
  .with-mainvisual {
    padding: 6rem;
    padding-right: 0;
  }
}

.clm {
  position: relative;
  padding: 1.5rem;
  z-index: 1;
}
@media print, screen and (min-width: 800px) {
  .clm {
    padding: 2.5rem;
  }
}
.clm::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  background-color: rgba(184, 221, 242, 0.2);
  background: linear-gradient(135deg, rgba(0, 158, 231, 0.1) 0, rgba(0, 172, 151, 0.1) 100%);
  z-index: -2;
  border-radius: 1em;
}
.clm--title {
  position: absolute;
  top: -1rem;
  left: -1rem;
  display: block;
  z-index: 1;
  width: 100%;
  height: 100%;
}
@media print, screen and (min-width: 800px) {
  .clm--title {
    top: -2.5rem;
    left: -2.5rem;
  }
}
.clm--title span {
  position: relative;
  z-index: 1;
  display: block;
  padding: 1em;
  font-weight: 700;
  line-height: 1.5;
  color: #00285e;
}
@media print, screen and (min-width: 800px) {
  .clm--title span {
    padding: 1.25em 1.5em;
  }
}
.clm--title::before {
  position: absolute;
  top: 0;
  left: 0;
  border-style: solid;
  border-width: 72px 128px 0 0;
  border-color: #B8DDF2 transparent transparent transparent;
  width: 0;
  height: 0;
  content: " ";
  z-index: 0;
}
@media print, screen and (min-width: 800px) {
  .clm--title::before {
    border-width: 112px 200px 0 0;
  }
}
.clm--heading {
  margin: 0 0 -0.75rem;
  padding-top: 2rem;
  font-size: 1.0625em;
}
@media print, screen and (min-width: 768px) {
  .clm--heading {
    font-size: 1.125em;
  }
}
@media print, screen and (min-width: 960px) {
  .clm--heading {
    font-size: 1.25em;
    padding-top: 1.75rem;
  }
}
@media print, screen and (max-width: 799px) {
  .clm--heading br {
    display: none;
  }
}

.wrap-box {
  position: relative;
  width: 100%;
}
.wrap-box:not(:last-child) {
  margin-bottom: 2rem;
}
.wrap-box.scrl-x {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.wrap-box.scrl-x > .scrl-x--innerbox {
  min-width: 720px;
}
@media print, screen and (min-width: 800px) {
  .wrap-box.scrl-x {
    overflow-x: visible;
  }
  .wrap-box.scrl-x > .scrl-x--innerbox {
    min-width: inherit;
  }
}

.column {
  position: relative;
  padding: 1.5em;
  border-radius: 1em;
  z-index: 1;
}
@media print, screen and (min-width: 576px) {
  .column {
    padding: 1.75em;
  }
}
@media print, screen and (min-width: 768px) {
  .column {
    padding: 2em;
    border-radius: 1.5em;
  }
}
@media print, screen and (min-width: 960px) {
  .column {
    padding: 2em 3em 2.5em;
  }
}
.column--heading {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  font-size: 1em;
  margin-bottom: 1em;
}
.column--heading > i {
  font-size: 1em;
  font-family: "WorkSans", Arial, Helvetica, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  padding-top: 0.25em;
  padding-right: 2em;
}
@media print, screen and (min-width: 960px) {
  .column--heading > i {
    padding-right: 3em;
  }
}
.column--heading > span {
  font-size: 1.15em;
  font-weight: 500;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media print, screen and (min-width: 768px) {
  .column--heading > span {
    font-size: 1.25em;
  }
}
@media print, screen and (min-width: 960px) {
  .column--heading > span {
    font-size: 1.5em;
  }
}
.column--inner {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
@media print, screen and (min-width: 800px) {
  .column--inner {
    margin-right: -2em;
  }
}
@media print, screen and (min-width: 960px) {
  .column--inner {
    margin-right: -3em;
  }
}
.column--inner---img {
  position: relative;
  height: 56.25vw;
  overflow: hidden;
  margin-right: -1.5em;
  border-radius: 1em 0 0 1em;
  margin-top: 1.5em;
}
@media print, screen and (min-width: 576px) {
  .column--inner---img {
    margin-right: -1.75em;
  }
}
@media print, screen and (min-width: 768px) {
  .column--inner---img {
    margin-right: -2em;
  }
}
@media print, screen and (min-width: 800px) {
  .column--inner---img {
    width: 33%;
    height: auto;
    margin-right: 0;
    margin-top: 0;
  }
}
.column--inner---img img {
  width: 100%;
  height: auto;
}
.column--inner---text {
  width: 100%;
}
@media print, screen and (min-width: 800px) {
  .column--inner---text {
    width: 67%;
    padding-right: 2em;
  }
}

.interlude {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.interlude.limitW {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}
.scn-norm + .interlude {
  padding-top: 3rem;
}
@media print, screen and (min-width: 800px) {
  .scn-norm + .interlude {
    padding-top: 4rem;
  }
}
@media print, screen and (min-width: 1104px) {
  .scn-norm + .interlude {
    padding-top: 6rem;
  }
}
.interlude.has-space {
  padding: 2rem 0;
}
@media print, screen and (min-width: 800px) {
  .interlude.has-space {
    padding: 3rem 0;
  }
}
.interlude span {
  position: relative;
  display: block;
}
.interlude.with-sp {
  margin: -0.5em;
}
.interlude.with-sp span {
  padding: 0.5em;
}
.interlude.with-sp span img {
  border-radius: 0.5em;
}
@media print, screen and (min-width: 800px) {
  .interlude.with-sp span img {
    border-radius: 1em;
  }
}
.interlude.two span {
  width: 50%;
}
@media print, screen and (max-width: 575px) {
  .interlude.two.one-smp span {
    width: 100%;
  }
}
.interlude.three span {
  width: 50%;
}
@media print, screen and (min-width: 576px) {
  .interlude.three span {
    width: 33.33333333%;
  }
}
@media print, screen and (max-width: 575px) {
  .interlude.three span.hide-smp {
    display: none;
  }
}
.interlude.three.square span {
  width: 33.33333333%;
}
@media print, screen and (max-width: 799px) {
  .interlude.three.square span {
    padding-top: 33.33333333%;
    overflow: hidden;
  }
}
@media print, screen and (max-width: 799px) {
  .interlude.three.square span img {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    width: auto;
    max-width: none;
    transform: translateX(-50%);
  }
}
.interlude.four span {
  width: 50%;
}
@media print, screen and (min-width: 768px) {
  .interlude.four span {
    width: 25%;
  }
}
.interlude img {
  width: 100%;
  height: auto;
}

.fig-group {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}
.fig-group > span {
  display: block;
  width: 50%;
}
@media print, screen and (min-width: 960px) {
  .fig-group > span {
    width: 100%;
  }
  .fig-group > span + span {
    margin-top: 1rem;
  }
}
.fig-group > span.round img {
  border-radius: 0.5em;
}
.fig-group > span .caption {
  display: block;
  font-size: 0.875em;
  line-height: 1.5;
  font-feature-settings: "palt";
  padding: 0.5em 0 0;
}
@media print, screen and (min-width: 576px) {
  .fig-group > span .caption {
    padding: 0.5em 0.5em 0;
  }
}
@media print, screen and (max-width: 575px) {
  .fig-group > span .caption br {
    display: none;
  }
}
.fig-group.with-space {
  margin: -0.5em;
  width: auto;
}
.fig-group.with-space > span {
  padding: 0.5em;
}
.fig-group.four > span {
  display: block;
  width: 50%;
}
@media print, screen and (min-width: 960px) {
  .fig-group.four > span {
    width: 25%;
    margin-top: 0;
  }
}
.fig-group.one > span {
  position: relative;
  width: 100%;
}
.fig-group.one > span:not(:last-child) {
  margin-bottom: 0.5rem;
}
@media print, screen and (max-width: 959px) {
  .fig-group.one > span.cut-btm-s {
    height: 0;
    padding-top: 100%;
    overflow: hidden;
  }
  .fig-group.one > span.cut-btm-s img {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.fig-group.three {
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  margin: 0 -0.5rem;
  overflow: hidden;
  width: auto;
}
.fig-group.three > span {
  width: 50%;
  padding: 0.5rem;
}
@media print, screen and (min-width: 768px) {
  .fig-group.three > span {
    width: 33.33333333%;
  }
}
.fig-group.three > span + span {
  margin-top: 0;
}
.fig-group img {
  width: 100%;
  height: auto;
}
.fig-group i.name {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: auto;
}

.fig-norm {
  position: relative;
}
.fig-norm:not(:first-child) {
  margin-top: 2em;
}
h6 + .fig-norm:not(:first-child) {
  margin-top: 0.75em;
}
.fig-norm:not(:last-child) {
  margin-bottom: 2em;
}
.fig-norm.sml-sp-btm {
  margin-bottom: 0.5em;
}
.fig-norm.mid {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}
.fig-norm.sml {
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}
.fig-norm figcaption,
.fig-norm .figcaption {
  position: relative;
  display: block;
  font-size: 0.8125em;
  line-height: 1.4;
  margin-top: 0.5em;
}
.fig-norm img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

/* ---------------------------------------------------------------------------------------- */
/* PAGE - HOME
/* ---------------------------------------------------------------------------------------- */
.btns-home-more {
  position: fixed;
  bottom: -80px;
  right: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  z-index: 20;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  opacity: 0;
}
@media print, screen and (min-width: 960px) {
  .btns-home-more {
    display: none;
  }
}
.btns-home-more.active {
  bottom: 0;
  opacity: 1;
}
@media print, screen and (min-width: 960px) {
  .btns-home-more.active {
    display: none;
  }
}
.btns-home-more span {
  position: relative;
  display: block;
  width: 56px;
  height: 56px;
  height: calc(56px + env(safe-area-inset-bottom));
}
@media print, screen and (min-width: 350px) {
  .btns-home-more span {
    width: 64px;
    height: 64px;
    height: calc(64px + env(safe-area-inset-bottom));
  }
}
.btns-home-more span a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.btns-home-more span a img {
  width: 100%;
  height: auto;
}
.btns-home-more span a img.ph {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.btns-home-more span.btn-more-mainmenu {
  background-color: #005fde;
}
.btns-home-more span.btn-more-news {
  background-color: #ef779f;
}

.wrap-home-contents {
  position: relative;
  max-width: calc(1104px + 5em);
  width: 100%;
  text-align: left;
  margin: 0 auto;
  padding: 2rem 0 0;
  overflow: hidden;
}
@media print, screen and (min-width: 576px) {
  .wrap-home-contents {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }
}
@media print, screen and (min-width: 800px) {
  .wrap-home-contents {
    padding-left: 3.75em;
    padding-right: 3.75em;
  }
}
@media print, screen and (min-width: 960px) {
  .wrap-home-contents {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    padding-top: 3em;
  }
}
.wrap-home-contents .col-home-content {
  position: relative;
  width: 100%;
  z-index: 0;
  /*@include mq-up(md) {
      width: calc(50% - .5rem);
      //border-radius: 1.5em;
  }*/
  /*&.scn-home-mainmenu {
      background-color: #e1f4ef;
  }*/
}
@media print, screen and (min-width: 576px) {
  .wrap-home-contents .col-home-content {
    margin-bottom: 3em;
  }
}
@media print, screen and (min-width: 960px) {
  .wrap-home-contents .col-home-content {
    gap: 25px;
    margin-bottom: 8em;
  }
  .wrap-home-contents .col-home-content:first-child {
    width: calc((100% - 25px) / 3 * 2);
  }
  .wrap-home-contents .col-home-content:last-child {
    width: calc((100% - 25px) / 3);
  }
}
.wrap-home-contents .col-home-content--title {
  position: relative;
  z-index: 1;
  height: 34vw;
  max-height: 156px;
}
@media print, screen and (min-width: 576px) {
  .wrap-home-contents .col-home-content--title {
    height: 26vw;
    max-height: 180px;
  }
}
@media print, screen and (min-width: 768px) {
  .wrap-home-contents .col-home-content--title {
    height: 24vw;
    max-height: 200px;
  }
}
@media print, screen and (min-width: 960px) {
  .wrap-home-contents .col-home-content--title {
    height: 14vw;
  }
}
@media print, screen and (min-width: 1104px) {
  .wrap-home-contents .col-home-content--title {
    height: 168px;
  }
}
.wrap-home-contents .col-home-content--title .ph {
  position: absolute;
  display: block;
  z-index: 0;
}
.wrap-home-contents .col-home-content--title .ph img {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
}
.wrap-home-contents .col-home-content--title .ph::before {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: " ";
  width: 50%;
  padding-top: 50%;
  border-radius: 2em;
  z-index: 0;
}
.wrap-home-contents .col-home-content--title .txt {
  position: absolute;
  display: block;
  z-index: 1;
}
.wrap-home-contents .col-home-content--title .txt h3 {
  margin: 0;
}
.wrap-home-contents .col-home-content--title .txt p {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-feature-settings: "palt";
  font-weight: 700;
  font-size: 2.75vw;
  font-size: clamp(0.5em, 2.75vw, 0.875em);
  line-height: 1.45;
}
@media all and (-ms-high-contrast: none) {
  .wrap-home-contents .col-home-content--title .txt p {
    font-family: "メイリオ", Meiryo, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
}
@media print, screen and (min-width: 768px) {
  .wrap-home-contents .col-home-content--title .txt p {
    font-size: 2.15vw;
    font-size: clamp(0.8125em, 2.15vw, 1em);
  }
}
@media print, screen and (min-width: 960px) {
  .wrap-home-contents .col-home-content--title .txt p {
    font-size: 0.8125em;
    font-size: clamp(0.65em, 1.125vw, 0.875em);
  }
}
@media print, screen and (min-width: 1104px) {
  .wrap-home-contents .col-home-content--title .txt p {
    font-size: 0.875em;
  }
}
.wrap-home-contents .col-home-content--body {
  position: relative;
  z-index: 2;
}
.wrap-home-contents .col-home-content.scn-home-news {
  background-color: #ffb419;
}
.wrap-home-contents .col-home-content .deco-img-bottom {
  position: absolute;
  z-index: 4;
}
.wrap-home-contents .col-home-content .deco-img-bottom img {
  width: 100%;
  height: auto;
}

.scn-home-mainmenu .col-home-content--title {
  background-color: #c2e9e0;
  height: 200px;
  max-height: 200px;
}
.scn-home-mainmenu .col-home-content--title .ph {
  /*&::before {
      //left: 42%;
      //background-color: rgba(colors(prA), .5);
  }*/
}
.scn-home-mainmenu .col-home-content--title .ph img {
  height: 220px;
  width: auto;
}
.scn-home-mainmenu .col-home-content--title .ph-left {
  bottom: 0;
  left: 0;
  z-index: 2;
}
.scn-home-mainmenu .col-home-content--title .ph-right {
  bottom: 0;
  right: 0;
  z-index: 2;
}
.scn-home-mainmenu .col-home-content--title .txt {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.scn-home-mainmenu .col-home-content--title .txt h3 {
  margin-bottom: 15px;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(2.5em, 4.5vw, 3em);
}
@media all and (-ms-high-contrast: none) {
  .scn-home-mainmenu .col-home-content--title .txt h3 {
    font-family: "メイリオ", Meiryo, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
}
.scn-home-mainmenu .col-home-content--title .txt h3 img {
  height: 90px;
  width: auto;
  max-width: none;
}
.scn-home-mainmenu .col-home-content--title .txt p {
  color: #003e91;
  text-align: center;
  font-size: 1em;
}
.scn-home-mainmenu .deco-img-bottom {
  left: 0;
  bottom: -1em;
  width: 50%;
}
@media print, screen and (min-width: 576px) {
  .scn-home-mainmenu .deco-img-bottom {
    bottom: -3em;
    left: 1em;
    width: 45%;
  }
}
@media print, screen and (min-width: 960px) {
  .scn-home-mainmenu .deco-img-bottom {
    bottom: -8em;
    left: inherit;
    right: 0;
    width: 55%;
  }
}
.scn-home-mainmenu .mainmenu {
  position: relative;
}
.scn-home-mainmenu .mainmenu ul {
  list-style: none;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 25px;
}
.scn-home-mainmenu .mainmenu ul li {
  margin: 0;
  width: calc((100% - 25px) / 2);
}
.scn-home-mainmenu .mainmenu ul li:last-child {
  margin-right: 0;
  margin-left: auto;
}
@media print, screen and (min-width: 960px) {
  .scn-home-mainmenu .mainmenu ul li:last-child {
    margin: 0;
  }
}
.scn-home-mainmenu .mainmenu ul li:nth-child(2) a::before, .scn-home-mainmenu .mainmenu ul li:nth-child(3) a::before, .scn-home-mainmenu .mainmenu ul li:nth-child(6) a::before {
  border: 8px solid rgba(42, 163, 167, 0.8);
}
.scn-home-mainmenu .mainmenu ul li:nth-child(2) a::after, .scn-home-mainmenu .mainmenu ul li:nth-child(3) a::after, .scn-home-mainmenu .mainmenu ul li:nth-child(6) a::after {
  background: rgba(42, 163, 167, 0.8);
}
.scn-home-mainmenu .mainmenu ul li a {
  position: relative;
  display: block;
  color: #fff;
  overflow: hidden;
}
.scn-home-mainmenu .mainmenu ul li a:hover {
  opacity: 0.5;
}
.scn-home-mainmenu .mainmenu ul li a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 8px solid rgba(0, 160, 233, 0.8);
  pointer-events: none;
  z-index: 1;
  mix-blend-mode: multiply;
}
.scn-home-mainmenu .mainmenu ul li a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 36px);
  height: 40px;
  background: rgba(0, 160, 233, 0.8);
  mix-blend-mode: multiply;
}
.scn-home-mainmenu .mainmenu ul li .img {
  position: relative;
  width: 100%;
  padding-top: 67%;
  display: block;
  overflow: hidden;
}
.scn-home-mainmenu .mainmenu ul li .img::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80%;
  content: " ";
  z-index: 1;
}
.scn-home-mainmenu .mainmenu ul li .img img {
  position: absolute;
  top: 0;
  left: 50%;
  max-width: none;
  width: 100%;
  height: auto;
  transform: translateX(-50%);
}
@media print, screen and (min-width: 960px) {
  .scn-home-mainmenu .mainmenu ul li .img img {
    width: auto;
    height: 100%;
  }
}
@media print, screen and (min-width: 1104px) {
  .scn-home-mainmenu .mainmenu ul li .img img {
    width: 100%;
    height: auto;
  }
}
.scn-home-mainmenu .mainmenu ul li .txt {
  position: absolute;
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 36px);
  height: 40px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  line-height: 1.45;
  font-weight: 700;
  font-feature-settings: "palt";
  z-index: 1;
}
@media print, screen and (max-width: 349px) {
  .scn-home-mainmenu .mainmenu ul li .txt {
    font-size: 0.875em;
  }
}
.scn-home-mainmenu .mainmenu ul li .txt i.pdf {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 32px;
  margin-left: 0.5em;
}
.scn-home-mainmenu .mainmenu ul li .txt i.pdf img {
  width: 100%;
  height: auto;
}

.col-home-content.scn-home-news {
  margin-top: 0;
  z-index: 1;
  margin-bottom: 10em;
  padding-bottom: 0;
}
@media print, screen and (min-width: 960px) {
  .col-home-content.scn-home-news {
    margin-bottom: 8em;
  }
}
.col-home-content.scn-home-news .deco-img-bottom {
  right: 0;
  bottom: -1em;
  width: 18em;
}
@media print, screen and (min-width: 576px) {
  .col-home-content.scn-home-news .deco-img-bottom {
    bottom: -10em;
    width: 45%;
  }
}
@media print, screen and (min-width: 960px) {
  .col-home-content.scn-home-news .deco-img-bottom {
    left: 0;
    right: inherit;
    bottom: -8em;
    width: 55%;
  }
}
.col-home-content.scn-home-news .col-home-content--title {
  height: 170px;
  max-height: 170px;
}
.col-home-content.scn-home-news .col-home-content--title .ph {
  bottom: 10px;
  right: -20px;
  z-index: 2;
  /*&::before {
      //background-color: rgba(#e7336e, 0.5);
  }*/
}
.col-home-content.scn-home-news .col-home-content--title .ph img {
  height: 170px;
  width: auto;
}
.col-home-content.scn-home-news .col-home-content--title .txt {
  top: -0.25em;
  left: 0.5em;
  width: 100%;
}
@media print, screen and (min-width: 960px) {
  .col-home-content.scn-home-news .col-home-content--title .txt {
    top: -0.8em;
    left: 0;
  }
}
.col-home-content.scn-home-news .col-home-content--title .txt h3 {
  display: block;
  width: 220px;
  height: auto;
  margin-bottom: 0.8em;
  margin-left: 0.5em;
}
.col-home-content.scn-home-news .col-home-content--title .txt h3 img {
  width: 100%;
  height: auto;
}
.col-home-content.scn-home-news .col-home-content--title .txt p {
  margin-left: 1em;
  color: #e84383;
  font-size: 1em;
}
.col-home-content.scn-home-news .home-news--blog {
  position: relative;
  margin: 0 1em;
  border-radius: 0.5em;
}
@media print, screen and (min-width: 800px) {
  .col-home-content.scn-home-news .home-news--blog {
    border-radius: 1em;
  }
}
.col-home-content.scn-home-news .home-news--blog---header {
  position: relative;
  padding: 1em;
  margin-bottom: 10px;
}
@media print, screen and (min-width: 576px) {
  .col-home-content.scn-home-news .home-news--blog---header {
    padding: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
  }
}
.col-home-content.scn-home-news .home-news--blog---header h4 {
  padding: 2px 10px 2px 60px;
  width: 100%;
  margin: 1em 0 0;
  position: relative;
  background-color: #e7407b;
  color: #fff;
}
.col-home-content.scn-home-news .home-news--blog---header h4 span {
  font-size: 0.5em;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.col-home-content.scn-home-news .home-news--blog---header h4 img {
  width: auto;
  height: 23px;
}
@media print, screen and (max-width: 959px) {
  .col-home-content.scn-home-news .home-news--blog---header h4 img.pc {
    display: none;
  }
}
@media print, screen and (min-width: 960px) {
  .col-home-content.scn-home-news .home-news--blog---header h4 img.smp {
    display: none;
  }
}
.col-home-content.scn-home-news .home-news--blog---header h4 img:first-child {
  position: absolute;
  bottom: 5px;
  left: 20px;
  width: 30px;
  height: 40px;
}
.col-home-content.scn-home-news .home-news--blog---header .categories {
  width: 100%;
}
.col-home-content.scn-home-news .home-news--blog---header .categories h5 {
  writing-mode: initial;
  font-size: 0.875em;
  text-align: center;
  margin: 0;
}
.col-home-content.scn-home-news .home-news--blog .post-loop--item {
  border-bottom: 1px solid #fede4c;
}
.col-home-content.scn-home-news .home-news--blog .post-loop--item:nth-of-type(n + 6) {
  display: none;
}
.col-home-content.scn-home-news .home-news--blog .post-loop--item a:hover {
  color: #e84383;
}
.col-home-content.scn-home-news .home-news--blog .post-loop--item .thumb span {
  padding-top: 67%;
}
@media print, screen and (min-width: 768px) {
  .col-home-content.scn-home-news .home-news--blog .post-loop--item .thumb span {
    padding-top: 56.25%;
  }
}
.col-home-content.scn-home-news .home-news--blog .post-loop .important .category {
  background-color: #5034bc;
  color: #fff;
  width: 7.5em;
  text-align: center;
}
.col-home-content.scn-home-news .home-news--blog .post-loop .event .category {
  background-color: #f1e900;
  color: #000;
  width: 7.5em;
  text-align: center;
}
.col-home-content.scn-home-news .home-news--blog .post-loop .club_act .category {
  background-color: #40bdec;
  color: #fff;
  width: 7.5em;
  text-align: center;
}
.col-home-content.scn-home-news .home-news--blog .post-loop .exam .category {
  background-color: #00a7ac;
  color: #fff;
  width: 7.5em;
  text-align: center;
}
.col-home-content.scn-home-news .home-news--blog .post-loop .crs .category {
  background-color: #3530cd;
  color: #fff;
  width: 7.5em;
  text-align: center;
}
.col-home-content.scn-home-news .home-news--blog .post-loop .other .category {
  background-color: #178e2d;
  color: #fff;
  width: 7.5em;
  text-align: center;
}
.col-home-content.scn-home-news .home-news--blog---footer {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  padding: 1em 0 0.5em;
  justify-content: space-between;
}
@media print, screen and (min-width: 576px) {
  .col-home-content.scn-home-news .home-news--blog---footer {
    padding: 1em 0 2em;
  }
}
.col-home-content.scn-home-news .home-news--blog---footer .btn-see-all .btn--outline {
  border-color: #ff9600;
  background-color: #ff9600;
  color: #fff;
  position: relative;
  padding: 10px 10px 10px 30px;
  border-radius: 20px;
  min-width: auto;
}
.col-home-content.scn-home-news .home-news--blog---footer .btn-see-all .btn--outline::before {
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -6px;
  content: " ";
  width: 10px;
  height: 11px;
  background-image: url(../img/home/news/icon-arrow-white.svg);
  background-size: cover;
}
.col-home-content.scn-home-news .home-news--blog---footer .sns {
  position: relative;
}
.col-home-content.scn-home-news .home-news--blog---footer .sns--inner {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.col-home-content.scn-home-news .home-news--blog---footer .sns h5 {
  font-size: 0.8125em;
  font-feature-settings: "palt";
  margin: 0 0 0 5px;
  border-bottom: 2px solid #e84383;
}
.col-home-content.scn-home-news .home-news--blog---footer .sns ul {
  position: relative;
  list-style: none;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
}
.col-home-content.scn-home-news .home-news--blog---footer .sns ul li {
  position: relative;
  margin: 0;
  display: block;
}
.col-home-content.scn-home-news .home-news--blog---footer .sns ul li a {
  display: block;
  padding: 4px;
  width: 40px;
  height: 40px;
}
.col-home-content.scn-home-news .home-news--blog---footer .sns ul li a i {
  width: 100%;
  height: 100%;
}
.col-home-content.scn-home-news .home-news--blog---footer .sns ul li a i svg {
  width: 100%;
  height: 100%;
  fill: #e84383;
}
.col-home-content.scn-home-news .home-news--instagram {
  position: relative;
  background: #e7407b;
}
.col-home-content.scn-home-news .home-news--instagram---header {
  position: relative;
  padding: 0.8em;
}
.col-home-content.scn-home-news .home-news--instagram---header h4 {
  /*position: absolute;
  top: -9px;
  left: 1.5em;*/
  width: 80%;
  margin: 0 auto;
}
.col-home-content.scn-home-news .home-news--instagram---header h4 > a {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.col-home-content.scn-home-news .home-news--instagram---header h4 i {
  width: 64px;
  height: 64px;
}
.col-home-content.scn-home-news .home-news--instagram---header h4 i svg {
  width: 100%;
  height: 100%;
  fill: #FFF;
}
.col-home-content.scn-home-news .home-news--instagram---header h4 .ti {
  display: block;
  color: #FFF;
  font-size: 1.25em;
  line-height: 1.4;
}
@media print, screen and (min-width: 800px) {
  .col-home-content.scn-home-news .home-news--instagram---header h4 .ti {
    font-size: 1.5em;
  }
}
.col-home-content.scn-home-news .home-news--instagram---header h4 .ti span {
  display: block;
  font-size: 0.8125em;
  font-weight: 500;
  line-height: 1;
  font-family: "WorkSans", Arial, Helvetica, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media print, screen and (min-width: 800px) {
  .col-home-content.scn-home-news .home-news--instagram---header h4 .ti span {
    font-size: 0.65em;
  }
}
.col-home-content.scn-home-news .home-news--instagram .instagram-timeline {
  position: relative;
}
.col-home-content.scn-home-news .home-news--instagram .instagram-timeline ul {
  margin: 0;
  list-style: none;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
@media print, screen and (min-width: 800px) {
  .col-home-content.scn-home-news .home-news--instagram .instagram-timeline ul {
    padding: 0;
    margin-top: 0;
  }
}
.col-home-content.scn-home-news .home-news--instagram .instagram-timeline ul li {
  margin: 0;
  width: 50%;
}
.col-home-content.scn-home-news .home-news--instagram .instagram-timeline ul li a {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 80%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.col-home-content.scn-home-news .home-news--instagram .instagram-timeline ul li img {
  width: 100%;
  height: auto;
}
.col-home-content.scn-home-news .categories {
  position: relative;
  background-color: #fff;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}
.col-home-content.scn-home-news .categories h5 {
  font-size: 0.8125em;
  line-height: 2rem;
  font-weight: 700;
  font-feature-settings: "palt";
  writing-mode: vertical-rl;
  width: 11rem;
  display: block;
}
@media print, screen and (min-width: 800px) {
  .col-home-content.scn-home-news .categories h5 {
    font-size: 0.875em;
  }
}
.col-home-content.scn-home-news .categories--inner {
  padding: 0.5em 0.5em 0.5em 0.75em;
  width: 100%;
}
.col-home-content.scn-home-news .categories ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  font-weight: 700;
  letter-spacing: -0.4em;
}
.col-home-content.scn-home-news .categories ul li {
  position: relative;
  margin: 0;
  padding: 0.25em;
  padding-left: 0.75em;
  padding-right: 1em;
  display: inline-flex;
  letter-spacing: 0;
  /*&::after {
      position: absolute;
      top: 50%;
      left: 3px;
      margin-top: -2px;
      content: " ";
      width: 4px;
      height: 4px;
      background-color: rgba($newsPinkClr, .5);
      border-radius: 50%;
  }*/
}
.col-home-content.scn-home-news .categories ul li::before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -5px;
  content: " ";
  width: 7px;
  height: 8px;
  background-image: url(../img/home/news/icon-arrow.svg);
  background-size: cover;
}
.col-home-content.scn-home-news .categories ul li a {
  display: inline-block;
  color: #e84383;
  font-feature-settings: "palt";
}

.deco-img-bottom-4students {
  max-width: 1040px;
  margin: -100px auto -15px;
  z-index: 10;
  position: relative;
  padding: 0 1em;
}
@media print, screen and (min-width: 576px) {
  .deco-img-bottom-4students {
    margin: -100px auto -20px;
  }
}
@media print, screen and (min-width: 768px) {
  .deco-img-bottom-4students {
    margin: -80px auto -24px;
  }
}
@media print, screen and (min-width: 800px) {
  .deco-img-bottom-4students {
    margin: -80px auto -27px;
  }
}
@media print, screen and (min-width: 960px) {
  .deco-img-bottom-4students {
    margin: -80px auto -30px;
  }
}
.scn-home-heroimg-area {
  background-image: url(../img/home/slider/hero-bg.webp);
  /*background: linear-gradient(35deg, rgba(0, 100, 50, 1) 0%, rgba(0, 70, 50, 1) 50%);*/
  max-width: 1064px;
  height: 733px;
  margin: 0 auto;
  position: relative;
}
.scn-home-heroimg-area::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 220px;
  mix-blend-mode: color-burn;
  background-image: linear-gradient(to bottom, rgba(80, 80, 80, 0.3) 20%, transparent);
  background-repeat: no-repeat;
}
.scn-home-heroimg-area .scn-home-heroimg {
  position: relative;
  margin: 0 auto;
  height: 733px;
}
.scn-home-heroimg-area .scn-home-heroimg .home-slider {
  position: relative;
}
.scn-home-heroimg-area .scn-home-heroimg ul {
  width: 100%;
  list-style: none;
  margin: 0;
  height: 733px;
  /*@include mq-up(sm) {
      //padding-top: 42.029%;
  }*/
}
.scn-home-heroimg-area .scn-home-heroimg ul li {
  width: 100%;
  height: 100%;
  margin: 0;
  display: none;
  position: relative;
  /*@include mq-up(sm) {
      //border-radius: 1.5em;
  }*/
}
.scn-home-heroimg-area .scn-home-heroimg ul li img {
  max-width: 847px;
  height: auto;
  position: absolute;
  bottom: 0;
  left: -35px;
}
.scn-home-heroimg-area .scn-home-heroimg ul li img.pc {
  display: none;
}
@media print, screen and (min-width: 576px) {
  .scn-home-heroimg-area .scn-home-heroimg ul li img.pc {
    display: block;
  }
}
.scn-home-heroimg-area .scn-home-heroimg ul li img.smp {
  display: block;
}
@media print, screen and (min-width: 576px) {
  .scn-home-heroimg-area .scn-home-heroimg ul li img.smp {
    display: none;
  }
}
.scn-home-heroimg-area .scn-home-heroimg ul li img.hero-logo {
  position: absolute;
  top: 180px;
  right: 50px;
  left: auto;
  width: 228px;
  height: auto;
}
@media print, screen and (max-width: 959px) {
  .scn-home-heroimg-area .scn-home-heroimg ul li img.hero-logo {
    display: none;
  }
}
.scn-home-heroimg-area .scn-home-heroimg .copy-and-mark {
  position: absolute;
  bottom: -1px;
  right: 8px;
  margin-right: -1px;
  width: 90%;
  z-index: 1;
}
@media print, screen and (min-width: 576px) {
  .scn-home-heroimg-area .scn-home-heroimg .copy-and-mark {
    width: 45%;
  }
}
@media print, screen and (min-width: 800px) {
  .scn-home-heroimg-area .scn-home-heroimg .copy-and-mark {
    right: 2rem;
  }
}
.scn-home-heroimg-area .scn-home-heroimg .copy-and-mark .copy {
  position: relative;
  width: 100%;
  display: block;
}
.scn-home-heroimg-area .scn-home-heroimg .copy-and-mark .copy > span {
  position: relative;
  width: 100%;
  display: block;
}
.scn-home-heroimg-area .scn-home-heroimg .copy-and-mark .copy > span.copy-a, .scn-home-heroimg-area .scn-home-heroimg .copy-and-mark .copy > span.copy-b {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.scn-home-heroimg-area .scn-home-heroimg .copy-and-mark .copy > span.copy-c {
  z-index: 0;
}
.scn-home-heroimg-area .scn-home-heroimg .copy-and-mark .copy > span.copy-a {
  filter: drop-shadow(0 0 0.5rem rgba(34, 52, 90, 0.5)) drop-shadow(0 0 0.2rem rgba(34, 52, 90, 0.7));
}
.scn-home-heroimg-area .scn-home-heroimg .copy-and-mark .copy img {
  width: 100%;
  height: auto;
}
.scn-home-heroimg-area .scn-home-heroimg .copy-and-mark .mark {
  position: absolute;
  bottom: -10%;
  right: 0;
  width: 24%;
  z-index: 1;
}
@media print, screen and (min-width: 800px) {
  .scn-home-heroimg-area .scn-home-heroimg .copy-and-mark .mark {
    bottom: -5%;
  }
}
.scn-home-heroimg-area .scn-home-heroimg .copy-and-mark .mark img {
  width: 100%;
  height: auto;
}

.scn-home-banners-area {
  position: absolute;
  bottom: 40px;
  right: 25px;
}
@media print, screen and (max-width: 959px) {
  .scn-home-banners-area {
    right: 50%;
    transform: translateX(50%);
    width: 100%;
    padding: 0 20px;
  }
}
.scn-home-banners-area .scn-home-banners {
  position: relative;
  /*max-width: calc(calc($oneblock * 12) + calc($sidespace * 2));
  margin: 0 auto;
  padding-left: $sidespace;
  padding-right: $sidespace;*/
  /*@include mq-up(md) {
      padding-left: $sidespace * 1.5;
      padding-right: $sidespace * 1.5;
  }*/
}
.scn-home-banners-area .scn-home-banners ul {
  list-style: none;
  display: flex;
  flex-direction: column-reverse;
}
@media print, screen and (max-width: 959px) {
  .scn-home-banners-area .scn-home-banners ul {
    flex-direction: row-reverse;
  }
  .scn-home-banners-area .scn-home-banners ul li {
    width: 33.3333333333% !important;
    margin: 0 7px !important;
  }
}
.scn-home-banners-area .scn-home-banners ul li {
  width: 262px;
  box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.2);
  margin: 15px 0 0;
  /*width: 100%;
  padding: .5rem;*/
  /*@include mq-up(sm) {
      width: 50%;
  }

  @include mq-up(lg) {
      width: 33.33333333%;
  }*/
}
.scn-home-banners-area .scn-home-banners ul li[data-order-smp="1"] {
  order: 1;
}
@media print, screen and (max-width: 575px) {
  .scn-home-banners-area .scn-home-banners ul li[data-order-smp="1"] {
    order: 1;
  }
}
.scn-home-banners-area .scn-home-banners ul li[data-order-smp="2"] {
  order: 2;
}
@media print, screen and (max-width: 575px) {
  .scn-home-banners-area .scn-home-banners ul li[data-order-smp="2"] {
    order: 2;
  }
}
.scn-home-banners-area .scn-home-banners ul li[data-order-smp="3"] {
  order: 3;
}
@media print, screen and (max-width: 575px) {
  .scn-home-banners-area .scn-home-banners ul li[data-order-smp="3"] {
    order: 3;
  }
}
.scn-home-banners-area .scn-home-banners ul li[data-order-smp="4"] {
  order: 4;
}
@media print, screen and (max-width: 575px) {
  .scn-home-banners-area .scn-home-banners ul li[data-order-smp="4"] {
    order: 4;
  }
}
.scn-home-banners-area .scn-home-banners ul li[data-order-smp="5"] {
  order: 5;
}
@media print, screen and (max-width: 575px) {
  .scn-home-banners-area .scn-home-banners ul li[data-order-smp="5"] {
    order: 5;
  }
}
.scn-home-banners-area .scn-home-banners ul li[data-order-smp="6"] {
  order: 6;
}
@media print, screen and (max-width: 575px) {
  .scn-home-banners-area .scn-home-banners ul li[data-order-smp="6"] {
    order: 6;
  }
}
.scn-home-banners-area .scn-home-banners ul li[data-order-smp="7"] {
  order: 7;
}
@media print, screen and (max-width: 575px) {
  .scn-home-banners-area .scn-home-banners ul li[data-order-smp="7"] {
    order: 7;
  }
}
.scn-home-banners-area .scn-home-banners ul li[data-order-smp="8"] {
  order: 8;
}
@media print, screen and (max-width: 575px) {
  .scn-home-banners-area .scn-home-banners ul li[data-order-smp="8"] {
    order: 8;
  }
}
.scn-home-banners-area .scn-home-banners ul li[data-order-smp="9"] {
  order: 9;
}
@media print, screen and (max-width: 575px) {
  .scn-home-banners-area .scn-home-banners ul li[data-order-smp="9"] {
    order: 9;
  }
}
.scn-home-banners-area .scn-home-banners ul li[data-order-smp="10"] {
  order: 10;
}
@media print, screen and (max-width: 575px) {
  .scn-home-banners-area .scn-home-banners ul li[data-order-smp="10"] {
    order: 10;
  }
}
.scn-home-banners-area .scn-home-banners ul li a {
  position: relative;
  display: block;
  overflow: hidden;
}
.scn-home-banners-area .scn-home-banners ul li a:hover {
  opacity: 0.8;
}

/* ---------------------------------------------------------------------------------------- */
/* PAGE - COMMON
/* ---------------------------------------------------------------------------------------- */
#msg {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 1000;
  width: 100%;
  height: 5em;
}

.scrldown .wrap-post .post-ctg {
  top: 0;
}

.wrap-post {
  max-width: 1500px;
  margin: 0 auto;
}
.wrap-post .post-ctg {
  position: sticky;
  top: 56px;
  z-index: 2;
  background-color: #fff;
  filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.15));
  overflow: hidden;
  overflow-x: scroll;
  width: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.wrap-post .post-ctg::-webkit-scrollbar {
  display: none;
}
@media print, screen and (min-width: 800px) {
  .wrap-post .post-ctg {
    top: 64px;
  }
}
@media print, screen and (min-width: 960px) {
  .wrap-post .post-ctg {
    top: 88px;
  }
}
.wrap-post .post-ctg ul {
  position: relative;
  width: 100%;
  letter-spacing: -0.4em;
  text-align: left;
  margin: 0;
  white-space: nowrap;
}
.wrap-post .post-ctg ul li {
  position: relative;
  letter-spacing: 0;
  display: inline-block;
  margin: 0;
  font-family: "noto", sans-serif;
  font-weight: 700;
  font-size: 0.875em;
  line-height: 1.4;
}
.wrap-post .post-ctg ul li .btn-ti {
  display: block;
  padding: 0 1em;
  height: 56px;
  line-height: 56px;
  white-space: nowrap;
}
@media print, screen and (min-width: 768px) {
  .wrap-post .post-ctg ul li .btn-ti {
    padding: 0 1.5em;
  }
}
.wrap-post .post-ctg ul li a {
  display: block;
}
.wrap-post .post-ctg ul li.current a {
  background-color: #112e54;
  color: #fff;
}

.post-loop {
  position: relative;
  z-index: 1;
}
.post-loop--item {
  position: relative;
  margin: 0;
  padding: 0.5em 0;
  width: 100%;
  border-bottom: 1px dotted #fff;
}
@media print, screen and (min-width: 768px) {
  .post-loop--item {
    padding: 0.75em 0;
  }
}
.post-loop--item a {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}
.post-loop--item .thumb {
  width: 96px;
}
@media print, screen and (min-width: 960px) {
  .post-loop--item .thumb {
    width: 112px;
  }
}
.post-loop--item .thumb span {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 67%;
  overflow: hidden;
  border-radius: 0.5em;
}
@media print, screen and (min-width: 800px) {
  .post-loop--item .thumb span {
    border-radius: 1em;
  }
}
.post-loop--item .thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: auto;
  max-width: none;
  transform: translate(-50%, -50%);
}
.post-loop--item .desc {
  width: calc(100% - 96px);
  text-align: left;
  padding-left: 0.25em;
}
@media print, screen and (min-width: 960px) {
  .post-loop--item .desc {
    width: calc(100% - 112px);
  }
}
.post-loop--item .desc .title-and {
  line-height: 1.4;
}
.post-loop--item .desc .title-and .ti {
  display: block;
  font-weight: 700;
  text-align: justify;
  text-justify: inter-ideograph;
  text-justify: inter-character;
  font-feature-settings: "palt";
  font-size: 0.9em;
}
.post-loop--item .desc .title-and .status {
  display: block;
  font-size: 0.8125em;
  padding-top: 0.5em;
  text-align: left;
}
.post-loop--item .desc .title-and .date {
  display: inline-block;
  font-family: "WorkSans", Arial, Helvetica, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.post-loop--item .desc .title-and .category {
  display: inline-block;
  margin-left: 1em;
}
.post-loop--item .desc .title-and .category::before {
  content: "_";
}
.post-loop--item.S .title-and .ti {
  min-height: 2.5em;
}
.post-loop--item.no-thumb {
  width: 100%;
}
.post-loop--item.no-thumb:not(:last-child) {
  border-bottom: 1px dotted #bbb;
}
.post-loop--item.no-thumb a {
  display: block;
}
.post-loop--item.no-thumb a dl {
  position: relative;
}
.post-loop--item.no-thumb a dl::after {
  content: " ";
  display: block;
  clear: both;
}
@media print, screen and (min-width: 576px) {
  .post-loop--item.no-thumb a dl dt {
    float: left;
    width: 6em;
  }
}
@media print, screen and (min-width: 576px) {
  .post-loop--item.no-thumb a dl dd {
    margin: 0;
    padding-left: 6em;
  }
}
@media print, screen and (min-width: 768px) {
  .post-loop:not(.posts-home):not(.posts-club) {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: -0.5rem;
  }
}
@media print, screen and (min-width: 960px) {
  .post-loop:not(.posts-home):not(.posts-club) {
    margin: -0.5rem -1rem;
  }
}
@media print, screen and (min-width: 768px) {
  .post-loop:not(.posts-home):not(.posts-club) .post-loop--item {
    padding: 0.75em 0.5rem;
    width: 50%;
    border-bottom: none;
  }
}
@media print, screen and (min-width: 960px) {
  .post-loop:not(.posts-home):not(.posts-club) .post-loop--item {
    width: 33.33333333%;
    padding: 0.75rem 1rem;
  }
}
@media print, screen and (min-width: 768px) {
  .post-loop:not(.posts-home):not(.posts-club) .post-loop--item a {
    display: block;
  }
}
@media print, screen and (min-width: 768px) {
  .post-loop:not(.posts-home):not(.posts-club) .post-loop--item .thumb {
    width: 100%;
  }
}
@media print, screen and (min-width: 768px) {
  .post-loop:not(.posts-home):not(.posts-club) .post-loop--item .thumb img {
    height: auto;
    width: 100%;
  }
}
@media print, screen and (min-width: 768px) {
  .post-loop:not(.posts-home):not(.posts-club) .post-loop--item .desc {
    width: 100%;
    padding: 1em 1em 1.5em;
  }
}
@media print, screen and (max-width: 767px) {
  .post-loop:not(.posts-home):not(.posts-club).L .thumb, .post-loop:not(.posts-home):not(.posts-club).M .thumb, .post-loop:not(.posts-home):not(.posts-club).M + .post-loop--item .thumb {
    width: 100%;
    margin-bottom: 0.5em;
  }
  .post-loop:not(.posts-home):not(.posts-club).L .thumb span, .post-loop:not(.posts-home):not(.posts-club).M .thumb span, .post-loop:not(.posts-home):not(.posts-club).M + .post-loop--item .thumb span {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 75%;
    overflow: hidden;
  }
  .post-loop:not(.posts-home):not(.posts-club).L .thumb img, .post-loop:not(.posts-home):not(.posts-club).M .thumb img, .post-loop:not(.posts-home):not(.posts-club).M + .post-loop--item .thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    width: auto;
    max-width: none;
    transform: translate(-50%, -50%);
  }
}
@media print, screen and (max-width: 767px) {
  .post-loop:not(.posts-home):not(.posts-club).L .desc, .post-loop:not(.posts-home):not(.posts-club).M .desc, .post-loop:not(.posts-home):not(.posts-club).M + .post-loop--item .desc {
    width: 100%;
    text-align: left;
    padding: 0 1em;
  }
  .post-loop:not(.posts-home):not(.posts-club).L .desc .title-and .ti, .post-loop:not(.posts-home):not(.posts-club).M .desc .title-and .ti, .post-loop:not(.posts-home):not(.posts-club).M + .post-loop--item .desc .title-and .ti {
    display: block;
  }
  .post-loop:not(.posts-home):not(.posts-club).L .desc .title-and .date, .post-loop:not(.posts-home):not(.posts-club).M .desc .title-and .date, .post-loop:not(.posts-home):not(.posts-club).M + .post-loop--item .desc .title-and .date {
    display: block;
    font-size: 0.8125em;
  }
  .post-loop:not(.posts-home):not(.posts-club).L .desc .status, .post-loop:not(.posts-home):not(.posts-club).M .desc .status, .post-loop:not(.posts-home):not(.posts-club).M + .post-loop--item .desc .status {
    display: block;
    font-size: 0.8125em;
  }
}
@media print, screen and (max-width: 767px) {
  .post-loop:not(.posts-home):not(.posts-club).M, .post-loop:not(.posts-home):not(.posts-club).M + .post-loop--item {
    width: 50%;
  }
  .post-loop:not(.posts-home):not(.posts-club).M .desc .status, .post-loop:not(.posts-home):not(.posts-club).M + .post-loop--item .desc .status {
    display: none;
  }
}
@media print, screen and (max-width: 767px) {
  .post-loop:not(.posts-home):not(.posts-club).M + .post-loop--item + .post-loop--item.S {
    width: 100%;
  }
}
.post-loop:not(.posts-home):not(.posts-club).M + .post-loop--item + .post-loop--item.S .thumb {
  width: 120px;
}
@media print, screen and (min-width: 960px) {
  .post-loop:not(.posts-home):not(.posts-club).M + .post-loop--item + .post-loop--item.S .thumb {
    width: 144px;
  }
}
.post-loop:not(.posts-home):not(.posts-club).M + .post-loop--item + .post-loop--item.S .thumb span {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 75%;
  overflow: hidden;
}
.post-loop:not(.posts-home):not(.posts-club).M + .post-loop--item + .post-loop--item.S .thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: auto;
  max-width: none;
  transform: translate(-50%, -50%);
}
.post-loop:not(.posts-home):not(.posts-club).M + .post-loop--item + .post-loop--item.S .desc {
  width: calc(100% - 120px);
  text-align: left;
  padding-left: 0.85em;
  padding-right: 0.75rem;
}
@media print, screen and (min-width: 960px) {
  .post-loop:not(.posts-home):not(.posts-club).M + .post-loop--item + .post-loop--item.S .desc {
    width: calc(100% - 144px);
  }
}
.post-loop:not(.posts-home):not(.posts-club).M + .post-loop--item + .post-loop--item.S .desc .title-and {
  line-height: 1.4;
}
.post-loop:not(.posts-home):not(.posts-club).M + .post-loop--item + .post-loop--item.S .desc .title-and .ti {
  display: block;
  font-weight: 700;
  text-align: justify;
  text-justify: inter-ideograph;
  text-justify: inter-character;
}
.post-loop:not(.posts-home):not(.posts-club).M + .post-loop--item + .post-loop--item.S .desc .title-and .date {
  display: block;
  font-size: 0.8125em;
  font-family: "WorkSans", Arial, Helvetica, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding-top: 0.5em;
}
.post-loop:not(.posts-home):not(.posts-club).M + .post-loop--item + .post-loop--item.S .desc .status {
  display: none;
  font-size: 0.8125em;
}

.post-loop-sml {
  position: relative;
  z-index: 1;
}
.post-loop-sml--item {
  position: relative;
  margin: 0;
  padding: 0.5em 0;
  width: 100%;
  border-bottom: 1px dotted #BBBBBB;
}
@media print, screen and (min-width: 768px) {
  .post-loop-sml--item {
    padding: 0.75em 0;
  }
}
.post-loop-sml--item a {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  align-items: stretch;
  width: 100%;
}
.post-loop-sml--item .thumb {
  width: 96px;
}
@media print, screen and (min-width: 960px) {
  .post-loop-sml--item .thumb {
    width: 112px;
  }
}
.post-loop-sml--item .thumb span {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 67%;
  overflow: hidden;
  border-radius: 0.5em;
}
@media print, screen and (min-width: 800px) {
  .post-loop-sml--item .thumb span {
    border-radius: 1em;
  }
}
.post-loop-sml--item .thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: auto;
  max-width: none;
  transform: translate(-50%, -50%);
  border-radius: 0.25em;
}
.post-loop-sml--item .desc {
  width: calc(100% - 96px);
  text-align: left;
  padding-left: 0.85em;
}
@media print, screen and (min-width: 960px) {
  .post-loop-sml--item .desc {
    width: calc(100% - 112px);
  }
}
.post-loop-sml--item .desc .title-and {
  line-height: 1.4;
}
.post-loop-sml--item .desc .title-and .ti {
  display: block;
  font-weight: 700;
  text-align: justify;
  text-justify: inter-ideograph;
  text-justify: inter-character;
  font-feature-settings: "palt";
}
.post-loop-sml--item .desc .title-and .status {
  display: block;
  font-size: 0.8125em;
  padding-top: 0.5em;
  text-align: left;
}
.post-loop-sml--item .desc .title-and .date {
  display: inline-block;
  font-family: "WorkSans", Arial, Helvetica, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.post-loop-sml--item .desc .title-and .category {
  display: inline-block;
  margin-left: 1em;
}
.post-loop-sml--item .desc .title-and .category::before {
  content: "_";
}
.post-loop-sml--item.S .title-and .ti {
  min-height: 2.5em;
}
.post-loop-sml--item.no-thumb {
  width: 100%;
}
.post-loop-sml--item.no-thumb:not(:last-child) {
  border-bottom: 1px dotted #bbb;
}
.post-loop-sml--item.no-thumb a {
  display: block;
}
.post-loop-sml--item.no-thumb a dl {
  position: relative;
}
.post-loop-sml--item.no-thumb a dl::after {
  content: " ";
  display: block;
  clear: both;
}
@media print, screen and (min-width: 576px) {
  .post-loop-sml--item.no-thumb a dl dt {
    float: left;
    width: 6em;
  }
}
@media print, screen and (min-width: 576px) {
  .post-loop-sml--item.no-thumb a dl dd {
    margin: 0;
    padding-left: 6em;
  }
}

.important-news {
  position: relative;
  background-color: #fff6f8;
  border: 1px dotted #ff577b;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.05);
}
.important-news h4 {
  margin-bottom: 0;
  color: #ff577b;
  padding: 1.25rem 1.15rem 0;
  margin-bottom: -0.5em;
}
.important-news .post-loop {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.list-categories {
  position: relative;
  text-align: left;
  z-index: 5;
  margin-bottom: 1.5rem;
}
@media print, screen and (min-width: 800px) {
  .list-categories {
    margin-bottom: 2rem;
  }
}
.list-categories dl {
  position: relative;
  display: inline-block;
  text-align: left;
}
.list-categories dl dt {
  position: relative;
  display: block;
  border: 2px solid #112e54;
  padding: 0.75em;
  padding-right: 2.5em;
  font-size: 0.8125em;
  color: #112e54;
  cursor: pointer;
  margin: 0;
  background-color: #fff;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.list-categories dl dt span {
  font-size: 1.15em;
  font-weight: 700;
}
@media print, screen and (min-width: 800px) {
  .list-categories dl dt span {
    font-size: 1.25em;
  }
}
.list-categories dl dt i {
  position: absolute;
  top: 50%;
  right: 0.8em;
  margin-top: -10px;
  transform: rotate(90deg);
}
.list-categories dl dt i svg {
  width: 16px;
  height: 16px;
  stroke: #112e54;
}
@media print, screen and (min-width: 800px) {
  .list-categories dl dt {
    padding: 1em;
    padding-right: 2.5em;
  }
}
.list-categories dl dt .active + dd {
  visibility: visible;
  opacity: 1;
  max-height: 99999px;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
}
.list-categories dl:hover {
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
}
.list-categories dl:hover dd {
  visibility: visible;
  opacity: 1;
  max-height: 99999px;
}
.list-categories dl dd {
  position: absolute;
  top: 100%;
  right: 0;
  width: 100%;
  background-color: #112e54;
  margin: 0;
  overflow: hidden;
  visibility: hidden;
  max-height: 0;
  opacity: 0;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.list-categories dl dd ul {
  position: relative;
  list-style: none;
  display: block;
}
.list-categories dl dd ul li:not(:last-child) {
  border-bottom: 1px dotted #555;
}
.list-categories dl dd ul li a {
  display: block;
  padding: 0.5em 1em;
  color: #fff;
  font-size: 0.92em;
}
@media print, screen and (min-width: 960px) {
  .list-categories dl dd ul li a {
    padding: 1em;
  }
}

.news-index {
  position: relative;
}
.news-index--inner {
  position: relative;
  max-width: 1104px;
  margin: 0 auto;
}
.news-index--inner h3:not(.plain) {
  position: relative;
  padding-bottom: 0.75em;
  margin-bottom: 1em;
  display: block;
}
.news-index--inner h3:not(.plain)::before {
  position: absolute;
  bottom: 3px;
  left: 0;
  content: " ";
  width: 3em;
  height: 0;
  border-top: 2px solid #003e91;
  z-index: 1;
}
.news-index--inner h3:not(.plain)::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: " ";
  width: 100%;
  height: 0;
  border-top: 1px solid #003e91;
  z-index: 0;
}
.news-index--inner h3:not(.plain).with-num {
  padding-left: 1.5em;
}
.news-index--inner h3:not(.plain).with-num .num {
  position: relative;
  display: inline-block;
  width: 1.5em;
  margin-left: -1.5em;
  text-align: center;
}

.scn-norm .news-index--inner {
  max-width: none;
}

.wrap-post-tags {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 5;
  padding: 0.1em 0.5em;
}
.wrap-post-tags nav {
  position: relative;
  max-width: 920px;
  margin: 0 auto;
}
.wrap-post-tags nav .post-tag-list {
  position: relative;
  background-color: #00befa;
  border-radius: 0.5em;
  padding: 0.75em;
  padding-top: 0.4em;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.25);
}
@media print, screen and (min-width: 576px) {
  .wrap-post-tags nav .post-tag-list {
    padding: 1em;
    padding-top: 0.5em;
  }
}
@media print, screen and (min-width: 800px) {
  .wrap-post-tags nav .post-tag-list {
    padding: 1.5em;
    padding-top: 0.75em;
    border-radius: 1em;
  }
}
.wrap-post-tags nav .post-tag-list h4 {
  color: #f7ff19;
  color: #FFF;
  margin-bottom: 0;
}
.wrap-post-tags nav ul {
  letter-spacing: -0.4em;
  list-style: none;
  margin: 0 0 0.3em;
  padding: 0;
}
.wrap-post-tags nav ul li {
  letter-spacing: 0;
  display: inline-block;
  margin: 0.5em 0 0;
}
.wrap-post-tags nav ul li:not(:first-child) {
  margin-left: 0.5em;
}
@media print, screen and (min-width: 800px) {
  .wrap-post-tags nav ul li:not(:first-child) {
    margin-left: 1em;
  }
}
.wrap-post-tags nav ul li a {
  background-color: #FFF;
  padding: 0.5em 1em;
  border-radius: 2em;
  font-size: 0.875em;
  line-height: 1.4;
  color: #00befa;
  font-weight: 700;
  display: inline-block;
}

#Page-container #Post {
  position: relative;
  padding: 1rem 0.5rem 2.5rem;
}
@media print, screen and (min-width: 800px) {
  #Page-container #Post {
    padding-bottom: 3.5rem;
  }
}
@media print, screen and (min-width: 960px) {
  #Page-container #Post {
    padding-bottom: 6rem;
  }
}

.page-blog {
  padding-top: 60px;
}
@media print, screen and (min-width: 576px) {
  .page-blog {
    padding-top: 70px;
  }
}
@media print, screen and (min-width: 768px) {
  .page-blog {
    padding-top: 80px;
  }
}
@media print, screen and (min-width: 960px) {
  .page-blog {
    padding-top: 160px;
  }
}

.atl-news-single,
.atl-club-single {
  position: relative;
  max-width: 740px;
  max-width: 920px;
  margin: 0 auto;
  text-align: left;
}
.atl-news-single .post-thumbnail,
.atl-club-single .post-thumbnail {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
  margin: 0 0 1.5rem;
  border-radius: 1em;
}
@media print, screen and (min-width: 800px) {
  .atl-news-single .post-thumbnail,
  .atl-club-single .post-thumbnail {
    margin: 0 0 2rem;
  }
}
@media print, screen and (min-width: 960px) {
  .atl-news-single .post-thumbnail,
  .atl-club-single .post-thumbnail {
    margin: 0 0 3rem;
  }
}
.atl-news-single .post-thumbnail img,
.atl-club-single .post-thumbnail img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
}
.atl-news-single .post-thumbnail::after,
.atl-club-single .post-thumbnail::after {
  position: absolute;
  bottom: 0.5em;
  right: 0.5em;
  width: 84px;
  height: 40px;
  content: " ";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("../img/common/logo-white.svg");
}
@media print, screen and (min-width: 800px) {
  .atl-news-single .post-thumbnail::after,
  .atl-club-single .post-thumbnail::after {
    right: 1em;
  }
}
.atl-news-single .atl-header,
.atl-news-single .scn-norm,
.atl-club-single .atl-header,
.atl-club-single .scn-norm {
  padding-left: 1rem;
  padding-right: 1rem;
}
.atl-news-single h1,
.atl-club-single h1 {
  font-size: 1.35em;
  margin-bottom: 1.25em;
  font-feature-settings: "palt";
}
@media print, screen and (min-width: 576px) {
  .atl-news-single h1,
  .atl-club-single h1 {
    font-size: 1.5em;
  }
}
@media print, screen and (min-width: 800px) {
  .atl-news-single h1,
  .atl-club-single h1 {
    font-size: 1.75em;
  }
}
.atl-news-single .status,
.atl-club-single .status {
  position: relative;
  border-top: 1px solid #DDD;
  padding: 1rem 1rem;
  font-size: 0.875em;
  margin-top: 2rem;
}
@media print, screen and (min-width: 576px) {
  .atl-news-single .status,
  .atl-club-single .status {
    margin-top: 3rem;
  }
}
@media print, screen and (min-width: 960px) {
  .atl-news-single .status,
  .atl-club-single .status {
    margin-top: 4rem;
  }
}
.atl-news-single .status span,
.atl-club-single .status span {
  display: inline-block;
}
.atl-news-single .status span.ctg,
.atl-club-single .status span.ctg {
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  border-left: 1px solid #DDD;
}
.atl-news-single .status span.tags,
.atl-club-single .status span.tags {
  display: block;
  background-color: rgba(0, 0, 0, 0.03);
  padding: 0.5em;
  border-radius: 0.5em;
  margin-top: 0.5em;
}
@media print, screen and (min-width: 800px) {
  .atl-news-single .status span.tags,
  .atl-club-single .status span.tags {
    padding: 1em;
  }
}
.atl-news-single .status span.tags ul li:not(:first-child)::before,
.atl-club-single .status span.tags ul li:not(:first-child)::before {
  content: "、";
}
.atl-news-single .status ul,
.atl-club-single .status ul {
  letter-spacing: -0.4em;
  margin: 0;
  list-style: none;
}
.atl-news-single .status ul li,
.atl-club-single .status ul li {
  letter-spacing: 0;
  display: inline-block;
  margin: 0;
}
.atl-news-single .status ul li:not(:first-child)::before,
.atl-club-single .status ul li:not(:first-child)::before {
  content: "、";
}
.atl-news-single .scn-norm,
.atl-club-single .scn-norm {
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.atl-news-single .scn-norm.show-first,
.atl-club-single .scn-norm.show-first {
  overflow: hidden;
}
.atl-news-single .scn-norm.show-first p,
.atl-club-single .scn-norm.show-first p {
  font-weight: 700;
}
.atl-news-single .scn-norm.show-first.hide,
.atl-club-single .scn-norm.show-first.hide {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  display: none;
}
.atl-news-single .scn-norm.hide-first,
.atl-club-single .scn-norm.hide-first {
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.atl-news-single .scn-norm.hide-first.show,
.atl-club-single .scn-norm.hide-first.show {
  max-height: none;
  opacity: 1;
  visibility: visible;
  display: block;
}
.atl-news-single .scn-norm .show-atl-all,
.atl-club-single .scn-norm .show-atl-all {
  display: inline-block;
  color: #111;
  border-bottom: 1px dotted #111;
  padding-top: 0.5em;
  cursor: pointer;
}
.atl-news-single .scn-norm a,
.atl-club-single .scn-norm a {
  text-decoration: underline;
}

#Modal-post {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  width: 100%;
  height: 100%;
  background-color: #EEE;
  padding: 0.5rem;
  padding-top: 56px;
  padding-bottom: 0;
  display: none;
}
@media print, screen and (min-width: 576px) {
  #Modal-post {
    padding: 2rem;
    padding-top: 88px;
    padding-bottom: 0;
  }
}
@media print, screen and (min-width: 800px) {
  #Modal-post {
    padding: 4rem;
    padding-top: 88px;
    padding-bottom: 0;
  }
}
#Modal-post #Post {
  position: relative;
}
#Modal-post .inner {
  position: relative;
  height: 100%;
  overflow-y: scroll;
  margin: 0 auto;
  text-align: left;
  max-width: 1472px;
  padding: 0;
  background-color: #fff;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.15);
  border-radius: 0.75em 0.75em 0 0;
}
@media print, screen and (min-width: 800px) {
  #Modal-post .inner {
    border-radius: 1em 1em 0 0;
  }
}
#Modal-post .inner .wrap-post {
  position: relative;
  opacity: 0;
}
#Modal-post .inner #Index-posts {
  position: relative;
  border-top: 1px dotted #ddd;
  background-color: #fafafa;
  padding: 2rem 0.5rem;
}
@media print, screen and (min-width: 576px) {
  #Modal-post .inner #Index-posts {
    padding: 3rem 1.5rem;
  }
}
@media print, screen and (min-width: 800px) {
  #Modal-post .inner #Index-posts {
    padding: 3rem 2rem;
  }
}
#Modal-post .inner .atl-news-single,
#Modal-post .inner .atl-club-single {
  padding: 0.5rem 0.5rem 2rem;
}
@media print, screen and (min-width: 800px) {
  #Modal-post .inner .atl-news-single,
  #Modal-post .inner .atl-club-single {
    padding-top: 4rem;
    padding-bottom: 3rem;
  }
}
@media print, screen and (min-width: 960px) {
  #Modal-post .inner .atl-news-single,
  #Modal-post .inner .atl-club-single {
    padding-top: 5rem;
    padding-bottom: 4rem;
  }
}
@media print, screen and (min-width: 1104px) {
  #Modal-post .inner .atl-news-single,
  #Modal-post .inner .atl-club-single {
    padding-top: 7rem;
  }
}
#Modal-post .prev-and-next {
  position: relative;
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
}
@media print, screen and (min-width: 576px) {
  #Modal-post .prev-and-next {
    display: none;
  }
}
@media print, screen and (min-width: 800px) {
  #Modal-post .prev-and-next {
    margin-top: 3rem;
  }
}
#Modal-post .prev-and-next ul {
  position: relative;
  list-style: none;
  letter-spacing: -0.4em;
  text-align: center;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
#Modal-post .prev-and-next ul li {
  letter-spacing: 0;
  display: inline-block;
  font-size: 0.8125em;
  line-height: 1.2;
  margin: 0;
}
#Modal-post .prev-and-next ul li a {
  display: block;
  padding: 1em 2em;
  border: 1px solid #000;
  background-color: #fff;
}
#Modal-post .prev-and-next ul li.prev {
  margin-right: auto;
}
#Modal-post .prev-and-next ul li.prev a {
  padding-left: 3em;
}
#Modal-post .prev-and-next ul li.next {
  margin-left: auto;
}
#Modal-post .prev-and-next ul li.next a {
  padding-right: 3em;
}
#Modal-post .prev-and-next--side {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  padding: 0.5rem;
  pointer-events: none;
  display: none;
}
@media print, screen and (min-width: 576px) {
  #Modal-post .prev-and-next--side {
    padding: 2rem;
    display: block;
  }
}
@media print, screen and (min-width: 800px) {
  #Modal-post .prev-and-next--side {
    padding: 4rem;
  }
}
#Modal-post .prev-and-next--side ul {
  position: relative;
  list-style: none;
  width: 100%;
  height: 100%;
}
#Modal-post .prev-and-next--side ul li {
  position: absolute;
  bottom: 0;
  font-size: 0.8125em;
  line-height: 1.2;
}
#Modal-post .prev-and-next--side ul li a {
  display: block;
  width: 3em;
  padding: 2em 1em 3em;
  border: 1px solid #000;
  background-color: #fff;
  pointer-events: auto;
}
#Modal-post .prev-and-next--side ul li.prev {
  left: 0;
  margin-left: -1.5em;
}
#Modal-post .prev-and-next--side ul li.next {
  right: 0;
  margin-right: -1.5em;
}
#Modal-post .modalBtns {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 1002;
  width: 40px;
  height: 40px;
}
#Modal-post .modalBtns .modalBtn-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  display: block;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 2;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
#Modal-post .modalBtns .modalBtn-close i {
  font-size: 32px;
  line-height: 40px;
  color: #fff;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.btn-close-newsPopup {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 64px;
  height: 64px;
  height: calc(64px + env(safe-area-inset-bottom));
  padding: 18px 16px 14px;
  background-color: #00285e;
  cursor: pointer;
  z-index: 100;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn-close-newsPopup .trigger-nav--wrap {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}
.btn-close-newsPopup .trigger-nav--wrap .bar--close {
  position: absolute;
  top: -6px;
  left: 0;
  width: 100%;
  height: 32px;
  display: block;
  overflow: hidden;
  transform: rotate(45deg);
}
.btn-close-newsPopup .trigger-nav--wrap .bar--close span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.btn-close-newsPopup .trigger-nav--wrap .bar--close span.ver {
  width: 0;
  height: 100%;
  margin-left: -1px;
  border-left: 1px solid #fff;
  transform: translateY(-50%);
}
.btn-close-newsPopup .trigger-nav--wrap .bar--close span.hori {
  width: 100%;
  height: 0;
  border-top: 1px solid #fff;
  margin-top: -1px;
  transform: translateX(-50%);
  animation-delay: 0.05s !important;
}
.btn-close-newsPopup .trigger-nav--wrap .ti {
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  height: 1.5em;
  color: #fff;
  text-align: center;
  font-family: "WorkSans", Arial, Helvetica, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 9px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0;
  overflow: hidden;
}
.btn-close-newsPopup .trigger-nav--wrap .ti span {
  position: relative;
  top: 0;
  display: block;
  line-height: 1.5em;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.btn-close-newsPopup:hover {
  background-color: #000712;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.btn-close-newsPopup:hover .trigger-nav--wrap .bar--close .ver {
  animation: triggerCloseHoverVer 0.35s forwards;
}
.btn-close-newsPopup:hover .trigger-nav--wrap .bar--close .hori {
  animation: triggerCloseHoverHori 0.35s forwards;
}

.post-category-navigation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.post-category-navigation::-webkit-scrollbar {
  display: none;
}
@media print, screen and (min-width: 800px) {
  .post-category-navigation {
    padding-top: 16px;
  }
}
.post-category-navigation::after {
  z-index: 1;
  position: fixed;
  top: 0;
  right: 0;
  width: 2rem;
  height: 100%;
  content: " ";
  background: linear-gradient(to right, rgba(238, 238, 238, 0) 0%, rgba(238, 238, 238, 0.8) 50%, rgb(238, 238, 238) 100%);
  pointer-events: none;
}
@media print, screen and (min-width: 576px) {
  .post-category-navigation::after {
    width: 3rem;
  }
}
.post-category-navigation ul {
  letter-spacing: -0.4em;
  list-style: none;
  margin: 0 auto;
  white-space: nowrap;
  padding-left: 48px;
  padding-right: 48px;
}
@media print, screen and (min-width: 576px) {
  .post-category-navigation ul {
    width: 100%;
  }
}
@media print, screen and (min-width: 800px) {
  .post-category-navigation ul {
    padding-left: 56px;
    padding-right: 56px;
  }
}
@media print, screen and (min-width: 960px) {
  .post-category-navigation ul {
    padding-left: 0;
    padding-right: 0;
    width: 740px;
  }
}
.post-category-navigation ul li {
  letter-spacing: 0;
  display: inline-block;
  padding: 0 1px;
  margin: 0;
}
@media print, screen and (min-width: 576px) {
  .post-category-navigation ul li {
    width: 20%;
  }
}
@media print, screen and (min-width: 800px) {
  .post-category-navigation ul li {
    width: 14%;
  }
  .post-category-navigation ul li:nth-child(2) {
    width: 16%;
  }
  .post-category-navigation ul li:nth-child(2) > span {
    padding: 0 0.5rem;
  }
}
.post-category-navigation ul li > span {
  position: relative;
  display: block;
  padding: 0 0.5rem;
  font-size: 0.92em;
  font-weight: 700;
  height: 48px;
  line-height: 48px;
  font-feature-settings: "palt";
  cursor: pointer;
  color: #FFF;
  border-radius: 0.2em;
}
@media print, screen and (min-width: 350px) {
  .post-category-navigation ul li > span {
    padding: 0 0.75rem;
  }
}
@media print, screen and (min-width: 576px) {
  .post-category-navigation ul li > span {
    padding: 0 1rem;
  }
}
@media print, screen and (min-width: 800px) {
  .post-category-navigation ul li > span {
    height: 56px;
    font-size: 0.875em;
    line-height: 56px;
  }
}
.post-category-navigation ul li > span::before {
  position: absolute;
  top: 0;
  left: 0;
  content: " ";
  width: 100%;
  height: 100%;
  background-color: #ddd;
  z-index: -1;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  border-radius: 0.2em;
}
.post-category-navigation ul li > span:hover::before {
  height: 4px;
}
.post-category-navigation ul li.current span::before {
  height: 4px;
}
.post-category-navigation ul li:nth-child(1) span::before {
  background-color: #003e91;
}
.post-category-navigation ul li:nth-child(1) span:hover {
  color: #003e91;
}
.post-category-navigation ul li:nth-child(1).current span {
  color: #003e91;
}
.post-category-navigation ul li:nth-child(2) span::before {
  background-color: #5034bc;
}
.post-category-navigation ul li:nth-child(2) span:hover {
  color: #5034bc;
}
.post-category-navigation ul li:nth-child(2).current span {
  color: #5034bc;
}
.post-category-navigation ul li:nth-child(3) span {
  color: #222;
}
.post-category-navigation ul li:nth-child(3) span::before {
  background-color: #f0e900;
}
.post-category-navigation ul li:nth-child(3) span:hover {
  color: #f0e900;
}
.post-category-navigation ul li:nth-child(3).current span {
  color: #f0e900;
  color: #575400;
}
.post-category-navigation ul li:nth-child(4) span::before {
  background-color: #40bdec;
}
.post-category-navigation ul li:nth-child(4) span:hover {
  color: #40bdec;
}
.post-category-navigation ul li:nth-child(4).current span {
  color: #40bdec;
}
.post-category-navigation ul li:nth-child(5) span::before {
  background-color: #01a7ac;
}
.post-category-navigation ul li:nth-child(5) span:hover {
  color: #01a7ac;
}
.post-category-navigation ul li:nth-child(5).current span {
  color: #01a7ac;
}
.post-category-navigation ul li:nth-child(6) span::before {
  background-color: #00a0e9;
}
.post-category-navigation ul li:nth-child(6) span:hover {
  color: #00a0e9;
}
.post-category-navigation ul li:nth-child(6).current span {
  color: #00a0e9;
}
.post-category-navigation ul li:nth-child(7) span::before {
  background-color: #168e2e;
}
.post-category-navigation ul li:nth-child(7) span:hover {
  color: #168e2e;
}
.post-category-navigation ul li:nth-child(7).current span {
  color: #168e2e;
}
.post-category-navigation .icon-news-common {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  z-index: 100;
  width: 48px;
  height: 48px;
  background-color: #EEE;
}
@media print, screen and (min-width: 800px) {
  .post-category-navigation .icon-news-common {
    top: 16px;
    width: 56px;
    height: 56px;
  }
}
@media print, screen and (min-width: 960px) {
  .post-category-navigation .icon-news-common {
    position: absolute;
    top: 16px;
    left: 50%;
    width: 56px;
    height: 56px;
    padding: 0 6px;
    margin-left: -420px;
  }
}
@media print, screen and (min-width: 960px) {
  .post-category-navigation .icon-news-common {
    left: 50%;
    margin-left: -420px;
  }
}
.post-category-navigation .icon-news-common i svg {
  width: 40px;
  height: 40px;
  stroke: #999;
  stroke-width: 1;
}
@media print, screen and (min-width: 800px) {
  .post-category-navigation .icon-news-common i svg {
    width: 44px;
    height: 44px;
  }
}
.post-category-navigation .icon-news-common span {
  bottom: 2px;
  display: block;
  text-align: center;
}
@media print, screen and (min-width: 800px) {
  .post-category-navigation .icon-news-common span {
    bottom: 2px;
    font-size: 9px;
  }
}

@media print, screen and (min-width: 960px) {
  .page-course .scn-norm.no-sp.scn-course-index-top {
    padding-top: 2em;
  }
}
.page-course {
  padding-top: 70px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 230% auto;
  background-image: url(../img/course/bg-course.webp);
  position: relative;
  max-width: 1064px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  /*@include bgimg(no-repeat, center top, 100% auto);
  background-image: url(../img/course/main-smp.jpg);
  @include mq-up(md) {
      background-image: url(../img/course/main.jpg);
  }*/
}
@media print, screen and (min-width: 576px) {
  .page-course {
    padding-top: 80px;
    background-size: 210% auto;
  }
}
@media print, screen and (min-width: 768px) {
  .page-course {
    margin-top: -60px;
    padding-top: 140px;
    background-size: 100% auto;
  }
}
@media print, screen and (min-width: 960px) {
  .page-course {
    margin-top: 0;
    padding-top: 160px;
  }
}
.page-course .scn-norm h1 {
  position: relative;
  display: block;
  margin: 0 auto 0.5em;
  width: 100%;
  font-size: 1em;
  line-height: 1;
  /*@include mq-up(sm) {
      padding-top: 20vw;
      padding-bottom: 6rem;
  }

  @include mq-up(md) {
      padding-top: 12vw;
      padding-bottom: 4rem;
  }

  @include mq-up(lg) {
      padding-top: 14vw;
      padding-bottom: 1rem;
      width: 70%;
  }*/
}
.page-course .scn-norm h1 img {
  position: relative;
  width: 100%;
  height: auto;
}
.page-course .scn-norm h1 img.ti {
  z-index: 2;
}
.page-course .scn-norm h1 img.ph {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.page-course .scn-norm h1 img.ph_left {
  position: absolute;
  bottom: 0;
  left: 18%;
  z-index: 3;
  width: auto;
  height: 63%;
}
.page-course .scn-norm h1 img.ph_right {
  position: absolute;
  top: 0;
  right: -18%;
  z-index: 1;
  width: auto;
  height: 78%;
}
.page-course .scn-norm .heading-course {
  text-align: center;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-style: italic;
  margin-bottom: 0.5em;
}
.page-course .scn-norm .lead {
  font-weight: 400;
}

.course-index {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  max-width: 1200px;
  margin: 0 auto 1.5rem;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 20px;
  padding: 20px;
  position: relative;
  width: calc(100% - 5em);
}
.course-index::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  border: 2px solid rgba(255, 255, 255, 0.5);
  margin: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border-radius: 25px;
}
.course-index ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 3px;
  width: 100%;
}
.course-index ul li {
  width: calc((100% - 12px) / 5);
  background-color: #fff;
  border-radius: 15px;
  padding: 20px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  margin: 0 !important;
  text-indent: 0 !important;
}
.course-index ul li::before {
  content: none !important;
}
@media print, screen and (min-width: 576px) {
  .course-index {
    margin-bottom: 2rem;
  }
}
@media print, screen and (min-width: 960px) {
  .course-index {
    margin-bottom: 2.5rem;
  }
}
.course-index > dl {
  position: relative;
  width: calc(50% - 4px);
  text-align: center;
  display: block;
  cursor: pointer;
  font-feature-settings: "palt";
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  border-radius: 16px;
  background-color: #fff;
  padding: 20px;
  margin: 2px;
  /*&#Idx-S {
      //background-color: colors(crsS);
      background-color: #003894;

      dt {
          color: #003894;

          &::before {
              border-color: #003894;
          }

          &::after {
              border-color: #003894;
          }
      }
  }*/
  /*&#Idx-I {
      //background-color: colors(crsI);
      background-color: #0081cc;

      dt {
          color: #0081cc;

          &::before {
              border-color: #0081cc;
          }

          &::after {
              border-color: #0081cc;
          }
      }
  }*/
  /*&#Idx-II {
      //background-color: colors(crsII);
      background-color: #009fb9;

      dt {
          color: #009fb9;

          &::before {
              border-color: #009fb9;
          }

          &::after {
              border-color: #009fb9;
          }
      }
  }*/
  /*&#Idx-C {
      //background-color: colors(crsC);
      background-color: #00b4fa;

      dt {
          color: #00b4fa;

          &::before {
              border-color: #00b4fa;
          }

          &::after {
              border-color: #00b4fa;
          }
      }
  }*/
  /*&#Idx-STEAM {
      //background-color: #281976;
      //background: linear-gradient(135deg, rgba($clr_steam_A, 1) 0, rgba($clr_steam_B, 1) 100%);
      background-color: #931574;

      dt {
          color: #931574;

          &::before {
              border-color: #931574;
          }

          &::after {
              border-color: #931574;
          }
      }
  }*/
}
@media print, screen and (min-width: 800px) {
  .course-index > dl {
    width: calc(20% - 4px);
  }
}
@media print, screen and (min-width: 960px) {
  .course-index > dl {
    font-size: 0.92em;
  }
}
@media print, screen and (min-width: 1104px) {
  .course-index > dl {
    font-size: 1em;
  }
}
.course-index > dl dt {
  line-height: 1.3;
  margin: 0;
  /*position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #fff;
  //font-size: 1.0625em;
  font-weight: 500;
  text-align: center;
  border-radius: 50%;
  color: #000;*/
  /*span {
      font-size: 0.625em;
  }

  &::before {
      position: absolute;
      content: "";
      top: 3px;
      left: 3px;
      border: 2px solid #000;
      display: block;
      width: calc(100% - 6px);
      height: calc(100% - 6px);
      border-radius: 50%;
  }

  &::after {
      position: absolute;
      content: "";
      top: 7px;
      left: 7px;
      border: 1px solid #000;
      display: block;
      width: calc(100% - 14px);
      height: calc(100% - 14px);
      border-radius: 50%;
  }

  i {
      position: absolute;
      top: -0.75em;
      left: -0.5em;
      font-size: 0.8125em;
      line-height: 1;
      font-weight: 700;
      padding: 0.5em 1em;
      background-color: colors(prA);
      border-radius: 0.25em;
  }*/
}
.course-index > dl dd {
  position: relative;
  margin: 0;
  padding: 0.5em;
  font-weight: bold;
  font-size: 3.35vw;
  font-size: clamp(0.65em, 3.35vw, 1em);
  display: none;
}
@media print, screen and (min-width: 576px) {
  .course-index > dl dd {
    font-size: 1em;
  }
}
.course-index > dl dd .cp {
  display: block;
  margin: 0 auto;
  font-size: 0.8125em;
  line-height: 1.4;
  min-height: 4.25em;
}
.course-index > dl dd .num {
  display: block;
  margin: 0 auto;
  font-size: 0.75em;
  font-weight: normal;
}

.course-details {
  position: relative;
  padding-top: 4rem;
}
@media print, screen and (min-width: 800px) {
  .course-details {
    padding-top: 4rem;
  }
}
@media print, screen and (min-width: 1104px) {
  .course-details {
    padding-top: 3rem;
  }
}
.course-details .scn-norm {
  background-color: #fff;
  width: 100%;
  padding: 0 0 2em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3rem;
  /*@include mq-up(xxl) {
      border-radius: 1em;
  }*/
  /*&:not(:first-child) {
      //padding-top: 0;
  }*/
}
@media print, screen and (min-width: 960px) {
  .course-details .scn-norm {
    margin-bottom: 4rem;
  }
}
@media print, screen and (max-width: 575px) {
  .course-details .scn-norm .inner-wrap--narrow {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.course-details .scn-norm p.lead {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
}
@media all and (-ms-high-contrast: none) {
  .course-details .scn-norm p.lead {
    font-family: "メイリオ", Meiryo, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
}
@media all and (-ms-high-contrast: none) {
  .course-details .scn-norm p.lead {
    font-family: "メイリオ", Meiryo, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
}
.course-details .hd-course {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  margin-bottom: 2em;
  /*&::before {
      position: absolute;
      bottom: 0;
      left: 1.25em;
      width: calc(100% - 2.5em);
      height: 100%;
      content: " ";
      z-index: 0;
      background-color: #f9f3e0;
      border-radius: 1em;

      @include mq-up(sm) {
          left: 2.5em;
          width: calc(100% - 5em);
      }

      @include mq-up(md) {
          left: 3.75em;
          width: calc(100% - 7.5em);
          height: calc(100% - 5em);
      }
  }

  &:not(.rev) {
      &::after {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          content: " ";
          @include bgimg(no-repeat, left top, 100% auto);
          background-image: url(../img/common/tri-top-white.svg);
          z-index: 0;
          opacity: 0.4;
          overflow: hidden;

          @include mq-up(md) {
              background-size: 50% auto;
          }
      }
  }*/
}
.course-details .hd-course.rev {
  flex-direction: row-reverse;
}
.course-details .hd-course.rev .fig h2 {
  right: auto;
  left: -1em;
}
@media print, screen and (max-width: 575px) {
  .course-details .hd-course.rev .fig h2 {
    top: -1em;
    left: -2em;
    width: 100px;
    height: 100px;
    font-size: 1.3em;
  }
  .course-details .hd-course.rev .fig h2::before {
    top: 3px;
    left: 3px;
    border: 3px solid #000;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
  }
  .course-details .hd-course.rev .fig h2::after {
    top: 8px;
    left: 8px;
    border: 1px solid #000;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
  }
  .course-details .hd-course.rev .fig h2 span.ti {
    font-size: 0.625em;
  }
  .course-details .hd-course.rev .fig h2 span.num {
    font-size: 0.5em;
    bottom: -1.5em;
  }
}
@media print, screen and (max-width: 1103px) {
  .course-details .hd-course.rev .fig h2 {
    left: -2em;
  }
}
@media print, screen and (min-width: 800px) {
  .course-details .hd-course.rev .txt {
    padding: 2em 5em 0 2em;
  }
}
.course-details .hd-course .txt {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 1em 0 0;
  /*@include mq-up(xl) {
      margin-right: -10%;
  }*/
}
@media print, screen and (min-width: 800px) {
  .course-details .hd-course .txt {
    width: 60%;
    padding: 2em 0 0 2em;
  }
}
.course-details .hd-course .txt .inner {
  position: relative;
  margin: auto;
  width: 100%;
  max-width: 480px;
  text-align: left;
}
@media print, screen and (min-width: 960px) {
  .course-details .hd-course .txt.wide {
    padding-left: 0;
  }
  .course-details .hd-course .txt.wide .inner {
    max-width: none;
  }
}
.course-details .hd-course .txt h2 {
  position: relative;
  font-weight: 500;
  font-size: 1.35em;
  line-height: 1.2;
  margin-bottom: 1.5rem;
}
@media print, screen and (min-width: 960px) {
  .course-details .hd-course .txt h2 {
    font-size: 1.5em;
  }
}
.course-details .hd-course .txt h2 span.ti {
  position: relative;
  display: inline-block;
  padding: 0.35em 0 0.35em 0.5em;
  background-color: #000;
  color: #FFF;
  z-index: 1;
  border-radius: 0.25em;
}
.course-details .hd-course .txt h2 span.ti::after {
  position: absolute;
  right: -25%;
  top: 0;
  width: 50%;
  height: 100%;
  content: " ";
  background-color: #000;
  transform: skew(-30deg);
  border-radius: 0.25em;
  z-index: -1;
}
.course-details .hd-course .txt h2 span.num {
  display: block;
  font-size: 1rem;
  margin-top: 0.25em;
}
.course-details .hd-course .txt p {
  font-size: 0.875em;
}
.course-details .hd-course .fig {
  position: relative;
  z-index: 0;
  width: 100%;
  margin-right: 0;
  margin-top: -2em;
}
@media print, screen and (min-width: 800px) {
  .course-details .hd-course .fig {
    width: 40%;
  }
}
.course-details .hd-course .fig img {
  width: 100%;
  height: auto;
}
.course-details .hd-course .fig.stick-bottom {
  margin-top: auto;
  margin-bottom: 0;
}
.course-details .hd-course .fig h2 {
  position: absolute;
  content: " ";
  top: 0.5em;
  right: 0;
  width: 142px;
  height: 142px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #fff;
  font-weight: 500;
  text-align: center;
  color: #000;
  font-size: 2em;
  line-height: 1.2;
  z-index: 1;
  border-radius: 50%;
}
.course-details .hd-course .fig h2::before {
  position: absolute;
  content: "";
  top: 3px;
  left: 3px;
  border: 4px solid #000;
  display: block;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  border-radius: 50%;
}
.course-details .hd-course .fig h2::after {
  position: absolute;
  content: "";
  top: 9px;
  left: 9px;
  border: 1px solid #000;
  display: block;
  width: calc(100% - 18px);
  height: calc(100% - 18px);
  border-radius: 50%;
}
.course-details .hd-course .fig h2 span.ti {
  font-size: 0.56em;
}
.course-details .hd-course .fig h2 span.num {
  font-size: 0.375em;
  position: absolute;
  bottom: -1.5em;
}
@media print, screen and (max-width: 575px) {
  .course-details .hd-course .fig h2 {
    top: -1em;
    right: -2em;
    width: 100px;
    height: 100px;
    font-size: 1.3em;
  }
  .course-details .hd-course .fig h2::before {
    top: 3px;
    left: 3px;
    border: 3px solid #000;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
  }
  .course-details .hd-course .fig h2::after {
    top: 8px;
    left: 8px;
    border: 1px solid #000;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
  }
  .course-details .hd-course .fig h2 span.ti {
    font-size: 0.625em;
  }
  .course-details .hd-course .fig h2 span.num {
    font-size: 0.5em;
    bottom: -1.5em;
  }
}
@media print, screen and (max-width: 1103px) {
  .course-details .hd-course .fig h2 {
    right: -0.8em;
  }
}
.course-details .hd-course .fig.rev {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  /*&::after {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: " ";
  @include bgimg(no-repeat, right bottom, 100% auto);
  background-image: url(../img/common/tri-bottom-white.svg);
  z-index: 0;
  opacity: 0.6;
  overflow: hidden;

  @include mq-up(md) {
      background-size: 50% auto;
  }*/
}
@media print, screen and (min-width: 800px) {
  .course-details .hd-course .fig .txt {
    margin-right: 0;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 1104px) {
  .course-details .hd-course .fig .txt {
    margin-left: 0;
  }
}
.course-details .blck-feature {
  position: relative;
}
.course-details .blck-feature h3 {
  font-size: 0.875em;
  font-weight: 700;
  margin: 0;
  padding-bottom: 0.5em;
  position: static;
}
.course-details .blck-feature h3::before {
  content: none;
}
.course-details .blck-feature h3::after {
  content: none;
}
.course-details .blck-feature .result {
  border: 2px solid #000;
  display: flex;
  align-items: center;
  flex-direction: column;
  /*&:not(:last-child) {
      //margin-bottom: 2rem;
  }*/
}
@media print, screen and (min-width: 800px) {
  .course-details .blck-feature .result {
    flex-direction: row;
  }
}
.course-details .blck-feature .result h4 {
  font-weight: 700;
  font-size: 1em;
  line-height: 1;
  width: 6em !important;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0.5em;
  /*&::before {
      position: absolute;
      top: 0;
      left: -0.5em;
      border-style: solid;
      border-width: 54px 96px 0 0;
      border-color: colors(blue_C) transparent transparent transparent;
      width: 0;
      height: 0;
      content: " ";
      z-index: 0;
      opacity: 0.5;

      @include mq-up(md) {}
  }*/
  /*span {
      //position: relative;
      //display: inline-block;
      //padding: 0.75em 0.75em;
      //color: #fff;
  }*/
}
.course-details .blck-feature .result p {
  font-size: 0.8125em;
  line-height: 1.5;
  padding: 0.2em 1em;
  background-color: #fff;
  flex: 1;
}
.course-details .blck-curriculum {
  position: relative;
}
.course-details .blck-curriculum h5 {
  margin-bottom: 0;
  border-bottom: 1px solid #000;
}
.course-details .blck-curriculum p {
  font-size: 0.75em;
  color: #505050;
  text-align: right;
}
.course-details .blck-curriculum .fig-norm a {
  display: block;
  text-decoration: none;
}
.course-details .blck-curriculum .fig-norm a img {
  width: 100%;
  height: auto;
}
.course-details .blck-feature:not(:first-child),
.course-details .blck-curriculum:not(:first-child),
.course-details .msg:not(:first-child) {
  margin-top: 1em;
}
.course-details .page-top-course a {
  margin-top: 4em;
  color: #1f408f;
  display: inline-block;
  position: relative;
  font-size: 0.8em;
}
.course-details .page-top-course a::before {
  content: "";
  width: 16px;
  height: 16px;
  border: 0;
  border-bottom: 2px solid #1f408f;
  border-right: 2px solid #1f408f;
  transform: rotate(-135deg);
  position: absolute;
  top: -15px;
  left: 50%;
  margin-left: -8px;
}
.course-details .page-top-course a::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #1f408f;
  transition: all 0.3s;
  transform: scale(0, 1);
  transform-origin: center top;
}
.course-details .page-top-course a:hover::after {
  transform: scale(1, 1);
}

.curriculum-caption {
  position: relative;
  font-size: 0.8125em;
  line-height: 1.4;
  border-bottom: 1px dotted #BBBBBB;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}
.curriculum-caption::after {
  content: " ";
  display: block;
  clear: both;
}
.curriculum-caption::after {
  content: " ";
  display: block;
  clear: both;
}
.curriculum-caption dt {
  float: left;
  width: 8em;
  margin-bottom: 0.25em;
  font-weight: 700;
}
.curriculum-caption dd {
  margin-left: 8em;
  margin-bottom: 0.25em;
}

/*.bgclr-course-S {
    color: #fff !important;
    //background-color: colors(crsS) !important;
    background-color: #ef858c !important;
}

.bgclr-course-I {
    color: #fff !important;
    //background-color: colors(crsI) !important;
    background-color: #187fc4 !important;
}

.bgclr-course-II {
    color: #fff !important;
    //background-color: colors(crsII) !important;
    background-color: #6cbb5a !important;
}

.bgclr-course-C {
    color: #fff !important;
    //background-color: colors(crsC) !important;
    background-color: #d3a243 !important;
}

.bgclr-course-J1 {
    color: #fff !important;
    background-color: #969530 !important;
}

.bgclr-course-J2 {
    color: #fff !important;
    background-color: #6f529b !important;
}

.bgclr-course-STEAM {
    color: #fff !important;
    background-color: $clr_steam_A !important;
}*/
#Course-STEAM .hd-course span {
  cursor: pointer;
  transition: all 0.3s;
}
#Course-STEAM .hd-course span:hover {
  opacity: 0.7;
}

.msg {
  position: relative;
  padding: 0 0 0 2rem;
}
@media print, screen and (min-width: 576px) {
  .msg {
    padding: 1.5rem 0 0 2rem;
    border-top: 2px solid #003e91;
  }
}
@media print, screen and (min-width: 800px) {
  .msg {
    padding-left: 3rem;
    border-width: 3px;
  }
}
.msg.no-border {
  padding: 0;
  border: none;
}
.msg h3 {
  position: absolute;
  top: -2px;
  left: 0;
  width: 1.4rem;
  height: 100%;
  padding: 0.35rem;
  background-color: #003e91;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 60px auto;
  background-image: url("../img/course/bg-msg-ti.svg");
}
@media print, screen and (min-width: 576px) {
  .msg h3 {
    width: 1.6rem;
  }
}
@media print, screen and (min-width: 800px) {
  .msg h3 {
    top: -3px;
    width: 1.8rem;
  }
}
.msg h3 img {
  width: 100%;
  height: auto;
}
.msg h4 {
  margin-bottom: 0.75em;
}
.msg .wrap-msg {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
@media print, screen and (min-width: 576px) {
  .msg .wrap-msg .col-t {
    width: 67%;
  }
}
.msg .wrap-msg .col-i {
  font-size: 0.875em;
  width: 100%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
}
.msg .wrap-msg .col-i p {
  text-align: center;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 1em;
}
@media print, screen and (min-width: 576px) {
  .msg .wrap-msg .col-i {
    width: 33%;
    max-width: none;
    padding-right: 2rem;
    margin: 0;
  }
}
.msg .wrap-msg .fig-norm {
  margin-top: 0;
}
@media print, screen and (min-width: 576px) {
  .msg.from-teacher .wrap-msg {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media print, screen and (min-width: 576px) {
  .msg.from-teacher .col-i {
    padding-left: 2rem;
    padding-right: 0;
  }
}
.msg.from-teacher .col-i .ph {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 60%;
  overflow: hidden;
  margin-bottom: 0.5rem;
  border-radius: 0.25rem;
}
@media print, screen and (min-width: 576px) {
  .msg.from-teacher .col-i .ph {
    padding-top: 100%;
  }
}
.msg.from-teacher .col-i .ph img {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  width: 100%;
  max-width: none;
}
@media print, screen and (min-width: 576px) {
  .msg.from-teacher .col-i .ph img {
    left: 50%;
    height: 100%;
    width: auto;
    transform: translateX(-50%);
  }
}
@media print, screen and (min-width: 576px) {
  .msg.from-teacher .col-i .ph.ver {
    padding-top: 133%;
  }
}
@media print, screen and (min-width: 576px) {
  .msg.from-teacher .col-i .ph.ver img {
    left: 0;
    height: auto;
    width: 100%;
    transform: translateX(0);
  }
}
.msg.from-student {
  padding: 0 2rem 0 0;
}
@media print, screen and (min-width: 576px) {
  .msg.from-student {
    padding: 1.5rem 2rem 0 0;
  }
}
@media print, screen and (min-width: 800px) {
  .msg.from-student {
    padding: 1.5rem 3rem 0 0;
  }
}
.msg.from-student h3 {
  left: inherit;
  right: 0;
}
.msg.from-student .col-i .ph {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 60%;
  overflow: hidden;
  margin-bottom: 0.5rem;
  border-radius: 0.25rem;
}
@media print, screen and (min-width: 576px) {
  .msg.from-student .col-i .ph {
    padding-top: 100%;
  }
}
.msg.from-student .col-i .ph img {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  width: 100%;
  max-width: none;
}
@media print, screen and (min-width: 576px) {
  .msg.from-student .col-i .ph img {
    left: 50%;
    height: 100%;
    width: auto;
    transform: translateX(-50%);
  }
}

.wrap-msgs {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: 2rem -1rem 0;
}
@media print, screen and (min-width: 960px) {
  .wrap-msgs {
    margin: 3rem -1.5rem 0;
  }
}
.wrap-msgs .msg-sml {
  width: 100%;
  padding: 1rem;
}
@media print, screen and (min-width: 800px) {
  .wrap-msgs .msg-sml {
    width: 50%;
  }
}
@media print, screen and (min-width: 960px) {
  .wrap-msgs .msg-sml {
    padding: 1.5rem;
  }
}
.wrap-msgs .msg-sml .sbj {
  position: relative;
  width: 100%;
  overflow: hidden;
  font-size: 0.7em;
  line-height: 1.75rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  margin-bottom: 1em;
  border-radius: 0.85rem;
  background-color: rgba(0, 62, 145, 0.1);
  background-repeat: repeat;
  background-position: 0 0;
  background-size: 4px 4px;
  background-image: url("../img/common/slash/slash-x4-wh.svg");
}
.wrap-msgs .msg-sml .sbj span {
  position: relative;
  display: inline-block;
  text-align: center;
  min-width: 12em;
  padding: 0 2em;
  background-color: #003e91;
  color: #FFF;
  border-radius: 0.85rem;
}
.wrap-msgs .msg-sml .inner {
  font-size: 0.875em;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.wrap-msgs .msg-sml .inner .col-t {
  width: 100%;
}
@media print, screen and (min-width: 350px) {
  .wrap-msgs .msg-sml .inner .col-t {
    width: 67%;
  }
}
@media print, screen and (min-width: 800px) {
  .wrap-msgs .msg-sml .inner .col-t {
    width: 60%;
  }
}
.wrap-msgs .msg-sml .inner .col-t h4 {
  margin-bottom: 0.5rem;
}
.wrap-msgs .msg-sml .inner .col-i {
  width: 100%;
  margin-top: 1rem;
}
@media print, screen and (min-width: 350px) {
  .wrap-msgs .msg-sml .inner .col-i {
    width: 33%;
    padding-left: 1rem;
    margin: 0;
  }
}
@media print, screen and (min-width: 576px) {
  .wrap-msgs .msg-sml .inner .col-i {
    padding-left: 1.5rem;
  }
}
@media print, screen and (min-width: 800px) {
  .wrap-msgs .msg-sml .inner .col-i {
    width: 40%;
  }
}
.wrap-msgs .msg-sml .inner .col-i p {
  text-align: center;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0;
}
.wrap-msgs .msg-sml .ph {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 67%;
  overflow: hidden;
  margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 350px) {
  .wrap-msgs .msg-sml .ph {
    padding-top: 133% !important;
  }
}
.wrap-msgs .msg-sml .ph img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  height: auto;
  width: 100%;
  transform: translateX(0);
}

.msg-simple {
  padding: 0 30px;
  /*&::before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      content: ' ';
      @include bgimg(no-repeat, left top, 100% auto);
      background-image: url(../img/common/tri-top-white.svg);
      z-index: 0;
      opacity: .1;
      overflow: hidden;
  }*/
}
.msg-simple.no-border {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}
.msg-simple--title {
  font-family: "WorkSans", Arial, Helvetica, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  font-size: 0.875em;
  line-height: 1;
  margin-bottom: 0.5em;
  /*@include mq-up(xsm) {
      position: absolute;
      top: 1.5rem;
      left: 0;
      padding-left: 0;
  }*/
}
@media print, screen and (max-width: 767px) {
  .msg-simple--title br {
    display: none;
  }
}
.msg-simple--title span {
  /*&::before {
      position: absolute;
      top: .5em;
      left: .5em;
      width: 100%;
      height: 100%;
      content: ' ';
      border: 1px solid colors(prA);
      transform: skew(-45deg);
      opacity: .25;
      z-index: -1;
  }*/
}
.msg-simple--title.ti-curriculum span {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  /*@include mq-up(xsm) {
      writing-mode: vertical-rl;
  }

  &::before {
      transform: skewY(-45deg);
  }*/
}
@media all and (-ms-high-contrast: none) {
  .msg-simple--title.ti-curriculum span {
    font-family: "メイリオ", Meiryo, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
}
.msg-simple ul {
  margin-bottom: 0.5em;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.msg-simple ul li {
  font-size: 0.875em;
  margin-right: 1em;
}
.msg-simple ul li::before {
  content: "◎" !important;
}
@media print, screen and (min-width: 1104px) {
  .msg-simple ul {
    flex-direction: row;
  }
}
.msg-simple--portrait {
  position: absolute;
  top: 1em;
  left: 0em;
  margin-left: -3em;
  width: 5em;
}
@media print, screen and (min-width: 768px) {
  .msg-simple--portrait {
    margin-left: -5em;
    width: 10em;
  }
}
.msg-simple--portrait img {
  width: 100%;
  height: auto;
}
.msg-simple--inner {
  position: relative;
  z-index: 1;
}
.msg-simple--inner p {
  font-size: 0.92em;
  line-height: 1.7;
}
.msg-simple--inner ul {
  padding: 1em 1em 0.75em;
  background-color: rgba(0, 62, 145, 0.1);
  border-radius: 0.2em;
}
.msg-simple.rev .msg-simple--portrait {
  top: 1em;
  left: auto;
  right: 0em;
  margin-left: 0;
  margin-right: -3em;
}
@media print, screen and (min-width: 768px) {
  .msg-simple.rev .msg-simple--portrait {
    margin-left: 0;
    margin-right: -5em;
  }
}
.msg-simple.rev .msg-simple--inner {
  padding-left: 0;
  padding-right: 3.5em;
}
@media print, screen and (min-width: 768px) {
  .msg-simple.rev .msg-simple--inner {
    padding-left: 0;
    padding-right: 6.5em;
  }
}

.page-human .lead-with-img {
  margin-top: -1.75rem;
  margin-bottom: 4em;
}
@media print, screen and (min-width: 960px) {
  .page-human .lead-with-img {
    margin-top: -2.5rem;
  }
}
@media print, screen and (min-width: 576px) {
  .page-human .lead-with-img--img {
    width: 47%;
  }
}
@media print, screen and (min-width: 576px) {
  .page-human .lead-with-img--text {
    width: 53%;
  }
}
.page-human .lead-with-img--text h2 {
  color: #21A3DA;
  font-weight: 700;
  font-style: italic;
  margin: 1.5em auto 0.5em;
}
@media print, screen and (min-width: 576px) {
  .page-human .lead-with-img--text h2 {
    margin: 1.5em 0 0.5em;
  }
}
@media print, screen and (min-width: 800px) {
  .page-human .lead-with-img--text h2 {
    font-size: 2em;
    margin: 0 0 0.5em;
  }
}
@media print, screen and (min-width: 1104px) {
  .page-human .lead-with-img--text h2 {
    font-size: 3em;
    margin: 0 0 0.5em;
  }
}
.page-human .lead-with-img--text p.lead {
  color: #21A3DA;
  font-size: 1em;
  font-weight: 400;
}

.wrap-course-program {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: -1rem;
}
@media print, screen and (min-width: 800px) {
  .wrap-course-program {
    margin: -2rem;
  }
}
.wrap-course-program .pgm {
  position: relative;
  padding: 1rem;
}
@media print, screen and (min-width: 768px) {
  .wrap-course-program .pgm {
    width: 50%;
  }
}
@media print, screen and (min-width: 800px) {
  .wrap-course-program .pgm {
    padding: 2rem;
  }
}
.wrap-course-program .pgm h3.plain {
  position: relative;
  margin-bottom: 1em;
  font-size: 1.1em;
  display: block;
  padding: 0.5em 1em;
  color: #FFF;
  background-color: #21a3da;
  border-radius: 0.5em;
}
.wrap-course-program .pgm h3.plain i {
  position: absolute;
  bottom: 100%;
  left: 0;
  font-size: 1.25em;
  line-height: 1;
  color: #21A3DA;
  font-family: "WorkSans", Arial, Helvetica, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  margin-bottom: -0.5em;
  padding: 0 0.5em 0.5em;
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  align-items: center;
}
.wrap-course-program .pgm h3.plain i > span {
  font-size: 0.65em;
  margin-right: 0.5em;
  font-weight: 500;
}
.wrap-course-program .pgm .inner {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}
.wrap-course-program .pgm .inner .desc {
  margin-bottom: 1rem;
}
@media print, screen and (min-width: 800px) {
  .wrap-course-program .pgm .inner .desc {
    margin-bottom: 1.5rem;
  }
}
.wrap-course-program .pgm .inner .fig {
  position: relative;
  margin-top: auto;
  margin-bottom: 0;
  width: 100%;
}
.wrap-course-program .pgm .inner .fig img {
  width: 100%;
  height: auto;
}

.page-reforms .scn-norm.clrd {
  background-color: rgba(92, 111, 180, 0.035);
}
.page-reforms h2,
.page-reforms h3,
.page-reforms h4 {
  color: #5c6fb4;
}
.page-reforms h2:not(.plain):not(.no-border)::before {
  border-color: #5c6fb4;
}
.page-reforms h2:not(.plain):not(.no-border)::after {
  border-top-color: #5c6fb4;
}
.page-reforms h3:not(.plain)::before {
  border-color: #5c6fb4;
}
.page-reforms h3:not(.plain)::after {
  background: linear-gradient(to right, rgba(92, 111, 180, 0.35) 0, rgba(92, 111, 180, 0.15) 100%);
  border-color: #5c6fb4;
}
.page-reforms h5 {
  color: #364374;
}
.page-reforms h4:not(.plain) {
  background-color: #5c6fb4;
}
.page-reforms p.lead {
  color: #5c6fb4;
}
.page-reforms .func-message {
  border: 1px dotted #5c6fb4;
  background-color: rgba(92, 111, 180, 0.02);
}
.page-reforms .func-message h4::before {
  background: linear-gradient(to right, rgba(92, 111, 180, 0.8) 0, rgba(0, 62, 145, 0.8) 100%);
}
.page-reforms .func-message h4::after {
  background: linear-gradient(to right, rgba(0, 62, 145, 0.8) 0, rgba(92, 111, 180, 0.8) 100%);
}
.page-reforms .column {
  background-color: #00a0da;
}
.page-reforms .column--title {
  color: #5c6fb4;
}
.page-reforms .column--heading {
  color: #5c6fb4;
}
.page-reforms .scn-norm.bg-reforms {
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 80% auto;
  background-image: url(../img/course/reforms/bg-reforms.jpg);
}
.page-reforms .scn-norm.bg-reforms .swrap--narrow {
  margin-left: 0;
}
@media print, screen and (max-width: 799px) {
  .page-reforms .corner-header--inner {
    padding-left: 30vw;
  }
}
@media print, screen and (max-width: 575px) {
  .page-reforms .corner-header--inner {
    padding-left: 45vw;
  }
}
@media print, screen and (max-width: 799px) {
  .page-reforms .lead-with-img--img {
    margin-top: -22vw;
    width: 26vw;
  }
}
@media print, screen and (max-width: 575px) {
  .page-reforms .lead-with-img--img {
    margin-top: -38vw;
    width: 40vw;
  }
}
.page-reforms .lead-with-img--img::before {
  background-color: #f2d7d0;
}
#Scn-ICT h3 {
  position: relative;
  line-height: 1.3;
}
#Scn-ICT h3 i {
  position: relative;
  display: block;
  font-family: "WorkSans", Arial, Helvetica, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  font-size: 1.35em;
  line-height: 1;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 0.5rem;
}
#Scn-ICT h3 span {
  display: block;
  font-size: 0.875rem;
}
#Scn-ICT .lead {
  text-shadow: 0 1px 1rem rgba(255, 255, 255, 0.9);
}
#Scn-ICT .inner {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: -1rem;
}
#Scn-ICT .inner:not(:last-child) {
  margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 800px) {
  #Scn-ICT .inner:not(:last-child) {
    margin-bottom: 1.5rem;
  }
}
@media print, screen and (min-width: 960px) {
  #Scn-ICT .inner:not(:last-child) {
    margin-bottom: 2rem;
  }
}
#Scn-ICT .inner .desc {
  padding: 1rem;
}
@media print, screen and (min-width: 800px) {
  #Scn-ICT .inner .desc {
    width: 50%;
    padding-right: 2rem;
  }
}
#Scn-ICT .inner .fig {
  padding: 1rem;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 800px) {
  #Scn-ICT .inner .fig {
    width: 50%;
    margin: 0;
    max-width: none;
  }
}
#Scn-ICT .inner .fig img {
  width: 100%;
  height: auto;
}

.use-case {
  position: relative;
  background: linear-gradient(135deg, rgba(0, 158, 231, 0.1) 0, rgba(0, 172, 151, 0.1) 100%);
}
.use-case--inner {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 2rem 1%;
  max-width: calc(1104px + 5em);
  margin: auto;
}
@media print, screen and (min-width: 1104px) {
  .use-case--inner {
    padding: 3rem 1rem;
  }
}
.use-case .case {
  position: relative;
  width: 98%;
  margin: 1%;
  padding: 1rem;
  background-color: #fff;
  border-radius: 0.5em;
}
@media print, screen and (min-width: 768px) {
  .use-case .case {
    width: 48%;
  }
}
@media print, screen and (min-width: 800px) {
  .use-case .case {
    padding: 2rem;
  }
}
@media print, screen and (min-width: 800px) {
  .use-case .case {
    width: calc(50% - 2rem);
    margin: 1rem;
  }
}
.use-case .case h4 {
  position: relative;
  display: block;
  margin-bottom: 0.5em;
  font-size: 0.875em;
  font-feature-settings: "palt";
  color: #FFF;
  text-align: left;
  background: linear-gradient(to right, #00ac97 0, #009ee7 100%);
  padding: 0.5em 1em;
  border-radius: 0.25em;
}
@media print, screen and (min-width: 800px) {
  .use-case .case h4 {
    margin-bottom: 0.75em;
  }
}
.use-case .case .desc {
  padding-bottom: 1.5rem;
}
.use-case .case .sub-t {
  display: block;
  text-align: left;
  font-family: "WorkSans", Arial, Helvetica, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #21A3DA;
  font-size: 1.8em;
  line-height: 1.2;
  font-weight: 300;
  margin-bottom: 0.25em;
}
@media print, screen and (min-width: 768px) {
  .use-case .case .sub-t {
    font-size: 2.7vw;
  }
}
@media print, screen and (min-width: 960px) {
  .use-case .case .sub-t {
    font-size: 2.75vw;
  }
}
@media print, screen and (min-width: 1104px) {
  .use-case .case .sub-t {
    font-size: 2.25em;
  }
}
.use-case .case .sub-t small {
  display: inline-block;
  font-size: 0.8em;
}
.use-case .case .sub-t .case-ict {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.use-case .case .sub-t .case-ict .lrg {
  margin-right: 0.5em;
}
.use-case .case .sub-t .case-ict .sml {
  font-size: 0.45em;
  line-height: 1.1;
}
.use-case .case h5 {
  color: #003e91;
  font-size: 1.15em;
  margin-bottom: 0.25em;
}
.use-case .case p {
  line-height: 1.5;
}
@media print, screen and (min-width: 576px) {
  .use-case .case p {
    font-size: 0.92em;
  }
}
.use-case .case .mark-class-i {
  width: 60%;
  max-width: 120px;
  margin-left: auto;
  margin-right: 0;
}
@media print, screen and (min-width: 768px) {
  .use-case .case .mark-class-i {
    width: 50%;
  }
}
.use-case .case .mark-class-i img {
  width: 100%;
  height: auto;
}
.use-case .case .fig {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.use-case .case .fig img {
  width: 100%;
  height: auto;
}

.course-details .scn-norm#Course-S h2,
.course-details .scn-norm#Course-S h3,
.course-details .scn-norm#Course-S h4,
.course-details .scn-norm#Course-S h5 {
  color: #003894;
}
.course-details .scn-norm#Course-S h2 span.ti {
  color: #003894;
}
.course-details .scn-norm#Course-S h2::before {
  border-color: #003894;
}
.course-details .scn-norm#Course-S h2::after {
  border-color: #003894;
}
.course-details .scn-norm#Course-S h3::before {
  border-color: #003894;
  background-color: #003894;
}
.course-details .scn-norm#Course-S h3::after {
  border-color: #003894;
  background-color: #ccd7ea;
  background: linear-gradient(to right, rgba(204, 215, 234, 0.5) 0, rgba(204, 215, 234, 0.15) 100%);
}
.course-details .scn-norm#Course-S .hd-course {
  /*.ti {
  	background-color: $crsClr;
  }*/
}
.course-details .scn-norm#Course-S .hd-course .txt .lead {
  color: #003894;
}
.course-details .scn-norm#Course-S .blck-feature .result {
  border-color: #ccd7ea;
  background-color: #ccd7ea;
}
.course-details .scn-norm#Course-S .blck-feature .result h4 span {
  color: #003894;
}
.course-details .scn-norm#Course-S .msg-simple {
  border-top-color: #003894;
  color: #003894;
}
.course-details .scn-norm#Course-S .msg-simple h3 {
  color: #003894;
}
.course-details .scn-norm#Course-S .msg-simple h3 span::before {
  border-color: #003894;
}
.course-details .scn-norm#Course-S .msg-simple .msg-simple--inner ul {
  background-color: rgba(0, 56, 148, 0.08);
}

.course-details .scn-norm#Course-I h2,
.course-details .scn-norm#Course-I h3,
.course-details .scn-norm#Course-I h4,
.course-details .scn-norm#Course-I h5 {
  color: #0081cc;
}
.course-details .scn-norm#Course-I h2 span.ti {
  color: #0081cc;
}
.course-details .scn-norm#Course-I h2::before {
  border-color: #0081cc;
}
.course-details .scn-norm#Course-I h2::after {
  border-color: #0081cc;
}
.course-details .scn-norm#Course-I h3::before {
  border-color: #0081cc;
  background-color: #0081cc;
}
.course-details .scn-norm#Course-I h3::after {
  border-color: #0081cc;
  background-color: #cce6f5;
  background: linear-gradient(to right, rgba(204, 230, 245, 0.5) 0, rgba(204, 230, 245, 0.15) 100%);
}
.course-details .scn-norm#Course-I .hd-course {
  /*.ti {
  	background-color: $crsClr;
  }*/
}
.course-details .scn-norm#Course-I .hd-course .txt .lead {
  color: #0081cc;
}
.course-details .scn-norm#Course-I .blck-feature .result {
  border-color: #cce6f5;
  background-color: #cce6f5;
}
.course-details .scn-norm#Course-I .blck-feature .result h4 span {
  color: #0081cc;
}
.course-details .scn-norm#Course-I .msg-simple {
  border-top-color: #0081cc;
  color: #0081cc;
}
.course-details .scn-norm#Course-I .msg-simple h3 {
  color: #0081cc;
}
.course-details .scn-norm#Course-I .msg-simple h3 span::before {
  border-color: #0081cc;
}
.course-details .scn-norm#Course-I .msg-simple .msg-simple--portrait {
  top: 0em;
  left: 0em;
  margin-left: -1em;
  width: 3em;
}
@media print, screen and (min-width: 768px) {
  .course-details .scn-norm#Course-I .msg-simple .msg-simple--portrait {
    top: 1em;
    margin-left: -1em;
    width: 6.5em;
  }
}
.course-details .scn-norm#Course-I .msg-simple .msg-simple--inner ul {
  background-color: rgba(0, 129, 204, 0.08);
}

.course-details .scn-norm#Course-II h2,
.course-details .scn-norm#Course-II h3,
.course-details .scn-norm#Course-II h4,
.course-details .scn-norm#Course-II h5 {
  color: #009fb9;
}
.course-details .scn-norm#Course-II h2 span.ti {
  color: #009fb9;
}
.course-details .scn-norm#Course-II h2::before {
  border-color: #009fb9;
}
.course-details .scn-norm#Course-II h2::after {
  border-color: #009fb9;
}
.course-details .scn-norm#Course-II h3::before {
  border-color: #009fb9;
  background-color: #009fb9;
}
.course-details .scn-norm#Course-II h3::after {
  border-color: #009fb9;
  background-color: #ccecf1;
  background: linear-gradient(to right, rgba(204, 236, 241, 0.5) 0, rgba(204, 236, 241, 0.15) 100%);
}
.course-details .scn-norm#Course-II .hd-course {
  /*.ti {
  	background-color: $crsClr;
  }*/
}
.course-details .scn-norm#Course-II .hd-course .txt .lead {
  color: #009fb9;
}
.course-details .scn-norm#Course-II .blck-feature .result {
  border-color: #ccecf1;
  background-color: #ccecf1;
}
.course-details .scn-norm#Course-II .blck-feature .result h4 span {
  color: #009fb9;
}
.course-details .scn-norm#Course-II .msg-simple {
  border-top-color: #009fb9;
  color: #009fb9;
}
.course-details .scn-norm#Course-II .msg-simple h3 {
  color: #009fb9;
}
.course-details .scn-norm#Course-II .msg-simple h3 span::before {
  border-color: #009fb9;
}
.course-details .scn-norm#Course-II .msg-simple .msg-simple--portrait {
  top: -1em;
  right: 0em;
  margin-right: -2em;
  width: 4em;
}
@media print, screen and (min-width: 768px) {
  .course-details .scn-norm#Course-II .msg-simple .msg-simple--portrait {
    top: -1em;
    margin-right: -3em;
    width: 8em;
  }
}
.course-details .scn-norm#Course-II .msg-simple .msg-simple--inner ul {
  background-color: rgba(0, 159, 185, 0.08);
}

.course-details .scn-norm#Course-C h2,
.course-details .scn-norm#Course-C h3,
.course-details .scn-norm#Course-C h4,
.course-details .scn-norm#Course-C h5 {
  color: #00b4fa;
}
.course-details .scn-norm#Course-C h2 span.ti {
  color: #00b4fa;
}
.course-details .scn-norm#Course-C h2::before {
  border-color: #00b4fa;
}
.course-details .scn-norm#Course-C h2::after {
  border-color: #00b4fa;
}
.course-details .scn-norm#Course-C h3::before {
  border-color: #00b4fa;
  background-color: #00b4fa;
}
.course-details .scn-norm#Course-C h3::after {
  border-color: #00b4fa;
  background-color: #ccf0fe;
  background: linear-gradient(to right, rgba(204, 240, 254, 0.5) 0, rgba(204, 240, 254, 0.15) 100%);
}
.course-details .scn-norm#Course-C .hd-course {
  /*.ti {
  	background-color: $crsClr;
  }*/
}
.course-details .scn-norm#Course-C .hd-course .txt .lead {
  color: #00b4fa;
}
.course-details .scn-norm#Course-C .blck-feature .result {
  border-color: #ccf0fe;
  background-color: #ccf0fe;
}
.course-details .scn-norm#Course-C .blck-feature .result h4 span {
  color: #00b4fa;
}
.course-details .scn-norm#Course-C .msg-simple {
  border-top-color: #00b4fa;
  color: #00b4fa;
}
.course-details .scn-norm#Course-C .msg-simple h3 {
  color: #00b4fa;
}
.course-details .scn-norm#Course-C .msg-simple h3 span::before {
  border-color: #00b4fa;
}
.course-details .scn-norm#Course-C .msg-simple .msg-simple--inner ul {
  background-color: rgba(0, 180, 250, 0.08);
}

.course-details .scn-norm#Course-STEAM h2,
.course-details .scn-norm#Course-STEAM h3,
.course-details .scn-norm#Course-STEAM h4,
.course-details .scn-norm#Course-STEAM h5 {
  color: #931574;
}
.course-details .scn-norm#Course-STEAM p.fntLL {
  margin-bottom: 0;
  font-size: 1.25em;
  color: #931574;
}
.course-details .scn-norm#Course-STEAM h2 span.ti {
  color: #931574;
}
.course-details .scn-norm#Course-STEAM h2::before {
  border-color: #931574;
}
.course-details .scn-norm#Course-STEAM h2::after {
  border-color: #931574;
}
.course-details .scn-norm#Course-STEAM h3::before {
  border-color: #931574;
  background-color: #931574;
}
.course-details .scn-norm#Course-STEAM h3::after {
  border-color: #931574;
  background-color: #ddc2dc;
}
.course-details .scn-norm#Course-STEAM .hd-course {
  /*.ti {
  	background-color: $crsClr;
  }*/
}
.course-details .scn-norm#Course-STEAM .hd-course .txt .lead {
  color: #931574;
}
.course-details .scn-norm#Course-STEAM .blck-feature .result {
  border-color: #ddc2dc;
  background-color: #ddc2dc;
}
.course-details .scn-norm#Course-STEAM .blck-feature .result h4 span {
  color: #931574;
}
.course-details .scn-norm#Course-STEAM .msg-simple {
  border-top-color: #931574;
  color: #931574;
}
.course-details .scn-norm#Course-STEAM .msg-simple h3 {
  color: #931574;
}
.course-details .scn-norm#Course-STEAM .msg-simple h3 span::before {
  border-color: #931574;
}
.course-details .scn-norm#Course-STEAM .msg-simple .msg-simple--portrait {
  top: 0;
  right: 0em;
  margin-right: -2em;
  width: 4.5em;
}
@media print, screen and (min-width: 768px) {
  .course-details .scn-norm#Course-STEAM .msg-simple .msg-simple--portrait {
    top: 0;
    margin-right: -3em;
    width: 8em;
  }
}
.course-details .scn-norm#Course-STEAM .msg-simple .msg-simple--inner ul {
  background-color: rgba(147, 21, 116, 0.08);
}
.course-details .scn-norm#Course-STEAM .btn,
.course-details .scn-norm#Course-STEAM .btn--outline {
  background-color: #874c85;
}
.course-details .scn-norm#Course-STEAM .btn:hover,
.course-details .scn-norm#Course-STEAM .btn--outline:hover {
  background-color: #931574;
}

/* ---------------------------------------------------------------------------------------- */
/* OUTLINE
/* ---------------------------------------------------------------------------------------- */
.page-id-6::before {
  content: none;
}

.page-outline {
  padding-top: 90px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  background-image: url(../img/outline/bg-main--outline.webp);
  position: relative;
  max-width: 1064px;
  margin-left: auto;
  margin-right: auto;
  /*&::before {
  	position: absolute;
  	content: '';
  	top: 0;
  	left: 0;
  	z-index: 9999;
  	width: 100%;
  	height: 220px;
  	mix-blend-mode: color-burn;
  	background-image: linear-gradient(to bottom, rgba(80, 80, 80, 0.3) 20%, transparent);
  	background-repeat: no-repeat;
  }*/
}
@media print, screen and (min-width: 576px) {
  .page-outline {
    padding-top: 100px;
  }
}
@media print, screen and (min-width: 768px) {
  .page-outline {
    padding-top: 120px;
  }
}
@media print, screen and (min-width: 960px) {
  .page-outline {
    padding-top: 240px;
  }
}

.outline-message {
  position: relative;
  overflow: hidden;
  /*@include mq-up(md) {
  	height: 80vw;
  	max-height: 1000px;
  }

  @include mq-up(lg) {
  	padding-top: 3em;
  }

  @include mq-up(xl) {
  	max-height: 1000px;
  }*/
}
.outline-message--img {
  position: relative;
  width: 100%;
  max-width: 865px;
  height: auto;
  z-index: 0;
  margin: 1em auto 0;
  /*@include mq-up(sm) {
  	width: 130%;
  }

  @include mq-up(md) {
  	position: absolute;
  	top: 0;
  	left: 0;
  	margin-top: 0;
  	padding-top: 15em;
  	width: 100%;
  }

  @include mq-up(md) {
  	padding-top: 20em;
  }

  @include mq-up(xl) {
  	padding-top: 15em;
  }*/
}
.outline-message--img img {
  width: 100%;
  height: auto;
}
.outline-message--txt {
  position: relative;
  z-index: 1;
  color: #095ca7;
  font-size: 0.875em;
}
@media print, screen and (max-width: 959px) {
  .outline-message--txt .col-lg-2 {
    width: 15%;
  }
  .outline-message--txt .col-lg-10 {
    width: 85%;
  }
}
.outline-message--txt .copy {
  width: 100%;
  max-width: 107px;
  margin-bottom: 0;
}
.outline-message--txt .copy img {
  width: 100%;
  height: auto;
}
.outline-message--txt h2 {
  margin-top: 1em;
  margin-bottom: 1em;
  color: #095ca7;
}
@media print, screen and (max-width: 1103px) {
  .outline-message p .dsp-ib {
    display: inline;
  }
}
.outline-message .mind-map {
  display: block;
  max-width: 754px;
  margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
  .outline-message .mind-map {
    width: 100%;
  }
}
@media print, screen and (min-width: 960px) {
  .outline-message .mind-map {
    padding-top: 1em;
    margin-left: auto;
  }
}
.outline-message .mind-map img {
  width: 100%;
  height: auto;
}

.page-norm.outline .white-box-wide {
  padding-top: 0;
  padding-bottom: 0;
}

.page-greetings {
  padding-top: 90px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  background-image: url(../img/outline/bg-greetings.webp);
  position: relative;
  max-width: 1064px;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 576px) {
  .page-greetings {
    padding-top: 100px;
  }
}
@media print, screen and (min-width: 768px) {
  .page-greetings {
    padding-top: 120px;
  }
}
@media print, screen and (min-width: 960px) {
  .page-greetings {
    padding-top: 240px;
  }
}

.scn-greeting h2 {
  position: relative;
  z-index: 3;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  /*font-style: italic;*/
  color: #1f408e;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  margin: 0;
}
@media print, screen and (min-width: 960px) {
  .scn-greeting h2 {
    font-size: 1.6em;
  }
}
.scn-greeting h2 .sml {
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  /*@include fnt-go;*/
  color: #fff;
  font-size: 0.75em;
  font-weight: 300;
  margin-bottom: 1em;
  margin-left: -1em;
}
.scn-greeting h2 .sp {
  display: block;
}
@media print, screen and (min-width: 800px) {
  .scn-greeting h2 .sp {
    display: none;
  }
}
.scn-greeting .wrap-greeting {
  position: relative;
  /*max-width: $oneblock * 14;
  margin-left: auto;
  margin-right: auto;
  &::before {
  	position: absolute;
  	bottom: 0;
  	right: 0;
  	width: 100%;
  	height: 100%;
  	content: ' ';
  	z-index: 1;
  }*/
}
.scn-greeting .wrap-greeting .txt {
  position: relative;
  width: 100%;
  text-align: left;
  padding: 1em 0;
  z-index: 1;
}
@media print, screen and (min-width: 800px) {
  .scn-greeting .wrap-greeting .txt {
    margin-right: 0;
    width: 60%;
    padding: 3em;
    padding-right: 2em;
  }
}
@media print, screen and (min-width: 960px) {
  .scn-greeting .wrap-greeting .txt {
    width: 66%;
    padding: 3em 0;
  }
}
@media print, screen and (min-width: 1104px) {
  .scn-greeting .wrap-greeting .txt {
    font-size: 1.15em;
    line-height: 2;
    padding: 2em 0 1em;
  }
}
.scn-greeting .wrap-greeting .txt p {
  color: #3f3c3c;
  font-feature-settings: "palt";
  line-height: 1.7;
  font-size: 0.86em;
  margin-bottom: 1em;
}
.scn-greeting .wrap-greeting .txt .credit {
  font-size: 0.75em;
  color: #3f3c3c;
  text-align: right;
}
@media print, screen and (min-width: 800px) {
  .scn-greeting .wrap-greeting .txt .credit {
    margin-right: -2.5em;
  }
}
.scn-greeting .wrap-greeting .txt .credit span {
  font-size: 1.83em;
  font-weight: 500;
  margin-left: 1em;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.scn-greeting .wrap-greeting .ph {
  position: relative;
  z-index: -1;
  max-width: 400px;
  width: 90%;
  max-height: 90%;
  overflow: hidden;
  margin: 0 auto -12em;
}
@media print, screen and (min-width: 800px) {
  .scn-greeting .wrap-greeting .ph {
    position: absolute;
    bottom: 0;
    right: 2rem;
    width: 35%;
    max-width: none;
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 960px) {
  .scn-greeting .wrap-greeting .ph {
    right: 2.5rem;
    width: 28%;
  }
}
.scn-greeting .wrap-greeting .ph img {
  position: relative;
  width: 100%;
  height: auto;
}
.scn-greeting .wrap-greeting .ph .credit {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 0.75em;
  line-height: 1.5;
  font-weight: 700;
  text-align: right;
  padding: 0.5rem;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 2;
}
@media print, screen and (min-width: 800px) {
  .scn-greeting .wrap-greeting .ph .credit {
    left: 28.57%;
  }
}
@media print, screen and (min-width: 960px) {
  .scn-greeting .wrap-greeting .ph .credit {
    left: 0;
  }
}
.scn-greeting .wrap-greeting .ph .credit span {
  font-size: 1.45em;
}

.mark-and-motto {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  align-items: center;
  z-index: 1;
  margin: 0 auto 3rem;
  overflow: hidden;
  border-top: 1px solid #0068b2;
  border-bottom: 1px solid #0068b2;
  background-color: #fff;
  /*&::before {
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	content: ' ';
  	z-index: -1;
  	//background: linear-gradient(135deg, rgba(#00479d, 1) 0, rgba(#00a0ca, 1) 100%);
  	background: linear-gradient(135deg, #eaf6fd 0, #eaf6fd 100%);
  }*/
}
@media print, screen and (min-width: 800px) {
  .mark-and-motto {
    margin: 0 auto 5rem;
  }
}
.mark-and-motto .mark,
.mark-and-motto .motto {
  position: relative;
  width: 100%;
  padding: 2rem;
}
.mark-and-motto .mark {
  padding: 2rem;
}
@media print, screen and (min-width: 800px) {
  .mark-and-motto .mark {
    width: 40%;
  }
}
.mark-and-motto .mark .inner {
  position: relative;
  height: 100%;
  max-width: 478px;
  margin: auto;
}
@media print, screen and (min-width: 960px) {
  .mark-and-motto .mark .inner {
    top: 8%;
  }
}
@media print, screen and (min-width: 1104px) {
  .mark-and-motto .mark .inner {
    top: 15%;
  }
}
.mark-and-motto .mark .inner .logo {
  margin-bottom: 0.75rem;
  text-align: center;
  vertical-align: middle;
}
.mark-and-motto .mark .inner .logo img {
  width: 120px;
  height: auto;
}
.mark-and-motto .mark .inner h4 {
  color: #505050;
  font-size: 1.0625em;
  margin-bottom: 1em;
  margin-top: 0;
  display: inline-block;
}
.mark-and-motto .mark .inner p {
  font-size: 0.875em;
  text-align: left;
  line-height: 2;
  font-feature-settings: "palt";
}
.mark-and-motto .motto {
  text-align: center;
}
@media print, screen and (min-width: 800px) {
  .mark-and-motto .motto {
    width: 30%;
  }
}
.mark-and-motto .motto img {
  max-width: 278px;
  width: 85%;
  height: auto;
}
.mark-and-motto .blog_principal_banner {
  text-align: center;
  padding: 2rem;
  margin: 0 auto;
}
@media print, screen and (min-width: 800px) {
  .mark-and-motto .blog_principal_banner {
    width: 30%;
  }
}

.seibudai-mind--txt {
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  line-height: 1.85;
}
@media print, screen and (min-width: 960px) {
  .seibudai-mind--txt {
    line-height: 2;
  }
}
.seibudai-mind--fig .fig-mind {
  width: 100%;
  height: auto;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}

#Scn-history.scn-norm.clrd.negative {
  color: #505050;
}
#Scn-history.scn-norm.clrd.negative .history-title {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 1.25em;
}
#Scn-history.scn-norm.clrd.negative .history-title::before, #Scn-history.scn-norm.clrd.negative .history-title::after {
  content: "";
  flex-grow: 1;
  height: 2px;
  background: #0095dc;
  display: block;
}
#Scn-history.scn-norm.clrd.negative .history-title::before {
  margin-right: 1rem;
}
#Scn-history.scn-norm.clrd.negative .history-title::after {
  margin-left: 1rem;
}
#Scn-history.scn-norm.clrd.negative .history-title h2 {
  color: #0095dc;
  margin-bottom: 0;
}
#Scn-history.scn-norm.clrd.negative .l-history-date {
  position: relative;
  list-style: none;
  font-size: 0.92em;
  padding-left: 1em;
}
@media print, screen and (min-width: 576px) {
  #Scn-history.scn-norm.clrd.negative .l-history-date {
    padding-left: 0;
    font-size: 0.875em;
  }
}
#Scn-history.scn-norm.clrd.negative .l-history-date li {
  position: relative;
  padding: 0.5em 0;
  margin: 0;
}
@media print, screen and (min-width: 576px) {
  #Scn-history.scn-norm.clrd.negative .l-history-date li {
    padding: 1em 0 1em 50%;
    padding-left: calc(50% + 1em);
  }
}
#Scn-history.scn-norm.clrd.negative .l-history-date li.red {
  color: #297b87;
  font-weight: 700;
}
#Scn-history.scn-norm.clrd.negative .l-history-date li span {
  position: relative;
  display: block;
  font-feature-settings: "palt";
  color: #614e13;
  font-size: 0.92em;
  margin-bottom: 0.5em;
}
@media print, screen and (min-width: 576px) {
  #Scn-history.scn-norm.clrd.negative .l-history-date li span {
    position: absolute;
    left: 0;
    top: 1em;
    font-size: 1em;
    margin-bottom: 0;
    width: calc(50% - 1em);
    text-align: right;
  }
}
#Scn-history.scn-norm.clrd.negative .l-history-date li span::before {
  position: absolute;
  top: 50%;
  left: -1.25rem;
  margin-top: -3px;
  width: 7px;
  height: 7px;
  content: " ";
  border: 1px solid #FFF;
  border-radius: 4px;
  background-color: #0095dc;
}
@media print, screen and (min-width: 576px) {
  #Scn-history.scn-norm.clrd.negative .l-history-date li span::before {
    left: 100%;
    margin-left: 0.5em;
    margin-top: -5px;
  }
}
#Scn-history.scn-norm.clrd.negative .l-history-date li::before {
  position: absolute;
  top: 1.25em;
  left: -1.25rem;
  height: 100%;
  width: 0;
  margin-left: 3px;
  content: " ";
  border-left: 1px dotted rgba(0, 149, 220, 0.8);
}
@media print, screen and (min-width: 576px) {
  #Scn-history.scn-norm.clrd.negative .l-history-date li::before {
    left: calc(50% - 0.5em);
  }
}

#Scn-song {
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 130% auto;
  background-image: url("../img/outline/bg-song.webp");
  background-color: #aee7fa;
  color: #1f408f;
}
@media print, screen and (min-width: 576px) {
  #Scn-song {
    background-size: 100% auto;
  }
}
@media print, screen and (min-width: 800px) {
  #Scn-song {
    background-size: 120% auto;
  }
}
@media print, screen and (min-width: 960px) {
  #Scn-song {
    background-size: 130% auto;
  }
}
#Scn-song h2 {
  width: 100%;
  display: flex;
  align-items: center;
}
#Scn-song h2::before, #Scn-song h2::after {
  content: "";
  flex-grow: 1;
  height: 2px;
  background: #1f408f;
  display: block;
}
#Scn-song h2::before {
  margin-right: 1rem;
}
#Scn-song h2::after {
  margin-left: 1rem;
}

.wrap-lyrics {
  position: relative;
  padding-bottom: 8em;
}
@media print, screen and (min-width: 800px) {
  .wrap-lyrics {
    padding-bottom: 12em;
  }
}
@media print, screen and (min-width: 960px) {
  .wrap-lyrics {
    padding-bottom: 15em;
  }
}

.lyrics {
  letter-spacing: -0.4em;
  max-width: 360px;
  width: 100%;
  padding: 0 2rem;
  margin: 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media print, screen and (min-width: 576px) {
  .lyrics {
    max-width: 868px;
  }
}
.lyrics > div {
  width: 100%;
  padding: 0.5rem 1rem;
}
@media print, screen and (min-width: 576px) {
  .lyrics > div {
    width: 50%;
    padding: 0 2rem;
  }
}
.lyrics > div img {
  width: 100%;
  height: auto;
}

/* ---------------------------------------------------------------------------------------- */
/* EXAMINEE
/* ---------------------------------------------------------------------------------------- */
.title-event {
  position: relative;
  text-align: center;
  color: #003e91;
}
.title-event + .lead {
  text-align: center;
  color: #003e91;
}
.title-event span {
  position: relative;
  display: inline-block;
  font-family: "WorkSans", Arial, Helvetica, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.35em;
  letter-spacing: 0.1em;
  line-height: 1;
  padding: 0.35em 0;
  border-top: 4px solid #003e91;
  border-bottom: 4px solid #003e91;
}

.event-schedule {
  position: relative;
  padding: 2rem 0;
  border-top: 1px dotted #BBBBBB;
}
.event-schedule .wrap-date {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  text-align: center;
  margin: -0.75rem -0.5rem;
}
.event-schedule .wrap-date dl {
  position: relative;
  width: 50%;
  text-align: left;
  color: #003e91;
  padding: 0.75rem 0.5rem;
}
@media print, screen and (min-width: 576px) {
  .event-schedule .wrap-date dl {
    width: 33.33333333%;
  }
}
@media print, screen and (min-width: 960px) {
  .event-schedule .wrap-date dl {
    width: 25%;
  }
}
.event-schedule .wrap-date dl dt {
  font-size: 1em;
  margin: 0;
}
.event-schedule .wrap-date dl dt.empty {
  display: none;
}
.event-schedule .wrap-date dl dd {
  position: relative;
  margin: 0;
  font-feature-settings: "palt";
}
.event-schedule .wrap-date dl dd span {
  display: inline-block;
  vertical-align: baseline;
  line-height: 1;
  font-weight: 700;
}
.event-schedule .wrap-date dl dd span.num {
  font-size: 2.25em;
  font-family: "Times New Roman", Times, serif;
  font-weight: 500;
  font-style: italic;
  font-feature-settings: "palt";
}
@media print, screen and (min-width: 350px) {
  .event-schedule .wrap-date dl dd span.num {
    font-size: 2.75em;
  }
}
@media print, screen and (min-width: 800px) {
  .event-schedule .wrap-date dl dd span.num {
    font-size: 3em;
  }
}
@media print, screen and (min-width: 1104px) {
  .event-schedule .wrap-date dl dd span.num {
    font-size: 3.5em;
  }
}
.event-schedule .wrap-date dl dd span.sl {
  padding: 0 0.25em;
}
.event-schedule .wrap-date dl dd span.dow {
  font-size: 0.85em;
}
.event-schedule .add {
  position: relative;
  margin-top: 1.25rem;
  padding: 1rem;
  border: 1px dotted #ddd;
  background-color: #f5f5f5;
  background: linear-gradient(135deg, rgba(33, 163, 218, 0.1) 0, rgba(0, 172, 151, 0.1) 100%);
  border-radius: 0.5em;
}

.reserv {
  position: relative;
  display: block;
  font-weight: 700;
}
.reserv i {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  top: -2px;
  margin-left: 0.5em;
  font-size: 0.8em;
  line-height: 1;
  font-style: normal;
  color: #fff;
  font-weight: 700;
  background-color: #ff4359;
  padding: 0.35em 0.5em;
  border-radius: 0.25em;
}
.reserv i.no {
  background-color: #888;
}

.tb-bus-timetable th,
.tb-bus-timetable td {
  text-align: center;
}

.school-bus {
  list-style: none;
  margin-top: 0;
}
.school-bus li {
  margin: 0;
}

.func-message .tel {
  font-family: "roboto";
  color: #00285e;
  font-size: 2em;
}

.flow-internet-appli .wrap-flow-appli {
  position: relative;
  margin-bottom: 1.5rem;
}
.flow-internet-appli .wrap-flow-appli dl {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  font-size: 0.92em;
  font-feature-settings: "palt";
  padding: 0.5rem;
  background-color: rgba(0, 62, 145, 0.04);
  border-radius: 0.5rem;
}
@media print, screen and (min-width: 576px) {
  .flow-internet-appli .wrap-flow-appli dl {
    padding: 0.75rem;
  }
}
.flow-internet-appli .wrap-flow-appli dl:not(:last-child) {
  margin-bottom: 0.25rem;
}
.flow-internet-appli .wrap-flow-appli dl:not(:last-child)::after {
  position: absolute;
  bottom: -1.25rem;
  left: 50%;
  margin-left: -1rem;
  width: 0;
  height: 0;
  content: " ";
  border: 1rem solid transparent;
  border-top-width: 1em;
  border-top-color: #000;
}
@media print, screen and (min-width: 576px) {
  .flow-internet-appli .wrap-flow-appli dl:not(:last-child)::after {
    display: none;
  }
}
.flow-internet-appli .wrap-flow-appli dl dt {
  position: relative;
  width: 100%;
  font-weight: 700;
  text-align: center;
  margin: 0;
  padding: 0.5em;
  border-radius: 0.25rem 0.25rem 0 0;
}
@media print, screen and (min-width: 576px) {
  .flow-internet-appli .wrap-flow-appli dl dt {
    width: 15em;
    margin: 0;
    background-color: #000;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0.25rem 0 0 0.25rem;
  }
}
.flow-internet-appli .wrap-flow-appli dl dt span {
  position: relative;
  display: inline-block;
  margin: auto;
  color: #fff;
}
.flow-internet-appli .wrap-flow-appli dl dt::after {
  position: absolute;
  bottom: -2.5rem;
  left: 50%;
  margin-left: -2rem;
  width: 0;
  height: 0;
  content: " ";
  border: 2rem solid transparent;
  border-top-width: 1em;
  border-top-color: #000;
  display: none;
}
@media print, screen and (min-width: 576px) {
  .flow-internet-appli .wrap-flow-appli dl dt::after {
    display: block;
  }
}
.flow-internet-appli .wrap-flow-appli dl dd {
  position: relative;
  background-color: #fff;
  padding: 0.75em;
  margin: 0;
  font-weight: 700;
  border-radius: 0 0 0.25rem 0.25rem;
}
@media print, screen and (min-width: 576px) {
  .flow-internet-appli .wrap-flow-appli dl dd {
    padding: 1em;
    width: calc(100% - 15em);
    border-radius: 0 0.25rem 0.25rem 0;
  }
}
.flow-internet-appli .wrap-flow-appli dl.flw1::after {
  border-top-color: #003e91;
}
.flow-internet-appli .wrap-flow-appli dl.flw1 dt {
  background-color: #003e91;
}
.flow-internet-appli .wrap-flow-appli dl.flw1 dt::after {
  border-top-color: #003e91;
}
.flow-internet-appli .wrap-flow-appli dl.flw1 dd {
  color: #003e91;
}
.flow-internet-appli .wrap-flow-appli dl.flw2::after {
  border-top-color: #044b80;
}
.flow-internet-appli .wrap-flow-appli dl.flw2 dt {
  background-color: #044b80;
}
.flow-internet-appli .wrap-flow-appli dl.flw2 dt::after {
  border-top-color: #044b80;
}
.flow-internet-appli .wrap-flow-appli dl.flw2 dd {
  color: #044b80;
}
.flow-internet-appli .wrap-flow-appli dl.flw3::after {
  border-top-color: #075970;
}
.flow-internet-appli .wrap-flow-appli dl.flw3 dt {
  background-color: #075970;
}
.flow-internet-appli .wrap-flow-appli dl.flw3 dt::after {
  border-top-color: #075970;
}
.flow-internet-appli .wrap-flow-appli dl.flw3 dd {
  color: #075970;
}
.flow-internet-appli .wrap-flow-appli dl.flw4::after {
  border-top-color: #0b6660;
}
.flow-internet-appli .wrap-flow-appli dl.flw4 dt {
  background-color: #0b6660;
}
.flow-internet-appli .wrap-flow-appli dl.flw4 dt::after {
  border-top-color: #0b6660;
}
.flow-internet-appli .wrap-flow-appli dl.flw4 dd {
  color: #0b6660;
}
.flow-internet-appli .wrap-flow-appli dl.flw5::after {
  border-top-color: #0f734f;
}
.flow-internet-appli .wrap-flow-appli dl.flw5 dt {
  background-color: #0f734f;
}
.flow-internet-appli .wrap-flow-appli dl.flw5 dt::after {
  border-top-color: #0f734f;
}
.flow-internet-appli .wrap-flow-appli dl.flw5 dd {
  color: #0f734f;
}
.flow-internet-appli .wrap-flow-appli dl.flw6::after {
  border-top-color: #12813f;
}
.flow-internet-appli .wrap-flow-appli dl.flw6 dt {
  background-color: #12813f;
}
.flow-internet-appli .wrap-flow-appli dl.flw6 dt::after {
  border-top-color: #12813f;
}
.flow-internet-appli .wrap-flow-appli dl.flw6 dd {
  color: #12813f;
}
.flow-internet-appli .wrap-flow-appli dl.flw7 dt {
  background-color: #168e2e;
}
.flow-internet-appli .wrap-flow-appli dl.flw7 dt::after {
  display: none;
}
.flow-internet-appli .wrap-flow-appli dl.flw7 dd {
  color: #168e2e;
}

.contact-appli {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  justify-content: space-between;
}
.contact-appli .item {
  position: relative;
  width: 100%;
  padding: 1rem;
  background-color: rgba(191, 207, 227, 0.25);
  margin: 0.5rem 0;
}
@media print, screen and (min-width: 800px) {
  .contact-appli .item {
    width: calc(50% - 0.5rem);
    padding: 1.5rem;
  }
}
.contact-appli .item p {
  position: relative;
  font-size: 0.92em;
  line-height: 1.5;
  margin-bottom: 0.5em;
}

/* ---------------------------------------------------------------------------------------- */
/* SCHOOLLIFE
/* ---------------------------------------------------------------------------------------- */
.page-schoollife {
  padding: 80px 20px 0;
  background: #f3e0e4;
  position: relative;
  max-width: 1064px;
  margin-left: auto;
  margin-right: auto;
  /*.bg {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -2;
      //@include bgimg(repeat, 0 0, 6px 6px);
      //background-image: url(../img/schoollife/bg-schoollife2023.png);
      background-color: #8cfaaf;
  }*/
}
@media print, screen and (min-width: 576px) {
  .page-schoollife {
    padding-top: 90px;
  }
}
@media print, screen and (min-width: 768px) {
  .page-schoollife {
    padding-top: 100px;
  }
}
@media print, screen and (min-width: 960px) {
  .page-schoollife {
    padding-top: 220px;
  }
}
.page-schoollife .deco-left {
  position: absolute;
  top: 300px;
  left: -94px;
  width: 80px;
  height: auto;
}
@media print, screen and (max-width: 959px) {
  .page-schoollife .deco-left {
    display: none;
  }
}
.page-schoollife .deco-right {
  position: absolute;
  top: 905px;
  right: -106px;
  width: 130px;
  height: auto;
  z-index: 1;
}
@media print, screen and (max-width: 959px) {
  .page-schoollife .deco-right {
    display: none;
  }
}
.page-schoollife .inner-wrap {
  background: #f3e0e4;
  /*background-image:
      radial-gradient(#27a0ff 10%, transparent 10%);
  background-size: 10px 10px;*/
  margin-bottom: 4em;
  position: relative;
}
.page-schoollife .inner-wrap .deco-top-left {
  position: absolute;
  top: 180px;
  left: -130px;
  width: 180px;
  height: auto;
}
@media print, screen and (max-width: 959px) {
  .page-schoollife .inner-wrap .deco-top-left {
    display: none;
  }
}
.page-schoollife .inner-wrap .deco-top-right {
  position: absolute;
  top: 40px;
  right: -210px;
  width: 230px;
  height: auto;
}
@media print, screen and (max-width: 959px) {
  .page-schoollife .inner-wrap .deco-top-right {
    display: none;
  }
}
.page-schoollife .inner-wrap .deco-bottom-left {
  position: absolute;
  top: 870px;
  left: -160px;
  width: 250px;
  height: auto;
}
@media print, screen and (max-width: 959px) {
  .page-schoollife .inner-wrap .deco-bottom-left {
    display: none;
  }
}
.page-schoollife .inner-wrap .deco-bottom-right {
  position: absolute;
  top: 800px;
  right: -200px;
  width: 250px;
  height: auto;
}
@media print, screen and (max-width: 959px) {
  .page-schoollife .inner-wrap .deco-bottom-right {
    display: none;
  }
}
.page-schoollife h2 {
  color: #004098;
}
.page-schoollife h3 {
  color: #004098;
}
.page-schoollife h3:not(.plain)::before {
  border-color: #004098;
  border-right-color: transparent;
  background-color: rgba(0, 64, 152, 0.4);
}
.page-schoollife h3:not(.plain)::after {
  border-color: #004098;
  border-left-color: transparent;
  background-color: #004098;
}

.schoollife-header {
  position: relative;
  z-index: 2;
}
.schoollife-header h1 {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 0 -1rem;
  padding: 0;
  font-size: 1em;
  z-index: 2;
}
@media print, screen and (min-width: 768px) {
  .schoollife-header h1 {
    margin-bottom: -1.5rem;
  }
}
@media print, screen and (min-width: 960px) {
  .schoollife-header h1 {
    margin-bottom: -1.5rem;
  }
}
.schoollife-header h1 img {
  width: 100%;
  height: auto;
}
.schoollife-header .deco {
  position: absolute;
  top: calc(8vw + 3rem);
  left: -0.5rem;
  width: 28vw;
}
@media print, screen and (min-width: 576px) {
  .schoollife-header .deco {
    top: 7em;
    left: 0;
    width: 10em;
  }
}
@media print, screen and (min-width: 768px) {
  .schoollife-header .deco {
    top: 6em;
    left: -1rem;
    width: 14em;
  }
}
@media print, screen and (min-width: 960px) {
  .schoollife-header .deco {
    top: inherit;
    bottom: -2em;
    left: -1rem;
    width: 15em;
  }
}
@media print, screen and (min-width: 1500px) {
  .schoollife-header .deco {
    left: -2rem;
  }
}
.schoollife-header .deco img {
  width: 100%;
  height: auto;
}
.schoollife-header .deco2 {
  position: absolute;
  bottom: 0;
  right: 20vw;
  width: 27vw;
}
@media print, screen and (min-width: 576px) {
  .schoollife-header .deco2 {
    right: inherit;
    left: 320px;
  }
}
@media print, screen and (min-width: 768px) {
  .schoollife-header .deco2 {
    right: inherit;
    left: 670px;
    width: 34vw;
  }
}
@media print, screen and (min-width: 960px) {
  .schoollife-header .deco2 {
    left: 840px;
    width: 28vw;
  }
}
@media print, screen and (min-width: 1104px) {
  .schoollife-header .deco2 {
    left: inherit;
    right: -0.5rem;
    width: 20em;
  }
}
.schoollife-header .deco2 img {
  width: 100%;
  height: auto;
}

.scn-norm#Scn-event {
  margin-bottom: 0 !important;
}

.wrap-yr-event {
  position: relative;
  list-style: none;
  display: flex;
  justify-content: space-between;
  margin: 3em 1em 0;
  padding: 0;
  width: auto;
}
@media print, screen and (max-width: 767px) {
  .wrap-yr-event {
    flex-direction: column;
    align-items: center;
  }
}
.wrap-yr-event .first-half {
  width: 50%;
  min-width: 335px;
  border-left: 2px solid #cb938d;
  padding-left: 10px;
}
.wrap-yr-event .first-half dt {
  padding-bottom: 1em;
}
.wrap-yr-event .first-half dt img:first-child {
  height: 37px;
  margin-left: -20px;
}
.wrap-yr-event .first-half dt .yr-event-photo {
  position: absolute;
  top: 20px;
  left: 100%;
}
.wrap-yr-event .first-half dd ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.wrap-yr-event .first-half dd ul li {
  font-size: 0.8125em;
  line-height: 1.4;
  font-feature-settings: "palt";
  display: inline-block;
  padding-left: 17px;
  margin-bottom: 0.5em;
  margin-left: 1.5em !important;
  text-indent: 0 !important;
  text-align: left;
  position: relative;
}
.wrap-yr-event .first-half dd ul li small {
  display: inline-block;
}
.wrap-yr-event .first-half dd ul li::before {
  position: absolute;
  top: 4px;
  left: 0;
  display: inline-block;
  content: "" !important;
  width: 12px;
  height: 10px;
  background-image: url(../img/schoollife/2025/list-icon-check.svg);
  background-size: contain;
}
.wrap-yr-event .second-half {
  width: 50%;
  min-width: 335px;
  border-right: 2px solid #cb938d;
  padding-right: 10px;
}
.wrap-yr-event .second-half .yr-event--month {
  text-align: right;
  left: 50%;
}
.wrap-yr-event .second-half dt {
  padding-bottom: 1em;
}
.wrap-yr-event .second-half dt img:first-child {
  height: 37px;
  margin-right: -20px;
}
.wrap-yr-event .second-half dt .yr-event-photo {
  position: absolute;
  top: 20px;
  right: 100%;
}
.wrap-yr-event .second-half dd ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.wrap-yr-event .second-half dd ul li {
  font-size: 0.8125em;
  line-height: 1.4;
  font-feature-settings: "palt";
  display: inline-block;
  padding-right: 17px;
  margin-bottom: 0.5em;
  margin-right: 1.5em !important;
  text-indent: 0 !important;
  text-align: right;
  position: relative;
}
.wrap-yr-event .second-half dd ul li small {
  display: inline-block;
}
.wrap-yr-event .second-half dd ul li::before {
  position: absolute;
  top: 4px;
  right: 0;
  display: inline-block;
  content: "" !important;
  width: 12px;
  height: 10px;
  background-image: url(../img/schoollife/2025/list-icon-check.svg);
  background-size: contain;
}
.wrap-yr-event .yr-event--month {
  position: relative;
  margin: -15px 0 3em;
  padding: 0 0 1em;
  width: 50%;
  border-bottom: 2px dotted #cb938d;
  text-align: left;
  /*@include mq-up(lg) {
      width: 16.666666%;
  }*/
}
.wrap-yr-event .yr-event--month:last-child {
  border: none;
}
.wrap-yr-event .yr-event--month#Event-April .yr-event-photo {
  left: 80%;
  width: 80%;
}
.wrap-yr-event .yr-event--month#Event-May .yr-event-photo {
  top: -60px;
  left: 85%;
}
.wrap-yr-event .yr-event--month#Event-June .yr-event-photo {
  left: 85%;
}
.wrap-yr-event .yr-event--month#Event-July .yr-event-photo {
  top: 40%;
  left: 85%;
}
.wrap-yr-event .yr-event--month#Event-August .yr-event-photo {
  top: 50%;
  left: 90%;
}
.wrap-yr-event .yr-event--month#Event-October .yr-event-photo {
  top: 70px;
  right: 90%;
}
.wrap-yr-event .yr-event--month#Event-November .yr-event-photo {
  top: 70%;
  right: 90%;
}
.wrap-yr-event .yr-event--month#Event-December .yr-event-photo {
  top: 40%;
  right: 90%;
}
.wrap-yr-event .yr-event--month#Event-January .yr-event-photo {
  top: 80%;
  right: 80%;
}

.ph-yr-event {
  position: relative;
  list-style: none;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: 0.25rem -0.25rem !important;
  padding: 0;
  width: auto;
  /*&:not(:first-child) {
      border-top: 1px solid colors(event);
  }

  &:not(:last-child) {
      border-bottom: 1px solid colors(event);
  }*/
  /*&.four {
      li {
          width: 50%;
          padding-top: 33.33333333%;

          @include mq-up(xsm) {
              width: 25%;
              padding-top: 18.75%;
          }

          img {
              @include mq-up(xsm) {
                  height: 100%;
                  width: auto;
                  max-width: none;
                  top: 0;
                  left: 50%;
                  transform: translateX(-50%);
              }
          }
      }
  }*/
}
@media print, screen and (min-width: 768px) {
  .ph-yr-event {
    margin: 0.5rem -0.5rem !important;
  }
}
.ph-yr-event li {
  position: relative;
  margin: 0.25rem;
  width: calc(33.33333333% - 0.5rem);
}
@media print, screen and (min-width: 768px) {
  .ph-yr-event li {
    margin: 0.5rem;
    width: calc(33.33333333% - 1rem);
  }
}
.ph-yr-event li span {
  position: absolute;
  bottom: -15px;
  right: 5px;
  font-size: 0.8em;
  line-height: 1;
  color: #505050;
  font-feature-settings: "palt";
  padding: 0.25em;
}
.ph-yr-event li .m {
  position: absolute;
  bottom: 0.25em;
  right: 0.25em;
  width: 6em;
  height: 6em;
  display: flex;
  font-size: 0.6em;
  line-height: 1;
  font-weight: 700;
  background-color: #FFF;
  border: 2px solid #000;
  border-radius: 50%;
}
@media print, screen and (min-width: 800px) {
  .ph-yr-event li .m {
    font-size: 0.7em;
  }
}
.ph-yr-event li .m span {
  margin: auto;
}
@media print, screen and (max-width: 767px) {
  .ph-yr-event li.hideSMP {
    display: none;
  }
}
@media print, screen and (min-width: 768px) {
  .ph-yr-event li.hidePC {
    display: none;
  }
}
.ph-yr-event li.ssn-d .m {
  border-color: #0094af;
  background-color: #e2fbff;
}
.ph-yr-event li.ssn-d .m span {
  color: #0094af;
}
.ph-yr-event li.ssn-a .m {
  border-color: #eb615a;
  background-color: #fdecec;
}
.ph-yr-event li.ssn-a .m span {
  color: #eb615a;
}
.ph-yr-event li.ssn-b .m {
  border-color: #00a161;
  background-color: #d9fff0;
}
.ph-yr-event li.ssn-b .m span {
  color: #00a161;
}
.ph-yr-event li .ssn-c .m {
  border-color: #f6ab00;
  background-color: #ffe09a;
}
.ph-yr-event li .ssn-c .m span {
  color: #f6ab00;
}

.list-yr-event {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 0.5em;
  border-radius: 0.5em;
}
@media print, screen and (min-width: 768px) {
  .list-yr-event {
    padding: 1em;
    border-radius: 1em;
  }
}
.list-yr-event--month {
  width: 50%;
  padding: 0.5em;
  text-align: left;
  /*@include mq-up(lg) {
      width: 16.666666%;
  }*/
}
@media print, screen and (min-width: 768px) {
  .list-yr-event--month {
    padding: 1em;
  }
}
@media print, screen and (min-width: 768px) {
  .list-yr-event--month {
    width: 33.33333333%;
  }
}
@media print, screen and (min-width: 768px) {
  .list-yr-event--month {
    width: 25%;
  }
}
.list-yr-event--month dt {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #00a0da;
  padding-bottom: 0.25em;
}
.list-yr-event--month dt .m {
  color: #00a0da;
  font-size: 2rem;
  line-height: 1;
  font-family: "Ultra", serif;
  /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell,
      "Open Sans", "Helvetica Neue", sans-serif;*/
  white-space: nowrap;
  display: block;
  /*@include mq-up(lg) {
      font-size: 2.25rem;
  }

  @include mq-up(xl) {
      font-size: 3rem;
  }*/
}
@media print, screen and (min-width: 576px) {
  .list-yr-event--month dt .m {
    font-size: 3em;
  }
}
.list-yr-event--month dt .m small {
  font-size: 1.125rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 700;
  margin-left: 0.2em;
}
.list-yr-event--month dt .en {
  font-size: 0.8125em;
  font-family: "Ultra", serif;
  display: block;
  color: #00a0da;
}
.list-yr-event--month dd ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list-yr-event--month dd ul li {
  font-size: 0.8125em;
  line-height: 1.4;
  font-feature-settings: "palt";
  display: inline-block;
  padding: 0.25em;
  background-color: #FFF;
  margin-right: 1em;
}
.list-yr-event--month dd ul li small {
  display: inline-block;
}
.list-yr-event--month dd ul li::before {
  content: "●";
  font-size: 0.5em;
  margin-right: 0.3em;
}

.list-yr-event--month#Event-January dt,
.list-yr-event--month#Event-February dt,
.list-yr-event--month#Event-March dt {
  border-bottom-color: #eb5532;
}

.list-yr-event--month#Event-January dt .m,
.list-yr-event--month#Event-February dt .m,
.list-yr-event--month#Event-March dt .m {
  color: #eb5532;
}

.list-yr-event--month#Event-January dt .en,
.list-yr-event--month#Event-February dt .en,
.list-yr-event--month#Event-March dt .en {
  color: #eb5532;
}

.list-yr-event--month#Event-January dd ul li::before,
.list-yr-event--month#Event-February dd ul li::before,
.list-yr-event--month#Event-March dd ul li::before {
  color: #eb5532;
}

.list-yr-event--month#Event-April dt,
.list-yr-event--month#Event-May dt,
.list-yr-event--month#Event-June dt {
  border-bottom-color: #ff3282;
}

.list-yr-event--month#Event-April dt .m,
.list-yr-event--month#Event-May dt .m,
.list-yr-event--month#Event-June dt .m {
  color: #ff3282;
}

.list-yr-event--month#Event-April dt .en,
.list-yr-event--month#Event-May dt .en,
.list-yr-event--month#Event-June dt .en {
  color: #ff3282;
}

.list-yr-event--month#Event-April dd ul li::before,
.list-yr-event--month#Event-May dd ul li::before,
.list-yr-event--month#Event-June dd ul li::before {
  color: #ff3282;
}

.list-yr-event--month#Event-July dt,
.list-yr-event--month#Event-August dt,
.list-yr-event--month#Event-September dt {
  border-bottom-color: #35b597;
}

.list-yr-event--month#Event-July dt .m,
.list-yr-event--month#Event-August dt .m,
.list-yr-event--month#Event-September dt .m {
  color: #35b597;
}

.list-yr-event--month#Event-July dt .en,
.list-yr-event--month#Event-August dt .en,
.list-yr-event--month#Event-September dt .en {
  color: #35b597;
}

.list-yr-event--month#Event-July dd ul li::before,
.list-yr-event--month#Event-August dd ul li::before,
.list-yr-event--month#Event-September dd ul li::before {
  color: #35b597;
}

.list-yr-event--month#Event-October dt,
.list-yr-event--month#Event-November dt,
.list-yr-event--month#Event-December dt {
  border-bottom-color: #be46aa;
}

.list-yr-event--month#Event-October dt .m,
.list-yr-event--month#Event-November dt .m,
.list-yr-event--month#Event-December dt .m {
  color: #be46aa;
}

.list-yr-event--month#Event-October dt .en,
.list-yr-event--month#Event-November dt .en,
.list-yr-event--month#Event-December dt .en {
  color: #be46aa;
}

.list-yr-event--month#Event-October dd ul li::before,
.list-yr-event--month#Event-November dd ul li::before,
.list-yr-event--month#Event-December dd ul li::before {
  color: #be46aa;
}

.interview-solo.home-stay {
  background-color: #fff;
  border-radius: 25px;
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 800px) {
  .interview-solo.home-stay {
    padding: 2rem !important;
    margin-top: -5em;
    flex-direction: row;
  }
}
.interview-solo.home-stay .home-stay--ph {
  position: absolute;
  top: 3em;
  left: -1em;
  width: 5em;
}
@media print, screen and (min-width: 576px) {
  .interview-solo.home-stay .home-stay--ph {
    top: 2em;
    width: 8em;
  }
}
@media print, screen and (min-width: 800px) {
  .interview-solo.home-stay .home-stay--ph {
    width: 11em;
  }
}
.interview-solo.home-stay .home-stay--ph img {
  width: 100%;
  height: auto;
}
.interview-solo.home-stay h3 {
  color: #bc6960;
  /*display: flex;
  align-items: center;
  background-color: #8cfaaf;
  border-radius: 30px;
  overflow: hidden;*/
  border-bottom: 2px dotted #bc6960;
  font-feature-settings: "palt";
  white-space: nowrap;
  /*span {
      background: #fff;
      padding: 0.3em 1em;
      flex: 1;
  }*/
}
@media print, screen and (max-width: 575px) {
  .interview-solo.home-stay h3 {
    font-size: 1em;
  }
}
.interview-solo.home-stay h3 i {
  /*color: $interview-homestay-clr;
  background-color: #8cfaaf;
  font-size: 0.8em;
  font-family: "Ultra", serif;
  font-weight: 400;
  font-style: italic;
  position: initial;*/
  width: 100px;
  height: auto;
  padding: 0;
  border-radius: 0;
  margin: 0px 5px -20px -5px;
}
.interview-solo.home-stay h3 i::before {
  position: initial;
}
.interview-solo.home-stay h3 i::after {
  position: initial;
}
.interview-solo.home-stay > div {
  width: 100%;
  margin-bottom: 1em;
}
@media print, screen and (min-width: 800px) {
  .interview-solo.home-stay > div {
    width: 50%;
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 576px) {
  .interview-solo.home-stay br.smp {
    display: none;
  }
}

.inner {
  position: relative;
  display: block;
  z-index: 2;
  margin-top: -5px;
}
.inner::after {
  content: " ";
  display: block;
  clear: both;
}
.inner p {
  color: #505050;
  font-size: 0.93em;
  padding-right: 1em;
}

.interlude {
  overflow: hidden;
  justify-content: space-between;
}
.interlude.two span {
  width: 48%;
}

.fig-day-schedule {
  position: relative;
}
.fig-day-schedule .ph {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 1;
}

.schoollife-foot {
  margin-bottom: -2.5rem;
}
@media print, screen and (min-width: 768px) {
  .schoollife-foot {
    margin-bottom: -3.5rem;
  }
}
@media print, screen and (min-width: 960px) {
  .schoollife-foot {
    margin-bottom: -4rem;
  }
}
@media print, screen and (min-width: 1104px) {
  .schoollife-foot {
    margin-bottom: -5rem;
  }
}

.page-uniform {
  max-width: 1064px;
  margin-left: auto;
  margin-right: auto;
}

.wrap-scn-uniform {
  position: relative;
  margin-top: -78px;
  padding-top: 64px;
  background-color: #fff;
  width: 100%;
  /*.scn-norm*/
}
@media print, screen and (min-width: 576px) {
  .wrap-scn-uniform {
    margin-top: -88px;
    padding-top: 88px;
  }
}
@media print, screen and (min-width: 800px) {
  .wrap-scn-uniform {
    margin-top: -104px;
    padding-top: 104px;
  }
}
@media print, screen and (min-width: 960px) {
  .wrap-scn-uniform {
    margin-top: -120px;
    padding-top: 120px;
  }
}
.wrap-scn-uniform .scn-uniform {
  position: relative;
  /*.uniform-header {
      position: relative;
      z-index: 2;
      margin-top: -1em;
      padding: 0 1em 1.5em;
      padding-right: 1.5rem;

      @include mq-up(md) {
          position: absolute;
          top: .5em;
          left: 6%;
          width: 44%;
          padding: 0;
      }

      h1 {
          margin: 0 0 .5em;

          @include mq-up(md) {
              margin: 0;
          }
      }

      .lead {
          font-size: .92em;
          line-height: 1.5;
          padding-left: 5%;
          color: $clrUniform_a;

          @include mq-up(md) {
              font-size: .92vw;
              padding-left: 5%;
          }

          @include mq-up(lg) {
              font-size: 1vw;
          }

          @include mq-up(xxl) {
              font-size: .92em;
          }
      }
  }*/
}
.wrap-scn-uniform .scn-uniform.pc, .wrap-scn-uniform .scn-uniform.smp {
  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 0;
}
.wrap-scn-uniform .scn-uniform.pc img, .wrap-scn-uniform .scn-uniform.smp img {
  position: relative;
  width: 100%;
  height: auto;
}
.wrap-scn-uniform .scn-uniform.pc img.svg, .wrap-scn-uniform .scn-uniform.smp img.svg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.wrap-scn-uniform .scn-uniform.pc {
  display: none;
}
@media print, screen and (min-width: 800px) {
  .wrap-scn-uniform .scn-uniform.pc {
    display: block;
  }
}
.wrap-scn-uniform .scn-uniform.smp {
  display: block;
}
@media print, screen and (min-width: 800px) {
  .wrap-scn-uniform .scn-uniform.smp {
    display: none;
  }
}
.wrap-scn-uniform .scn-uniform .img {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1104px;
  margin: 0 auto;
}
.wrap-scn-uniform .scn-uniform .img img {
  width: 100%;
  height: auto;
}
.wrap-scn-uniform .scn-uniform .img img.ph {
  position: relative;
}
.wrap-scn-uniform .scn-uniform .img img.txt {
  position: absolute;
  top: 0;
  left: 0;
}
.wrap-scn-uniform .scn-uniform::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 90%;
  background: linear-gradient(135deg, #ffe893 0, #fff5d7 100%);
  z-index: 0;
}
.wrap-scn-uniform .swp-btn-prev,
.wrap-scn-uniform .swp-btn-next {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(255, 180, 25, 0.5);
  z-index: 10;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}
@media print, screen and (min-width: 960px) {
  .wrap-scn-uniform .swp-btn-prev .swp-btn-prev,
  .wrap-scn-uniform .swp-btn-prev .swp-btn-next,
  .wrap-scn-uniform .swp-btn-next .swp-btn-prev,
  .wrap-scn-uniform .swp-btn-next .swp-btn-next {
    display: none;
  }
}
.wrap-scn-uniform .swp-btn-prev:hover,
.wrap-scn-uniform .swp-btn-next:hover {
  transform: scale(1.1);
}
.wrap-scn-uniform .swp-btn-prev::before,
.wrap-scn-uniform .swp-btn-next::before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: " ";
  width: 10px;
  height: 10px;
  border: 1px solid transparent;
  z-index: 1;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.wrap-scn-uniform .swp-btn-prev {
  left: 0.15em;
}
.wrap-scn-uniform .swp-btn-prev::before {
  border-top-color: #003e93;
  border-left-color: #003e93;
  margin-left: 3px;
}
.wrap-scn-uniform .swp-btn-next {
  right: 0.15em;
}
.wrap-scn-uniform .swp-btn-next::before {
  border-bottom-color: #003e93;
  border-right-color: #003e93;
  margin-left: -3px;
}

.bt_modal_open {
  position: fixed;
  top: 200px;
  right: 0px;
  z-index: 999;
  display: grid;
}
@media print, screen and (max-width: 799px) {
  .bt_modal_open {
    top: 70px;
    right: 0;
    bottom: auto;
    left: auto;
  }
}
.bt_modal_open button {
  background-color: #ffb419;
  border-radius: 15px 0 0 15px;
  position: relative;
  font-size: 1em;
  font-weight: bold;
  text-align: left;
  padding: 0.8em 40px 0.8em 1em;
  color: #fff;
  line-height: 1.2;
  cursor: pointer;
}
@media print, screen and (min-width: 800px) {
  .bt_modal_open button {
    font-size: 1.25em;
    padding: 0.8em 50px 0.8em 0.8em;
  }
}
.bt_modal_open button::after {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  display: inline-block;
  background-image: url(../img/schoollife/uniform/icon-ar-arrow.svg);
  background-size: contain;
}
@media print, screen and (max-width: 799px) {
  .bt_modal_open button::after {
    width: 20px;
    height: 20px;
    margin-top: -10px;
  }
}

.modal_area {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  background: rgba(80, 80, 80, 0.6);
  z-index: 99999;
  animation-name: show;
  animation-duration: 0.5s;
}
.modal_area .modal_content {
  position: relative;
  background-color: #fff;
  color: #505050;
  width: calc(100% - 50px);
  max-width: 760px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal_area .modal_content .bt_modal_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  background-color: #dcdcdc;
  display: block;
  cursor: pointer;
}
.modal_area .modal_content .bt_modal_close::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 25px;
  background: #505050;
  transform: translate(-50%, -50%) rotate(45deg);
}
.modal_area .modal_content .bt_modal_close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 25px;
  background: #505050;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.modal_area .modal_content .bt_modal_close:hover {
  opacity: 0.5;
}
.modal_area .modal_content h1 {
  font-weight: bold;
  text-align: center;
  color: #001655;
  margin-bottom: 0.5em;
  padding: 35px 0.5em 0.5em;
  letter-spacing: 0.1em;
  background-size: auto auto;
  background-color: rgb(255, 255, 255);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgb(255, 240, 18) 10px, rgb(255, 240, 18) 20px);
  /*span {
      text-shadow: 3px 3px 0 rgba(0, 22, 85, 1.0);
      letter-spacing: 0.2em;
      color: #f1e900;
      -webkit-text-stroke: 1px #001655;
  }*/
}
.modal_area .modal_content h1 img {
  width: 218px;
}
@media print, screen and (min-width: 800px) {
  .modal_area .modal_content h1 img {
    width: 277px;
  }
}
.modal_area .modal_content h2 {
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  color: #001655;
  margin: 0.5em 0 2em;
}
@media print, screen and (min-width: 800px) {
  .modal_area .modal_content h2 {
    font-size: 1.875em;
    margin: 0.5em 0 1em;
  }
}
.modal_area .modal_content ul.modal_notice {
  margin: 0 auto 2em;
  width: fit-content;
  list-style: none;
}
@media print, screen and (max-width: 799px) {
  .modal_area .modal_content ul.modal_notice {
    display: none;
  }
}
.modal_area .modal_content ul.modal_notice li {
  font-size: 0.875em;
  position: relative;
  text-align: left;
  padding-left: 1em;
}
@media print, screen and (min-width: 800px) {
  .modal_area .modal_content ul.modal_notice li {
    font-size: 1em;
  }
}
.modal_area .modal_content ul.modal_notice li span {
  color: #eb5532;
}
.modal_area .modal_content ul.modal_notice li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 7px solid #001655;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
@media print, screen and (max-width: 767px) {
  .modal_area .modal_content ul.modal_notice {
    display: none;
  }
}
.modal_area .modal_content .qr_area {
  display: flex;
  padding: 0 20px;
}
.modal_area .modal_content .qr_area .qr_student01 {
  width: 22%;
}
.modal_area .modal_content .qr_area .qr_student01 img {
  max-height: 18em;
}
.modal_area .modal_content .qr_area .qr_student02 {
  width: 22%;
}
@media print, screen and (max-width: 799px) {
  .modal_area .modal_content .qr_area .qr_student02 {
    align-self: flex-end;
  }
}
.modal_area .modal_content .qr_area .qr_student02 img {
  max-height: 18em;
}
.modal_area .modal_content .qr_area .qr_link_area {
  width: 56%;
  display: flex;
  justify-content: space-between;
}
@media print, screen and (max-width: 799px) {
  .modal_area .modal_content .qr_area .qr_link_area {
    flex-direction: column;
  }
}
.modal_area .modal_content .qr_area .qr_link_area .link_area01 {
  padding-right: 1em;
}
@media print, screen and (max-width: 799px) {
  .modal_area .modal_content .qr_area .qr_link_area .link_area01 {
    padding: 0;
    margin-bottom: 2em;
  }
}
.modal_area .modal_content .qr_area .qr_link_area .link_area01 .qr_img {
  margin-bottom: 1em;
}
@media print, screen and (max-width: 799px) {
  .modal_area .modal_content .qr_area .qr_link_area .link_area01 .qr_img {
    display: none;
  }
}
.modal_area .modal_content .qr_area .qr_link_area .link_area01 .bt_qr_link01 a {
  background-size: auto auto;
  background-color: rgb(255, 0, 163);
  background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgb(218, 0, 66) 5px, rgb(218, 0, 66) 10px);
  border-radius: 33px;
  font-size: 1.1em;
  font-weight: 600;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  padding: 0.5em 0;
}
.modal_area .modal_content .qr_area .qr_link_area .link_area01 .bt_qr_link01 a:hover {
  opacity: 0.5;
}
.modal_area .modal_content .qr_area .qr_link_area .link_area02 {
  padding-left: 1em;
}
@media print, screen and (max-width: 799px) {
  .modal_area .modal_content .qr_area .qr_link_area .link_area02 {
    padding: 0;
    margin-bottom: 2em;
  }
}
.modal_area .modal_content .qr_area .qr_link_area .link_area02 .qr_img {
  margin-bottom: 1em;
}
@media print, screen and (max-width: 799px) {
  .modal_area .modal_content .qr_area .qr_link_area .link_area02 .qr_img {
    display: none;
  }
}
.modal_area .modal_content .qr_area .qr_link_area .link_area02 .bt_qr_link02 a {
  background-size: auto auto;
  background-color: rgb(50, 50, 208);
  background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgb(8, 25, 157) 5px, rgb(8, 25, 157) 10px);
  border-radius: 33px;
  font-size: 1.1em;
  font-weight: 600;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  padding: 0.5em 0;
}
.modal_area .modal_content .qr_area .qr_link_area .link_area02 .bt_qr_link02 a:hover {
  opacity: 0.5;
}
.modal_area .modal_content .modal_info_title {
  font-weight: bold;
  margin-bottom: 0.5em;
}
.modal_area .modal_content .modal_info_foot {
  background-size: auto auto;
  background-color: rgb(255, 255, 255);
  background-image: repeating-linear-gradient(60deg, transparent, transparent 10px, rgb(194, 231, 239) 10px, rgb(194, 231, 239) 20px);
  padding: 1em 0.5em;
}
.modal_area .modal_content .modal_info {
  font-size: 0.75em;
  margin-bottom: 0.5em;
}

@keyframes show {
  0% {
    display: none;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
.page-facilities {
  padding-top: 90px;
}
.page-facilities .scn-norm.clrd {
  background-color: rgba(83, 92, 168, 0.035);
}
.page-facilities h2,
.page-facilities h3,
.page-facilities h4 {
  color: #535ca8;
}
.page-facilities h2:not(.plain):not(.no-border)::before {
  border-color: #535ca8;
}
.page-facilities h2:not(.plain):not(.no-border)::after {
  border-top-color: #535ca8;
}
.page-facilities h3:not(.plain)::before {
  border-color: #535ca8;
}
.page-facilities h3:not(.plain)::after {
  background: linear-gradient(to right, rgba(83, 92, 168, 0.35) 0, rgba(83, 92, 168, 0.15) 100%);
  border-color: #535ca8;
}
.page-facilities h5 {
  color: #313764;
}
.page-facilities h4:not(.plain) {
  background-color: #535ca8;
}
.page-facilities p.lead {
  color: #535ca8;
}
.page-facilities .func-message {
  border: 1px dotted #535ca8;
  background-color: rgba(83, 92, 168, 0.02);
}
.page-facilities .func-message h4::before {
  background: linear-gradient(to right, rgba(83, 92, 168, 0.8) 0, rgba(0, 62, 145, 0.8) 100%);
}
.page-facilities .func-message h4::after {
  background: linear-gradient(to right, rgba(0, 62, 145, 0.8) 0, rgba(83, 92, 168, 0.8) 100%);
}
.page-facilities .column {
  background-color: #00a0da;
}
.page-facilities .column--title {
  color: #535ca8;
}
.page-facilities .column--heading {
  color: #535ca8;
}
@media print, screen and (min-width: 576px) {
  .page-facilities {
    padding-top: 100px;
  }
}
@media print, screen and (min-width: 768px) {
  .page-facilities {
    padding-top: 120px;
  }
}
@media print, screen and (min-width: 960px) {
  .page-facilities {
    padding-top: 240px;
  }
}

.list-facilities {
  position: relative;
  text-align: left;
  padding-bottom: 2rem;
  z-index: 5;
  pointer-events: none;
}
@media print, screen and (min-width: 576px) {
  .list-facilities {
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 960px) {
  .list-facilities {
    padding-bottom: 3rem;
  }
}
.list-facilities .inner {
  position: relative;
  background-color: rgba(255, 255, 255, 0.9);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 1rem 0;
  margin-left: -1rem;
  margin-right: -1rem;
  pointer-events: auto;
  border-radius: 1em;
}
@media print, screen and (min-width: 576px) {
  .list-facilities .inner {
    margin: 0;
    padding: 3rem 2rem;
  }
}
@media print, screen and (min-width: 960px) {
  .list-facilities .inner {
    padding: 3rem 2rem;
  }
}
.list-facilities .item {
  width: 100%;
  padding: 0.5rem;
}
@media print, screen and (min-width: 350px) {
  .list-facilities .item {
    width: 50%;
  }
}
@media print, screen and (min-width: 576px) {
  .list-facilities .item {
    width: 33.33333333%;
  }
}
@media print, screen and (min-width: 800px) {
  .list-facilities .item {
    width: 25%;
  }
}
.list-facilities .item dl dt {
  position: relative;
  color: #535ca8;
  font-weight: 700;
}
.list-facilities .item dl dt i {
  position: absolute;
  top: 0.1em;
  left: 0;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #535ca8;
  font-size: 0.8rem;
  line-height: 1.25rem;
  color: #fff;
  font-family: "WorkSans", Arial, Helvetica, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-style: normal;
  font-weight: 500;
  text-align: center;
}
.list-facilities .item dl dt > span,
.list-facilities .item dl dt a {
  position: relative;
  display: block;
  padding-left: 1.75rem;
  border-bottom: 1px solid #aaa;
  padding-bottom: 0.35em;
  margin-bottom: 0.5em;
}
.list-facilities .item dl dt a {
  color: #535ca8;
  border-bottom-color: #535ca8;
}
.list-facilities .item dl dt a span {
  position: absolute;
  top: 50%;
  right: 0;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  display: block;
}
.list-facilities .item dl dt a span::before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  height: 0;
  content: " ";
  border-top: 2px solid #112e54;
}
.list-facilities .item dl dt a span::after {
  position: absolute;
  top: 0;
  left: 5px;
  width: 0;
  height: 100%;
  content: " ";
  border-left: 2px solid #112e54;
}
.list-facilities .item dl dd {
  padding-left: 1.75rem;
  font-size: 0.8125em;
  line-height: 1.4;
  font-feature-settings: "palt";
}
.list-facilities .item dl dd:not(:last-child) {
  margin-bottom: 0.25em;
}

.fig-facilities {
  position: sticky;
  top: 0;
  width: 100%;
  height: 0;
  padding-top: 50%;
  z-index: 0;
}
.fig-facilities span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  z-index: 0;
}
.fig-facilities span.figure {
  z-index: -1;
}
.fig-facilities span img {
  position: relative;
  width: 100%;
  height: auto;
  border-radius: 1em;
}
@media print, screen and (min-width: 800px) {
  .fig-facilities span img {
    border-radius: 2em;
  }
}
.fig-facilities .cmap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: auto;
}
.fig-facilities .cmap svg {
  border: 1px solid #000;
  width: 100%;
  height: auto;
}
.fig-facilities .cmap .st0 {
  fill: none;
  fill: rgba(0, 0, 0, 0);
}

.ph-facilities {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1002;
  opacity: 0;
  display: none;
}
.ph-facilities .inner {
  position: relative;
  width: 100%;
}
.ph-facilities .item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
}
.ph-facilities .item .ph {
  width: 100%;
}
.ph-facilities .item .ph img {
  width: 100%;
  height: auto;
}
.ph-facilities .item .ti {
  text-align: left;
  color: #fff;
}
.ph-facilities .item .ti i {
  font-family: "WorkSans", Arial, Helvetica, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  display: inline-block;
  line-height: 2em;
  background-color: #fff;
  color: #535ca8;
  width: 2em;
  height: 2em;
  margin-right: 0.5em;
  text-align: center;
}
.ph-facilities .item .ti i.none {
  width: 0;
  overflow: hidden;
}
.ph-facilities .modalBtns {
  z-index: 1000;
  position: absolute;
  width: 32px;
  height: 32px;
  text-align: left;
  top: -32px;
  right: -32px;
}
@media print, screen and (min-width: 800px) {
  .ph-facilities .modalBtns {
    width: 40px;
    height: 40px;
    top: -40px;
    right: -40px;
  }
}
.ph-facilities .modalBtns a.modalBtn-close {
  position: relative;
  float: right;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  display: block;
  background-color: rgba(0, 0, 0, 0.8);
}
@media print, screen and (min-width: 800px) {
  .ph-facilities .modalBtns a.modalBtn-close {
    width: 40px;
    height: 40px;
  }
}
.ph-facilities .modalBtns a.modalBtn-close span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  transform: rotate(45deg);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.ph-facilities .modalBtns a.modalBtn-close span::before, .ph-facilities .modalBtns a.modalBtn-close span::after {
  position: absolute;
  top: -10px;
  left: -10px;
  content: "";
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.ph-facilities .modalBtns a.modalBtn-close span::before {
  margin-top: 10px;
  width: 21px;
  height: 0;
  border-top: 1px solid #fff;
}
.ph-facilities .modalBtns a.modalBtn-close span::after {
  margin-left: 10px;
  height: 21px;
  width: 0;
  border-left: 1px solid #fff;
}
.ph-facilities .modalBtns a.modalBtn-close:hover span {
  transform: scale(1.25) rotate(45deg);
}
.ph-facilities .galleryNav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  margin: 0;
  list-style: none;
}
.ph-facilities .galleryNav li {
  position: absolute;
  top: 50%;
  pointer-events: auto;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 10px;
  font-size: 1px;
  line-height: 1;
  overflow: hidden;
  margin: 0;
}
@media print, screen and (min-width: 800px) {
  .ph-facilities .galleryNav li {
    width: 48px;
    height: 48px;
    padding: 8px;
  }
}
.ph-facilities .galleryNav li svg {
  width: 20px;
  height: 20px;
  stroke: #fff;
}
@media print, screen and (min-width: 800px) {
  .ph-facilities .galleryNav li svg {
    width: 32px;
    height: 32px;
  }
}
.ph-facilities .galleryNav li.prev {
  left: -32px;
}
@media print, screen and (min-width: 800px) {
  .ph-facilities .galleryNav li.prev {
    left: -48px;
  }
}
.ph-facilities .galleryNav li.next {
  right: -32px;
}
@media print, screen and (min-width: 800px) {
  .ph-facilities .galleryNav li.next {
    right: -48px;
  }
}

.link-360deg {
  position: relative;
  font-size: 0.8125em;
  line-height: 1;
  font-weight: 700;
  text-align: right;
  margin-top: 0.5em;
}
@media print, screen and (min-width: 768px) {
  .link-360deg {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
  }
}
.link-360deg a {
  position: relative;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.95);
  padding: 1em;
  padding-right: 3em;
  color: #1f408f;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
}
.link-360deg a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: " ";
  width: 0;
  height: 0;
  border-bottom: 2px solid #112e54;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media print, screen and (min-width: 768px) {
  .link-360deg a {
    padding: 1.5em;
    padding-right: 3em;
  }
}
.link-360deg a i {
  position: absolute;
  top: 50%;
  right: 0.75em;
  width: 11px;
  height: 11px;
  margin-top: -6px;
  display: block;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.link-360deg a i::before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  height: 0;
  content: " ";
  border-top: 1px solid #112e54;
}
.link-360deg a i::after {
  position: absolute;
  top: 0;
  left: 5px;
  width: 0;
  height: 100%;
  content: " ";
  border-left: 1px solid #112e54;
}
.link-360deg a:hover::after {
  width: 100%;
}

.countermeasures {
  position: relative;
  margin-top: 2em;
  padding: 0 0.5rem;
  padding: 1em;
  border: 1px dotted #535ca8;
  background-color: #ebecf5;
  border-radius: 0.5em;
}
@media print, screen and (min-width: 576px) {
  .countermeasures {
    overflow: hidden;
  }
}
@media print, screen and (min-width: 800px) {
  .countermeasures {
    margin-top: 3em;
    padding: 1.5em;
  }
}
@media print, screen and (min-width: 960px) {
  .countermeasures {
    padding: 2em;
  }
}
.countermeasures dl {
  /*@include mq-up(sm) {
      padding-left: 8em;
  }*/
  /*@include mq-up(lg) {
      @include flex();
  }*/
}
.countermeasures dl dt {
  font-size: 1.15em;
  font-weight: 700;
  color: #535ca8;
  margin: 0 0 0.75em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #535ca8;
  /*@include mq-up(lg) {
      width: 17rem;
      margin: 0;
      padding: 0;
      font-size: 1.25em;
      border-bottom: none;
  }*/
}
@media print, screen and (min-width: 800px) {
  .countermeasures dl dt {
    font-size: 1.25em;
  }
}
.countermeasures dl dd {
  font-size: 0.92em;
  line-height: 1.65;
  margin: 0;
  /*@include mq-up(lg) {
      width: calc(100% - 17rem);
      padding-left: 3rem;
      border-left: 1px solid $regionColor;
  }*/
}
@media print, screen and (min-width: 800px) {
  .countermeasures dl dd {
    font-size: 1em;
  }
}
.countermeasures .deco {
  position: absolute;
  top: -0.5em;
  left: -6em;
  width: 7.5em;
  transform: rotate(24deg);
}
@media print, screen and (min-width: 576px) {
  .countermeasures .deco {
    left: -4em;
    width: 9em;
  }
}
.countermeasures .deco img {
  position: relative;
  width: 100%;
  height: auto;
}

.wrap-facility-pickup {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}
.wrap-facility-pickup:not(:last-child) {
  margin-bottom: 2em;
}
.wrap-facility-pickup .facility-pickup {
  position: relative;
  width: 100%;
  border-radius: 1em;
  overflow: hidden;
  /*i {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      padding: 0.5em 4em 0.5em 1em;
      @include WorkSans;
      font-weight: 700;
      color: #fff;
      font-size: 0.875em;
      overflow: hidden;
      &::before {
          position: absolute;
          top: 0;
          left: -2em;
          width: 100%;
          height: 100%;
          content: " ";
          background-color: $regionColor_b;
          background: linear-gradient(to right, rgba($regionColor_b, .7) 0, rgba($regionColor, .7) 100%);
          z-index: -1;
          transform: skew(40deg);
      }
      &::after {
          position: absolute;
          top: 0;
          left: -2em;
          width: 100%;
          height: 100%;
          content: " ";
          background-color: $regionColor;
          background: linear-gradient(to left, rgba($regionColor_b, .7) 0, rgba($regionColor, .7) 100%);
          z-index: -1;
          transform: skew(-40deg);
      }
  }*/
}
.wrap-facility-pickup .facility-pickup + .facility-pickup {
  margin-top: 2rem;
}
@media print, screen and (min-width: 800px) {
  .wrap-facility-pickup .facility-pickup + .facility-pickup {
    margin-top: 0;
  }
}
@media print, screen and (min-width: 800px) {
  .wrap-facility-pickup .facility-pickup {
    width: calc(50% - 1rem);
  }
}
.wrap-facility-pickup .facility-pickup i {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding: 0.5em 3em 0.5em 1em;
  font-family: "WorkSans", Arial, Helvetica, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 0.875em;
  font-weight: 700;
  color: #e67749;
  overflow: hidden;
  /*@include mq-up(xsm) {
      top: -.25em;
      left: -.25em;
  }*/
}
.wrap-facility-pickup .facility-pickup i::before {
  position: absolute;
  top: 0;
  left: -2em;
  width: 100%;
  height: 100%;
  content: " ";
  background-color: #d4d6e9;
  z-index: -1;
  transform: skew(-30deg);
  border-radius: 0.5em;
}
.wrap-facility-pickup .facility-pickup--ph {
  position: relative;
}
.wrap-facility-pickup .facility-pickup--ph img {
  width: 100%;
  height: auto;
  border-radius: 1em;
}
.wrap-facility-pickup .facility-pickup--txt {
  position: relative;
  z-index: 1;
  padding: 1rem 1rem 0;
  margin: -2rem 0.5rem 0;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 0.25em;
}
@media print, screen and (min-width: 768px) {
  .wrap-facility-pickup .facility-pickup--txt {
    padding: 1.25rem 1.5rem 0;
  }
}
@media print, screen and (min-width: 960px) {
  .wrap-facility-pickup .facility-pickup--txt {
    padding: 1.5rem 2rem 0;
    margin: -3rem 1rem 0;
  }
}
.wrap-facility-pickup .facility-pickup--txt h4 {
  font-feature-settings: "palt";
}
.wrap-facility-pickup .facility-pickup--txt h4 .small {
  display: block;
  font-size: 0.75em;
}
.wrap-facility-pickup .facility-pickup--txt p {
  font-size: 0.92em;
}
.wrap-facility-pickup .facility-pickup.box {
  width: 100%;
  padding: 1em;
  background-color: rgba(83, 92, 168, 0.08);
  border-radius: 0.75em;
}
@media print, screen and (min-width: 800px) {
  .wrap-facility-pickup .facility-pickup.box {
    padding: 2em;
    border-radius: 1em;
  }
}
.wrap-facility-pickup .facility-pickup .row-facility-pickup {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.wrap-facility-pickup .facility-pickup .row-facility-pickup .facility-pickup--ph {
  width: 100%;
}
@media print, screen and (min-width: 576px) {
  .wrap-facility-pickup .facility-pickup .row-facility-pickup .facility-pickup--ph {
    width: 50%;
  }
}
.wrap-facility-pickup .facility-pickup .row-facility-pickup .facility-pickup--txt {
  width: 100%;
  margin: 0;
  padding: 0;
  padding-top: 1em;
  background-color: transparent;
}
@media print, screen and (min-width: 576px) {
  .wrap-facility-pickup .facility-pickup .row-facility-pickup .facility-pickup--txt {
    width: 50%;
    padding-top: 0;
    padding-left: 1em;
  }
}
@media print, screen and (min-width: 768px) {
  .wrap-facility-pickup .facility-pickup .row-facility-pickup .facility-pickup--txt {
    padding-left: 2em;
  }
}
.wrap-facility-pickup .facility-pickup.fullW:not(.pickup-stela2023) {
  width: 100%;
}
.wrap-facility-pickup .facility-pickup.fullW:not(.pickup-stela2023) .row {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
@media print, screen and (min-width: 800px) {
  .wrap-facility-pickup .facility-pickup.fullW:not(.pickup-stela2023) .row {
    padding-bottom: 3em;
  }
}
.wrap-facility-pickup .facility-pickup.fullW:not(.pickup-stela2023) .row .col {
  width: 100%;
}
@media print, screen and (min-width: 800px) {
  .wrap-facility-pickup .facility-pickup.fullW:not(.pickup-stela2023) .row .col.left {
    width: 70%;
  }
}
@media print, screen and (min-width: 800px) {
  .wrap-facility-pickup .facility-pickup.fullW:not(.pickup-stela2023) .row .col.right {
    width: 45%;
    margin-left: -15%;
    padding-top: 1em;
    padding-bottom: 1em;
  }
}
@media print, screen and (min-width: 800px) {
  .wrap-facility-pickup .facility-pickup.fullW:not(.pickup-stela2023) .facility-pickup--ph {
    height: 100%;
    overflow: hidden;
  }
}
@media print, screen and (min-width: 800px) {
  .wrap-facility-pickup .facility-pickup.fullW:not(.pickup-stela2023) .facility-pickup--ph img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: auto;
    max-width: none;
  }
}
.wrap-facility-pickup .facility-pickup.fullW:not(.pickup-stela2023) .facility-pickup--txt {
  padding-bottom: 1.5em;
}
@media print, screen and (min-width: 800px) {
  .wrap-facility-pickup .facility-pickup.fullW:not(.pickup-stela2023) .facility-pickup--txt {
    margin: 0;
    margin-left: -10%;
    padding-right: 0;
    padding-bottom: 0;
  }
}
.wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 {
  width: 100%;
  background-color: #eef3f7;
  border-radius: 1.5em;
  margin-bottom: 1.5em;
  overflow: hidden;
}
@media print, screen and (min-width: 768px) {
  .wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 {
    padding: 1em;
  }
}
.wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-direction: row-reverse;
  width: 100%;
  padding: 0;
}
.wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .row .col {
  position: relative;
  width: 100%;
  padding: 1em;
}
@media print, screen and (min-width: 768px) {
  .wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .row .col.left {
    padding-bottom: 1em;
    padding-right: 20em;
  }
}
@media print, screen and (min-width: 960px) {
  .wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .row .col.left {
    width: 40%;
    padding-right: 1em;
  }
}
@media print, screen and (min-width: 960px) {
  .wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .row .col.right {
    width: 60%;
  }
}
.wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .row .facility-pickup--phs {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: -0.5em;
  overflow: hidden;
}
.wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .row .facility-pickup--phs span {
  position: relative;
  display: block;
  padding: 0.5em;
}
.wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .row .facility-pickup--phs span.large {
  width: 100%;
}
.wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .row .facility-pickup--phs span.sml {
  width: 50%;
  position: relative;
}
.wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .row .facility-pickup--phs span.sml.num01::before, .wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .row .facility-pickup--phs span.sml.num02::before {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  background-color: #e67749;
  color: #fff;
  border-radius: 0 0.5em 0 0.5em;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: "WorkSans", Arial, Helvetica, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-style: normal;
  font-weight: 500;
  text-align: center;
}
.wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .row .facility-pickup--phs span.sml.num01::before {
  content: "1";
}
.wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .row .facility-pickup--phs span.sml.num02::before {
  content: "2";
}
.wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .row .facility-pickup--phs span img {
  width: 100%;
  height: auto;
  border-radius: 0.5em;
}
.wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .facility-pickup--txt {
  position: relative;
  z-index: 1;
  padding: 1.5em 0 0;
  margin: 0;
  background-color: transparent;
  border-radius: 0;
}
@media print, screen and (min-width: 768px) {
  .wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .facility-pickup--txt {
    padding: 0;
  }
}
@media print, screen and (min-width: 960px) {
  .wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .facility-pickup--txt {
    padding: 0;
    margin: 0;
    font-size: 1.325vw;
  }
}
@media print, screen and (min-width: 1104px) {
  .wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .facility-pickup--txt {
    font-size: 1em;
  }
}
.wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .facility-pickup--txt h4 {
  margin-bottom: 0.5em;
  color: #e67749;
}
.wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .facility-pickup--txt h4 .lrg {
  display: block;
  font-size: 2em;
  margin: -0.25em 0;
}
.wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .facility-pickup--txt h4 .lrg small {
  font-size: 0.5em;
  margin-left: 0.5em;
}
.wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .facility-pickup--txt h4 .en {
  font-family: "WorkSans", Arial, Helvetica, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  color: #404040;
  letter-spacing: 0.05em;
}
.wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .facility-pickup--txt h4 .en .c {
  color: #e67749;
}
.wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .facility-pickup--txt p {
  font-weight: 700;
  font-size: 1.15em;
  margin-bottom: 0.25em;
  color: #e67749;
}
.wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .facility-pickup--txt .list-stela {
  list-style: none;
  margin: 0;
  padding: 0;
  letter-spacing: -0.4em;
}
.wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .facility-pickup--txt .list-stela li {
  padding: 0;
  margin: 0 0 0.15em;
  letter-spacing: 0;
  display: inline-block;
  margin-right: 1.5em;
  font-size: 0.875em;
  font-feature-settings: "palt";
}
.wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .facility-pickup--txt .list-stela li::before {
  content: "・";
  color: #535ca8;
}
.wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .stela-imgs {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  align-items: flex-end;
  justify-content: space-between;
}
.wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .stela-imgs--item {
  width: 25%;
  padding: 1.5em 0 1em;
}
.wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .stela-imgs--item img {
  width: 100%;
  height: auto;
  margin-bottom: 0.15em;
}
.wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .stela-imgs--item .caption {
  font-size: 0.75em;
  line-height: 1.5;
  display: block;
  text-align: center;
  font-size: 2vw;
}
@media print, screen and (min-width: 576px) {
  .wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .stela-imgs--item .caption {
    font-size: 1vw;
  }
}
@media print, screen and (min-width: 960px) {
  .wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .stela-imgs--item .caption {
    font-size: 0.7125em;
  }
}
@media print, screen and (min-width: 1104px) {
  .wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .stela-imgs--item .caption {
    font-size: 0.75em;
  }
}
.wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .deco {
  position: relative;
  width: 18em;
  max-width: 88%;
  margin-bottom: -2em;
  margin-top: 1.5em;
  margin-left: auto;
  margin-right: 0;
}
@media print, screen and (min-width: 768px) {
  .wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .deco {
    position: absolute;
    bottom: -1em;
    right: 1em;
    margin: 0;
    width: 22em;
  }
}
@media print, screen and (min-width: 960px) {
  .wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .deco {
    left: 0;
    width: 100%;
  }
}
.wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .deco img {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
}
.wrap-facility-pickup .facility-pickup.fullW.pickup-stela2023 .deco img.txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 0;
}

/*.pickup-stela {
    .facility-pickup--txt {
        h4 {
            margin-bottom: .5em;

            .lrg {
                display: block;
                font-size: 2em;
                margin: -.25em 0;

                small {
                    font-size: .5em;
                    margin-left: .5em;
                }
            }

            .en {
                @include WorkSans;
                font-weight: 500;
                color: #404040;
                letter-spacing: .05em;

                .c {
                    color: $regionColor;
                }
            }
        }

        p {
            font-weight: 700;
            font-size: 1.15em;
            margin-bottom: .25em;
            color: $regionColor;
        }
    }

    .list-stela {
        list-style: none;
        margin: 0;
        padding: 0;
        letter-spacing: -.4em;

        li {
            padding: 0;
            margin: 0 0 .15em;
            letter-spacing: 0;
            display: inline-block;
            margin-right: 1.5em;
            font-size: .92em;
            font-feature-settings: 'palt';

            &::before {
                content: '・';
                color: $regionColor;
            }
        }
    }

    .stela-imgs {
        @include flex();
        @include justify-content(space-between);

        &--item {
            width: 30%;
            padding: 1.5em 0 1em;

            img {
                width: 100%;
                height: auto;
                margin-bottom: .15em;
            }

            .caption {
                font-size: .75em;
                line-height: 1.5;
                display: block;
                text-align: center;
            }
        }
    }
}*/
.facility-slc {
  position: relative;
  margin-top: 3em;
  padding: 1em;
  background: linear-gradient(to right, rgba(226, 95, 158, 0.1) 0, rgba(83, 92, 168, 0.05) 100%);
  border-radius: 1em;
}
@media print, screen and (min-width: 768px) {
  .facility-slc {
    padding: 1.5em;
  }
}
@media print, screen and (min-width: 960px) {
  .facility-slc {
    padding: 2em;
  }
}
.facility-slc h4 {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #303030;
  margin: 0 -1.25em;
  margin-bottom: 1em;
}
@media print, screen and (min-width: 800px) {
  .facility-slc h4 {
    margin: -1em;
    margin-bottom: 0;
  }
}
.facility-slc h4 .short {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3em;
  height: 3em;
  border-radius: 1.5em;
  font-size: 1.5em;
  font-family: "WorkSans", Arial, Helvetica, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background-color: #FFF;
  color: #535ca8;
  font-weight: 500;
}
.facility-slc h4 .full {
  padding-left: 0.75em;
  line-height: 1.4;
  font-family: "WorkSans", Arial, Helvetica, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  letter-spacing: 0.03em;
}
.facility-slc h4 .full small {
  font-feature-settings: "palt";
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 0.75em;
  letter-spacing: 0;
  font-weight: 700;
}
@media all and (-ms-high-contrast: none) {
  .facility-slc h4 .full small {
    font-family: "メイリオ", Meiryo, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
}
@media all and (-ms-high-contrast: none) {
  .facility-slc h4 .full small {
    font-family: "メイリオ", Meiryo, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
}
.facility-slc h4 .full i {
  color: #535ca8;
  display: inline;
  font-weight: 500;
  font-style: normal;
}
.facility-slc ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
@media print, screen and (min-width: 576px) {
  .facility-slc ul {
    margin: 0;
  }
}
.facility-slc ul li {
  position: relative;
  width: 100%;
}
@media print, screen and (min-width: 576px) {
  .facility-slc ul li {
    width: 60%;
  }
}
@media print, screen and (min-width: 960px) {
  .facility-slc ul li {
    width: 30%;
  }
}
.facility-slc ul li .img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.facility-slc ul li .img img {
  width: 100%;
  height: auto;
}
.facility-slc ul li .caption {
  position: absolute;
  bottom: 0.5em;
  left: 0.5em;
  max-width: calc(100% - 2em);
  padding: 0.5em;
  font-size: 0.8125em;
  line-height: 1.45;
  color: #535ca8;
  font-weight: 700;
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 0.25em;
}
@media print, screen and (min-width: 960px) {
  .facility-slc ul li .caption {
    top: calc(100% - 1.5em);
    bottom: inherit;
    left: 1em;
  }
}
.facility-slc ul li.thin {
  width: 100%;
}
@media print, screen and (min-width: 576px) {
  .facility-slc ul li.thin {
    width: 40%;
  }
}
@media print, screen and (min-width: 960px) {
  .facility-slc ul li.thin {
    width: 20%;
  }
}
@media print, screen and (min-width: 576px) {
  .facility-slc ul li.thin .img img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    max-width: none;
    height: 100%;
  }
}

/* ---------------------------------------------------------------------------------------- */
/* CLUB
/* ---------------------------------------------------------------------------------------- */
.page-club {
  padding-top: 90px;
  padding-bottom: 3em;
  /*background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  background-image: url(../img/club/bg-club.webp);*/
  background-color: #e3f0f3;
  position: relative;
  max-width: 1064px;
  margin-left: auto;
  margin-right: auto;
}
.page-club::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 220px;
  mix-blend-mode: color-burn;
  background-image: linear-gradient(to bottom, rgba(40, 40, 40, 0.3) 20%, transparent);
  background-repeat: no-repeat;
}
@media print, screen and (min-width: 576px) {
  .page-club {
    padding-top: 100px;
  }
}
@media print, screen and (min-width: 768px) {
  .page-club {
    padding-top: 120px;
  }
}
@media print, screen and (min-width: 960px) {
  .page-club {
    padding-top: 240px;
  }
}
.page-club .deco {
  position: absolute;
  z-index: 3;
}
.page-club .deco img {
  width: 100%;
  height: auto;
}
.page-club .deco.left {
  bottom: 1em;
  left: 1vw;
  width: 20vw;
}
@media print, screen and (min-width: 960px) {
  .page-club .deco.left {
    bottom: 2em;
    left: -2em;
    width: 25%;
  }
}
.page-club .deco.right {
  bottom: 0.5em;
  right: 1vw;
  width: 20.5vw;
}
@media print, screen and (min-width: 960px) {
  .page-club .deco.right {
    bottom: 2em;
    right: -2em;
    width: 23%;
  }
}
.page-club .club-header {
  position: relative;
  z-index: 2;
  /*@include mq-up(lg) {
  	padding-top: 35%;
  }*/
}
.page-club .club-header h1 {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  z-index: 2;
}
@media print, screen and (min-width: 960px) {
  .page-club .club-header h1 {
    width: 97%;
    margin: 0 auto;
  }
}
.page-club .club-header h1 img {
  width: 100%;
  height: auto;
}
.page-club .club-header .lead {
  color: #003e91;
  font-size: 0.875em;
  font-weight: 700;
  margin-top: 1em;
  margin-bottom: 0;
  z-index: 2;
}
@media print, screen and (min-width: 576px) {
  .page-club .club-header .lead {
    margin-bottom: 2em;
  }
}
@media print, screen and (min-width: 960px) {
  .page-club .club-header .lead {
    margin: 1em auto 0;
    width: max-content;
    text-align: center;
  }
}
@media print, screen and (max-width: 959px) {
  .page-club .club-header .lead br {
    display: none;
  }
}
.page-club .club-header .deco {
  position: absolute;
  z-index: 3;
}
.page-club .club-header .deco img {
  width: 100%;
  height: auto;
}
.page-club .club-header .deco.left {
  top: 25vw;
  left: -1rem;
  width: 24vw;
}
@media print, screen and (min-width: 576px) {
  .page-club .club-header .deco.left {
    top: 20.5vw;
    left: -1.5rem;
  }
}
@media print, screen and (min-width: 960px) {
  .page-club .club-header .deco.left {
    top: 5em;
    left: -5em;
    width: 32%;
  }
}
.page-club .club-header .deco.right {
  top: -0.5em;
  right: 1vw;
  width: 20.5vw;
}
@media print, screen and (min-width: 576px) {
  .page-club .club-header .deco.right {
    width: 18vw;
  }
}
@media print, screen and (min-width: 960px) {
  .page-club .club-header .deco.right {
    top: 0;
    right: -2em;
    width: 30%;
  }
}
.page-club .scn-norm {
  overflow: hidden;
}
.page-club .scn-norm h2 {
  display: inline-block;
  position: relative;
  z-index: 1;
  font-size: initial;
  margin-bottom: 0.5rem;
}
.page-club .scn-norm h2 img {
  width: auto;
  height: 38px;
}
.page-club .scn-norm h2.w100-bg-sports::before, .page-club .scn-norm h2.w100-bg-sports::after, .page-club .scn-norm h2.w100-bg-culture::before, .page-club .scn-norm h2.w100-bg-culture::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100vw;
  background-repeat: repeat;
  background-size: auto 100%;
  z-index: -1;
}
.page-club .scn-norm h2.w100-bg-sports::before {
  right: 100%;
  background-image: url("../img/club/2025/title-sports-bg.webp");
}
.page-club .scn-norm h2.w100-bg-sports::after {
  left: 100%;
  background-image: url("../img/club/2025/title-sports-bg.webp");
}
.page-club .scn-norm h2.w100-bg-culture::before {
  right: 100%;
  background-image: url("../img/club/2025/title-culture-bg.webp");
}
.page-club .scn-norm h2.w100-bg-culture::after {
  left: 100%;
  background-image: url("../img/club/2025/title-culture-bg.webp");
}
.page-club .scn-norm h2 .en {
  position: relative;
  color: #fff;
  padding: 0.15em;
  font-size: 0.5em;
}
.page-club .scn-norm h2 .en::before {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -6em;
  width: 12em;
  height: 100%;
  content: " ";
  border: 2px solid #003e91;
  opacity: 0.4;
  z-index: -1;
  border-radius: 0.5em;
}
.page-club .scn-norm h2 .en::after {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -4.5em;
  width: 9em;
  height: 100%;
  content: " ";
  background-color: #003e91;
  z-index: -1;
  border-radius: 0.5em;
}
.page-club #Scn-sports h2 {
  color: #e50020;
  /*.en {
  	&::before {
  		border-color: colors(club_sports);
  	}

  	&::after {
  		background-color: colors(club_sports);
  	}
  }*/
}
.page-club #Scn-culture h2 {
  color: #ea5504;
  /*.en {
  	&::before {
  		border-color: colors(scB);
  	}

  	&::after {
  		background-color: colors(scB);
  	}
  }*/
}
.page-club #Scn-club h2 {
  color: #ea5504;
  /*.en {
  	&::before {
  		border-color: colors(scB);
  	}

  	&::after {
  		background-color: colors(scB);
  	}
  }*/
}

.wrap-list-club {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  align-items: stretch;
  margin: -0.25rem 0;
  padding: 0;
  max-width: calc(1104px + 5em);
  gap: 0.25rem;
}
.wrap-list-club.center {
  justify-content: center;
}
.wrap-list-club .item {
  position: relative;
  width: calc((100% - 0.25rem) / 2);
  overflow: hidden;
}
@media print, screen and (min-width: 800px) {
  .wrap-list-club .item {
    width: calc((100% - 0.5rem) / 3);
  }
}
.wrap-list-club .item:hover a::after {
  background-color: rgba(0, 0, 0, 0.5);
}
.wrap-list-club .item dt {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  z-index: 2;
  pointer-events: none;
  padding: 0.5em 1em;
  width: 102%;
  font-size: 0.75em;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
  font-feature-settings: "palt";
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  /*&::before {
  	position: absolute;
  	top: 0;
  	left: 0;
  	content: " ";
  	width: 100%;
  	height: 100%;
  	z-index: -1;
  	border-radius: 0.5em;
  	background-color: #FFF;
  	background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0) 100%);
  }*/
}
@media print, screen and (min-width: 800px) {
  .wrap-list-club .item dt {
    font-size: 0.8125em;
  }
}
@media print, screen and (min-width: 960px) {
  .wrap-list-club .item dt {
    font-size: 0.875em;
    padding: 0.5em 1em;
    height: 30px;
  }
}
.wrap-list-club .item dd {
  position: relative;
  margin: 0;
}
.wrap-list-club .item dd a {
  position: relative;
  display: block;
  overflow: hidden;
}
.wrap-list-club .item dd a::after {
  position: absolute;
  top: 0;
  left: 0;
  content: " ";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.wrap-list-club .item dd img {
  width: 100%;
  height: auto;
}
.wrap-list-club .item.ath dt {
  color: #fff;
  background-image: url(../img/club/2025/item-bg-sports.svg);
  /*&::before {
  	background-color: rgba(colors(club_sports), 0.8);
  	background: linear-gradient(45deg, rgba(colors(scB), 1) 0, rgba(colors(club_sports), 1) 100%);
  }*/
}
.wrap-list-club .item.cul dt {
  color: #fff;
  background-image: url(../img/club/2025/item-bg-culture.svg);
  /*&::before {
  	background-color: rgba(colors(club_culture), 0.8);
  	background: linear-gradient(45deg, rgba(colors(club_culture), 1) 0, rgba(#ffe100, 1) 50%, rgba(colors(scB), 1) 100%);
  }*/
}
.wrap-list-club .item.club dt {
  color: #fff;
  background-image: url(../img/club/2025/item-bg-club.svg);
}
.wrap-list-club .item.no-ph dd {
  height: 100%;
  min-height: 3em;
  background-color: rgba(196, 158, 109, 0.2);
  border-radius: 0.5em;
}
.wrap-list-club .more-clubs {
  position: relative;
  margin: 2em 0 0;
  list-style: none;
  letter-spacing: -0.4em;
  width: 100%;
}
.wrap-list-club .more-clubs li {
  letter-spacing: 0;
  display: inline-block;
  padding: 0.5em 2em;
  border-radius: 0.5em;
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 0.875em;
  font-weight: 700;
}
@media print, screen and (min-width: 576px) {
  .wrap-list-club .more-clubs li li:not(:last-child) {
    margin-right: 2em;
  }
}
@media print, screen and (min-width: 960px) {
  .wrap-list-club .more-clubs li {
    font-size: 0.92em;
    padding: 0.75em 3em;
  }
}
.wrap-list-club .more-clubs.cul li {
  color: #e73278;
}

/* ---------------------------------------------------------------------------------------- */
/* CLUB - BLOG
/* ---------------------------------------------------------------------------------------- */
.page-clubtop {
  padding-top: 90px;
  padding-bottom: 3em;
  /*background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  background-image: url(../img/club/bg-club.webp);*/
  position: relative;
  max-width: 1064px;
  margin-left: auto;
  margin-right: auto;
}
.page-clubtop::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100px;
  mix-blend-mode: color-burn;
  background-image: linear-gradient(to bottom, rgba(95, 149, 167, 0.3) 20%, transparent);
  background-repeat: no-repeat;
}
@media print, screen and (min-width: 576px) {
  .page-clubtop {
    padding-top: 100px;
  }
  .page-clubtop::before {
    height: 100px;
  }
}
@media print, screen and (min-width: 768px) {
  .page-clubtop {
    padding-top: 120px;
  }
  .page-clubtop::before {
    height: 120px;
  }
}
@media print, screen and (min-width: 960px) {
  .page-clubtop {
    padding-top: 200px;
  }
  .page-clubtop::before {
    height: 200px;
  }
}
.page-clubtop .status {
  text-align: center;
  list-style: none;
  margin-bottom: 1.5rem;
}
.page-clubtop .status li {
  display: inline-block;
  margin: 0.5em 2em;
  font-size: 0.92em;
  font-feature-settings: "palt";
  position: relative;
  padding-left: 30px;
}
@media print, screen and (min-width: 576px) {
  .page-clubtop .status li {
    font-size: 1em;
  }
}
.page-clubtop .status li::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.page-clubtop .status li:first-child::before {
  background-image: url(../img/club/icon_status_mem.svg);
}
.page-clubtop .status li:last-child::before {
  background-image: url(../img/club/icon_status_day.svg);
}
.page-clubtop .link_area {
  text-align: center;
  list-style: none;
  margin-bottom: 1.5rem;
  padding: 1rem 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-top: 1px solid #969696;
  border-bottom: 1px solid #969696;
}
.page-clubtop .link_area li {
  font-size: 0.92em;
  position: relative;
  padding: 0.5rem 0 0.5rem 30px;
  margin: 0 1em 0 0;
}
.page-clubtop .link_area li:last-child {
  margin: 0;
}
@media print, screen and (min-width: 576px) {
  .page-clubtop .link_area li {
    font-size: 1em;
  }
}
.page-clubtop .link_area li::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.page-clubtop .link_area li.link_website::before {
  background-image: url(../img/club/icon_website.svg);
}
.page-clubtop .link_area li.link_x::before {
  background-image: url(../img/club/icon_x.svg);
}
.page-clubtop .link_area li.link_instagram::before {
  background-image: url(../img/club/icon_instagram.svg);
}
.page-clubtop .link_area li.link_youtube::before {
  background-image: url(../img/club/icon_youtube.svg);
}
.page-clubtop h1,
.page-clubtop .clubtop-subti {
  position: relative;
  text-align: left;
  margin-bottom: 1.5em;
  display: block;
  text-align: center;
  line-height: 1;
  display: none;
  /*&::after {
  	position: absolute;
  	left: 50%;
  	top: 50%;
  	transform: translate(-50%, -50%);
  	content: "";
  	width: 225px;
  	height: 75px;
  	display: inline-block;
  	background-image: url(../img/club/club-title-bg.webp);
  	background-size: contain;
  	z-index: -1;
  }*/
}
.page-clubtop h1 .en,
.page-clubtop .clubtop-subti .en {
  position: relative;
  display: inline-block;
  font-size: 0.8125em;
  width: 100%;
  background-color: #0080c8;
  /*&::before {
  	position: absolute;
  	top: 0;
  	right: 0;
  	width: 100%;
  	height: 100%;
  	background-color: #003e91;
  	transform: skew(-40deg);
  	z-index: 0;
  	opacity: 0.8;
  	border-radius: 0.5em;
  }*/
}
.page-clubtop h1 .en .inner,
.page-clubtop .clubtop-subti .en .inner {
  position: relative;
  display: inline-block;
  padding: 0;
  color: #FFF;
  z-index: 2;
  letter-spacing: 0.2em;
}
.page-clubtop h1 .en::after,
.page-clubtop .clubtop-subti .en::after {
  position: absolute;
  top: inherit;
  bottom: 0;
  left: 0;
  display: block !important;
  width: 100%;
  height: 30px;
  content: " ";
  background-color: #44ade9;
  z-index: -1;
  /*position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #003e91;
  transform: skew(40deg);
  z-index: 0;
  opacity: 0.7;
  border-radius: 0.5em;*/
}
.page-clubtop h1 .jp,
.page-clubtop .clubtop-subti .jp {
  display: block;
  margin: 0 0 -9px;
}
@media print, screen and (min-width: 576px) {
  .page-clubtop h1 .jp,
  .page-clubtop .clubtop-subti .jp {
    margin: 0 0 -9px;
  }
}
@media print, screen and (min-width: 768px) {
  .page-clubtop h1 .jp,
  .page-clubtop .clubtop-subti .jp {
    margin: 0 0 -11px;
  }
}
@media print, screen and (min-width: 960px) {
  .page-clubtop h1 .jp,
  .page-clubtop .clubtop-subti .jp {
    margin: 0 0 -14px;
  }
}
.page-clubtop h1 .jp .inner,
.page-clubtop .clubtop-subti .jp .inner {
  position: relative;
  display: block;
  z-index: 2;
  margin: 0 auto;
  color: #2487cc;
  background: #fff;
  width: fit-content;
  clip-path: polygon(0 0, 100% 0, 85% 100%, 15% 100%);
  padding: 0.1em 2.5em;
}
.page-clubtop h1 .en,
.page-clubtop .clubtop-subti .en {
  font-size: 0.5em;
}
@media print, screen and (min-width: 800px) {
  .page-clubtop h1,
  .page-clubtop .clubtop-subti {
    display: block;
  }
}
.page-clubtop .clubtop-subti {
  margin-top: 0;
  margin-bottom: 0.5em;
  text-align: center;
  display: block;
}
@media print, screen and (min-width: 800px) {
  .page-clubtop .clubtop-subti {
    display: none;
  }
}
.page-clubtop .clubtop-subti .jp::before {
  width: 100%;
}
.page-clubtop .clubtop-subti .jp::after {
  display: none;
}
.page-clubtop .scn-norm h2 {
  padding-top: 0;
  padding-bottom: 0.5em;
  font-weight: 500;
}
@media print, screen and (max-width: 575px) {
  .page-clubtop .scn-norm h2 {
    margin: 2em 0;
  }
}
@media print, screen and (max-width: 575px) {
  .page-clubtop .scn-norm h2 br {
    display: none;
  }
}
.page-clubtop .scn-norm h2:not(.clubtop-subti) {
  position: relative;
  display: block;
  font-feature-settings: "palt";
  font-weight: 700;
  line-height: 1.2;
  width: 100%;
  font-family: "Noto Serif JP", serif;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  /*&::after {
  	position: absolute;
  	bottom: 0;
  	left: 0;
  	width: 100%;
  	height: 6px;
  	content: " ";
  	border-radius: 3px;
  	background-repeat: repeat;
  	background-position: 0 0;
  	background-size: 4px 4px;
  	background-image: url(../img/common/slash/slash-x4-wh.svg);
  	z-index: 1;
  	opacity: 0.4;
  }*/
}
.page-clubtop .scn-norm h2:not(.clubtop-subti)::before {
  position: absolute;
  top: inherit;
  bottom: 0;
  left: 0;
  display: block !important;
  width: 100%;
  height: 9px;
  content: " ";
  border-radius: 0;
  border: none;
  background-color: #0080c8;
  z-index: 1;
}
.page-clubtop .scn-norm h2:not(.clubtop-subti)::after {
  position: absolute;
  top: inherit;
  bottom: 0;
  left: 0;
  display: block !important;
  width: 100%;
  height: 18px;
  content: " ";
  border-radius: 0;
  border: none;
  background-color: #44ade9;
  opacity: 0.5;
  z-index: -1;
}
@media print, screen and (min-width: 960px) {
  .page-clubtop .scn-norm h2:not(.clubtop-subti)::before {
    height: 15px;
  }
  .page-clubtop .scn-norm h2:not(.clubtop-subti)::after {
    height: 30px;
  }
}
.page-clubtop .scn-norm h4 {
  color: red;
  padding-left: 50px;
  background: none;
  font-size: 1.375em;
  margin-bottom: 0;
}
.page-clubtop .scn-norm h4 span {
  background-color: #fff;
  padding: 0 0.3em 0 1.6em;
  margin-left: -1.9em;
}
.page-clubtop .scn-norm h4::before {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 24px;
  height: 30px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/club/icon_result.svg);
  border: none;
}
.page-clubtop .scn-norm h4::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 15px;
  background-size: auto auto;
  background-color: #0080c8;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: -1;
}

#Clubtop-imgs {
  position: relative;
  margin: 0 -16px 1rem;
}
@media print, screen and (min-width: 800px) {
  #Clubtop-imgs {
    margin: 0 0 2rem;
  }
}
#Clubtop-imgs ul {
  position: relative;
  list-style: none;
  width: 100%;
  height: 0;
  padding-top: 66%;
  margin: 0;
}
@media print, screen and (min-width: 800px) {
  #Clubtop-imgs ul {
    padding-top: 56.25%;
  }
}
#Clubtop-imgs ul li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
}
#Clubtop-imgs ul li img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  transform: translateY(-50%);
}
#Clubtop-imgs .badge {
  position: absolute;
  bottom: -1rem;
  right: 0;
  width: 96px;
  padding: 4px;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
}
@media print, screen and (min-width: 768px) {
  #Clubtop-imgs .badge {
    width: 112px;
  }
}
@media print, screen and (min-width: 800px) {
  #Clubtop-imgs .badge {
    top: -4rem;
    bottom: inherit;
  }
}
@media print, screen and (min-width: 960px) {
  #Clubtop-imgs .badge {
    width: 128px;
    top: -5rem;
  }
}
#Clubtop-imgs .badge img {
  width: 100%;
  height: auto;
}

.clubtop-interview {
  position: relative;
  width: 95%;
  padding: 1rem;
  padding-top: 2rem;
  margin-top: 2rem;
  margin-bottom: 1.5rem;
  margin-left: 5%;
}
@media print, screen and (min-width: 960px) {
  .clubtop-interview {
    padding: 2rem;
    padding-top: 2.5rem;
    margin-top: 3rem;
    margin-bottom: 2rem;
  }
}
.clubtop-interview::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  z-index: -1;
  background-color: rgba(0, 62, 145, 0.05);
}
.clubtop-interview::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 0.25em;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: right bottom -20px;
  background-size: 90% auto;
  background-image: url(../img/common/tri-bottom-white.svg);
  opacity: 0.6;
}
.clubtop-interview h5 {
  margin-bottom: 0;
}
.clubtop-interview h5 br {
  display: none;
}
@media print, screen and (min-width: 1104px) {
  .clubtop-interview h5 br {
    display: block;
  }
}
.clubtop-interview p {
  font-size: 0.92em;
  color: #505050;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 960px) {
  .clubtop-interview p {
    font-size: 0.92em;
    max-width: none;
  }
}
.clubtop-interview p.nm {
  font-size: 1.15em;
  margin-bottom: 0.5em;
}
.clubtop-interview p.nm small {
  font-size: 0.65em;
}
.clubtop-interview p.show-lrg {
  display: none;
}
@media print, screen and (min-width: 800px) {
  .clubtop-interview p.show-lrg {
    display: block;
    margin-top: 1rem;
  }
}
.clubtop-interview p.show-sml {
  margin-top: 1rem;
}
@media print, screen and (min-width: 800px) {
  .clubtop-interview p.show-sml {
    display: none;
  }
}
.clubtop-interview .ph-nm {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 960px) {
  .clubtop-interview .ph-nm {
    max-width: none;
  }
}
.clubtop-interview .ph-nm .ph {
  position: relative;
  width: 92px;
  height: 92px;
  background-color: #000;
  overflow: hidden;
}
@media print, screen and (min-width: 576px) {
  .clubtop-interview .ph-nm .ph {
    width: 192px;
    height: 192px;
  }
}
@media print, screen and (min-width: 800px) {
  .clubtop-interview .ph-nm .ph {
    width: 192px;
    height: 192px;
  }
}
@media print, screen and (min-width: 1104px) {
  .clubtop-interview .ph-nm .ph {
    width: 240px;
    height: 240px;
  }
}
.clubtop-interview .ph-nm .ph img {
  position: absolute;
  top: 0%;
  left: 50%;
  width: auto;
  height: 100%;
  max-width: none;
  transform: translateX(-50%);
}
.clubtop-interview .ph-nm .nm-ti {
  width: calc(100% - 92px);
  padding-left: 1em;
}
@media print, screen and (min-width: 576px) {
  .clubtop-interview .ph-nm .nm-ti {
    width: calc(100% - 192px);
  }
}
@media print, screen and (min-width: 800px) {
  .clubtop-interview .ph-nm .nm-ti {
    padding-left: 1.5em;
    width: calc(100% - 192px);
  }
}
@media print, screen and (min-width: 1104px) {
  .clubtop-interview .ph-nm .nm-ti {
    padding-left: 2em;
    width: calc(100% - 240px);
  }
}
.clubtop-interview .ph-nm .nm-ti .nm {
  margin-bottom: 0.5em;
  color: #303030;
}
@media print, screen and (min-width: 960px) {
  .clubtop-interview .ph-nm .nm-ti .nm {
    margin-bottom: 1em;
  }
}
.clubtop-interview .ph-nm .nm-ti .title {
  display: inline-block;
  font-size: 0.8125em;
  margin-right: 0.5em;
  font-weight: 700;
}
@media print, screen and (min-width: 960px) {
  .clubtop-interview .ph-nm .nm-ti .title {
    display: block;
  }
}
.clubtop-interview .ph-nm .nm-ti .name {
  font-size: 1.35em;
  display: inline-block;
}
.clubtop-interview .ph-nm .nm-ti .name small {
  font-size: 0.5em;
}
.clubtop-interview--ti {
  position: absolute;
  top: -0.75em;
  left: -5%;
  z-index: 1;
  width: 100%;
}
.clubtop-interview--ti span {
  position: relative;
  display: inline-block;
  padding: 0.35em 1em;
  font-weight: 700;
  font-size: 0.92em;
  color: #FFF;
  background-color: #999;
  z-index: 1;
}
.clubtop-interview--ti span::after {
  position: absolute;
  content: "";
  border-top: 15px solid #999;
  border-left: 12px solid transparent;
  width: 0;
  height: 0;
  left: 12px;
  top: 100%;
}

.link-officialsite {
  position: relative;
  text-align: center;
  margin: 1.5rem auto 0;
}
@media print, screen and (min-width: 960px) {
  .link-officialsite {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
  }
}
.link-officialsite a {
  display: block;
}
.link-officialsite a:hover {
  opacity: 0.7;
}

.tb-club-result {
  position: relative;
  width: 100%;
  border-bottom: 1px dotted #ccc;
  font-size: 0.92em;
}
.tb-club-result.no-bdr-btm {
  border-bottom: none;
  margin-bottom: 0;
}
.tb-club-result tbody th {
  width: 6em;
}
.tb-club-result tbody th,
.tb-club-result tbody td {
  padding: 1em 0;
  border-top: 1px dotted #ccc;
  vertical-align: top;
}
.tb-club-result tbody td {
  width: calc(100% - 6em);
}
.tb-club-result.no-yr td {
  width: 100%;
}

.page-clubtop .scn-norm.sports {
  /*h2:not(.clubtop-subti) {
  	background: linear-gradient(to right, rgba(colors(club_sports), 1) 0%, rgba(colors(scB), 1) 100%);
  	background-clip: text;
  	-webkit-background-clip: text;
  	color: transparent;
  	-webkit-text-fill-color: transparent;

  	&::after {
  		background: linear-gradient(-45deg, rgba(colors(scB), 1) 0, rgba(colors(club_sports), 1) 100%);
  	}
  }*/
}
.page-clubtop .scn-norm.sports h1 .jp,
.page-clubtop .scn-norm.sports .clubtop-subti .jp {
  color: #1d4293;
}
.page-clubtop .scn-norm.sports h1 .en,
.page-clubtop .scn-norm.sports .clubtop-subti .en {
  color: #e50020;
  /*&::before {
  	background: linear-gradient(45deg, rgba(colors(scB), 1) 0, rgba(colors(club_sports), 1) 100%);
  }

  &::after {
  	background: linear-gradient(-45deg, rgba(colors(club_sports), 1) 0, rgba(colors(scB), 1) 100%);
  }*/
}
.page-clubtop .scn-norm.sports h2,
.page-clubtop .scn-norm.sports h3,
.page-clubtop .scn-norm.sports h4 {
  color: #1d4293;
}
.page-clubtop .scn-norm.sports h4 {
  color: #1d4293;
}
.page-clubtop .scn-norm.sports .clubtop-interview::before {
  background-color: #e5ecf4;
}
.page-clubtop .scn-norm.sports .clubtop-interview--ti span {
  background-color: #1d4293;
}
.page-clubtop .scn-norm.sports .clubtop-interview--ti span::before, .page-clubtop .scn-norm.sports .clubtop-interview--ti span::after {
  border-top: 15px solid #1d4293;
}
.page-clubtop .scn-norm.sports .clubtop-interview h5 {
  color: #0075c2;
}
.page-clubtop .scn-norm.culture .status li:first-child::before {
  background-image: url(../img/club/culture/icon_status_mem.svg);
}
.page-clubtop .scn-norm.culture .status li:last-child::before {
  background-image: url(../img/club/culture/icon_status_day.svg);
}
.page-clubtop .scn-norm.culture .link_area li.link_website::before {
  background-image: url(../img/club/culture/icon_website.svg);
}
.page-clubtop .scn-norm.culture .link_area li.link_x::before {
  background-image: url(../img/club/culture/icon_x.svg);
}
.page-clubtop .scn-norm.culture .link_area li.link_instagram::before {
  background-image: url(../img/club/culture/icon_instagram.svg);
}
.page-clubtop .scn-norm.culture .link_area li.link_youtube::before {
  background-image: url(../img/club/culture/icon_youtube.svg);
}
.page-clubtop .scn-norm.culture h1 .jp,
.page-clubtop .scn-norm.culture .clubtop-subti .jp {
  color: #cb5517;
}
.page-clubtop .scn-norm.culture h1 .jp .inner,
.page-clubtop .scn-norm.culture .clubtop-subti .jp .inner {
  color: #cb5517;
}
.page-clubtop .scn-norm.culture h1 .en,
.page-clubtop .scn-norm.culture .clubtop-subti .en {
  background-color: #cb5517;
  /*.inner {
  	color: #004ba5;
  	border-top-color: #004ba5;
  }*/
  /*&::before {
  	background: linear-gradient(45deg, rgba(colors(club_culture), 1) 0, rgba(colors(scB), 1) 100%);
  }

  &::after {
  	background: linear-gradient(-45deg, rgba(colors(scB), 1) 0, rgba(colors(club_culture), 1) 100%);
  }*/
}
.page-clubtop .scn-norm.culture h1 .en::after,
.page-clubtop .scn-norm.culture .clubtop-subti .en::after {
  background-color: #d47a3d;
}
.page-clubtop .scn-norm.culture h2,
.page-clubtop .scn-norm.culture h3,
.page-clubtop .scn-norm.culture h4 {
  color: #cb5517;
}
.page-clubtop .scn-norm.culture h2:not(.clubtop-subti) {
  /*background: linear-gradient(to right, rgba(#f5ad00, 1) 0%, rgba(colors(scB), 1) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;

  &::after {
  	background: linear-gradient(-45deg, rgba(colors(scB), 1) 0, rgba(colors(club_culture), 1) 100%);
  }*/
}
.page-clubtop .scn-norm.culture h2:not(.clubtop-subti)::before {
  background-color: #cb5517;
}
.page-clubtop .scn-norm.culture h2:not(.clubtop-subti)::after {
  background-color: #d47a3d;
}
.page-clubtop .scn-norm.culture h4 {
  color: #cb5517;
}
.page-clubtop .scn-norm.culture h4::before {
  background-image: url(../img/club/culture/icon_result.svg);
}
.page-clubtop .scn-norm.culture h4::after {
  background-size: auto auto;
  background-color: #cb5517;
}
.page-clubtop .scn-norm.culture .clubtop-interview {
  border-color: #e73278;
}
.page-clubtop .scn-norm.culture .clubtop-interview::before {
  background-color: rgba(203, 85, 23, 0.1);
}
.page-clubtop .scn-norm.culture .clubtop-interview--ti span {
  background-color: #cb5517;
}
.page-clubtop .scn-norm.culture .clubtop-interview--ti span::before, .page-clubtop .scn-norm.culture .clubtop-interview--ti span::after {
  border-top: 15px solid #cb5517;
}
.page-clubtop .scn-norm.culture .clubtop-interview h5 {
  color: #e73278;
}
.page-clubtop .scn-norm.club-s .status li:first-child::before {
  background-image: url(../img/club/club-s/icon_status_mem.svg);
}
.page-clubtop .scn-norm.club-s .status li:last-child::before {
  background-image: url(../img/club/club-s/icon_status_day.svg);
}
.page-clubtop .scn-norm.club-s .link_area li.link_website::before {
  background-image: url(../img/club/club-s/icon_website.svg);
}
.page-clubtop .scn-norm.club-s .link_area li.link_x::before {
  background-image: url(../img/club/club-s/icon_x.svg);
}
.page-clubtop .scn-norm.club-s .link_area li.link_instagram::before {
  background-image: url(../img/club/club-s/icon_instagram.svg);
}
.page-clubtop .scn-norm.club-s .link_area li.link_youtube::before {
  background-image: url(../img/club/club-s/icon_youtube.svg);
}
.page-clubtop .scn-norm.club-s h1 .jp,
.page-clubtop .scn-norm.club-s .clubtop-subti .jp {
  color: #cb5517;
}
.page-clubtop .scn-norm.club-s h1 .jp .inner,
.page-clubtop .scn-norm.club-s .clubtop-subti .jp .inner {
  color: #cb5517;
}
.page-clubtop .scn-norm.club-s h1 .en,
.page-clubtop .scn-norm.club-s .clubtop-subti .en {
  background-color: #cb5517;
  /*.inner {
  	color: #004ba5;
  	border-top-color: #004ba5;
  }*/
}
.page-clubtop .scn-norm.club-s h1 .en::after,
.page-clubtop .scn-norm.club-s .clubtop-subti .en::after {
  background-color: #d47a3d;
}
.page-clubtop .scn-norm.club-s h2,
.page-clubtop .scn-norm.club-s h3,
.page-clubtop .scn-norm.club-s h4 {
  color: #cb5517;
}
.page-clubtop .scn-norm.club-s h2:not(.clubtop-subti)::before {
  background-color: #cb5517;
}
.page-clubtop .scn-norm.club-s h2:not(.clubtop-subti)::after {
  background-color: #d47a3d;
}
.page-clubtop .scn-norm.club-s h4 {
  color: #cb5517;
}
.page-clubtop .scn-norm.club-s h4::before {
  background-image: url(../img/club/club-s/icon_result.svg);
}
.page-clubtop .scn-norm.club-s h4::after {
  background-size: auto auto;
  background-color: #cb5517;
}
.page-clubtop .scn-norm.club-s .clubtop-interview {
  border-color: #e73278;
}
.page-clubtop .scn-norm.club-s .clubtop-interview::before {
  background-color: rgba(203, 85, 23, 0.1);
}
.page-clubtop .scn-norm.club-s .clubtop-interview--ti span {
  background-color: #cb5517;
}
.page-clubtop .scn-norm.club-s .clubtop-interview--ti span::before, .page-clubtop .scn-norm.club-s .clubtop-interview--ti span::after {
  border-top: 15px solid #cb5517;
}
.page-clubtop .scn-norm.club-s .clubtop-interview h5 {
  color: #e73278;
}

.page-clubtop .scn-norm.sports .clubtop-interview {
  border-color: #1d4293;
}
.page-clubtop .scn-norm.sports .clubtop-interview::before {
  border-color: #1d4293;
}
.page-clubtop .scn-norm.sports .clubtop-interview h5 {
  color: #1d4293;
}

.page-clubtop .scn-norm.culture .clubtop-interview {
  border-color: #cb5517;
}
.page-clubtop .scn-norm.culture .clubtop-interview::before {
  border-color: #cb5517;
}
.page-clubtop .scn-norm.culture .clubtop-interview h5 {
  color: #cb5517;
}

.page-clubtop .scn-norm.club-s .clubtop-interview {
  border-color: #cb5517;
}
.page-clubtop .scn-norm.club-s .clubtop-interview::before {
  border-color: #cb5517;
}
.page-clubtop .scn-norm.club-s .clubtop-interview h5 {
  color: #cb5517;
}

.club-ctg-menu {
  position: relative;
  text-align: center;
  padding-bottom: 2rem;
}
.club-ctg-menu ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  list-style: none;
  margin: 0;
}
.club-ctg-menu ul li {
  font-size: 0.92em;
  padding: 2px;
}
.club-ctg-menu ul li a {
  position: relative;
  width: 48px;
  height: 48px;
  background-color: #F5F5F5;
  display: block;
  border-radius: 0.15em;
  overflow: hidden;
}
.club-ctg-menu ul li a i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
}
.club-ctg-menu ul li a i svg {
  position: relative;
  stroke: #1f408f;
  stroke-width: 1;
  width: 100%;
  height: 100%;
}
.club-ctg-menu ul li.top a i {
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
.club-ctg-menu ul li.top a i svg {
  stroke: none;
  fill: #1f408f;
}
.club-ctg-menu ul li.top a:hover i {
  opacity: 0.5;
}
.club-ctg-menu ul li.prev a:hover i {
  animation: arrowPrev 0.4s ease-in-out forwards;
}
.club-ctg-menu ul li.next a:hover i {
  animation: arrowNext 0.4s ease-in-out forwards;
}

@keyframes arrowPrev {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: -100%;
  }
  51% {
    margin-left: 100%;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes arrowNext {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: 100%;
  }
  51% {
    margin-left: -100%;
  }
  100% {
    margin-left: 0;
  }
}
/* ---------------------------------------------------------------------------------------- */
/* CLUB - BLOG
/* ---------------------------------------------------------------------------------------- */
.backto-club-top {
  position: relative;
  width: 90%;
  width: calc(100% - 1rem);
  text-align: left;
  max-width: 1468px;
  margin: 0 0.5rem;
  padding-top: 1rem;
}
@media print, screen and (min-width: 1500px) {
  .backto-club-top {
    margin: 0 auto;
  }
}
.backto-club-top a {
  display: inline-block;
  font-size: 0.75em;
  line-height: 1.4;
  font-weight: 700;
  background-color: rgba(255, 255, 255, 0.4);
  color: #111;
}
@media print, screen and (min-width: 800px) {
  .backto-club-top a {
    font-size: 0.875em;
  }
}
.backto-club-top a span {
  position: relative;
  padding: 1em 1rem;
  padding-left: 32px;
  display: block;
}
.backto-club-top a span i {
  position: absolute;
  bottom: 0.25em;
  left: 0.5em;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.backto-club-top a span i svg {
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.backto-club-top a span i svg.icon-line-arrow {
  width: 18px;
  height: 20px;
  stroke: #111;
}

#Page-container #Post-list.footer-club-single {
  padding: 2rem 1.5rem;
  border-top: 1px dotted #DDD;
  background-color: #FAFAFA;
  text-align: left;
  margin: 0 auto;
}
@media print, screen and (min-width: 576px) {
  #Page-container #Post-list.footer-club-single {
    padding: 2rem 2rem 2.5rem;
  }
}
@media print, screen and (min-width: 800px) {
  #Page-container #Post-list.footer-club-single {
    padding: 3rem 2rem;
  }
}
@media print, screen and (min-width: 960px) {
  #Page-container #Post-list.footer-club-single {
    padding: 4rem 2rem;
  }
}
@media print, screen and (min-width: 1500px) {
  #Page-container #Post-list.footer-club-single {
    margin: 0 auto;
  }
}
#Page-container #Post-list.footer-club-single .news-index--inner {
  max-width: 736px;
}

/* ---------------------------------------------------------------------------------------- */
/* ACADEMIC
/* ---------------------------------------------------------------------------------------- */
.page-academic .scn-norm.clrd,
.page-career .scn-norm.clrd {
  background-color: rgba(58, 80, 148, 0.035);
}
.page-academic h2,
.page-academic h3,
.page-academic h4,
.page-career h2,
.page-career h3,
.page-career h4 {
  color: #3a5094;
}
.page-academic h2:not(.plain):not(.no-border)::before,
.page-career h2:not(.plain):not(.no-border)::before {
  border-color: #3a5094;
}
.page-academic h2:not(.plain):not(.no-border)::after,
.page-career h2:not(.plain):not(.no-border)::after {
  border-top-color: #3a5094;
}
.page-academic h3:not(.plain)::before,
.page-career h3:not(.plain)::before {
  border-color: #3a5094;
}
.page-academic h3:not(.plain)::after,
.page-career h3:not(.plain)::after {
  background: linear-gradient(to right, rgba(58, 80, 148, 0.35) 0, rgba(58, 80, 148, 0.15) 100%);
  border-color: #3a5094;
}
.page-academic h5,
.page-career h5 {
  color: #1d284b;
}
.page-academic h4:not(.plain),
.page-career h4:not(.plain) {
  background-color: #3a5094;
}
.page-academic p.lead,
.page-career p.lead {
  color: #3a5094;
}
.page-academic .func-message,
.page-career .func-message {
  border: 1px dotted #3a5094;
  background-color: rgba(58, 80, 148, 0.02);
}
.page-academic .func-message h4::before,
.page-career .func-message h4::before {
  background: linear-gradient(to right, rgba(58, 80, 148, 0.8) 0, rgba(0, 62, 145, 0.8) 100%);
}
.page-academic .func-message h4::after,
.page-career .func-message h4::after {
  background: linear-gradient(to right, rgba(0, 62, 145, 0.8) 0, rgba(58, 80, 148, 0.8) 100%);
}
.page-academic .column,
.page-career .column {
  background-color: #f9f3e0;
}
.page-academic .column--title,
.page-career .column--title {
  color: #3a5094;
}
.page-academic .column--heading,
.page-career .column--heading {
  color: #3a5094;
}
.page-academic .scn-norm.clrd,
.page-career .scn-norm.clrd {
  background-color: rgba(1, 167, 172, 0.035);
}
.page-academic h2,
.page-academic h3,
.page-academic h4,
.page-academic .c-clr,
.page-career h2,
.page-career h3,
.page-career h4,
.page-career .c-clr {
  color: #3a5094;
}
.page-academic h2:not(.plain):not(.no-border)::before,
.page-career h2:not(.plain):not(.no-border)::before {
  border-color: #3a5094;
}
.page-academic h2:not(.plain):not(.no-border)::after,
.page-career h2:not(.plain):not(.no-border)::after {
  border-top-color: #3a5094;
}
.page-academic h3:not(.plain)::before,
.page-career h3:not(.plain)::before {
  border-color: #3a5094;
}
.page-academic h3:not(.plain)::after,
.page-career h3:not(.plain)::after {
  background: linear-gradient(to right, rgba(1, 167, 172, 0.35) 0, rgba(1, 167, 172, 0.15) 100%);
  border-color: #3a5094;
}
.page-academic h5,
.page-career h5 {
  color: #004547;
}
.page-academic h4:not(.plain),
.page-career h4:not(.plain) {
  background-color: #3a5094;
}
.page-academic p.lead,
.page-career p.lead {
  color: #3a5094;
  font-size: 1em;
  font-weight: 400;
}
.page-academic .func-message,
.page-career .func-message {
  background-color: #f4efd8;
  border: none;
  color: #3a5094;
  padding: 1em 1em 1em 130px;
  border-radius: 0;
}
.page-academic .func-message h4,
.page-career .func-message h4 {
  color: #fff;
  background-color: #3a5094;
  width: 100px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1.2;
  padding: 1.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.page-academic .func-message h4::before,
.page-career .func-message h4::before {
  background: linear-gradient(to right, rgba(1, 167, 172, 0.8) 0, rgba(0, 62, 145, 0.8) 100%);
}
.page-academic .func-message h4::after,
.page-career .func-message h4::after {
  background: linear-gradient(to right, rgba(0, 62, 145, 0.8) 0, rgba(1, 167, 172, 0.8) 100%);
}
.page-academic .column,
.page-career .column {
  background-color: #f9f3e0;
}
.page-academic .column--title,
.page-career .column--title {
  color: #3a5094;
}
.page-academic .column--heading,
.page-career .column--heading {
  color: #3a5094;
}

@media print, screen and (max-width: 799px) {
  .page-career .corner-header--inner {
    padding-left: 34vw;
  }
}
@media print, screen and (max-width: 575px) {
  .page-career .corner-header--inner {
    padding-left: 45vw;
  }
}
.page-career .lead-with-img {
  margin-top: -1.75rem;
}
@media print, screen and (min-width: 960px) {
  .page-career .lead-with-img {
    margin-top: -2.5rem;
  }
}
.page-career .lead-with-img--text .copy {
  width: 70%;
  margin: 2em auto 1em;
}
@media print, screen and (min-width: 576px) {
  .page-career .lead-with-img--text .copy {
    margin: 1em 0 1em;
  }
}
@media print, screen and (min-width: 800px) {
  .page-career .lead-with-img--text .copy {
    margin: 0 0 2em;
  }
}

.kyoto-univ {
  position: relative;
  text-align: center;
}
.kyoto-univ h3 {
  font-size: 1.35em;
  font-weight: 400;
  letter-spacing: 0.08em;
  font-feature-settings: "palt";
  margin-bottom: 0;
}
@media print, screen and (min-width: 576px) {
  .kyoto-univ h3 {
    font-size: 1.5em;
  }
}
@media print, screen and (min-width: 800px) {
  .kyoto-univ h3 {
    font-size: 1.75em;
  }
}
.kyoto-univ figure {
  margin: 0 -1.5rem 1rem;
}
.kyoto-univ p {
  font-weight: 700;
  line-height: 2;
}
.kyoto-univ p.congratulations {
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 400;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media print, screen and (min-width: 800px) {
  .kyoto-univ p.congratulations {
    font-size: 1.45em;
  }
}
@media print, screen and (min-width: 1104px) {
  .kyoto-univ p.congratulations {
    font-size: 1.6em;
  }
}

.bg-petal {
  background-repeat: repeat;
  background-position: center;
  background-image: url("../img/academic/bg-petal.jpg");
  background-size: 100% auto;
  padding: 2rem 0;
}
@media print, screen and (min-width: 800px) {
  .bg-petal {
    padding: 3rem 0;
  }
}

.hd-graduate-msg {
  position: relative;
  text-align: center;
  font-size: 1.15em;
  line-height: 1;
}
@media print, screen and (min-width: 800px) {
  .hd-graduate-msg {
    font-size: 1.35em;
  }
}
.hd-graduate-msg span {
  display: inline-block;
  padding: 0.75em 1.5em;
  border-radius: 1.25em;
}

.graduate-msg {
  max-width: 864px;
  width: 100%;
  margin-left: 0;
  margin-right: auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 0 1.5rem;
}
.graduate-msg:not(:last-child) {
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 800px) {
  .graduate-msg:not(:last-child) {
    margin-bottom: 3rem;
  }
}
@media print, screen and (min-width: 768px) {
  .graduate-msg {
    padding: 0 2rem;
  }
}
.graduate-msg.rev {
  margin-left: auto;
  margin-right: 0;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media print, screen and (min-width: 576px) {
  .graduate-msg.rev .txt {
    padding-left: 0;
    padding-right: 1rem;
  }
}
@media print, screen and (min-width: 768px) {
  .graduate-msg.rev .txt {
    padding-right: 2rem;
  }
}
@media print, screen and (min-width: 576px) {
  .graduate-msg.rev .univ {
    text-align: right;
  }
}
@media print, screen and (min-width: 576px) {
  .graduate-msg.rev .univ i {
    left: inherit;
    right: -32px;
  }
}
@media print, screen and (min-width: 768px) {
  .graduate-msg.rev .univ i {
    right: -52px;
  }
}
.graduate-msg .ph {
  position: relative;
  width: 192px;
  margin: 0 auto 0.5em;
  overflow: hidden;
}
@media print, screen and (min-width: 768px) {
  .graduate-msg .ph {
    width: 192px;
    margin-top: -2rem;
    margin-bottom: 1em;
  }
}
@media print, screen and (min-width: 960px) {
  .graduate-msg .ph {
    width: 256px;
    margin-top: -2rem;
  }
}
.graduate-msg .ph .img {
  width: 100%;
  display: block;
}
.graduate-msg .ph .img svg,
.graduate-msg .ph .img img {
  width: 100%;
}
.graduate-msg .ph .nm {
  display: block;
  text-align: center;
  font-size: 0.92em;
  line-height: 1.5;
  font-weight: 700;
}
.graduate-msg .txt {
  padding-left: 28px;
}
@media print, screen and (min-width: 576px) {
  .graduate-msg .txt {
    width: calc(100% - 96px);
    padding-left: 1rem;
  }
}
@media print, screen and (min-width: 768px) {
  .graduate-msg .txt {
    width: calc(100% - 192px);
    padding-left: 2rem;
  }
}
@media print, screen and (min-width: 960px) {
  .graduate-msg .txt {
    width: calc(100% - 256px);
  }
}
.graduate-msg .txt p {
  font-size: 0.92em;
}
@media print, screen and (min-width: 960px) {
  .graduate-msg .txt p {
    font-size: 0.875em;
  }
}
.graduate-msg h4 {
  position: relative;
  font-size: 1.05em;
  line-height: 1.6;
  font-weight: 400;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  margin-bottom: 0.75em;
  color: #007cb0;
  text-shadow: 0 0 0.25rem rgba(255, 255, 255, 0.8), 0 0 0.25rem rgba(255, 255, 255, 0.8), 0 0 0.25rem rgba(255, 255, 255, 0.8), 0 0 0.25rem rgba(255, 255, 255, 0.8), 0 0 0.25rem rgba(255, 255, 255, 0.8), 0 0 0.25rem rgba(255, 255, 255, 0.8), 0 0 0.25rem rgba(255, 255, 255, 0.8), 0 0 0.25rem rgba(255, 255, 255, 0.8);
}
@media print, screen and (max-width: 575px) {
  .graduate-msg h4 br {
    display: none;
  }
}
.graduate-msg .univ {
  position: relative;
  font-size: 1.15em;
  line-height: 1.4;
  font-weight: 700;
  color: #3a5094;
  display: block;
  margin-bottom: 0.5rem;
  padding-top: 0.5rem;
}
@media print, screen and (min-width: 576px) {
  .graduate-msg .univ {
    font-size: 1.25em;
    padding-top: 1rem;
  }
}
.graduate-msg .univ i {
  position: absolute;
  top: 16px;
  left: -2rem;
  display: inline-block;
  color: #fff;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  z-index: 2;
}
@media print, screen and (min-width: 576px) {
  .graduate-msg .univ i {
    left: -32px;
    top: 24px;
  }
}
@media print, screen and (min-width: 768px) {
  .graduate-msg .univ i {
    font-size: 12px;
    left: -52px;
  }
}
.graduate-msg .univ i::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  content: " ";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../img/academic/bg-path-mark.svg);
  z-index: -1;
  transform: translate(-50%, -50%);
}
@media print, screen and (min-width: 768px) {
  .graduate-msg .univ i::before {
    width: 64px;
    height: 64px;
  }
}
.graduate-msg .nm {
  font-size: 1.08em;
  line-height: 1.4;
}
.graduate-msg .nm small {
  font-size: 0.7em;
}
.page-career {
  padding-top: 20px;
  position: relative;
  max-width: 1064px;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 576px) {
  .page-career {
    padding-top: 40px;
  }
}
@media print, screen and (min-width: 768px) {
  .page-career {
    padding-top: 40px;
  }
}
@media print, screen and (min-width: 960px) {
  .page-career {
    padding-top: 160px;
  }
}
.page-career::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 270px;
  mix-blend-mode: color-burn;
  background-image: linear-gradient(to bottom, rgba(243, 237, 205, 0.8) 60%, transparent);
  background-repeat: no-repeat;
}

#Scn-career {
  padding-left: 1rem;
  padding-right: 1rem;
}

.career-head {
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 100% auto;
  background-image: url(../img/academic/hd-career.webp);
  margin-bottom: 5em;
}
@media print, screen and (min-width: 576px) {
  .career-head {
    background-size: 70% auto;
  }
}
.career-head .title-area {
  padding-bottom: 14em;
}
@media print, screen and (min-width: 576px) {
  .career-head .title-area {
    padding-bottom: 8em;
  }
}
@media print, screen and (min-width: 768px) {
  .career-head .title-area {
    padding-bottom: 3em;
  }
}
.career-head .title-area .title {
  margin: 4em auto 2em;
  width: 80%;
}
@media print, screen and (min-width: 576px) {
  .career-head .title-area .title {
    margin: 4em 0 2em 50px;
    width: 60%;
  }
}
@media print, screen and (min-width: 768px) {
  .career-head .title-area .title {
    margin: 4em 0 2em 50px;
    width: 60%;
  }
}
@media print, screen and (min-width: 960px) {
  .career-head .title-area .title {
    margin: 4em auto 2em;
    width: 80%;
  }
}
.career-head .title-area .text {
  color: #3a5094;
  font-weight: bold;
  padding-left: 30px;
}
@media print, screen and (min-width: 576px) {
  .career-head .title-area .text {
    padding-left: 50px;
  }
}

.career-contents h4 {
  background: none !important;
  color: #3a5094 !important;
  padding: 0 !important;
}
.career-contents h4::first-letter {
  font-size: 2em;
  color: #cab03a;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  vertical-align: middle;
}

.career-interview {
  background-repeat: repeat;
  background-position: center top;
  background-image: url(../img/academic/bg-interview.svg);
  padding: 1em 2em;
  margin: 5em 0;
}
.career-interview h4 {
  background: none !important;
  color: #3693d4 !important;
  padding: 0 !important;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
  width: fit-content;
  margin: 0 auto;
  position: relative;
  overflow: visible !important;
}
.career-interview h4 .balloon {
  position: absolute;
  width: 134px;
  height: 47px;
  left: -80px;
  top: -35px;
}
.career-interview .interview-item {
  display: flex;
  align-items: center;
  margin: 2em 0 1em;
}
.career-interview .interview-item .interview-img {
  width: 92px;
  margin-right: 1em;
}
.career-interview .interview-item .interview-info {
  flex: 1;
}
.career-interview .interview-item .interview-info .interview-name {
  color: #3a5094;
  font-weight: bold;
}
.career-interview .interview-item .interview-info .interview-uni {
  color: #c49e22;
  font-size: 0.7em;
}
.career-interview p {
  font-size: 0.8em;
}

.career-support {
  margin: 3em 0;
}
.career-support .support-item {
  display: flex;
  align-items: center;
  margin: 0 0 0.5em;
}
.career-support .support-item .support-icon {
  width: 60px;
  margin-right: 0.7em;
}
.career-support .support-item h4 {
  flex: 1;
  background: none !important;
  color: #3a5094 !important;
  padding: 0 !important;
  margin: 0;
}
.career-support p {
  font-size: 0.8em;
}

.career-slc {
  background: #e6eaed;
  padding: 0.7em 1em 0.5em 2em;
  margin: 2em 0;
  border-radius: 16px;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  position: relative;
}
@media all and (-ms-high-contrast: none) {
  .career-slc {
    font-family: "メイリオ", Meiryo, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
}
.career-slc::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 100%;
  background-size: auto auto;
  background-color: rgb(49, 202, 249);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, rgb(0, 150, 218) 5px, rgb(0, 150, 218) 10px);
  border-radius: 16px 0 0 16px;
}
.career-slc h4.slc-title {
  background: none !important;
  color: #3693d4 !important;
  padding: 0 !important;
  font-size: 3em;
  margin: 0;
  line-height: 1;
}
.career-slc h4.slc-title span {
  font-size: 0.3em;
  color: #3a5094;
  margin-left: 0.5em;
  vertical-align: middle;
}
.career-slc p {
  font-size: 0.8em;
}
.career-slc .slc-text {
  color: #3693d4;
  margin: 0.5em 0;
}
.career-slc .balloon {
  color: #fff;
  background-color: #3693d4;
  border-radius: 10px;
  padding: 1em;
  margin-bottom: 1em;
  position: relative;
  width: calc(100% - 110px);
  font-size: 0.8em;
}
.career-slc .balloon::before {
  position: absolute;
  top: 50%;
  right: -20px;
  display: inline-block;
  content: "";
  margin-top: -12px;
  width: 27px;
  height: 25px;
  background-image: url(../img/academic/balloon-parts.svg);
  background-size: contain;
}
.career-slc .slc-img2 {
  position: absolute;
  width: 155px;
  height: 155px;
  right: -40px;
  top: -60px;
}

.career-english {
  width: calc(100% - 4rem);
  margin: 5em auto 3em;
}
.career-english .flex-container {
  background: #e3f0fb;
  padding: 2rem 1rem 1rem;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  position: relative;
}
@media all and (-ms-high-contrast: none) {
  .career-english .flex-container {
    font-family: "メイリオ", Meiryo, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
}
.career-english h4.english-title {
  background: #0068b2 !important;
  color: #fff !important;
  padding: 1em 2em !important;
  line-height: 1;
  position: absolute;
  top: -3.5rem;
  left: -1rem;
  border-radius: 0;
}
.career-english p {
  font-size: 0.9em;
}
.career-english .english-img {
  margin: 0 0 -2rem;
}
@media print, screen and (min-width: 960px) {
  .career-english .english-img {
    margin: -5rem 0 -2rem;
  }
}

.tbs-career {
  position: relative;
  overflow: hidden;
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 800px) {
  .tbs-career {
    margin-bottom: 3rem;
  }
}
.tbs-career > table {
  width: 100%;
}
@media print, screen and (min-width: 800px) {
  .tbs-career > table {
    float: left;
    width: 50%;
  }
}

.tb-career {
  font-size: 0.92em;
  line-height: 1.4;
  margin-bottom: 0 !important;
}
.tb-career + .tb-career {
  margin-top: -1px;
}
@media print, screen and (min-width: 800px) {
  .tb-career + .tb-career {
    margin-top: 0;
    margin-left: -1px;
  }
}
@media print, screen and (max-width: 799px) {
  .tb-career + .tb-career thead {
    display: none;
  }
}
.tb-career th,
.tb-career td {
  padding: 0.35em 0.5em;
  border: 1px solid #fff;
}
.tb-career thead th {
  background-color: #3a5094;
  color: #fff;
}
.tb-career thead small {
  display: block;
  font-size: 0.6em;
}
.tb-career tbody th {
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  font-size: 0.875em;
  background-color: transparent;
}
.tb-career .clrA {
  background-color: #efe6c4;
}
.tb-career .clrB {
  background-color: #fff2ce;
}
.tb-career .clrC {
  background-color: #f7f4e3;
}
.tb-career .clrD {
  background-color: #efe6c4;
}
.tb-career .clrE {
  background-color: #f7f4e3;
}

.list-designated ul {
  list-style: none;
  letter-spacing: -0.4em;
  font-size: 0.8125em;
  margin: -0.75em 0 0;
}
@media print, screen and (min-width: 576px) {
  .list-designated ul {
    font-size: 0.875em;
  }
}
.list-designated ul li {
  letter-spacing: 0;
  display: inline-block;
  width: 33.33333333%;
  margin: 0;
  margin-top: 0.5em;
}
@media print, screen and (min-width: 576px) {
  .list-designated ul li {
    width: 25%;
  }
}
@media print, screen and (min-width: 800px) {
  .list-designated ul li {
    width: 20%;
  }
}

.wrap-event-career {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: 0;
}
@media print, screen and (min-width: 800px) {
  .wrap-event-career {
    margin: -1rem;
    overflow: hidden;
  }
}
.wrap-event-career .event-career {
  position: relative;
  width: 100%;
  padding: 1rem 0;
}
.wrap-event-career .event-career::after {
  content: " ";
  display: block;
  clear: both;
}
@media print, screen and (min-width: 800px) {
  .wrap-event-career .event-career {
    width: 50%;
    padding: 1rem;
  }
}
.wrap-event-career .event-career h4 {
  float: left;
  font-size: 1em;
  width: 3rem;
}
.wrap-event-career .event-career dl {
  position: relative;
  font-size: 0.875em;
  margin-left: 3rem;
  border-bottom: 1px dotted #BBBBBB;
  border-left: 8px solid #003e91;
}
.wrap-event-career .event-career dl::after {
  content: " ";
  display: block;
  clear: both;
}
.wrap-event-career .event-career dl dt,
.wrap-event-career .event-career dl dd {
  margin: 0;
  padding: 0.75em 0;
}
.wrap-event-career .event-career dl dt {
  float: left;
  width: 5em;
  color: #003e91;
  font-weight: 700;
  padding-left: 1em;
}
.wrap-event-career .event-career dl dd {
  padding-left: 5em;
  padding-right: 0.5em;
  border-top: 1px dotted #BBBBBB;
}
.wrap-event-career .event-career dl dd:nth-of-type(2n+1) {
  background-color: rgba(0, 62, 145, 0.03);
}
.wrap-event-career .lead {
  font-size: 0.8em !important;
  color: #3f3c3c !important;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media all and (-ms-high-contrast: none) {
  .wrap-event-career .lead {
    font-family: "メイリオ", Meiryo, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
}

.interview-solo {
  position: relative;
  border-radius: 1em;
}
.interview-solo::after {
  content: " ";
  display: block;
  clear: both;
}
.interview-solo::after {
  content: " ";
  display: block;
  clear: both;
}
.interview-solo:not(:last-child) {
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 800px) {
  .interview-solo:not(:last-child) {
    margin-bottom: 3rem;
  }
}
.interview-solo.bg-color {
  padding: 1.5rem;
}
@media print, screen and (min-width: 800px) {
  .interview-solo.bg-color {
    padding: 2rem;
  }
}
.interview-solo .ph {
  position: relative;
  background-color: #000;
  width: 192px;
  height: 192px;
  display: none;
  overflow: hidden;
  border-radius: 0.5em;
}
@media print, screen and (min-width: 576px) {
  .interview-solo .ph {
    float: left;
    display: block;
    width: 114px;
    height: 114px;
  }
}
@media print, screen and (min-width: 800px) {
  .interview-solo .ph {
    width: 144px;
    height: 144px;
  }
}
@media print, screen and (min-width: 960px) {
  .interview-solo .ph {
    width: 244px;
    height: 244px;
  }
}
@media print, screen and (min-width: 1104px) {
  .interview-solo .ph {
    width: 288px;
    height: 288px;
  }
}
.interview-solo .ph img {
  position: absolute;
  top: 0%;
  left: 50%;
  width: auto;
  height: 100%;
  max-width: none;
  transform: translateX(-50%);
}
.interview-solo .tx {
  text-align: center;
}
@media print, screen and (min-width: 576px) {
  .interview-solo .tx {
    text-align: left;
    padding-left: 1rem;
    margin-left: 114px;
  }
}
@media print, screen and (min-width: 800px) {
  .interview-solo .tx {
    padding-left: 2rem;
    margin-left: 144px;
  }
}
@media print, screen and (min-width: 960px) {
  .interview-solo .tx {
    margin-left: 244px;
  }
}
@media print, screen and (min-width: 1104px) {
  .interview-solo .tx {
    margin-left: 288px;
  }
}
.interview-solo .tx .ph {
  display: block;
  margin: 0 auto 1em;
}
@media print, screen and (min-width: 576px) {
  .interview-solo .tx .ph {
    display: none;
  }
}
.interview-solo h3 {
  position: relative;
  display: block;
  text-align: left;
  margin-bottom: 0.5em;
  z-index: 2;
}
.interview-solo h3 i {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 0.8125rem;
  line-height: 1;
  padding: 0.35em 1em;
  margin-bottom: -0.25em;
  padding-right: 3em;
  overflow: hidden;
  border-radius: 0.25em;
  display: inline-block;
  /*@include mq-up(md) {
      top: -2.5rem;
      left: -2.5rem;
  }*/
  /*&::after {
      position: absolute;
      top: 0;
      left: -1em;
      content: ' ';
      width: 100%;
      height: 100%;
      z-index: -1;
      background-color: colors(prA);
      transform: skew(35deg);
      opacity: .5;
  }*/
}
.interview-solo h3 i::before {
  position: absolute;
  top: 0;
  left: -1em;
  content: " ";
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #003e91;
  transform: skew(-35deg);
  opacity: 0.7;
  border-radius: 0.25em;
}
.interview-solo .ti {
  position: relative;
  font-size: 1em;
  line-height: 1.4;
  font-weight: 700;
  color: #003e91;
  display: inline-block;
  margin-bottom: 0.5em;
}
.interview-solo .nm {
  font-size: 1.35em;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 1em;
}
.interview-solo .nm small {
  font-size: 0.7em;
}
.interview-solo p:not(.nm) {
  text-align: left;
}
.interview-solo .interlude {
  margin-top: 1.5rem;
}

.page-new-approach .scn-norm.clrd {
  background-color: rgba(0, 64, 152, 0.035);
}
.page-new-approach h2,
.page-new-approach h3,
.page-new-approach h4 {
  color: #004098;
}
.page-new-approach h2:not(.plain):not(.no-border)::before {
  border-color: #004098;
}
.page-new-approach h2:not(.plain):not(.no-border)::after {
  border-top-color: #004098;
}
.page-new-approach h3:not(.plain)::before {
  border-color: #004098;
}
.page-new-approach h3:not(.plain)::after {
  background: linear-gradient(to right, rgba(0, 64, 152, 0.35) 0, rgba(0, 64, 152, 0.15) 100%);
  border-color: #004098;
}
.page-new-approach h5 {
  color: #001532;
}
.page-new-approach h4:not(.plain) {
  background-color: #004098;
}
.page-new-approach p.lead {
  color: #004098;
}
.page-new-approach .func-message {
  border: 1px dotted #004098;
  background-color: rgba(0, 64, 152, 0.02);
}
.page-new-approach .func-message h4::before {
  background: linear-gradient(to right, rgba(0, 64, 152, 0.8) 0, rgba(0, 62, 145, 0.8) 100%);
}
.page-new-approach .func-message h4::after {
  background: linear-gradient(to right, rgba(0, 62, 145, 0.8) 0, rgba(0, 64, 152, 0.8) 100%);
}
.page-new-approach .column {
  background-color: #00a0da;
}
.page-new-approach .column--title {
  color: #004098;
}
.page-new-approach .column--heading {
  color: #004098;
}
.page-new-approach::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 1500px;
  padding-top: 100%;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 150% auto;
  background-image: url(../img/new-approach/main.jpg);
  z-index: -1;
  opacity: 0.5;
}
@media print, screen and (min-width: 800px) {
  .page-new-approach::before {
    background-size: 100% auto;
    padding-top: 64%;
  }
}
.page-new-approach::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 30%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0) 100%);
  z-index: 0;
}
.page-new-approach .temporarily-closed {
  position: relative;
  padding: 1.25em;
  background: rgba(0, 64, 152, 0.05);
  border-radius: 0.5em;
}
@media print, screen and (min-width: 768px) {
  .page-new-approach .temporarily-closed {
    padding: 1.5em;
  }
}
@media print, screen and (min-width: 960px) {
  .page-new-approach .temporarily-closed {
    padding: 2em;
  }
}
.page-new-approach .temporarily-closed h3 {
  position: relative;
  display: block;
  margin-top: -0.25em;
}
.page-new-approach .temporarily-closed h3 span.sml {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  font-size: 0.65em;
  letter-spacing: 0;
  color: #FFF;
  padding: 0.25em 1em;
  background-color: #004098;
  border-radius: 2em;
}
.page-new-approach .temporarily-closed p {
  display: block;
}

/* ---------------------------------------------------------------------------------------- */
/* PAGE - BLOG PRINCIPAL
/* ---------------------------------------------------------------------------------------- */
.blog-principal {
  padding-top: 60px;
}
@media print, screen and (min-width: 576px) {
  .blog-principal {
    padding-top: 70px;
  }
}
@media print, screen and (min-width: 768px) {
  .blog-principal {
    padding-top: 80px;
  }
}
@media print, screen and (min-width: 960px) {
  .blog-principal {
    padding-top: 160px;
  }
}

/* ---------------------------------------------------------------------------------------- */
/* PAGE - ACCESS
/* ---------------------------------------------------------------------------------------- */
.page-acs {
  padding-top: 60px;
}
@media print, screen and (min-width: 576px) {
  .page-acs {
    padding-top: 70px;
  }
}
@media print, screen and (min-width: 768px) {
  .page-acs {
    padding-top: 80px;
  }
}
@media print, screen and (min-width: 960px) {
  .page-acs {
    padding-top: 190px;
  }
}

.page-norm.access .corner-header {
  height: 30vw;
}
@media print, screen and (min-width: 960px) {
  .page-norm.access .corner-header {
    height: calc((100vw - 208px) * 0.2);
  }
}
@media print, screen and (min-width: 1104px) {
  .page-norm.access .corner-header {
    height: 240px;
  }
}

.access-time {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-top: -1.5rem;
}
@media print, screen and (min-width: 800px) {
  .access-time {
    margin-top: -2rem;
  }
}
.access-time .col {
  width: 100%;
}
@media print, screen and (min-width: 960px) {
  .access-time .col {
    width: 50%;
  }
}

.fig-access2 {
  position: relative;
}
.fig-access2 .map-base {
  z-index: 0;
}
.fig-access2 .map-ph {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.fig-access2 .cmap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.fig-access2 .cmap svg {
  width: 100%;
  height: 100%;
  fill: transparent;
}

.access-bus-stop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 4;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  align-items: center;
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.access-bus-stop.show {
  visibility: visible;
  max-height: 9999999px;
  opacity: 1;
}
.access-bus-stop ul {
  position: relative;
  list-style: none;
  margin: auto;
}
.access-bus-stop ul li {
  position: absolute;
  width: 168px;
  transform: translate(-50%, -50%);
  border-radius: 7%;
  overflow: hidden;
  margin: 0;
  display: none;
}
@media print, screen and (min-width: 576px) {
  .access-bus-stop ul li {
    width: 200px;
  }
}
@media print, screen and (min-width: 576px) {
  .access-bus-stop ul li {
    width: 256px;
  }
}
.access-bus-stop ul li img {
  width: 100%;
  height: auto;
}
.access-bus-stop .btn-close {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  display: block;
  background-color: rgba(238, 238, 238, 0.9);
  border-radius: 50%;
  left: calc(50% + 88px);
  margin-top: -104px;
  cursor: pointer;
}
@media print, screen and (min-width: 576px) {
  .access-bus-stop .btn-close {
    left: calc(50% + 128px);
    margin-top: -148px;
  }
}
@media print, screen and (min-width: 800px) {
  .access-bus-stop .btn-close {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    left: calc(50% + 130px);
    margin-top: -160px;
  }
}
.access-bus-stop .btn-close span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  transform: rotate(45deg);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.access-bus-stop .btn-close span::before, .access-bus-stop .btn-close span::after {
  position: absolute;
  top: -10px;
  left: -10px;
  content: "";
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.access-bus-stop .btn-close span::before {
  margin-top: 10px;
  width: 21px;
  height: 0;
  border-top: 1px solid #111;
}
.access-bus-stop .btn-close span::after {
  margin-left: 10px;
  height: 21px;
  width: 0;
  border-left: 1px solid #111;
}
.access-bus-stop .btn-close:hover span {
  transform: scale(1.25) rotate(45deg);
}
/* ---------------------------------------------------------------------------------------- */
/* contact
/* ---------------------------------------------------------------------------------------- */
.contact-sheet {
  position: relative;
  font-style: normal;
}
.contact-sheet dl {
  position: relative;
  width: 100%;
}
@media print, screen and (min-width: 576px) {
  .contact-sheet dl {
    display: table;
    border-collapse: separate;
  }
}
@media print, screen and (min-width: 576px) and (min-width: 576px) {
  .contact-sheet dl {
    border-spacing: 1px;
  }
}
@media print, screen and (min-width: 576px) and (min-width: 800px) {
  .contact-sheet dl {
    border-spacing: 2px;
  }
}
@media print, screen and (min-width: 576px) and (min-width: 1104px) {
  .contact-sheet dl {
    border-spacing: 4px;
  }
}
.contact-sheet dl dt,
.contact-sheet dl dd {
  display: block;
  font-weight: 700;
  text-align: center;
  padding: 0.5rem;
  margin: 0;
  border-top: 1px solid #fff;
}
@media print, screen and (min-width: 576px) {
  .contact-sheet dl dt,
  .contact-sheet dl dd {
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    padding: 2rem 1rem;
    border: none;
  }
}
@media print, screen and (min-width: 800px) {
  .contact-sheet dl dt,
  .contact-sheet dl dd {
    padding: 1.5rem 1rem;
  }
}
@media print, screen and (min-width: 1104px) {
  .contact-sheet dl dt,
  .contact-sheet dl dd {
    padding: 2rem 1rem;
  }
}
.contact-sheet dl dt {
  text-align: center;
}
@media print, screen and (min-width: 576px) {
  .contact-sheet dl dt {
    width: 8em;
    border-bottom: 4px solid #003e91;
  }
}
@media print, screen and (min-width: 1104px) {
  .contact-sheet dl dt {
    width: 12em;
  }
}
.contact-sheet dl dt span {
  position: relative;
  color: #003e91;
}
@media print, screen and (max-width: 575px) {
  .contact-sheet dl dt span {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .contact-sheet dl dt span::before, .contact-sheet dl dt span::after {
    content: " ";
    flex-grow: 1;
    height: 4px;
    border: 1px dotted #003e91;
    opacity: 0.4;
  }
  .contact-sheet dl dt span::before {
    margin-right: 1rem;
    padding-left: 1rem;
  }
  .contact-sheet dl dt span::after {
    margin-left: 1rem;
    padding-right: 1rem;
  }
}
.contact-sheet dl dd {
  color: #303030;
}
@media print, screen and (min-width: 576px) {
  .contact-sheet dl dd {
    width: calc(100% - 8em);
    border-bottom: 4px solid rgba(0, 62, 145, 0.3);
  }
}
@media print, screen and (min-width: 1104px) {
  .contact-sheet dl dd {
    font-size: 1.08em;
    width: calc(100% - 12em);
  }
}
.contact-sheet dl .tel {
  font-size: 2em;
  font-family: "WorkSans", Arial, Helvetica, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
}
.contact-sheet dl .tel small {
  font-size: 0.4em;
  font-weight: 700;
}
.contact-sheet dl .fax {
  font-size: 1.25em;
  font-family: "WorkSans", Arial, Helvetica, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
}

.link-infirmary_news {
  position: relative;
  letter-spacing: -0.4em;
  list-style: none;
  margin: 0 -0.5em;
}
.link-infirmary_news li {
  display: inline-block;
  letter-spacing: 0;
  width: 100%;
  padding: 0.25em 0.5em;
}
@media print, screen and (min-width: 576px) {
  .link-infirmary_news li {
    width: 50%;
  }
}
@media print, screen and (min-width: 1104px) {
  .link-infirmary_news li {
    width: 33.33333333%;
  }
}
.link-infirmary_news a.btn--outline.full {
  font-size: 0.92em;
  padding-top: 2em;
  padding-bottom: 2em;
}

.tag-cloud {
  position: relative;
  padding: 2em;
  margin-bottom: 2em;
  border: 1px solid #FFF;
  background-color: #F5F5F5;
}
.tag-cloud--inner {
  letter-spacing: -0.4em;
}
.tag-cloud--inner a {
  letter-spacing: 0;
  display: inline-block;
}
.tag-cloud--inner a:not(:last-child) {
  margin-right: 1rem;
}

.demo-list--item {
  padding: 1em 0;
  border-bottom: 1px solid #000;
  margin: 0;
}
.demo-list--item a {
  display: block;
}
.demo-list--item dl {
  overflow: hidden;
}
.demo-list--item dl dt,
.demo-list--item dl dd {
  margin: 0;
}
.demo-list--item dl dt {
  float: left;
  width: 8em;
}
.demo-list--item dl dd {
  padding-left: 8em;
}

body.free .global-footer {
  background: none;
}
body.free .global-footer .copyright {
  color: #353535;
}
body.free .content {
  padding-top: 0;
}
body.free .scn-norm h2 {
  font-weight: 700;
}
body.free .freepage-breadcrumb {
  position: relative;
  width: 100%;
  text-align: left;
  z-index: 2;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
body.free .freepage-breadcrumb::-webkit-scrollbar {
  display: none;
}
body.free .freepage-breadcrumb--inner {
  position: relative;
}
body.free .freepage-breadcrumb ul {
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body.free .freepage-breadcrumb ul li {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
}
body.free .freepage-breadcrumb ul li:not(:last-child) {
  padding-right: 1.25em;
  margin-right: 1.25em;
}
body.free .freepage-breadcrumb ul li:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.375em;
  width: 0.75em;
  height: 0.75em;
  content: " ";
  border-top: 1px solid #AAA;
  border-right: 1px solid #AAA;
  transform: rotate(45deg);
}
body.free .freepage-breadcrumb ul li a,
body.free .freepage-breadcrumb ul li span {
  display: block;
  white-space: nowrap;
}
body.free .freepage-breadcrumb ul li span {
  color: #999;
}

/* ---------------------------------------------------------------------------------------- */
/* PAGE - STEAM
/* ---------------------------------------------------------------------------------------- */
.page-steam .steam-contents01 {
  position: relative;
  background-image: url(../img/steam/deco-top.webp);
  background-size: contain;
  background-position: center top;
  min-height: 328px;
  margin-bottom: 4em;
}
.page-steam .steam-contents01 h2 {
  color: #d68013;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
  font-feature-settings: "palt";
  line-height: 1.2;
  margin-bottom: 0.75em;
  margin-left: -1em;
}
@media print, screen and (max-width: 575px) {
  .page-steam .steam-contents01 h2 {
    font-size: 4.75vw;
  }
}
@media print, screen and (max-width: 349px) {
  .page-steam .steam-contents01 h2 {
    font-size: 4.85vw;
  }
}
.page-steam .steam-contents01 .lead {
  line-height: 2;
  text-align: center !important;
}
@media print, screen and (max-width: 575px) {
  .page-steam .steam-contents01 {
    background: none;
    min-height: auto;
    margin-bottom: 2em;
  }
  .page-steam .steam-contents01 .lead {
    text-align: left !important;
  }
  .page-steam .steam-contents01 .lead br {
    display: none;
  }
}
.page-steam .steam-contents02 {
  margin-bottom: 4em;
}
@media print, screen and (max-width: 575px) {
  .page-steam .steam-contents02 {
    margin-bottom: 2em;
  }
}
.page-steam .steam-contents03 {
  margin-bottom: 4em;
  position: relative;
  padding-top: 25px;
}
.page-steam .steam-contents03 .steam-contents03-title {
  max-width: 564px;
}
.page-steam .steam-contents03 .steam-contents03-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 434px;
}
.page-steam .steam-contents03 .steam-contents03-flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 20px;
}
.page-steam .steam-contents03 .steam-contents03-flex .steam-contents03-left {
  width: 45%;
}
.page-steam .steam-contents03 .steam-contents03-flex .steam-contents03-right {
  width: 50%;
}
@media print, screen and (max-width: 575px) {
  .page-steam .steam-contents03 {
    margin-bottom: 2em;
  }
}
@media print, screen and (max-width: 799px) {
  .page-steam .steam-contents03 {
    padding-top: 0;
  }
  .page-steam .steam-contents03 .steam-contents03-title {
    max-width: 564px;
  }
  .page-steam .steam-contents03 .steam-contents03-img {
    width: 375px;
  }
  .page-steam .steam-contents03 .steam-contents03-flex {
    align-items: center;
    flex-direction: column;
    margin-top: 130px;
  }
  .page-steam .steam-contents03 .steam-contents03-flex .steam-contents03-left {
    width: 100%;
  }
  .page-steam .steam-contents03 .steam-contents03-flex .steam-contents03-right {
    width: 100%;
    margin-top: 3em;
  }
}
@media print, screen and (max-width: 767px) {
  .page-steam .steam-contents03 img.pc {
    display: none;
  }
}
@media print, screen and (min-width: 768px) {
  .page-steam .steam-contents03 img.smp {
    display: none;
  }
}
.page-steam .steam-contents04 {
  margin-bottom: 4em;
  background-color: #e1a759;
  border-radius: 30px;
  color: #fff;
  font-size: 20px;
  font-feature-settings: "palt";
  text-align: center;
  padding: 3px 0;
}
.page-steam .steam-contents04 span {
  font-size: 25px;
  font-weight: bold;
  color: #009ece;
  text-shadow: 1px 1px 0 rgb(255, 255, 255);
}
@media print, screen and (max-width: 575px) {
  .page-steam .steam-contents04 {
    margin-bottom: 2em;
  }
}
@media print, screen and (min-width: 960px) {
  .page-steam .inner-wrap--narrow:first-child {
    position: relative;
  }
  .page-steam .inner-wrap--narrow:first-child::before {
    position: absolute;
    top: 0;
    left: -220px;
    content: " ";
    width: 380px;
    height: 390px;
    background-image: url(../img/steam/deco-top-left.webp);
    background-size: cover;
  }
  .page-steam .inner-wrap--narrow:first-child::after {
    position: absolute;
    top: 0;
    right: -210px;
    content: " ";
    width: 352px;
    height: 362px;
    background-image: url(../img/steam/deco-top-right.webp);
    background-size: cover;
  }
}
.page-steam h2 {
  text-align: center;
  font-feature-settings: "palt";
}
@media print, screen and (max-width: 575px) {
  .page-steam h2 {
    font-size: 4.75vw;
  }
}
@media print, screen and (max-width: 349px) {
  .page-steam h2 {
    font-size: 4.85vw;
  }
}
.page-steam .lead {
  line-height: 2;
}
@media print, screen and (min-width: 960px) {
  .page-steam .lead {
    text-align: center !important;
  }
}
.page-steam .lead .genre {
  font-feature-settings: "palt";
  border-bottom: 4px solid rgba(27, 72, 164, 0.2);
}
.page-steam .youtube-teaser {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 2em auto 0;
  padding: 1em;
  background-color: #f50000;
  border-radius: 0.5em;
  max-width: 480px;
  width: 100%;
}
.page-steam .youtube-teaser > span {
  display: block;
  margin: auto;
  font-weight: 700;
  color: #FFF;
  font-feature-settings: "palt";
  opacity: 0.85;
}
.page-steam .youtube-teaser > span .lrg {
  font-size: 1.25em;
}

.steam-sns-links {
  position: fixed;
  top: 0;
  right: 0.25rem;
  z-index: 10;
  filter: drop-shadow(0 0 1em rgba(0, 0, 0, 0.15));
}
@media print, screen and (min-width: 768px) {
  .steam-sns-links {
    top: 5em;
    right: 0;
  }
}
.steam-sns-links ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  flex-direction: row;
}
@media print, screen and (min-width: 768px) {
  .steam-sns-links ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    flex-direction: column;
  }
}
.steam-sns-links ul li {
  display: block;
  margin: 0;
}
.steam-sns-links ul li:first-child a {
  border-radius: 0 0 0 0.25em;
}
@media print, screen and (min-width: 768px) {
  .steam-sns-links ul li:first-child a {
    border-radius: 0.25em 0 0 0;
  }
}
.steam-sns-links ul li:last-child a {
  border-radius: 0 0 0.25em 0;
}
@media print, screen and (min-width: 768px) {
  .steam-sns-links ul li:last-child a {
    border-radius: 0 0 0 0.25em;
  }
}
.steam-sns-links ul li a {
  position: relative;
  display: block;
  padding: 0.5em;
  width: 3em;
  height: 3em;
}
@media print, screen and (min-width: 768px) {
  .steam-sns-links ul li a {
    width: 5em;
    height: 5em;
  }
}
.steam-sns-links ul li a i {
  width: 100%;
  height: 100%;
}
.steam-sns-links ul li a i svg {
  width: 100%;
  height: 100%;
  fill: #fff;
}
@media print, screen and (min-width: 768px) {
  .steam-sns-links ul li a:hover {
    padding-right: 1em;
    width: 6em;
  }
}
.steam-sns-links ul li .steam-sns-links--twitter {
  background-color: #fff;
}
.steam-sns-links ul li .steam-sns-links--instagram {
  background-color: #CF2E92;
}
.steam-sns-links ul li .steam-sns-links--youtube {
  background-color: #FF0000;
}

.steam-header {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1064px;
  margin-bottom: 1.5em;
  /*h1:not(.txt),
  .h1 {
      position: absolute;
      top: 0.5rem;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%;
      margin: 0;
      padding: 0 0.5rem;
      font-size: 1em;

      @include mq-up(sm) {
          top: 1.5rem;
          padding: 0 1.5rem;
      }

      @include mq-up(md) {
          top: 2rem;
          padding: 0 2rem;
      }
  }

  h1.txt {
      position: absolute;
      top: 50%;
      left: 0;
      margin: -1rem 0 0;
      padding: 0;
      width: 100%;
      text-align: center;
      @include WorkSans;
      color: #FFF;
      font-weight: 500;
      z-index: 2;
      transform: translateY(-50%);
      font-size: 7.5vw;
      letter-spacing: .075em;
      text-shadow: 1px 1px .5em rgba(black, .2), -1px -1px .5em rgba(black, .2);

      @include mq-up(sm) {
          font-size: 1.85em;
      }

      @include mq-up(xsm) {
          margin-top: -1.25rem;
          font-size: 2.25em;
      }

      @include mq-up(lg) {
          font-size: 3em;
      }
  }*/
}
@media print, screen and (min-width: 800px) {
  .steam-header {
    margin-bottom: 2em;
  }
}
.steam-header img {
  width: 100%;
  height: auto;
}
@media print, screen and (max-width: 767px) {
  .steam-header img.pc {
    display: none;
  }
}
@media print, screen and (min-width: 768px) {
  .steam-header img.smp {
    display: none;
  }
}
.steam-header .bg {
  position: relative;
  width: 100%;
  border-radius: 1em;
  overflow: hidden;
  z-index: 0;
}
.steam-header h1 {
  margin: 0;
}
.steam-header .backto-home {
  position: relative;
  z-index: 5;
  text-align: left;
}
@media print, screen and (min-width: 768px) {
  .steam-header .backto-home {
    position: absolute;
    bottom: 0;
    left: 2rem;
  }
}
@media print, screen and (min-width: 768px) {
  .steam-header .backto-home.dbl {
    bottom: -1.5em;
  }
}
.steam-header .backto-home a {
  display: inline-block;
  font-size: 0.75em;
  line-height: 1.4;
  font-weight: 700;
  color: #111;
}
@media print, screen and (min-width: 800px) {
  .steam-header .backto-home a {
    font-size: 0.875em;
  }
}
.steam-header .backto-home a span {
  position: relative;
  padding: 0;
  padding-left: 32px;
  display: block;
}
.steam-header .backto-home a span i {
  position: absolute;
  bottom: -0.5em;
  left: 0.5em;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.steam-header .backto-home a span i svg {
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.steam-header .backto-home a span i svg.icon-line-arrow {
  width: 18px;
  height: 20px;
  stroke: #111;
}
.steam-header .backto-home a.steam-top span i {
  transform: rotate(90deg);
  bottom: 0;
}
.steam-header .freepage-breadcrumb {
  position: relative;
  width: 100%;
  text-align: left;
  z-index: 2;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.steam-header .freepage-breadcrumb::-webkit-scrollbar {
  display: none;
}
.steam-header .freepage-breadcrumb--inner {
  position: relative;
}
.steam-header .freepage-breadcrumb ul {
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.steam-header .freepage-breadcrumb ul li {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
}
.steam-header .freepage-breadcrumb ul li:not(:last-child) {
  padding-right: 1.25em;
  margin-right: 1.25em;
}
.steam-header .freepage-breadcrumb ul li:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.375em;
  width: 0.75em;
  height: 0.75em;
  content: " ";
  border-top: 1px solid #AAA;
  border-right: 1px solid #AAA;
  transform: rotate(45deg);
}
.steam-header .freepage-breadcrumb ul li a,
.steam-header .freepage-breadcrumb ul li span {
  display: block;
  white-space: nowrap;
}
.steam-header .freepage-breadcrumb ul li span {
  color: #999;
}
.steam-header .freepage-breadcrumb {
  margin-top: 0.5em;
  padding: 0 20px;
}
@media print, screen and (min-width: 768px) {
  .steam-header .freepage-breadcrumb {
    margin-top: 1.5em;
  }
}
@media print, screen and (min-width: 960px) {
  .steam-header .freepage-breadcrumb {
    padding: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .steam-header .freepage-breadcrumb.sml-sp-top {
    margin-top: 0.5em;
  }
}

.steam-content-body {
  padding: 20px;
}
@media print, screen and (min-width: 960px) {
  .steam-content-body {
    padding: 0;
  }
}

.steam-sns {
  position: relative;
  padding: 0 1.5rem;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
@media print, screen and (min-width: 768px) {
  .steam-sns {
    padding: 0 0.5rem;
  }
}
@media print, screen and (min-width: 800px) {
  .steam-sns {
    padding: 0 1rem;
  }
}
@media print, screen and (min-width: 960px) {
  .steam-sns {
    padding: 0 0.5rem;
  }
}
.steam-sns .col-sns {
  width: 100%;
  padding-bottom: 1.5rem;
}
@media print, screen and (min-width: 768px) {
  .steam-sns .col-sns {
    width: 50%;
    padding: 0 1rem 2rem;
  }
}
@media print, screen and (min-width: 960px) {
  .steam-sns .col-sns {
    width: 33.33333333%;
    padding: 0 1.5rem 2rem;
  }
}
@media print, screen and (min-width: 768px) {
  .steam-sns .col-sns.youtube {
    width: 100%;
    padding: 0 1rem 2rem;
  }
}
@media print, screen and (min-width: 800px) {
  .steam-sns .col-sns.youtube {
    width: 100%;
  }
}
@media print, screen and (min-width: 960px) {
  .steam-sns .col-sns.youtube {
    width: 33.33333333%;
    padding: 0 1.5rem 2rem;
  }
}
.steam-sns .col-sns h3 {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1em;
  font-weight: 500;
  font-family: "WorkSans", Arial, Helvetica, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  width: 100%;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
}
@media print, screen and (min-width: 800px) {
  .steam-sns .col-sns h3 {
    margin-bottom: 1.5em;
  }
}
.steam-sns .col-sns h3 i {
  width: 2.5em;
  height: 2.5em;
}
.steam-sns .col-sns h3 i svg {
  width: 100%;
  height: 100%;
}
.steam-sns .col-sns h3 span {
  padding-left: 0.25em;
  letter-spacing: 0.05em;
}
.steam-sns .col-sns h3::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  border-radius: 3px;
  content: " ";
  background-color: #003e91;
}
@media print, screen and (min-width: 960px) {
  .steam-sns .col-sns h3::after {
    height: 8px;
    border-radius: 4px;
  }
}
.steam-sns .col-sns.news h3 span {
  color: #003e91;
}
.steam-sns .col-sns.news h3 i svg {
  stroke: #003e91;
  stroke-width: 1;
}
.steam-sns .col-sns.news h3::after {
  background-color: #003e91;
}
.steam-sns .col-sns.twitter h3 span {
  color: #1d9bf0;
}
.steam-sns .col-sns.twitter h3 i svg {
  fill: #1d9bf0;
}
.steam-sns .col-sns.twitter h3::after {
  background-color: #1d9bf0;
}
.steam-sns .col-sns.twitter .wrap-timeline iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.steam-sns .col-sns.twitter .wrap-timeline .twitter-timeline {
  height: 100% !important;
}
.steam-sns .col-sns.instagram h3 span {
  color: #CF2E92;
}
.steam-sns .col-sns.instagram h3 i svg {
  fill: #CF2E92;
}
.steam-sns .col-sns.instagram h3::after {
  /*background: linear-gradient(to right,
          sns-colors(instagram) 0,
          #9c23c7 33% #d81d74 67%,
          #f8b440 100%);*/
  background: #CF2E92;
}
.steam-sns .col-sns.youtube h3 span {
  color: #FF0000;
}
.steam-sns .col-sns.youtube h3 i svg {
  fill: #FF0000;
}
.steam-sns .col-sns.youtube h3::after {
  background-color: #FF0000;
}
.steam-sns .col-sns.youtube .link-to-official {
  margin-top: 1.5em;
}
.steam-sns .col-sns.youtube .link-to-official a.btn, .steam-sns .col-sns.youtube .link-to-official a.btn--outline {
  background-color: #FF0000;
}
@media print, screen and (min-width: 960px) {
  .steam-sns .col-sns.youtube .link-to-official a.btn, .steam-sns .col-sns.youtube .link-to-official a.btn--outline {
    width: 100%;
  }
}
.steam-sns .sns-content {
  text-align: left;
}
.steam-sns .sns-content .wrap-timeline {
  height: 40em;
}
@media print, screen and (min-width: 960px) {
  .steam-sns .sns-content .wrap-timeline {
    height: 1080px;
  }
}
.steam-sns i.deco {
  position: absolute;
  top: -2em;
  right: 0;
  width: 8em;
  z-index: 1;
}
@media print, screen and (min-width: 768px) {
  .steam-sns i.deco {
    top: -3em;
    width: 10em;
  }
}
@media print, screen and (min-width: 960px) {
  .steam-sns i.deco {
    top: -4em;
    width: 12em;
  }
}
@media print, screen and (min-width: 1104px) {
  .steam-sns i.deco {
    top: -6em;
    width: 15em;
  }
}
@media print, screen and (min-width: 1500px) {
  .steam-sns i.deco {
    right: -2rem;
  }
}
.steam-sns i.deco img {
  width: 100%;
  height: auto;
}

.link-to-official {
  margin-top: 1.5em;
}
.link-to-official a.btn, .link-to-official a.btn--outline {
  background-color: #FF0000;
}
@media print, screen and (min-width: 960px) {
  .link-to-official a.btn, .link-to-official a.btn--outline {
    width: 100%;
  }
}

.list-vd {
  position: relative;
}
.list-vd--item {
  position: relative;
  width: 100%;
}
.list-vd--item:not(:last-child) {
  margin-bottom: 1.5em;
}
.list-vd--item .caption {
  display: block;
  font-size: 0.875em;
  margin-top: 0.5em;
}

.bnr-steam-pamphlet,
.bnr-s-steam-library {
  position: relative;
  margin-top: 1.5em;
  padding-top: 1.5em;
  border-top: 1px dotted #BBBBBB;
}
@media print, screen and (min-width: 960px) {
  .bnr-steam-pamphlet,
  .bnr-s-steam-library {
    margin-top: 2em;
    padding-top: 2em;
  }
}
.bnr-steam-pamphlet a,
.bnr-s-steam-library a {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 0.5em;
  max-width: 480px;
  width: 100%;
  margin: 0 auto;
}
.bnr-steam-pamphlet a img,
.bnr-s-steam-library a img {
  position: relative;
  width: 100%;
  height: auto;
}
.bnr-steam-pamphlet a img.txt,
.bnr-s-steam-library a img.txt {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.5));
}

.bnr-steam-library {
  position: relative;
  overflow: hidden;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  flex-direction: column;
  border-radius: 1em;
}
@media print, screen and (min-width: 768px) {
  .bnr-steam-library {
    flex-direction: row;
  }
}
.bnr-steam-library::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  z-index: -1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(../img/steam/banner-steam-library.jpg);
}
.bnr-steam-library::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-repeat: repeat;
  background-position: 0 0;
  background-size: 15px 15px;
  background-image: url(../img/common/lattice/lattice-x15.svg);
  opacity: 0.3;
  mix-blend-mode: soft-light;
}
.bnr-steam-library--title {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  max-width: 400px;
  padding: 1rem 0 0;
}
@media print, screen and (min-width: 768px) {
  .bnr-steam-library--title {
    width: 55%;
    max-width: none;
    padding: 1rem 1rem 0;
  }
}
@media print, screen and (min-width: 960px) {
  .bnr-steam-library--title {
    width: 50%;
  }
}
.bnr-steam-library--title img {
  width: 100%;
  height: auto;
}
.bnr-steam-library--index {
  position: relative;
  z-index: 2;
  padding: 0.5em 1em 1.5em;
}
@media print, screen and (min-width: 768px) {
  .bnr-steam-library--index {
    padding: 1em 1em;
  }
}
@media print, screen and (min-width: 960px) {
  .bnr-steam-library--index {
    padding: 1.5em 1em;
  }
}
.bnr-steam-library--index ul {
  max-width: 240px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media print, screen and (min-width: 576px) {
  .bnr-steam-library--index ul {
    max-width: none;
  }
}
@media print, screen and (min-width: 768px) {
  .bnr-steam-library--index ul {
    display: list-item;
    margin: 0;
  }
}
.bnr-steam-library--index ul li {
  margin: 0;
  padding: 0.25em;
  width: 100%;
}
@media print, screen and (min-width: 576px) {
  .bnr-steam-library--index ul li {
    width: 50%;
    padding: 0.5em;
  }
}
@media print, screen and (min-width: 768px) {
  .bnr-steam-library--index ul li {
    width: auto;
    padding: 0.25em 0;
  }
}
.bnr-steam-library--index ul li a {
  display: block;
  padding: 0.5em 1em;
  font-size: 1em;
  font-weight: 700;
  font-feature-settings: "palt";
  background-color: #FFF;
  border-radius: 2em;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .bnr-steam-library--index ul li a {
    text-align: left;
    padding: 0.5em 2em;
  }
}
.bnr-steam-library--index ul li a:hover {
  color: #FFF;
  background-color: #112e54;
}

.steam-collaboration {
  position: relative;
  width: 100%;
  border-top: 1px solid #e2dcd3;
  border-bottom: 1px solid #e2dcd3;
  padding: 0;
  margin: 2rem 0 3rem;
  background-color: #f8f6f4;
}
@media print, screen and (min-width: 800px) {
  .steam-collaboration {
    margin: 3rem 0 4rem;
  }
}
@media print, screen and (min-width: 960px) {
  .steam-collaboration {
    margin: 0 0 4rem;
  }
}
.steam-collaboration--inner {
  position: relative;
  max-width: 1288px;
  margin: 0 auto;
  overflow: hidden;
  padding: 1rem 0.5rem;
}
@media print, screen and (min-width: 800px) {
  .steam-collaboration--inner {
    padding: 1.5em 1rem;
  }
}
.steam-collaboration ul {
  position: relative;
  margin: 0;
  list-style: none;
}
.steam-collaboration ul li {
  margin: 0;
  padding: 0.5rem;
  letter-spacing: 0;
  display: block;
}
.steam-collaboration ul li a {
  position: relative;
  height: 100%;
  padding: 0.5em;
  text-align: center;
  display: block;
  background-color: #FFF;
  white-space: normal;
  box-shadow: 0 0 1.5em rgba(184, 169, 145, 0.1);
  font-size: 0.92em;
}
@media print, screen and (min-width: 800px) {
  .steam-collaboration ul li a {
    font-size: 1em;
    padding: 1em;
  }
}
.steam-collaboration ul li a .img {
  position: relative;
  display: block;
  margin: 0 auto;
}
.steam-collaboration ul li a .caption {
  display: block;
  text-align: center;
  font-size: 0.75em;
  font-size: 1.75vw;
  font-size: clamp(0.4em, 1.75vw, 0.75em);
  line-height: 1.5;
  color: #777;
  font-feature-settings: "palt";
  margin-top: 0.5em;
  padding: 0.5em;
}
@media print, screen and (min-width: 768px) {
  .steam-collaboration ul li a .caption {
    font-size: 0.75em;
  }
}
@media print, screen and (min-width: 800px) {
  .steam-collaboration ul li a .caption {
    padding: 0;
    margin-top: 0.75em;
  }
}
@media print, screen and (min-width: 960px) {
  .steam-collaboration ul li a .caption {
    font-size: 0.8125em;
  }
}
.steam-collaboration ul li a .caption .t {
  display: block;
  font-size: 1.15em;
  font-weight: 700;
  color: #222;
  margin-bottom: 0.25em;
}
.steam-collaboration .swiper-button-prev,
.steam-collaboration .swiper-button-next {
  z-index: 10;
}

.swiper-button-prev,
.swiper-button-next {
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background: none;
  background-color: rgba(255, 255, 255, 0.8);
}
.swiper-button-prev i,
.swiper-button-next i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
}
.swiper-button-prev i svg,
.swiper-button-next i svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: #1f408f;
  stroke-width: 2;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

#Steam-news {
  margin-top: 3em;
  padding: 1em;
}
@media print, screen and (min-width: 800px) {
  #Steam-news {
    display: none;
  }
}
#Steam-news h3 {
  height: 40px;
  width: auto;
  display: flex;
  justify-content: center;
}

.page-top-steam {
  text-align: center;
}

.page-top-steam a {
  margin-top: 4em;
  color: #1f408f;
  display: inline-block;
  position: relative;
  font-size: 0.8em;
}

.page-top-steam a::before {
  content: "";
  width: 16px;
  height: 16px;
  border: 0;
  border-bottom: 2px solid #1f408f;
  border-right: 2px solid #1f408f;
  transform: rotate(-135deg);
  position: absolute;
  top: -15px;
  left: 50%;
  margin-left: -8px;
}

.page-top-steam a::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #1f408f;
  transition: all 0.3s;
  transform: scale(0, 1);
  transform-origin: center top;
}

.page-top-steam a:hover::after {
  transform: scale(1, 1);
}

.insta-list {
  position: relative;
}
.insta-list ul {
  list-style: none;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: 0;
}
.insta-list ul li {
  position: relative;
  width: 33.33333333%;
  padding: 0.15em;
  margin: 0;
}
@media print, screen and (min-width: 768px) {
  .insta-list ul li {
    width: 33.33333333%;
  }
}
@media print, screen and (max-width: 959px) {
  .insta-list ul li:nth-child(n+13) {
    display: none;
  }
}
.insta-list ul li a {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* ---------------------------------------------------------------------------------------- */
/* PAGE - STEAM LIBRARY
/* ---------------------------------------------------------------------------------------- */
.bnr-steam-content {
  margin-top: 2rem;
}
@media print, screen and (min-width: 960px) {
  .bnr-steam-content {
    margin-top: 5rem;
  }
}
.bnr-steam-content p {
  display: block;
}
.bnr-steam-content p a {
  display: block;
  border-radius: 0.75em;
  overflow: hidden;
}
.bnr-steam-content p img {
  width: 100%;
  height: auto;
}
@media print, screen and (max-width: 575px) {
  .bnr-steam-content p img.pc {
    display: none;
  }
}
@media print, screen and (min-width: 576px) {
  .bnr-steam-content p img.smp {
    display: none;
  }
}

.steam-library-index {
  position: relative;
  max-width: 1064px;
  margin: 0 auto;
  text-align: left;
}
@media print, screen and (min-width: 800px) {
  .steam-library-index {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}
.steam-library-index--sidebar {
  position: sticky;
  top: 0;
  z-index: 2;
  width: 100%;
}
@media print, screen and (min-width: 960px) {
  .steam-library-index--sidebar {
    position: relative;
    top: inherit;
    left: inherit;
    width: 283px;
  }
}
@media print, screen and (min-width: 1104px) {
  .steam-library-index--sidebar {
    width: 283px;
  }
}
.steam-library-index--content {
  position: relative;
  width: 100%;
  z-index: 1;
  padding-top: 5em;
}
@media print, screen and (min-width: 960px) {
  .steam-library-index--content {
    width: calc(100% - 283px);
    padding-left: 2rem;
    padding-top: 0;
    padding-bottom: 5rem;
  }
}
@media print, screen and (min-width: 1104px) {
  .steam-library-index--content {
    width: calc(100% - 283px);
    padding-left: 3rem;
  }
}
.steam-library-index--content .scn-norm.steam-library-area {
  padding: 0;
}
.steam-library-index--content .scn-norm .wrap-library {
  position: relative;
  background-repeat: repeat;
  background-position: 0 0;
  background-size: 1000px 1000px;
  background-color: #d6e8f6;
  padding: 0;
  /*@include mq-up(xsm) {
      padding: 1em;
  }

  @include mq-up(xl) {
      padding: 1em;
  }*/
}
.steam-library-index--content .scn-norm h2 {
  position: relative;
  display: flex;
  z-index: 2;
  font-size: 1em;
  width: auto;
  height: 40px;
  margin: 0;
  /*@include mq-up(sm) {
      height: 3.5em;
      padding: .5em 1.5em .25em 2em;
  }

  @include mq-up() {
      height: 4em;
      padding: .75em 1.5em .25em 2em;
      margin: -1em 0 0 -1em;
  }

  @include mq-up(xl) {
      //padding: .5em 1.5em .25em 2em;
  }*/
  /*span {
      position: relative;
      display: block;
      transform-origin: center;
      transform: rotate(-3deg);
      font-size: 1.2em;
      line-height: 1;
      font-weight: 700 !important;
      font-feature-settings: 'palt';
      width: 9.5em;
      text-align: center;
      padding-top: .0em;

      @include mq-up(sm) {
          padding-top: .45em;
          width: 10.5em;
      }

      @include mq-up() {
          font-size: 1.5em;
          padding-top: .3em;
          transform: rotate(-3deg);
      }

      @include mq-up(xl) {
          padding-top: .45em;
      }
  }*/
  /*&::before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      content: ' ';
      z-index: -1;
      @include bgimg(no-repeat, 0 0, contain);
      background-image: url(../img/steam/bg-heading.svg);

  }*/
}

.library-items {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  overflow: hidden;
}
.library-items .library-item {
  position: relative;
  width: 50%;
  padding: 0.5em;
  padding-bottom: 1em;
}
@media print, screen and (min-width: 768px) {
  .library-items .library-item {
    width: 33.33333333%;
    padding: 1em;
  }
}
@media print, screen and (min-width: 1104px) {
  .library-items .library-item {
    padding: 2em;
  }
}
.library-items .library-item.dbl {
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .library-items .library-item.dbl {
    width: 100%;
  }
}
.library-items .library-item a,
.library-items .library-item span.disabled {
  display: block;
}
.library-items .library-item .disabled .library-item--cover {
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.1);
}
.library-items .library-item--cover {
  position: relative;
  display: block;
  margin-bottom: 0.5em;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.15);
}
@media print, screen and (min-width: 800px) {
  .library-items .library-item--cover {
    margin-bottom: 1em;
  }
}
.library-items .library-item--cover img {
  width: 100%;
  height: auto;
}
.library-items .library-item--cover img.db {
  display: block;
}
@media print, screen and (min-width: 768px) {
  .library-items .library-item--cover img.db {
    display: none;
  }
}
.library-items .library-item--cover img.tri {
  display: none;
}
@media print, screen and (min-width: 768px) {
  .library-items .library-item--cover img.tri {
    display: block;
  }
}
.library-items .library-item--cover i {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 2em;
  height: 2em;
  z-index: 1;
  padding: 0.125em;
  background-color: rgba(17, 46, 84, 0.7);
  background-color: #FFF;
}
@media print, screen and (min-width: 960px) {
  .library-items .library-item--cover i {
    width: 3em;
    height: 3em;
    padding: 0.185em;
  }
}
.library-items .library-item--cover i svg {
  width: 100%;
  height: 100%;
  fill: #FFF;
  fill: #112e54;
}
.library-items .library-item--title {
  position: relative;
  display: block;
  padding: 0 0.5em;
  font-size: 0.92em;
  font-feature-settings: "palt";
  font-weight: 700;
}
@media print, screen and (min-width: 768px) {
  .library-items .library-item--title {
    padding: 0 1em;
  }
}

.steam-list-categories {
  position: relative;
  z-index: 10;
}
@media print, screen and (min-width: 960px) {
  .steam-list-categories {
    position: sticky;
    top: 0;
    width: auto;
  }
}
.steam-list-categories h3 {
  margin: 0 0 10px;
}
@media print, screen and (min-width: 960px) {
  .steam-list-categories .dropdown-menu {
    display: none;
  }
}
.steam-list-categories .sns-content {
  margin-bottom: 3em;
}
.steam-list-categories .sns-content .post-loop-sml--item {
  border-bottom: 1px solid #00a0e9;
}
.steam-list-categories .sns-content .post-loop-sml--item .thumb {
  width: 96px;
}
.steam-list-categories .sns-content .post-loop-sml--item .desc {
  width: calc(100% - 96px);
}
.steam-list-categories .sns-content .post-loop-sml--item .desc .title-and .ti {
  font-size: 0.8em;
}
.steam-list-categories .menu-pc .bt-library a:hover {
  opacity: 0.5;
}
.steam-list-categories .menu-pc .news {
  margin-top: 3em;
  padding-bottom: 1em;
}
@media print, screen and (max-width: 959px) {
  .steam-list-categories .menu-pc {
    display: none;
  }
}
.steam-list-categories ul {
  list-style: none;
  margin: 0;
  padding: 0.25em;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.8);
}
@media print, screen and (min-width: 960px) {
  .steam-list-categories ul {
    padding: 0;
  }
}
.steam-list-categories ul li {
  margin: 0 0 2px;
  padding: 0;
  font-size: 0.875em;
}
.steam-list-categories ul li a,
.steam-list-categories ul li span.disabled {
  position: relative;
  display: block;
  padding: 1em;
  padding-right: 2em;
  font-weight: 700;
  background-color: #00a0e9;
  border-radius: 0.5em;
  color: #FFF;
}
@media print, screen and (min-width: 960px) {
  .steam-list-categories ul li a,
  .steam-list-categories ul li span.disabled {
    padding: 1.5em 1em;
    padding-right: 2.5em;
  }
}
@media print, screen and (min-width: 1104px) {
  .steam-list-categories ul li a,
  .steam-list-categories ul li span.disabled {
    padding: 2em 1em;
    padding-right: 2.5em;
  }
}
.steam-list-categories ul li a i,
.steam-list-categories ul li span.disabled i {
  position: absolute;
  top: 50%;
  right: 0.75em;
  margin-top: -0.5em;
  width: 1em;
  height: 1em;
  transform: rotate(90deg);
}
@media print, screen and (min-width: 960px) {
  .steam-list-categories ul li a i,
  .steam-list-categories ul li span.disabled i {
    transform: rotate(0);
  }
}
.steam-list-categories ul li a i svg,
.steam-list-categories ul li span.disabled i svg {
  width: 100%;
  height: 100%;
  stroke: #FFF;
  stroke-width: 1;
  fill: none;
}
.steam-list-categories ul li span.disabled {
  color: #bbb;
  pointer-events: none;
}
.steam-list-categories ul li.current a {
  font-weight: 700;
}
.steam-list-categories ul li.current a::after {
  width: 100%;
}
.steam-list-categories dl {
  position: absolute;
  top: 0;
  left: -0.5rem;
  overflow: hidden;
}
@media print, screen and (min-width: 768px) {
  .steam-list-categories dl {
    left: -1.5rem;
  }
}
@media print, screen and (min-width: 800px) {
  .steam-list-categories dl {
    left: -2rem;
  }
}
@media print, screen and (min-width: 960px) {
  .steam-list-categories dl {
    position: relative;
    left: inherit;
    top: 0;
  }
}
.steam-list-categories dl.active {
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
  border-radius: 0 0.5em 0 0;
}
.steam-list-categories dl.active dt i {
  transform: translateY(-50%) rotate(-90deg);
}
.steam-list-categories dl.active dd {
  max-height: none;
  visibility: visible;
  opacity: 1;
}
.steam-list-categories dl dt {
  position: relative;
  display: block;
  padding: 1em 1.5rem;
  text-align: left;
  color: #112e54;
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  background-color: #EEE;
  border-radius: 0 0.5em 0.5em 0;
}
@media print, screen and (min-width: 960px) {
  .steam-list-categories dl dt {
    text-align: center;
    cursor: default;
    display: none;
  }
}
.steam-list-categories dl dt i {
  position: absolute;
  top: 50%;
  right: 1em;
  width: 1em;
  height: 1em;
  transform: translateY(-50%) rotate(90deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.steam-list-categories dl dt i svg {
  width: 100%;
  height: 100%;
  stroke: #112e54;
  stroke-width: 2.5;
  fill: none;
}
.steam-list-categories dl dd {
  position: relative;
  overflow: hidden;
  opacity: 0;
  max-height: 0;
  visibility: hidden;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
@media print, screen and (min-width: 960px) {
  .steam-list-categories dl dd {
    max-height: none;
    visibility: visible;
    opacity: 1;
  }
}/*# sourceMappingURL=styles.css.map */