@charset "UTF-8";
/* ==========================================================================
Reset
========================================================================== */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

* {
  box-sizing: border-box;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/* ==========================================================================
Rules
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
Settings
========================================================================== */
/* ==========================================================================
breakPoint
========================================================================== */
/* ==========================================================================
_wapSettings
========================================================================== */
/* ==========================================================================
_widthSettings
========================================================================== */
/* ==========================================================================
_heightSettings
========================================================================== */
/* ==========================================================================
_positionSettings
========================================================================== */
/* ==========================================================================
borderRadius
========================================================================== */
/* ==========================================================================
_marginSettings
========================================================================== */
/* ==========================================================================
_paddingSettings
========================================================================== */
/* ==========================================================================
fonts
========================================================================== */
/* ==========================================================================
_lineHeight
========================================================================== */
/* ==========================================================================
_letterspace
========================================================================== */
/* ==========================================================================
ボタンタイプ
========================================================================== */
/* ==========================================================================
Rules
========================================================================== */
#page_top {
  animation: cloak-in 0.75s;
}

.base_header {
  z-index: 99;
  position: sticky;
  top: 0;
}

body {
  -webkit-font-smoothing: antialiased;
}

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

ul,
li,
dd,
dt,
dh {
  list-style: none;
}

svg {
  display: block;
}

.tj {
  text-indent: -9999px;
  text-align: left;
  overflow: hidden;
  display: block;
  font-size: 0.1em;
}

.wapper {
  width: 1201px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .wapper {
    width: 98%;
  }
}
@media screen and (max-width: 767px) {
  .wapper {
    width: 100%;
  }
}

.pc_only {
  display: block;
}
@media screen and (max-width: 767px) {
  .pc_only {
    display: none;
  }
}

.sp_only {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp_only {
    display: block;
  }
}

.pc_order_0 {
  order: 0;
}
@media screen and (max-width: 767px) {
  .pc_order_0 {
    order: unset;
  }
}

.fw_0 {
  font-weight: 0;
}

.pc_order_1 {
  order: 1;
}
@media screen and (max-width: 767px) {
  .pc_order_1 {
    order: unset;
  }
}

.fw_100 {
  font-weight: 100;
}

.pc_order_2 {
  order: 2;
}
@media screen and (max-width: 767px) {
  .pc_order_2 {
    order: unset;
  }
}

.fw_200 {
  font-weight: 200;
}

.pc_order_3 {
  order: 3;
}
@media screen and (max-width: 767px) {
  .pc_order_3 {
    order: unset;
  }
}

.fw_300 {
  font-weight: 300;
}

.pc_order_4 {
  order: 4;
}
@media screen and (max-width: 767px) {
  .pc_order_4 {
    order: unset;
  }
}

.fw_400 {
  font-weight: 400;
}

.pc_order_5 {
  order: 5;
}
@media screen and (max-width: 767px) {
  .pc_order_5 {
    order: unset;
  }
}

.fw_500 {
  font-weight: 500;
}

.pc_order_6 {
  order: 6;
}
@media screen and (max-width: 767px) {
  .pc_order_6 {
    order: unset;
  }
}

.fw_600 {
  font-weight: 600;
}

.pc_order_7 {
  order: 7;
}
@media screen and (max-width: 767px) {
  .pc_order_7 {
    order: unset;
  }
}

.fw_700 {
  font-weight: 700;
}

.pc_order_8 {
  order: 8;
}
@media screen and (max-width: 767px) {
  .pc_order_8 {
    order: unset;
  }
}

.fw_800 {
  font-weight: 800;
}

.ovhidden {
  overflow: hidden;
}

a {
  transition-duration: 0.5s;
}
a:hover {
  opacity: 0.6;
}

.d_flex {
  display: flex;
}

.d_block {
  display: block;
}

.d_none {
  display: none;
}

.d_contents {
  display: contents;
}

.d_inline {
  display: inline;
}

.d_grid {
  display: grid;
}

.d_inlineBlock {
  display: inline-block;
}

.d_inlineFlex {
  display: inline-flex;
}

.d_inlineTable {
  display: inline-table;
}

/* ==========================================================================
justify-content
========================================================================== */
.j_between {
  justify-content: space-between;
}

.j_start {
  justify-content: flex-start;
}

.j_end {
  justify-content: flex-end;
}

.j_center {
  justify-content: center;
}

.j_around {
  justify-content: space-around;
}

.j_baseline {
  justify-content: space-baseline;
}

.j_firstBaseline {
  justify-content: first baseline;
}

.j_firstBaseline {
  justify-content: last baseline;
}

.j_left {
  justify-content: left;
}

.j_right {
  justify-content: right;
}

.j_safe {
  justify-content: safe;
}

/* ==========================================================================
align-items
========================================================================== */
.ali_baseline {
  align-items: baseline;
}

.ali_center {
  align-items: center;
}

.ali_end {
  align-items: flex-end;
}

.ali_start {
  align-items: flex-start;
}

.ali_stretch {
  align-items: stretch;
}

.ali_unset {
  align-items: unset;
}

/* ==========================================================================
align-content
========================================================================== */
.alc_center {
  align-content: center;
}

.alc_end {
  align-content: flex-end;
}

.alc_around {
  align-content: space-around;
}

.alc_between {
  align-content: space-between;
}

.alc_stretch {
  align-content: stretch;
}

.alc_unset {
  align-content: unset;
}

/* ==========================================================================
row
========================================================================== */
.row {
  flex-flow: row wrap;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
Library
========================================================================== */
body {
  font-family: "Noto Sans JP", sans-serif;
  color: #3C3C3C;
  font-weight: 500;
}
body img {
  max-width: 100%;
  height: auto;
  display: block;
}

body input,
body textarea,
body button {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p {
  line-height: 1;
  font-weight: 500;
}

#mintyou,
.mintyou,
.mincho {
  font-family: "Shippori Mincho B1", serif;
}

.t_center {
  text-align: center;
}

.t_left {
  text-align: left;
}

.t_right {
  text-align: right;
}

.text_justify {
  text-align: justify;
  text-justify: inter-ideograph;
}

#mintyou,
.mintyou {
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS 明朝 E, Meiryo, serif;
}

.anton {
  font-family: "Anton", sans-serif;
}

.tj {
  text-indent: -9999px;
  text-align: left;
  overflow: hidden;
  display: block;
  font-size: 0.1em;
}

.underNone {
  text-decoration: none;
}

.underLine {
  text-decoration: underline;
}

/* ==========================================================================
Component
========================================================================== */
/* ==========================================================================
bg
========================================================================== */
.bg_0069B9 {
  background: #0069B9;
}

.bg_BEE6FA {
  background: #BEE6FA;
}

/* ==========================================================================
cl
========================================================================== */
.cl_fff {
  color: #fff;
}

.cl_0069B9 {
  color: #0069B9;
}

.cl_FF0000 {
  color: #FF0000;
}

cl_3C3C3C {
  color: #3C3C3C;
}

.cl_0069B9 {
  color: #0069B9;
}

.brd_1_00DFFF {
  border: 1px solid #00DFFF;
}

.cl_00DFFF {
  color: #00DFFF;
}

.bg_00DFFF {
  background: #00DFFF;
}

.btnMainNavGnavi.bord_b_1_FFF {
  border: none;
  border-bottom: 1px solid #FFF;
}

.cl_E00A0A {
  color: #E00A0A;
}

.bg_FFFF00 {
  background: #FFFF00;
}

.cl_3F3B3A {
  color: #3F3B3A;
}

/* ==========================================================================
bg
========================================================================== */
.bg_0069B9 {
  background: #0069B9;
}

.bg_00AA00 {
  background: #00AA00;
}

.bg_fff {
  background: #FFF;
}

.bg_EFEFEF {
  background: #EFEFEF;
}

.bg_D3DEF1 {
  background: #D3DEF1;
}

.bg_fff {
  background: #FFF;
}

.bg_E7211A {
  background: #E7211A;
}

.bg_C8FAFA {
  background: #C8FAFA;
}

.bg_FFFF96 {
  background: #FFFF96;
}

/* ==========================================================================
cl
========================================================================== */
.cl_fff {
  color: #FFF;
}

.cl_00DFFF {
  color: #00DFFF;
}

.cl_3F3B3A {
  color: #3F3B3A;
}

.cl_3C3C3C {
  color: #3C3C3C;
}

.cl_0064AA {
  color: #0064AA;
}

.cl_FFF000 {
  color: #FFF000;
}

.cl_3F3B3A {
  color: #3F3B3A;
}

.cl_FF0000 {
  color: #FF0000;
}

.cl_D71718 {
  color: #D71718;
}

.cl_0069B9 {
  color: #0069B9;
}

.cl_40210F {
  color: #40210F;
}

.cl_3E3A39 {
  color: #3E3A39;
}

.cl_E60012 {
  color: #E60012;
}

.cl_3E3A39 {
  color: #3E3A39;
}

.cl_0096B9 {
  color: #0096B9;
}

.cl_FF0000 {
  color: #FF0000;
}

.brd_1_00DFFF {
  border: 1px solid #00DFFF;
}

.bord_b_1_FFF {
  border: 1px solid #FFF;
}

.animsition,
.animsition-overlay {
  position: relative;
  opacity: 0;
  animation-fill-mode: both;
}

/**
 * overlay option
 */
.animsition-overlay-slide {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #ddd;
}

/* loading option */
.animsition-loading,
.animsition-loading:after {
  width: 32px;
  height: 32px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  border-radius: 50%;
  z-index: 100;
}

.animsition-loading {
  background-color: transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.2);
  border-right: 5px solid rgba(0, 0, 0, 0.2);
  border-bottom: 5px solid rgba(0, 0, 0, 0.2);
  border-left: 5px solid #eee;
  transform: translateZ(0);
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: 0.8s;
  animation-name: animsition-loading;
}
@keyframes animsition-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fade-in {
  animation-name: fade-in;
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fade-out {
  animation-name: fade-out;
}
@keyframes fade-in-up {
  0% {
    transform: translateY(500px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-up {
  animation-name: fade-in-up;
}
@keyframes fade-out-up {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-500px);
    opacity: 0;
  }
}
.fade-out-up {
  animation-name: fade-out-up;
}
@keyframes fade-in-up-sm {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-up-sm {
  animation-name: fade-in-up-sm;
}
@keyframes fade-out-up-sm {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-100px);
    opacity: 0;
  }
}
.fade-out-up-sm {
  animation-name: fade-out-up-sm;
}
@keyframes fade-in-up-lg {
  0% {
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-up-lg {
  animation-name: fade-in-up-lg;
}
@keyframes fade-out-up-lg {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-1000px);
    opacity: 0;
  }
}
.fade-out-up-lg {
  animation-name: fade-out-up-lg;
}
@keyframes fade-in-down {
  0% {
    transform: translateY(-500px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-down {
  animation-name: fade-in-down;
}
@keyframes fade-out-down {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(500px);
    opacity: 0;
  }
}
.fade-out-down {
  animation-name: fade-out-down;
}
@keyframes fade-in-down-sm {
  0% {
    transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-down-sm {
  animation-name: fade-in-down-sm;
}
@keyframes fade-out-down-sm {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(100px);
    opacity: 0;
  }
}
.fade-out-down-sm {
  animation-name: fade-out-down-sm;
}
@keyframes fade-in-down-lg {
  0% {
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-down-lg {
  animation-name: fade-in-down;
}
@keyframes fade-out-down-lg {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(1000px);
    opacity: 0;
  }
}
.fade-out-down-lg {
  animation-name: fade-out-down-lg;
}
@keyframes fade-in-left {
  0% {
    transform: translateX(-500px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-left {
  animation-name: fade-in-left;
}
@keyframes fade-out-left {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-500px);
    opacity: 0;
  }
}
.fade-out-left {
  animation-name: fade-out-left;
}
@keyframes fade-in-left-sm {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-left-sm {
  animation-name: fade-in-left-sm;
}
@keyframes fade-out-left-sm {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-100px);
    opacity: 0;
  }
}
.fade-out-left-sm {
  animation-name: fade-out-left-sm;
}
@keyframes fade-in-left-lg {
  0% {
    transform: translateX(-1500px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-left-lg {
  animation-name: fade-in-left-lg;
}
@keyframes fade-out-left-lg {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-1500px);
    opacity: 0;
  }
}
.fade-out-left-lg {
  animation-name: fade-out-left-lg;
}
@keyframes fade-in-right {
  0% {
    transform: translateX(500px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-right {
  animation-name: fade-in-right;
}
@keyframes fade-out-right {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(500px);
    opacity: 0;
  }
}
.fade-out-right {
  animation-name: fade-out-right;
}
@keyframes fade-in-right-sm {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-right-sm {
  animation-name: fade-in-right-sm;
}
@keyframes fade-out-right-sm {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(100px);
    opacity: 0;
  }
}
.fade-out-right-sm {
  animation-name: fade-out-right-sm;
}
@keyframes fade-in-right-lg {
  0% {
    transform: translateX(1500px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-right-lg {
  animation-name: fade-in-right-lg;
}
@keyframes fade-out-right-lg {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(1500px);
    opacity: 0;
  }
}
.fade-out-right-lg {
  animation-name: fade-out-right-lg;
}
@keyframes rotate-in {
  0% {
    transform: rotate(-90deg);
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
}
.rotate-in {
  animation-name: rotate-in;
}
@keyframes rotate-out {
  0% {
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    transform: rotate(90deg);
    transform-origin: center center;
    opacity: 0;
  }
}
.rotate-out {
  animation-name: rotate-out;
}
@keyframes rotate-in-sm {
  0% {
    transform: rotate(-45deg);
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
}
.rotate-in-sm {
  animation-name: rotate-in-sm;
}
@keyframes rotate-out-sm {
  0% {
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    transform: rotate(45deg);
    transform-origin: center center;
    opacity: 0;
  }
}
.rotate-out-sm {
  animation-name: rotate-out-sm;
}
@keyframes rotate-in-lg {
  0% {
    transform: rotate(-180deg);
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
}
.rotate-in-lg {
  animation-name: rotate-in-lg;
}
@keyframes rotate-out-lg {
  0% {
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    transform: rotate(180deg);
    transform-origin: center center;
    opacity: 0;
  }
}
.rotate-out-lg {
  animation-name: rotate-out-lg;
}
@keyframes flip-in-x {
  0% {
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
}
.flip-in-x {
  animation-name: flip-in-x;
  backface-visibility: visible !important;
}
@keyframes flip-out-x {
  0% {
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
}
.flip-out-x {
  animation-name: flip-out-x;
  backface-visibility: visible !important;
}
@keyframes flip-in-x-nr {
  0% {
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
}
.flip-in-x-nr {
  animation-name: flip-in-x-nr;
  backface-visibility: visible !important;
}
@keyframes flip-out-x-nr {
  0% {
    transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
}
.flip-out-x-nr {
  animation-name: flip-out-x-nr;
  backface-visibility: visible !important;
}
@keyframes flip-in-x-fr {
  0% {
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
}
.flip-in-x-fr {
  animation-name: flip-in-x-fr;
  backface-visibility: visible !important;
}
@keyframes flip-out-x-fr {
  0% {
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}
.flip-out-x-fr {
  animation-name: flip-out-x-fr;
  backface-visibility: visible !important;
}
@keyframes flip-in-y {
  0% {
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
}
.flip-in-y {
  animation-name: flip-in-y;
  backface-visibility: visible !important;
}
@keyframes flip-out-y {
  0% {
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
}
.flip-out-y {
  animation-name: flip-out-y;
  backface-visibility: visible !important;
}
@keyframes flip-in-y-nr {
  0% {
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
}
.flip-in-y-nr {
  animation-name: flip-in-y-nr;
  backface-visibility: visible !important;
}
@keyframes flip-out-y-nr {
  0% {
    transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
}
.flip-out-y-nr {
  animation-name: flip-out-y-nr;
  backface-visibility: visible !important;
}
@keyframes flip-in-y-fr {
  0% {
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
}
.flip-in-y-fr {
  animation-name: flip-in-y-fr;
  backface-visibility: visible !important;
}
@keyframes flip-out-y-fr {
  0% {
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
}
.flip-out-y-fr {
  animation-name: flip-out-y-fr;
  backface-visibility: visible !important;
}
@keyframes zoom-in {
  0% {
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.zoom-in {
  animation-name: zoom-in;
}
@keyframes zoom-out {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.zoom-out {
  animation-name: zoom-out;
}
@keyframes zoom-in-sm {
  0% {
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.zoom-in-sm {
  animation-name: zoom-in-sm;
}
@keyframes zoom-out-sm {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.zoom-out-sm {
  animation-name: zoom-out-sm;
}
@keyframes zoom-in-lg {
  0% {
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.zoom-in-lg {
  animation-name: zoom-in-lg;
}
@keyframes zoom-out-lg {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.zoom-out-lg {
  animation-name: zoom-out-lg;
}
@keyframes overlay-slide-in-top {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
.overlay-slide-in-top {
  top: 0;
  height: 0;
  animation-name: overlay-slide-in-top;
}
@keyframes overlay-slide-out-top {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.overlay-slide-out-top {
  top: 0;
  height: 100%;
  animation-name: overlay-slide-out-top;
}
@keyframes overlay-slide-in-bottom {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
.overlay-slide-in-bottom {
  bottom: 0;
  height: 0;
  animation-name: overlay-slide-in-bottom;
}
@keyframes overlay-slide-out-bottom {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.overlay-slide-out-bottom {
  bottom: 0;
  height: 100%;
  animation-name: overlay-slide-out-bottom;
}
@keyframes overlay-slide-in-left {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
.overlay-slide-in-left {
  width: 0;
  animation-name: overlay-slide-in-left;
}
@keyframes overlay-slide-out-left {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.overlay-slide-out-left {
  left: 0;
  width: 100%;
  animation-name: overlay-slide-out-left;
}
@keyframes overlay-slide-in-right {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
.overlay-slide-in-right {
  right: 0;
  width: 0;
  animation-name: overlay-slide-in-right;
}
@keyframes overlay-slide-out-right {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.overlay-slide-out-right {
  right: 0;
  width: 100%;
  animation-name: overlay-slide-out-right;
}

@keyframes fadein_sc_top {
  0% {
    opacity: 0;
    transform: translate3d(0px, 20px, 0px);
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
  }
}
@keyframes fadein_sc_left {
  0% {
    opacity: 0;
    transform: translate3d(-20px, 0px, 0px);
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
  }
}
@keyframes fadein_sc_right {
  0% {
    opacity: 0;
    transform: translate3d(20px, 0px, 0px);
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
  }
}
@keyframes fadein_in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.opacity_0_fade_set {
  transform: translate3d(0px, 20px, 0px);
  opacity: 0;
  position: relative;
}
.opacity_0_fade_set.active {
  animation: fadein_sc_top 0.75s ease 0.35s forwards alternate;
}

.opacity_0_fadeleft_in {
  opacity: 0;
  transform: translate3d(-20px, 0px, 0px);
}
.opacity_0_fadeleft_in.active {
  animation: fadein_sc_left 0.75s ease 0.35s forwards alternate;
}

.opacity_0_faderight_in {
  opacity: 0;
  transform: translate3d(20px, 0px, 0px);
}
.opacity_0_faderight_in.active {
  animation: fadein_sc_right 0.75s ease 0.35s forwards alternate;
}

.opacity_0_fade_in {
  opacity: 0;
}
.opacity_0_fade_in.active {
  animation: fadein_in 0.75s ease 0.35s forwards alternate;
}

.opacity_0_list_fade_set > li, .opacity_0_list_fade_set section, .opacity_0_list_fade_set div, .opacity_0_list_fade_set tr, .opacity_0_list_fade_set figure {
  transform: translate3d(0px, 20px, 0px);
  opacity: 0;
  position: relative;
}
.opacity_0_list_fade_set.active > li:nth-child(1), .opacity_0_list_fade_set.active section:nth-child(1), .opacity_0_list_fade_set.active div:nth-child(1), .opacity_0_list_fade_set.active p:nth-child(1), .opacity_0_list_fade_set.active h2:nth-child(1), .opacity_0_list_fade_set.active h3:nth-child(1), .opacity_0_list_fade_set.active h4:nth-child(1), .opacity_0_list_fade_set.active h5:nth-child(1), .opacity_0_list_fade_set.active figure:nth-child(1) {
  animation: fadein_sc_top 0.75s ease 0.35s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(2), .opacity_0_list_fade_set.active section:nth-child(2), .opacity_0_list_fade_set.active div:nth-child(2), .opacity_0_list_fade_set.active p:nth-child(2), .opacity_0_list_fade_set.active h2:nth-child(2), .opacity_0_list_fade_set.active h3:nth-child(2), .opacity_0_list_fade_set.active h4:nth-child(2), .opacity_0_list_fade_set.active h5:nth-child(2), .opacity_0_list_fade_set.active figure:nth-child(2) {
  animation: fadein_sc_top 0.75s ease 0.7s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(3), .opacity_0_list_fade_set.active section:nth-child(3), .opacity_0_list_fade_set.active div:nth-child(3), .opacity_0_list_fade_set.active p:nth-child(3), .opacity_0_list_fade_set.active h2:nth-child(3), .opacity_0_list_fade_set.active h3:nth-child(3), .opacity_0_list_fade_set.active h4:nth-child(3), .opacity_0_list_fade_set.active h5:nth-child(3), .opacity_0_list_fade_set.active figure:nth-child(3) {
  animation: fadein_sc_top 0.75s ease 1.05s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(4), .opacity_0_list_fade_set.active section:nth-child(4), .opacity_0_list_fade_set.active div:nth-child(4), .opacity_0_list_fade_set.active p:nth-child(4), .opacity_0_list_fade_set.active h2:nth-child(4), .opacity_0_list_fade_set.active h3:nth-child(4), .opacity_0_list_fade_set.active h4:nth-child(4), .opacity_0_list_fade_set.active h5:nth-child(4), .opacity_0_list_fade_set.active figure:nth-child(4) {
  animation: fadein_sc_top 0.75s ease 1.4s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(5), .opacity_0_list_fade_set.active section:nth-child(5), .opacity_0_list_fade_set.active div:nth-child(5), .opacity_0_list_fade_set.active p:nth-child(5), .opacity_0_list_fade_set.active h2:nth-child(5), .opacity_0_list_fade_set.active h3:nth-child(5), .opacity_0_list_fade_set.active h4:nth-child(5), .opacity_0_list_fade_set.active h5:nth-child(5), .opacity_0_list_fade_set.active figure:nth-child(5) {
  animation: fadein_sc_top 0.75s ease 1.75s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(6), .opacity_0_list_fade_set.active section:nth-child(6), .opacity_0_list_fade_set.active div:nth-child(6), .opacity_0_list_fade_set.active p:nth-child(6), .opacity_0_list_fade_set.active h2:nth-child(6), .opacity_0_list_fade_set.active h3:nth-child(6), .opacity_0_list_fade_set.active h4:nth-child(6), .opacity_0_list_fade_set.active h5:nth-child(6), .opacity_0_list_fade_set.active figure:nth-child(6) {
  animation: fadein_sc_top 0.75s ease 2.1s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(7), .opacity_0_list_fade_set.active section:nth-child(7), .opacity_0_list_fade_set.active div:nth-child(7), .opacity_0_list_fade_set.active p:nth-child(7), .opacity_0_list_fade_set.active h2:nth-child(7), .opacity_0_list_fade_set.active h3:nth-child(7), .opacity_0_list_fade_set.active h4:nth-child(7), .opacity_0_list_fade_set.active h5:nth-child(7), .opacity_0_list_fade_set.active figure:nth-child(7) {
  animation: fadein_sc_top 0.75s ease 2.45s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(8), .opacity_0_list_fade_set.active section:nth-child(8), .opacity_0_list_fade_set.active div:nth-child(8), .opacity_0_list_fade_set.active p:nth-child(8), .opacity_0_list_fade_set.active h2:nth-child(8), .opacity_0_list_fade_set.active h3:nth-child(8), .opacity_0_list_fade_set.active h4:nth-child(8), .opacity_0_list_fade_set.active h5:nth-child(8), .opacity_0_list_fade_set.active figure:nth-child(8) {
  animation: fadein_sc_top 0.75s ease 2.8s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(9), .opacity_0_list_fade_set.active section:nth-child(9), .opacity_0_list_fade_set.active div:nth-child(9), .opacity_0_list_fade_set.active p:nth-child(9), .opacity_0_list_fade_set.active h2:nth-child(9), .opacity_0_list_fade_set.active h3:nth-child(9), .opacity_0_list_fade_set.active h4:nth-child(9), .opacity_0_list_fade_set.active h5:nth-child(9), .opacity_0_list_fade_set.active figure:nth-child(9) {
  animation: fadein_sc_top 0.75s ease 3.15s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(10), .opacity_0_list_fade_set.active section:nth-child(10), .opacity_0_list_fade_set.active div:nth-child(10), .opacity_0_list_fade_set.active p:nth-child(10), .opacity_0_list_fade_set.active h2:nth-child(10), .opacity_0_list_fade_set.active h3:nth-child(10), .opacity_0_list_fade_set.active h4:nth-child(10), .opacity_0_list_fade_set.active h5:nth-child(10), .opacity_0_list_fade_set.active figure:nth-child(10) {
  animation: fadein_sc_top 0.75s ease 3.5s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(11), .opacity_0_list_fade_set.active section:nth-child(11), .opacity_0_list_fade_set.active div:nth-child(11), .opacity_0_list_fade_set.active p:nth-child(11), .opacity_0_list_fade_set.active h2:nth-child(11), .opacity_0_list_fade_set.active h3:nth-child(11), .opacity_0_list_fade_set.active h4:nth-child(11), .opacity_0_list_fade_set.active h5:nth-child(11), .opacity_0_list_fade_set.active figure:nth-child(11) {
  animation: fadein_sc_top 0.75s ease 3.85s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(12), .opacity_0_list_fade_set.active section:nth-child(12), .opacity_0_list_fade_set.active div:nth-child(12), .opacity_0_list_fade_set.active p:nth-child(12), .opacity_0_list_fade_set.active h2:nth-child(12), .opacity_0_list_fade_set.active h3:nth-child(12), .opacity_0_list_fade_set.active h4:nth-child(12), .opacity_0_list_fade_set.active h5:nth-child(12), .opacity_0_list_fade_set.active figure:nth-child(12) {
  animation: fadein_sc_top 0.75s ease 4.2s forwards alternate;
}

.opacity_0_list_left_fade_set > li, .opacity_0_list_left_fade_set section, .opacity_0_list_left_fade_set div, .opacity_0_list_left_fade_set tr, .opacity_0_list_left_fade_set figure {
  transform: translate3d(-10px, 0px, 0px);
  opacity: 0;
}
.opacity_0_list_left_fade_set.active > li:nth-child(1), .opacity_0_list_left_fade_set.active section:nth-child(1), .opacity_0_list_left_fade_set.active div:nth-child(1), .opacity_0_list_left_fade_set.active p:nth-child(1), .opacity_0_list_left_fade_set.active h2:nth-child(1), .opacity_0_list_left_fade_set.active h3:nth-child(1), .opacity_0_list_left_fade_set.active h4:nth-child(1), .opacity_0_list_left_fade_set.active h5:nth-child(1), .opacity_0_list_left_fade_set.active figure:nth-child(1) {
  animation: fadein_sc_left 0.75s ease 0.35s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(2), .opacity_0_list_left_fade_set.active section:nth-child(2), .opacity_0_list_left_fade_set.active div:nth-child(2), .opacity_0_list_left_fade_set.active p:nth-child(2), .opacity_0_list_left_fade_set.active h2:nth-child(2), .opacity_0_list_left_fade_set.active h3:nth-child(2), .opacity_0_list_left_fade_set.active h4:nth-child(2), .opacity_0_list_left_fade_set.active h5:nth-child(2), .opacity_0_list_left_fade_set.active figure:nth-child(2) {
  animation: fadein_sc_left 0.75s ease 0.7s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(3), .opacity_0_list_left_fade_set.active section:nth-child(3), .opacity_0_list_left_fade_set.active div:nth-child(3), .opacity_0_list_left_fade_set.active p:nth-child(3), .opacity_0_list_left_fade_set.active h2:nth-child(3), .opacity_0_list_left_fade_set.active h3:nth-child(3), .opacity_0_list_left_fade_set.active h4:nth-child(3), .opacity_0_list_left_fade_set.active h5:nth-child(3), .opacity_0_list_left_fade_set.active figure:nth-child(3) {
  animation: fadein_sc_left 0.75s ease 1.05s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(4), .opacity_0_list_left_fade_set.active section:nth-child(4), .opacity_0_list_left_fade_set.active div:nth-child(4), .opacity_0_list_left_fade_set.active p:nth-child(4), .opacity_0_list_left_fade_set.active h2:nth-child(4), .opacity_0_list_left_fade_set.active h3:nth-child(4), .opacity_0_list_left_fade_set.active h4:nth-child(4), .opacity_0_list_left_fade_set.active h5:nth-child(4), .opacity_0_list_left_fade_set.active figure:nth-child(4) {
  animation: fadein_sc_left 0.75s ease 1.4s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(5), .opacity_0_list_left_fade_set.active section:nth-child(5), .opacity_0_list_left_fade_set.active div:nth-child(5), .opacity_0_list_left_fade_set.active p:nth-child(5), .opacity_0_list_left_fade_set.active h2:nth-child(5), .opacity_0_list_left_fade_set.active h3:nth-child(5), .opacity_0_list_left_fade_set.active h4:nth-child(5), .opacity_0_list_left_fade_set.active h5:nth-child(5), .opacity_0_list_left_fade_set.active figure:nth-child(5) {
  animation: fadein_sc_left 0.75s ease 1.75s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(6), .opacity_0_list_left_fade_set.active section:nth-child(6), .opacity_0_list_left_fade_set.active div:nth-child(6), .opacity_0_list_left_fade_set.active p:nth-child(6), .opacity_0_list_left_fade_set.active h2:nth-child(6), .opacity_0_list_left_fade_set.active h3:nth-child(6), .opacity_0_list_left_fade_set.active h4:nth-child(6), .opacity_0_list_left_fade_set.active h5:nth-child(6), .opacity_0_list_left_fade_set.active figure:nth-child(6) {
  animation: fadein_sc_left 0.75s ease 2.1s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(7), .opacity_0_list_left_fade_set.active section:nth-child(7), .opacity_0_list_left_fade_set.active div:nth-child(7), .opacity_0_list_left_fade_set.active p:nth-child(7), .opacity_0_list_left_fade_set.active h2:nth-child(7), .opacity_0_list_left_fade_set.active h3:nth-child(7), .opacity_0_list_left_fade_set.active h4:nth-child(7), .opacity_0_list_left_fade_set.active h5:nth-child(7), .opacity_0_list_left_fade_set.active figure:nth-child(7) {
  animation: fadein_sc_left 0.75s ease 2.45s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(8), .opacity_0_list_left_fade_set.active section:nth-child(8), .opacity_0_list_left_fade_set.active div:nth-child(8), .opacity_0_list_left_fade_set.active p:nth-child(8), .opacity_0_list_left_fade_set.active h2:nth-child(8), .opacity_0_list_left_fade_set.active h3:nth-child(8), .opacity_0_list_left_fade_set.active h4:nth-child(8), .opacity_0_list_left_fade_set.active h5:nth-child(8), .opacity_0_list_left_fade_set.active figure:nth-child(8) {
  animation: fadein_sc_left 0.75s ease 2.8s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(9), .opacity_0_list_left_fade_set.active section:nth-child(9), .opacity_0_list_left_fade_set.active div:nth-child(9), .opacity_0_list_left_fade_set.active p:nth-child(9), .opacity_0_list_left_fade_set.active h2:nth-child(9), .opacity_0_list_left_fade_set.active h3:nth-child(9), .opacity_0_list_left_fade_set.active h4:nth-child(9), .opacity_0_list_left_fade_set.active h5:nth-child(9), .opacity_0_list_left_fade_set.active figure:nth-child(9) {
  animation: fadein_sc_left 0.75s ease 3.15s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(10), .opacity_0_list_left_fade_set.active section:nth-child(10), .opacity_0_list_left_fade_set.active div:nth-child(10), .opacity_0_list_left_fade_set.active p:nth-child(10), .opacity_0_list_left_fade_set.active h2:nth-child(10), .opacity_0_list_left_fade_set.active h3:nth-child(10), .opacity_0_list_left_fade_set.active h4:nth-child(10), .opacity_0_list_left_fade_set.active h5:nth-child(10), .opacity_0_list_left_fade_set.active figure:nth-child(10) {
  animation: fadein_sc_left 0.75s ease 3.5s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(11), .opacity_0_list_left_fade_set.active section:nth-child(11), .opacity_0_list_left_fade_set.active div:nth-child(11), .opacity_0_list_left_fade_set.active p:nth-child(11), .opacity_0_list_left_fade_set.active h2:nth-child(11), .opacity_0_list_left_fade_set.active h3:nth-child(11), .opacity_0_list_left_fade_set.active h4:nth-child(11), .opacity_0_list_left_fade_set.active h5:nth-child(11), .opacity_0_list_left_fade_set.active figure:nth-child(11) {
  animation: fadein_sc_left 0.75s ease 3.85s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(12), .opacity_0_list_left_fade_set.active section:nth-child(12), .opacity_0_list_left_fade_set.active div:nth-child(12), .opacity_0_list_left_fade_set.active p:nth-child(12), .opacity_0_list_left_fade_set.active h2:nth-child(12), .opacity_0_list_left_fade_set.active h3:nth-child(12), .opacity_0_list_left_fade_set.active h4:nth-child(12), .opacity_0_list_left_fade_set.active h5:nth-child(12), .opacity_0_list_left_fade_set.active figure:nth-child(12) {
  animation: fadein_sc_left 0.75s ease 4.2s forwards alternate;
}

.opacity_0_list_right_fade_set > li, .opacity_0_list_right_fade_set section, .opacity_0_list_right_fade_set div, .opacity_0_list_right_fade_set tr, .opacity_0_list_right_fade_set figure {
  transform: translate3d(-10px, 0px, 0px);
  opacity: 0;
}
.opacity_0_list_right_fade_set.active > li:nth-child(1), .opacity_0_list_right_fade_set.active section:nth-child(1), .opacity_0_list_right_fade_set.active div:nth-child(1), .opacity_0_list_right_fade_set.active p:nth-child(1), .opacity_0_list_right_fade_set.active h2:nth-child(1), .opacity_0_list_right_fade_set.active h3:nth-child(1), .opacity_0_list_right_fade_set.active h4:nth-child(1), .opacity_0_list_right_fade_set.active h5:nth-child(1), .opacity_0_list_right_fade_set.active figure:nth-child(1) {
  animation: fadein_sc_right 0.75s ease 0.35s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(2), .opacity_0_list_right_fade_set.active section:nth-child(2), .opacity_0_list_right_fade_set.active div:nth-child(2), .opacity_0_list_right_fade_set.active p:nth-child(2), .opacity_0_list_right_fade_set.active h2:nth-child(2), .opacity_0_list_right_fade_set.active h3:nth-child(2), .opacity_0_list_right_fade_set.active h4:nth-child(2), .opacity_0_list_right_fade_set.active h5:nth-child(2), .opacity_0_list_right_fade_set.active figure:nth-child(2) {
  animation: fadein_sc_right 0.75s ease 0.7s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(3), .opacity_0_list_right_fade_set.active section:nth-child(3), .opacity_0_list_right_fade_set.active div:nth-child(3), .opacity_0_list_right_fade_set.active p:nth-child(3), .opacity_0_list_right_fade_set.active h2:nth-child(3), .opacity_0_list_right_fade_set.active h3:nth-child(3), .opacity_0_list_right_fade_set.active h4:nth-child(3), .opacity_0_list_right_fade_set.active h5:nth-child(3), .opacity_0_list_right_fade_set.active figure:nth-child(3) {
  animation: fadein_sc_right 0.75s ease 1.05s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(4), .opacity_0_list_right_fade_set.active section:nth-child(4), .opacity_0_list_right_fade_set.active div:nth-child(4), .opacity_0_list_right_fade_set.active p:nth-child(4), .opacity_0_list_right_fade_set.active h2:nth-child(4), .opacity_0_list_right_fade_set.active h3:nth-child(4), .opacity_0_list_right_fade_set.active h4:nth-child(4), .opacity_0_list_right_fade_set.active h5:nth-child(4), .opacity_0_list_right_fade_set.active figure:nth-child(4) {
  animation: fadein_sc_right 0.75s ease 1.4s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(5), .opacity_0_list_right_fade_set.active section:nth-child(5), .opacity_0_list_right_fade_set.active div:nth-child(5), .opacity_0_list_right_fade_set.active p:nth-child(5), .opacity_0_list_right_fade_set.active h2:nth-child(5), .opacity_0_list_right_fade_set.active h3:nth-child(5), .opacity_0_list_right_fade_set.active h4:nth-child(5), .opacity_0_list_right_fade_set.active h5:nth-child(5), .opacity_0_list_right_fade_set.active figure:nth-child(5) {
  animation: fadein_sc_right 0.75s ease 1.75s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(6), .opacity_0_list_right_fade_set.active section:nth-child(6), .opacity_0_list_right_fade_set.active div:nth-child(6), .opacity_0_list_right_fade_set.active p:nth-child(6), .opacity_0_list_right_fade_set.active h2:nth-child(6), .opacity_0_list_right_fade_set.active h3:nth-child(6), .opacity_0_list_right_fade_set.active h4:nth-child(6), .opacity_0_list_right_fade_set.active h5:nth-child(6), .opacity_0_list_right_fade_set.active figure:nth-child(6) {
  animation: fadein_sc_right 0.75s ease 2.1s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(7), .opacity_0_list_right_fade_set.active section:nth-child(7), .opacity_0_list_right_fade_set.active div:nth-child(7), .opacity_0_list_right_fade_set.active p:nth-child(7), .opacity_0_list_right_fade_set.active h2:nth-child(7), .opacity_0_list_right_fade_set.active h3:nth-child(7), .opacity_0_list_right_fade_set.active h4:nth-child(7), .opacity_0_list_right_fade_set.active h5:nth-child(7), .opacity_0_list_right_fade_set.active figure:nth-child(7) {
  animation: fadein_sc_right 0.75s ease 2.45s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(8), .opacity_0_list_right_fade_set.active section:nth-child(8), .opacity_0_list_right_fade_set.active div:nth-child(8), .opacity_0_list_right_fade_set.active p:nth-child(8), .opacity_0_list_right_fade_set.active h2:nth-child(8), .opacity_0_list_right_fade_set.active h3:nth-child(8), .opacity_0_list_right_fade_set.active h4:nth-child(8), .opacity_0_list_right_fade_set.active h5:nth-child(8), .opacity_0_list_right_fade_set.active figure:nth-child(8) {
  animation: fadein_sc_right 0.75s ease 2.8s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(9), .opacity_0_list_right_fade_set.active section:nth-child(9), .opacity_0_list_right_fade_set.active div:nth-child(9), .opacity_0_list_right_fade_set.active p:nth-child(9), .opacity_0_list_right_fade_set.active h2:nth-child(9), .opacity_0_list_right_fade_set.active h3:nth-child(9), .opacity_0_list_right_fade_set.active h4:nth-child(9), .opacity_0_list_right_fade_set.active h5:nth-child(9), .opacity_0_list_right_fade_set.active figure:nth-child(9) {
  animation: fadein_sc_right 0.75s ease 3.15s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(10), .opacity_0_list_right_fade_set.active section:nth-child(10), .opacity_0_list_right_fade_set.active div:nth-child(10), .opacity_0_list_right_fade_set.active p:nth-child(10), .opacity_0_list_right_fade_set.active h2:nth-child(10), .opacity_0_list_right_fade_set.active h3:nth-child(10), .opacity_0_list_right_fade_set.active h4:nth-child(10), .opacity_0_list_right_fade_set.active h5:nth-child(10), .opacity_0_list_right_fade_set.active figure:nth-child(10) {
  animation: fadein_sc_right 0.75s ease 3.5s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(11), .opacity_0_list_right_fade_set.active section:nth-child(11), .opacity_0_list_right_fade_set.active div:nth-child(11), .opacity_0_list_right_fade_set.active p:nth-child(11), .opacity_0_list_right_fade_set.active h2:nth-child(11), .opacity_0_list_right_fade_set.active h3:nth-child(11), .opacity_0_list_right_fade_set.active h4:nth-child(11), .opacity_0_list_right_fade_set.active h5:nth-child(11), .opacity_0_list_right_fade_set.active figure:nth-child(11) {
  animation: fadein_sc_right 0.75s ease 3.85s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(12), .opacity_0_list_right_fade_set.active section:nth-child(12), .opacity_0_list_right_fade_set.active div:nth-child(12), .opacity_0_list_right_fade_set.active p:nth-child(12), .opacity_0_list_right_fade_set.active h2:nth-child(12), .opacity_0_list_right_fade_set.active h3:nth-child(12), .opacity_0_list_right_fade_set.active h4:nth-child(12), .opacity_0_list_right_fade_set.active h5:nth-child(12), .opacity_0_list_right_fade_set.active figure:nth-child(12) {
  animation: fadein_sc_right 0.75s ease 4.2s forwards alternate;
}

/* ==========================================================================
Common
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.headerPc {
  padding-top: 8px;
  padding-bottom: 25px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .headerPc {
    padding: 0.41% 0% 1.3% 0%;
  }
}

.headerPcFx {
  width: 94.73vw;
  margin: auto;
}

/* ==========================================================================
LOGO
========================================================================== */
.logoHeaderPc {
  width: 209.8991px;
}
@media screen and (max-width: 1200px) {
  .logoHeaderPc {
    width: 11.53%;
  }
}
@media screen and (max-width: 1200px) {
  .logoHeaderPc {
    width: 12%;
  }
}

/* ==========================================================================
NAV
========================================================================== */
.navHeaderPcWap {
  width: 1030px;
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .navHeaderPcWap {
    width: 56.62%;
  }
}
@media screen and (max-width: 1200px) {
  .navHeaderPcWap {
    margin: 0.27% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .navHeaderPcWap {
    width: 86%;
  }
}

/* ==========================================================================
NAV上部
========================================================================== */
.topNavHeaderPc {
  width: 807px;
  display: flex;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 1200px) {
  .topNavHeaderPc {
    width: 78.34%;
  }
}
@media screen and (max-width: 1200px) {
  .topNavHeaderPc {
    width: auto;
  }
}

.pageNavTopHeaderPc {
  width: 600px;
  align-items: center;
}
@media screen and (max-width: 1200px) {
  .pageNavTopHeaderPc {
    width: 86.95%;
  }
}

.liPageNavTopHeaderPc {
  width: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 18px;
}
@media screen and (max-width: 1200px) {
  .liPageNavTopHeaderPc {
    margin: 0% 3.99% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .liPageNavTopHeaderPc {
    margin: 0% 0% 0% 0%;
  }
}

.btmPageNavTopHeaderPc {
  font-feature-settings: "palt";
  font-size: 14px;
  line-height: 2.1428571429;
  letter-spacing: 0.05em;
  text-indent: -0.05em;
  display: block;
}
@media screen and (max-width: 1200px) {
  .btmPageNavTopHeaderPc {
    font-size: 1.2068965517vw;
  }
}
.btmPageNavTopHeaderPc::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1428571429) * 0.5em);
  content: "";
}
.btmPageNavTopHeaderPc::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1428571429) * 0.5em);
  content: "";
}

.arrowPageNavTopHeaderPc {
  background: url(../img/arrowPageNavTopHeaderPc.svg) no-repeat right center;
  background-size: auto 28%;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 14px;
}
@media screen and (max-width: 1200px) {
  .arrowPageNavTopHeaderPc {
    padding: 0% 3.1% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .arrowPageNavTopHeaderPc {
    padding: 0 26% 0 0;
  }
}

/* ==========================================================================
NAV上部SNS
========================================================================== */
.pageSubNavTopHeaderPc {
  width: 208px;
}
@media screen and (max-width: 1200px) {
  .pageSubNavTopHeaderPc {
    width: 30.27%;
  }
}

.liPageSubNavTopHeaderPc {
  width: 22px;
}
@media screen and (max-width: 1200px) {
  .liPageSubNavTopHeaderPc {
    width: 10.47%;
  }
}

.liPageSubNavTopHeaderPc03 {
  width: 117px;
}
@media screen and (max-width: 1200px) {
  .liPageSubNavTopHeaderPc03 {
    width: 55.71%;
  }
}

.btnPageSubNavTopHeaderPc03 {
  font-size: 11px;
  line-height: 2.7272727273;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
  color: #FFF;
  border-radius: 30px;
  /* CSS3草案 */
  -webkit-border-radius: 30px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 30px;
  /* Firefox用 */
  height: 25px;
}
@media screen and (max-width: 1200px) {
  .btnPageSubNavTopHeaderPc03 {
    font-size: 0.9482758621vw;
  }
}
.btnPageSubNavTopHeaderPc03::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.7272727273) * 0.5em);
  content: "";
}
.btnPageSubNavTopHeaderPc03::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.7272727273) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .btnPageSubNavTopHeaderPc03 {
    height: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .btnPageSubNavTopHeaderPc03 {
    height: 13.3333333333vw;
  }
}

/* ==========================================================================
NAV下部SNS
========================================================================== */
.btmNavHeaderPc {
  margin-top: 21px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .btmNavHeaderPc {
    margin: 2.03% 0% 0% 0%;
  }
}

.ulBtmNavHeaderPc {
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.liBtmNavHeaderPc {
  width: auto;
}

.btnBtmNavHeaderPc {
  font-size: 14px;
  line-height: 2.1428571429;
  letter-spacing: 0.05em;
  text-indent: -0.05em;
  display: block;
}
@media screen and (max-width: 1200px) {
  .btnBtmNavHeaderPc {
    font-size: 1.2068965517vw;
  }
}
.btnBtmNavHeaderPc::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1428571429) * 0.5em);
  content: "";
}
.btnBtmNavHeaderPc::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1428571429) * 0.5em);
  content: "";
}

.liBtmNavHeaderPc03 {
  width: 153px;
}
@media screen and (max-width: 1200px) {
  .liBtmNavHeaderPc03 {
    width: 14.85%;
  }
}

.liBtmNavHeaderPc03 .btnBtmNavHeaderPc {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 27px;
  border-radius: 30px;
  /* CSS3草案 */
  -webkit-border-radius: 30px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 30px;
  /* Firefox用 */
}
@media screen and (max-width: 1200px) {
  .liBtmNavHeaderPc03 .btnBtmNavHeaderPc {
    height: 2.25vw;
  }
}
@media screen and (max-width: 767px) {
  .liBtmNavHeaderPc03 .btnBtmNavHeaderPc {
    height: 13.3333333333vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.headerSP {
  position: relative;
}

.headerSpMain {
  padding: 2.66% 0% 3% 0%;
}

.headerSpMainFx {
  width: 92.4%;
  margin: auto;
}

.logoHeaderSp {
  width: 200px;
  display: block;
}
@media screen and (max-width: 1200px) {
  .logoHeaderSp {
    width: 58.99%;
  }
}

.btnHeaderSpMain {
  width: 22px;
  height: 3.2vw;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .btnHeaderSpMain {
    width: 6.48%;
  }
}

.btnHeaderSpMain.on {
  width: 6.42%;
}

.brdBtnHeaderSpMain {
  width: 100%;
  height: 2px;
  background: #FFF;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
}

.btnHeaderSpMain.off .brdBtnHeaderSpMain01 {
  top: 0;
}
.btnHeaderSpMain.off .brdBtnHeaderSpMain02 {
  top: 6px;
}
.btnHeaderSpMain.off .brdBtnHeaderSpMain03 {
  top: 13px;
}

.btnHeaderSpMain.on .brdBtnHeaderSpMain01 {
  top: 50%;
  transform: rotate(45deg);
}
.btnHeaderSpMain.on .brdBtnHeaderSpMain02 {
  display: none;
}
.btnHeaderSpMain.on .brdBtnHeaderSpMain03 {
  top: 50%;
  transform: rotate(-45deg);
}

/* ==========================================================================
ナビ
========================================================================== */
.navHeaderSP {
  background: rgba(0, 105, 185, 0.7);
  padding-top: 0px;
  padding-bottom: 16px;
  padding-left: 0px;
  padding-right: 0px;
  display: none;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  position: absolute;
  z-index: 9999;
  left: 0;
  width: 100%;
  height: calc(100vh - 18.5946666667vw);
}
@media screen and (max-width: 1200px) {
  .navHeaderSP {
    padding: 0% 0% 4.26% 0%;
  }
}
.navHeaderSP::-webkit-scrollbar {
  display: none;
}

.liPageNavTopHeaderSp {
  border-bottom: 1px solid #FFF;
  padding: 4.5% 4.5% 4.5% 5.5%;
  font-feature-settings: "palt";
  line-height: 0.9333333333;
  letter-spacing: 0.05em;
  text-indent: -0.05em;
}
@media screen and (max-width: 767px) {
  .liPageNavTopHeaderSp {
    font-size: 4vw;
  }
}
.liPageNavTopHeaderSp::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 0.9333333333) * 0.5em);
  content: "";
}
.liPageNavTopHeaderSp::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 0.9333333333) * 0.5em);
  content: "";
}

.arrowPageNavTopHeaderSp {
  background: url(../img/arrowPageNavTopHeaderSp.svg) no-repeat right center;
  background-size: auto 40%;
  width: 100%;
  display: block;
}

/* ==========================================================================
ナビボタン
========================================================================== */
.navOutLinks {
  margin-top: 5.5%;
  margin-bottom: 0%;
  margin-left: auto;
  margin-right: auto;
  width: 335px;
  flex-flow: row wrap;
}
@media screen and (max-width: 1200px) {
  .navOutLinks {
    width: 89.33%;
  }
}

.liOutLinksSp {
  width: 100%;
}
.liOutLinksSp:nth-child(n+2) {
  margin: 5.3% 0% 0% 0%;
}

.btnNavOutLinksSp {
  height: 13.3333333333vw;
  line-height: 2.1428571429;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
}
@media screen and (max-width: 767px) {
  .btnNavOutLinksSp {
    font-size: 3.7333333333vw;
  }
}
.btnNavOutLinksSp::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1428571429) * 0.5em);
  content: "";
}
.btnNavOutLinksSp::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1428571429) * 0.5em);
  content: "";
}

/* ==========================================================================
SNSボタン
========================================================================== */
.snsOutLinks {
  margin-top: 65px;
  margin-bottom: 0px;
  margin-left: 20px;
  margin-right: auto;
  width: 89px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1200px) and (max-width: 1200px) {
  .snsOutLinks {
    margin-top: 17.33%;
    margin-bottom: 0%;
    margin-left: 5.33%;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .snsOutLinks {
    width: 23.73%;
  }
}

.lisnsOutLinks {
  width: 30px;
}
@media screen and (max-width: 1200px) {
  .lisnsOutLinks {
    width: 33.7%;
  }
}

.snsOutLinksbtm {
  display: block;
}

.snsOutLinksbtm img {
  width: 100%;
  margin: auto;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexHeader {
  position: fixed;
  width: 100%;
  z-index: 10;
}

.indexHeaderPc {
  align-items: flex-start;
  margin: auto;
}
@media screen and (max-width: 1650px) {
  .indexHeaderPc {
    align-items: center;
  }
}

.logoHeaderIndex {
  width: 354px;
  margin: 33px 0 28px 23px;
}
@media screen and (max-width: 1650px) {
  .logoHeaderIndex {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 1650px) and (max-width: 1200px) {
  .logoHeaderIndex {
    margin: 0.52% 0% 0.52% 1.04%;
  }
}

/* ==========================================================================
メニュー
========================================================================== */
.indexHeaderPcNavWap {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: 18px;
  width: 1291px;
  display: flex;
}
@media screen and (max-width: 1200px) {
  .indexHeaderPcNavWap {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 0.96%;
  }
}
@media screen and (max-width: 1800px) {
  .indexHeaderPcNavWap {
    width: 288px;
    justify-content: flex-end;
    width: 288px;
  }
}

.navIndexHeaderPcNav2Block {
  justify-content: flex-end;
  width: 895px;
}
@media screen and (max-width: 1800px) {
  .navIndexHeaderPcNav2Block {
    display: none;
  }
}

.ulBtnNavIndexHeaderPcTop {
  width: 607px;
  justify-content: space-between;
  margin: 23px 0 0 auto;
}

.ulBtnNavIndexHeaderPcTop .liBtnNavIndexHeaderPcTop {
  width: 195px;
}

.btnNavIndexHeaderPcTop {
  text-decoration: none;
  color: #00DFFF;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
  background: #FFF;
  border: 1px solid #00DFFF;
  height: 40px;
}
@media screen and (max-width: 1200px) {
  .btnNavIndexHeaderPcTop {
    font-size: 1.724137931vw;
  }
}
.btnNavIndexHeaderPcTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.btnNavIndexHeaderPcTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}

.ulBtnNavIndexHeaderPcBtm {
  margin: 11px 0 0 0;
  width: 100%;
}

.ulBtnNavIndexHeaderPcBtm .liBtnNavIndexHeaderPcTop {
  width: auto;
  margin: 0 22px 0 0;
}
.ulBtnNavIndexHeaderPcBtm .liBtnNavIndexHeaderPcTop:last-child {
  margin: 0;
}

.ulBtnNavIndexHeaderPcBtm liBtnNavIndexHeaderPcTop05 {
  margin: 0 0px 0 0;
}

.btnNavIndexHeaderPcBtm {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
  font-feature-settings: "palt";
}
@media screen and (max-width: 1200px) {
  .btnNavIndexHeaderPcBtm {
    font-size: 1.724137931vw;
  }
}
.btnNavIndexHeaderPcBtm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.btnNavIndexHeaderPcBtm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}

/* ==========================================================================
SNS
========================================================================== */
.navIndexHeaderPcSns {
  width: 134px;
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 22px;
  margin-right: 20px;
}
@media screen and (max-width: 1200px) {
  .navIndexHeaderPcSns {
    margin: 2.58% 1.72% 0% 1.89%;
  }
}
@media screen and (max-width: 1800px) {
  .navIndexHeaderPcSns {
    display: none;
  }
}

.liUlNavIndexHeaderPcSns {
  width: 30px;
}

.btnUlNavIndexHeaderPcSns {
  display: block;
}
.btnUlNavIndexHeaderPcSns img {
  width: 100%;
}

/* ==========================================================================
体験レッスン予約
========================================================================== */
.navIndexHeaderPcTrial {
  width: 210px;
  margin: 36px 0 0 0;
}
@media screen and (max-width: 1650px) {
  .navIndexHeaderPcTrial {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 1650px) and (max-width: 1200px) {
  .navIndexHeaderPcTrial {
    margin: 0.52% 0% 0.52% 0%;
  }
}

.btnUlNavIndexHeaderPcTrial {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
  height: 37px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
@media screen and (max-width: 1200px) {
  .btnUlNavIndexHeaderPcTrial {
    font-size: 1.724137931vw;
  }
}
.btnUlNavIndexHeaderPcTrial::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.btnUlNavIndexHeaderPcTrial::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}

/* ==========================================================================
ハンバーガー
========================================================================== */
.btnIndexHeaderPc {
  margin: 34px 23px 0 0;
  width: 60px;
  cursor: pointer;
}
@media screen and (max-width: 1650px) {
  .btnIndexHeaderPc {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 23px;
  }
}
@media screen and (max-width: 1650px) and (max-width: 1200px) {
  .btnIndexHeaderPc {
    margin: 0.52% 1.19% 0.52% 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexHeaderSp {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .indexHeaderSp {
    padding: 2.66% 0% 2.66% 0%;
  }
}

.logoHeaderIndexSp {
  width: 224px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 12px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .logoHeaderIndexSp {
    width: 59.73%;
  }
}
@media screen and (max-width: 1200px) {
  .logoHeaderIndexSp {
    margin: 0% 0% 0% 3.43%;
  }
}

.btnIndexHeaderSp {
  width: 40px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 14px;
}
@media screen and (max-width: 1200px) {
  .btnIndexHeaderSp {
    width: 10.66%;
  }
}
@media screen and (max-width: 1200px) {
  .btnIndexHeaderSp {
    margin: 0% 4.01% 0% 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgMainGnav {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  display: none;
  z-index: 11;
}

.mainGnavSWap {
  margin: 0 0 0 auto;
  width: 585px;
  padding: 0 0 73px 0;
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  display: none;
  z-index: 9999;
}
@media screen and (max-width: 767px) {
  .mainGnavSWap {
    padding: 0 0 23px 0;
    width: 100%;
  }
}

.mainGnavWap {
  margin: 0 0 0 auto;
  width: 585px;
  padding: 0 0 73px 0;
  position: fixed;
  top: 0;
  right: 0;
  height: 100svh;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  z-index: 99999;
}
.mainGnavWap::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 767px) {
  .mainGnavWap {
    padding: 0 0 23px 0;
    width: 100%;
  }
}

.btnClosedGnav {
  width: 22.63px;
  margin: 22px 22px 0 auto;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .btnClosedGnav {
    width: 15.56px;
    margin: 22px 25px 0 auto;
  }
}

.mainNavGnavi {
  margin: 36px auto 0 auto;
}
@media screen and (max-width: 767px) {
  .mainNavGnavi {
    margin: 2px auto 0 auto;
  }
}

.liMainNavGnavi {
  border-bottom: 1px solid #FFF;
  padding: 14.1px 30px;
  min-height: 59px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .liMainNavGnavi {
    padding: 10px 22px;
    min-height: 43px;
  }
}

.btnMainNavGnavi {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
  text-decoration: none;
  color: #FFF;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .btnMainNavGnavi {
    font-size: 1.724137931vw;
  }
}
.btnMainNavGnavi::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.btnMainNavGnavi::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnMainNavGnavi {
    line-height: 1.4666666667;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnMainNavGnavi {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .btnMainNavGnavi::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4666666667) * 0.5em);
    content: "";
  }
  .btnMainNavGnavi::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4666666667) * 0.5em);
    content: "";
  }
}

.btnMainNavGnavi.bord_b_1_FFF {
  border: none;
}

.bgIconGnavNav {
  width: 100%;
  display: block;
  background: url(../img/bgIconGnavNav.svg) no-repeat center right;
  background-size: auto 12px;
}
@media screen and (max-width: 767px) {
  .bgIconGnavNav {
    background-size: auto 32%;
  }
}

.subNavGnavi {
  margin: 20px auto 0 auto;
  width: 525px;
}
@media screen and (max-width: 767px) {
  .subNavGnavi {
    width: 334px;
  }
}

.liSubNavGnavi:nth-child(2) {
  margin: 15px auto 0 auto;
}
@media screen and (max-width: 767px) {
  .liSubNavGnavi:nth-child(2) {
    margin: 10px auto 0 auto;
  }
}

.btnSubNavGnavi {
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
  height: 54px;
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
  font-weight: 700;
}
@media screen and (max-width: 1200px) {
  .btnSubNavGnavi {
    font-size: 1.724137931vw;
  }
}
.btnSubNavGnavi::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.btnSubNavGnavi::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnSubNavGnavi {
    height: 39px;
    line-height: 1.1333333333;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnSubNavGnavi {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .btnSubNavGnavi::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.1333333333) * 0.5em);
    content: "";
  }
  .btnSubNavGnavi::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.1333333333) * 0.5em);
    content: "";
  }
}

.navSnsGnavMenu {
  margin: 30px auto 0 auto;
  width: 254px;
}
@media screen and (max-width: 767px) {
  .navSnsGnavMenu {
    margin: 15px auto 0 auto;
    width: 190px;
  }
}

.liUlNavSnsGnavMenu {
  margin: 0 auto 0 auto;
  width: 45px;
}
@media screen and (max-width: 767px) {
  .liUlNavSnsGnavMenu {
    margin: 0 auto 0 auto;
    width: 30px;
  }
}

.btnUlNavSnsGnavMenu img {
  width: 100%;
}

/* ==========================================================================
ページャー部分
========================================================================== */
#fp-nav.right {
  right: 23px;
  top: 59.5%;
}
@media screen and (max-width: 767px) {
  #fp-nav.right {
    top: 51%;
    right: 10px;
  }
}

#fp-nav ul li,
#fp-nav ul li:hover,
.fp-slidesNav ul li {
  height: 10px;
  width: 10px;
  margin: 0 0 15px 0 !important;
}

#fp-nav ul li a span {
  height: 10px;
  width: 10px;
  background: #FFF;
  border: 1px solid #00DFFF;
  margin: 0px;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
#fp-nav ul li a.active span {
  height: 100%;
  width: 100%;
  background: #00DFFF;
  margin: 0px;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span,
#fp-nav ul li:hover a.active span {
  height: 100%;
  width: 100%;
  background: #00DFFF;
  margin: 0px;
  opacity: 1;
}

/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.footer {
  margin-top: 120px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .footer {
    margin-top: 6.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .footer {
    margin-top: 60px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .footer {
    margin-top: 16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.footerMNone {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .footerMNone {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.defFooter {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.defFooterWap {
  padding-top: 27px;
  padding-bottom: 13px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .defFooterWap {
    padding: 1.4% 0% 0.67% 0%;
  }
}
@media screen and (max-width: 767px) {
  .defFooterWap {
    padding: 9.5% 0% 3.66% 0%;
  }
}

/* ==========================================================================
Flex設定
========================================================================== */
.defFooterFx {
  margin: auto;
  width: 1000px;
}
@media screen and (max-width: 1200px) {
  .defFooterFx {
    width: 83.33%;
  }
}
@media screen and (max-width: 1200px) {
  .defFooterFx {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .defFooterFx {
    width: 320px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .defFooterFx {
    width: 85.33%;
  }
}

/* ==========================================================================
カンパニー用
========================================================================== */
.secdefFooter {
  width: 474px;
}
@media screen and (max-width: 1200px) {
  .secdefFooter {
    width: 47.4%;
  }
}
@media screen and (max-width: 767px) {
  .secdefFooter {
    width: 375px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secdefFooter {
    width: 100%;
  }
}

/*記号名*/
.h1defFooter {
  font-size: 30px;
  line-height: 0.5;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1200px) {
  .h1defFooter {
    font-size: 2.5862068966vw;
  }
}
.h1defFooter::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 0.5) * 0.5em);
  content: "";
}
.h1defFooter::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 0.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h1defFooter {
    width: 100%;
    font-size: 6.9333333333vw;
    line-height: 1.4615384615;
    letter-spacing: 0em;
    text-indent: 0em;
  }
  .h1defFooter::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4615384615) * 0.5em);
    content: "";
  }
  .h1defFooter::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4615384615) * 0.5em);
    content: "";
  }
}

.namedefFooter {
  font-size: 26px;
  line-height: 0.5769230769;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1200px) {
  .namedefFooter {
    font-size: 2.2413793103vw;
  }
}
.namedefFooter::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 0.5769230769) * 0.5em);
  content: "";
}
.namedefFooter::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 0.5769230769) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .namedefFooter {
    width: 100%;
    font-size: 6.9333333333vw;
    line-height: 1.4615384615;
    letter-spacing: 0em;
    text-indent: 0em;
  }
  .namedefFooter::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4615384615) * 0.5em);
    content: "";
  }
  .namedefFooter::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4615384615) * 0.5em);
    content: "";
  }
}

.endefFooter {
  margin-top: 9px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 26px;
  line-height: 0.5769230769;
  letter-spacing: 0.05em;
  text-indent: -0.05em;
}
@media screen and (max-width: 1200px) {
  .endefFooter {
    margin: 1.89% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .endefFooter {
    font-size: 2.2413793103vw;
  }
}
.endefFooter::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 0.5769230769) * 0.5em);
  content: "";
}
.endefFooter::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 0.5769230769) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .endefFooter {
    font-size: 6.9333333333vw;
    line-height: 1.4615384615;
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .endefFooter::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4615384615) * 0.5em);
    content: "";
  }
  .endefFooter::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4615384615) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .endefFooter {
    margin: 2.5% 0% 0% 0%;
  }
}

.jpdefFooter {
  margin-top: 6px;
  margin-bottom: 0px;
  margin-left: 11px;
  margin-right: 0px;
  font-size: 26px;
  line-height: 0.5769230769;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1200px) {
  .jpdefFooter {
    margin: 1.26% 0% 0% 2.32%;
  }
}
@media screen and (max-width: 1200px) {
  .jpdefFooter {
    font-size: 2.2413793103vw;
  }
}
.jpdefFooter::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 0.5769230769) * 0.5em);
  content: "";
}
.jpdefFooter::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 0.5769230769) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .jpdefFooter {
    font-size: 6.9333333333vw;
    line-height: 1.4615384615;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 2% 0% 0% 3%;
  }
  .jpdefFooter::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4615384615) * 0.5em);
    content: "";
  }
  .jpdefFooter::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4615384615) * 0.5em);
    content: "";
  }
}

/*テキスト*/
.txtdefFooter {
  margin-top: 33px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 20px;
  line-height: 1.75;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1200px) {
  .txtdefFooter {
    margin: 6.96% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .txtdefFooter {
    font-size: 1.724137931vw;
  }
}
.txtdefFooter::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.75) * 0.5em);
  content: "";
}
.txtdefFooter::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.75) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtdefFooter {
    font-size: 4vw;
    line-height: 1.6666666667;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 6.5% 0% 0% 0%;
  }
  .txtdefFooter::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
  .txtdefFooter::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
}

.txtdefTelFooter {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 24px;
  line-height: 1.4583333333;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1200px) {
  .txtdefTelFooter {
    margin: 3.37% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .txtdefTelFooter {
    font-size: 2.0689655172vw;
  }
}
.txtdefTelFooter::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4583333333) * 0.5em);
  content: "";
}
.txtdefTelFooter::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4583333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtdefTelFooter {
    font-size: 5.3333333333vw;
    line-height: 1.25;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
    margin: 4.9% 0% 0% 0%;
  }
  .txtdefTelFooter::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.25) * 0.5em);
    content: "";
  }
  .txtdefTelFooter::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.25) * 0.5em);
    content: "";
  }
}

.teldefIndexFooter {
  pointer-events: none;
  color: #FFF;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .teldefIndexFooter {
    pointer-events: auto;
  }
}

/*SNS*/
.snsdefFooterFx {
  margin-top: 28px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 138px;
}
@media screen and (max-width: 1200px) {
  .snsdefFooterFx {
    margin: 5.9% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .snsdefFooterFx {
    width: 29.11%;
  }
}
@media screen and (max-width: 767px) {
  .snsdefFooterFx {
    margin: 6% 0% 0% 0%;
    width: 130px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .snsdefFooterFx {
    width: 40.62%;
  }
}

.lisnsdefFooter {
  width: 30px;
}
@media screen and (max-width: 1200px) {
  .lisnsdefFooter {
    width: 21.73%;
  }
}
@media screen and (max-width: 767px) {
  .lisnsdefFooter {
    width: 30px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .lisnsdefFooter {
    width: 23.07%;
  }
}
.lisnsdefFooter img {
  width: 100%;
}

/* ==========================================================================
ナビ用
========================================================================== */
.navdefFooter {
  width: 526px;
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .navdefFooter {
    width: 52.6%;
  }
}
@media screen and (max-width: 1200px) {
  .navdefFooter {
    margin: 0.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .navdefFooter {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .navdefFooter {
    margin: 6.25% 0% 0% 0%;
  }
}

/*トップナビ*/
.defFooterTopNav {
  width: 451px;
}
@media screen and (max-width: 1200px) {
  .defFooterTopNav {
    width: 85.74%;
  }
}
@media screen and (max-width: 767px) {
  .defFooterTopNav {
    width: 100%;
  }
}

.lidefFooterTopNav {
  width: 203px;
}
@media screen and (max-width: 1200px) {
  .lidefFooterTopNav {
    width: 45.01%;
  }
}
@media screen and (max-width: 767px) {
  .lidefFooterTopNav {
    width: 150px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .lidefFooterTopNav {
    width: 46.87%;
  }
}

/*下部ナビ*/
.defFooterMainNav {
  margin-top: 34px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .defFooterMainNav {
    margin: 6.46% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .defFooterMainNav {
    width: 100%;
    justify-content: space-between;
    margin: 10.37% 0% 0% 0%;
  }
}

.defliFooterMainNav {
  width: 50%;
  font-size: 20px;
  line-height: 1.45;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1200px) {
  .defliFooterMainNav {
    font-size: 1.724137931vw;
  }
}
.defliFooterMainNav::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.45) * 0.5em);
  content: "";
}
.defliFooterMainNav::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.45) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .defliFooterMainNav {
    width: 150px;
    line-height: 1.4285714286;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .defliFooterMainNav {
    width: 46.87%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .defliFooterMainNav {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .defliFooterMainNav::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4285714286) * 0.5em);
    content: "";
  }
  .defliFooterMainNav::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4285714286) * 0.5em);
    content: "";
  }
}
.defliFooterMainNav:nth-child(n+3) {
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .defliFooterMainNav:nth-child(n+3) {
    margin: 4.18% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .defliFooterMainNav:nth-child(n+3) {
    margin: 5.3% 0% 0% 0%;
  }
}

/* ==========================================================================
コピー
========================================================================== */
.copydefFooter {
  font-size: 12px;
  line-height: 1.4166666667;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .copydefFooter {
    font-size: 1.0344827586vw;
  }
}
.copydefFooter::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4166666667) * 0.5em);
  content: "";
}
.copydefFooter::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4166666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .copydefFooter {
    margin: 2.6% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .copydefFooter {
    margin: 10.6% 0% 0% 0%;
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .copydefFooter {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .copydefFooter::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .copydefFooter::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.section {
  min-height: 100%;
}

.slideNone {
  min-height: 100%;
  height: 100%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .slideNone {
    height: auto;
  }
}

.indexFvFx {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url(../img/index/bgIndexFvFxPc.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
}
@media screen and (max-width: 767px) {
  .indexFvFx {
    background: url(../img/index/bgIndexFvFxSP.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: unset;
  }
}

.index1st_ab {
  position: relative;
  display: inline-block;
  margin: auto;
  width: 100%;
  z-index: 0;
}
.index1st_ab img {
  margin: auto;
  max-width: 1600px;
  padding: 0 20px;
}
@media screen and (min-width: 1301px) {
  .index1st_ab {
    position: relative;
    display: inline-block;
    margin: 0% auto 1vw;
    /*padding: 2.5vw;*/
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .index1st_ab {
    display: none;
  }
}

.index1st_abSp {
  display: none;
}
@media screen and (max-width: 767px) {
  .index1st_abSp {
    display: block;
    position: relative;
    margin: 3% auto 8%;
  }
}
.index1st_abSp img {
  margin: auto;
  width: 100%;
}

.indexFvLxn01 {
  width: 50%;
  /*height: 100%;*/
  height: auto;
  overflow: auto;
  padding: 0vw 0vw 4.1666666667vw 0vw;
}
@media screen and (min-width: 1301px) {
  .indexFvLxn01 {
    padding: 0vw 0vw 2.5vw 0vw;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .indexFvLxn01 {
    width: 100%;
    height: 50%;
    padding: 0vw 0vw 5.8666666667vw 0vw;
  }
}
.indexFvLxn01::-webkit-scrollbar {
  display: none;
}

.indexFvLxn02 {
  width: 50%;
  /*height: 100%;*/
  height: auto;
  padding: 0vw 0vw 4.1666666667vw 0vw;
}
@media screen and (min-width: 1301px) {
  .indexFvLxn02 {
    padding: 0vw 0vw 2.5vw 0vw;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .indexFvLxn02 {
    width: 100%;
    height: 50%;
    padding: 0vw 0vw 5.8666666667vw 0vw;
  }
}
.indexFvLxn02::-webkit-scrollbar {
  display: none;
}

/* ==========================================================================
LAYOUT
========================================================================== */
.indexFvCnt {
  padding: 7.6vw 0vw 0vw 0vw;
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 1301px) {
  .indexFvCnt {
    padding: 5.6vw 0vw 0vw 0vw;
  }
}
@media screen and (max-width: 767px) {
  .indexFvCnt {
    width: 100%;
    padding: 0vw 0vw 0vw 0vw;
  }
}

/* ==========================================================================
一般
========================================================================== */
.indexFvIppanCnt {
  z-index: 1;
  position: relative;
}

.titleIndexFvIppanCnt {
  width: 37.46875vw;
  margin: auto;
}
@media screen and (min-width: 1301px) {
  .titleIndexFvIppanCnt {
    width: 29.46875vw;
  }
}
@media screen and (max-width: 767px) {
  .titleIndexFvIppanCnt {
    padding: 19.5vw 0vw 0vw 0vw;
    width: 96vw;
  }
  .titleIndexFvIppanCnt img {
    max-width: 100%;
  }
}
.titleIndexFvIppanCnt img {
  width: 100%;
}

.btnIndexFvIppanMovie {
  width: 21.3541666667vw;
  margin-top: 2.5vw;
  margin-bottom: 0vw;
  margin-left: auto;
  margin-right: auto;
}
.btnIndexFvIppanMovie img {
  max-width: 100%;
}
@media screen and (min-width: 1301px) {
  .btnIndexFvIppanMovie {
    margin-top: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .btnIndexFvIppanMovie {
    margin-top: 0vw;
    margin-bottom: 0vw;
    margin-left: auto;
    margin-right: auto;
    width: 53.3333333333vw;
  }
  .btnIndexFvIppanMovie img {
    max-width: 100%;
  }
}

.btnIndexFvIppanMovieLink {
  width: 21.3541666667vw;
  margin-top: 2.6041666667vw;
  margin-bottom: 0vw;
  margin-left: auto;
  margin-right: auto;
}
.btnIndexFvIppanMovieLink img {
  max-width: 100%;
}
@media screen and (min-width: 1301px) {
  .btnIndexFvIppanMovieLink {
    margin-top: 0.604167vw;
  }
}
@media screen and (max-width: 767px) {
  .btnIndexFvIppanMovieLink {
    margin-top: 2.1333333333vw;
    margin-bottom: 0vw;
    margin-left: auto;
    margin-right: auto;
    width: 53.3333333333vw;
  }
  .btnIndexFvIppanMovieLink img {
    max-width: 100%;
  }
}

/* ==========================================================================
ジュニア
========================================================================== */
.indexFvLxn02 .indexFvCnt {
  padding: 7.8vw 0vw 0vw 0vw;
}
@media screen and (max-width: 767px) {
  .indexFvLxn02 .indexFvCnt {
    padding: 5.8vw 0vw 0vw 0vw;
  }
}
@media screen and (min-width: 1301px) {
  .indexFvLxn02 .indexFvCnt {
    padding: 5.8vw 0vw 0vw 0vw;
  }
}

.indexFvJuniorCnt {
  z-index: 1;
  position: relative;
}

.titleIndexFvJuniorCnt {
  width: 36.8vw;
  margin: auto;
}
@media screen and (min-width: 1301px) {
  .titleIndexFvJuniorCnt {
    width: 28.8vw;
  }
}
@media screen and (max-width: 767px) {
  .titleIndexFvJuniorCnt {
    padding: 0vw 0vw 0vw 0vw;
    width: 96vw;
  }
  .titleIndexFvJuniorCnt img {
    max-width: 100%;
  }
}
.titleIndexFvJuniorCnt img {
  width: 100%;
}

.btnIndexFvJuniorMovie {
  width: 21.3541666667vw;
  margin-top: 2.5vw;
  margin-bottom: 0vw;
  margin-left: auto;
  margin-right: auto;
}
.btnIndexFvJuniorMovie img {
  max-width: 100%;
}
@media screen and (min-width: 1301px) {
  .btnIndexFvJuniorMovie {
    margin-top: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .btnIndexFvJuniorMovie {
    margin-top: 0.5vw;
    margin-bottom: 0vw;
    margin-left: auto;
    margin-right: auto;
    width: 53.3333333333vw;
  }
  .btnIndexFvJuniorMovie img {
    max-width: 100%;
  }
}

.btnIndexFvJuniorMovieLink {
  width: 21.3541666667vw;
  margin-top: 2.6041666667vw;
  margin-bottom: 0vw;
  margin-left: auto;
  margin-right: auto;
}
.btnIndexFvJuniorMovieLink img {
  max-width: 100%;
}
@media screen and (min-width: 1301px) {
  .btnIndexFvJuniorMovieLink {
    margin-top: 0.604167vw;
  }
}
@media screen and (max-width: 767px) {
  .btnIndexFvJuniorMovieLink {
    margin-top: 2.1333333333vw;
    margin-bottom: 0vw;
    margin-left: auto;
    margin-right: auto;
    width: 53.3333333333vw;
  }
  .btnIndexFvJuniorMovieLink img {
    max-width: 100%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexAppealFx {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

/* ==========================================================================
ジュニア
========================================================================== */
.indexAppealLxn01 {
  width: 50%;
  height: 100%;
  overflow: auto;
  padding: 0vw 0vw 6.35vw 0vw;
}
@media screen and (max-width: 767px) {
  .indexAppealLxn01 {
    width: 100%;
    height: 50%;
    padding: 0vw 0vw 7.8vw 0vw;
  }
}
.indexAppealLxn01::-webkit-scrollbar {
  display: none;
}

.bgIndexAppealLxn01 {
  background: url(../img/index/bgIndexAppeal01FxPc.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
}
@media screen and (max-width: 767px) {
  .bgIndexAppealLxn01 {
    background: url(../img/index/bgIndexAppeal01FxSp.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: unset;
  }
}

.IndexAppeal01Cnt {
  padding: 7.6vw 0vw 0vw 0vw;
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .IndexAppeal01Cnt {
    width: 100%;
    padding: 16vw 0vw 0vw 0vw;
  }
}

.h2IndexAppealIppanCnt {
  width: 39.9vw;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .h2IndexAppealIppanCnt {
    width: 94.6666666667vw;
  }
  .h2IndexAppealIppanCnt img {
    max-width: 100%;
  }
}
.h2IndexAppealIppanCnt img {
  width: 100%;
}

.navIndexAppealIppanCnt {
  width: 44.2708333333vw;
  margin-top: 2.5vw;
  margin-bottom: 0vw;
  margin-left: auto;
  margin-right: auto;
}
.navIndexAppealIppanCnt img {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .navIndexAppealIppanCnt {
    width: 100vw;
    margin: auto;
    padding-top: 1.3333333333vw;
    padding-bottom: 1.3333333333vw;
    padding-left: auto;
    padding-right: auto;
    background: #FFFF00;
    position: absolute;
    top: 43.5%;
    left: 0;
    right: 0;
  }
  .navIndexAppealIppanCnt img {
    max-width: 100%;
  }
}

.ulIndexAppealIppanCnt {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .ulIndexAppealIppanCnt {
    width: 90.6666666667vw;
    margin: 0 auto;
  }
  .ulIndexAppealIppanCnt img {
    max-width: 100%;
  }
}

.liIndexAppealIppanCnt {
  width: 10.46875vw;
}
.liIndexAppealIppanCnt img {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .liIndexAppealIppanCnt {
    width: 22.1333333333vw;
  }
  .liIndexAppealIppanCnt img {
    max-width: 100%;
  }
}
.liIndexAppealIppanCnt:nth-child(n+5) {
  margin: 0.78125vw 0vw 0vw 0vw;
}
@media screen and (max-width: 767px) {
  .liIndexAppealIppanCnt:nth-child(n+5) {
    margin: 1.3333333333vw 0vw 0vw 0vw;
  }
}

/* ==========================================================================
一般
========================================================================== */
.indexAppealLxn02 {
  width: 50%;
  height: 100%;
  overflow: auto;
  padding: 0vw 0vw 6.25vw 0vw;
}
@media screen and (max-width: 767px) {
  .indexAppealLxn02 {
    width: 100%;
    height: 50%;
    padding: 0vw 0vw 5.8666666667vw 0vw;
  }
}
.indexAppealLxn02::-webkit-scrollbar {
  display: none;
}

.bgIndexAppealLxn02 {
  background: url(../img/index/bgIndexAppeal02FxPc.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
}
@media screen and (max-width: 767px) {
  .bgIndexAppealLxn02 {
    background: url(../img/index/bgIndexAppeal02FxSp.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: unset;
  }
}

.IndexAppeal02Cnt {
  padding: 7.7vw 0vw 0vw 0vw;
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .IndexAppeal02Cnt {
    width: 100%;
    padding: 16.5vw 0vw 0vw 0vw;
  }
}

.h2IndexAppealJuniorCnt {
  width: 39.9vw;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .h2IndexAppealJuniorCnt {
    margin: 0vw auto 0 auto;
    width: 94.6666666667vw;
  }
  .h2IndexAppealJuniorCnt img {
    max-width: 100%;
  }
}
.h2IndexAppealJuniorCnt img {
  width: 100%;
}

.navIndexAppealJuniorCnt {
  width: 44.2708333333vw;
  margin-top: 2.5vw;
  margin-bottom: 0vw;
  margin-left: auto;
  margin-right: auto;
}
.navIndexAppealJuniorCnt img {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .navIndexAppealJuniorCnt {
    display: none;
  }
}

.ulIndexAppealJuniorCnt {
  width: 100%;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexClassFx {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.h1IndexClassFx {
  position: absolute;
  top: 7.4vw;
  left: 0;
  right: 0;
  margin: auto;
  width: 36.5625vw;
}
.h1IndexClassFx img {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .h1IndexClassFx {
    display: none;
  }
}

/* ==========================================================================
一般
========================================================================== */
.indexClassLxn01 {
  width: 50%;
  height: 100%;
  overflow: auto;
  padding: 0vw 0vw 6.8vw 0vw;
}
@media screen and (max-width: 767px) {
  .indexClassLxn01 {
    width: 100%;
    height: 54%;
    padding: 0vw 0vw 1.6vw 0vw;
  }
}
.indexClassLxn01::-webkit-scrollbar {
  display: none;
}

.bgIndexClassLxn01 {
  background: url(../img/index/bgIndexClass01FxPc.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
}
@media screen and (max-width: 767px) {
  .bgIndexClassLxn01 {
    background: url(../img/index/bgIndexClass01FxSp.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: unset;
  }
}

.IndexClass01Cnt {
  padding: 11.7vw 0vw 0vw 0vw;
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .IndexClass01Cnt {
    width: 100%;
    padding: 15.7333333333vw 0vw 0vw 0vw;
  }
}

.h2IndexClassIppanCnt {
  width: 42.9vw;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .h2IndexClassIppanCnt {
    width: 94.1333333333vw;
  }
  .h2IndexClassIppanCnt img {
    max-width: 100%;
  }
}
.h2IndexClassIppanCnt img {
  width: 100%;
}

.btnClassIppanLink {
  width: 23.9583333333vw;
  margin-top: 1.2vw;
  margin-bottom: 0vw;
  margin-left: auto;
  margin-right: auto;
}
.btnClassIppanLink img {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .btnClassIppanLink {
    width: 53.3333333333vw;
    margin-top: 1.0666666667vw;
    margin-bottom: 0vw;
    margin-left: auto;
    margin-right: auto;
  }
  .btnClassIppanLink img {
    max-width: 100%;
  }
}

/* ==========================================================================
一般
========================================================================== */
.indexClassLxn02 {
  width: 50%;
  height: 100%;
  overflow: auto;
  padding: 0vw 0vw 6.95vw 0vw;
}
@media screen and (max-width: 767px) {
  .indexClassLxn02 {
    width: 100%;
    height: 46%;
    padding: 0vw 0vw 5.0666666667vw 0vw;
  }
}
.indexClassLxn02::-webkit-scrollbar {
  display: none;
}

.bgIndexClassLxn02 {
  background: url(../img/index/bgIndexClass02FxPc.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
}
@media screen and (max-width: 767px) {
  .bgIndexClassLxn02 {
    background: url(../img/index/bgIndexClass02FxSp.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: unset;
  }
}

.IndexClass02Cnt {
  padding: 12vw 0vw 0vw 0vw;
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .IndexClass02Cnt {
    width: 100%;
    padding: 2.6666666667vw 0vw 0vw 0vw;
  }
}

.h2IndexClassJuniorCnt {
  width: 42.8vw;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .h2IndexClassJuniorCnt {
    width: 94.1333333333vw;
  }
  .h2IndexClassJuniorCnt img {
    max-width: 100%;
  }
}
.h2IndexClassJuniorCnt img {
  width: 100%;
}

.btnClassJuniorLink {
  width: 23.9583333333vw;
  margin-top: 0.85vw;
  margin-bottom: 0vw;
  margin-left: auto;
  margin-right: auto;
}
.btnClassJuniorLink img {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .btnClassJuniorLink {
    width: 53.3333333333vw;
    margin-top: 1.1vw;
    margin-bottom: 0vw;
    margin-left: auto;
    margin-right: auto;
  }
  .btnClassJuniorLink img {
    max-width: 100%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexMeritFx {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.h1IndexMeritFx {
  position: absolute;
  top: 7.5vw;
  left: 0;
  right: 0;
  margin: auto;
  width: 50.6vw;
}
@media screen and (max-width: 767px) {
  .h1IndexMeritFx {
    display: none;
  }
}
.h1IndexMeritFx img {
  width: 100%;
}

/* ==========================================================================
一般
========================================================================== */
.indexMeritLxn01 {
  width: 50%;
  height: 100%;
  overflow: auto;
  padding: 0vw 0vw 6.3vw 0vw;
}
@media screen and (max-width: 767px) {
  .indexMeritLxn01 {
    width: 100%;
    height: 50%;
    padding: 0vw 0vw 6.866667vw 0vw;
  }
}
.indexMeritLxn01::-webkit-scrollbar {
  display: none;
}

.bgIndexMeritLxn01 {
  background: url(../img/index/bgIndexMerit01FxPc.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
}
@media screen and (max-width: 767px) {
  .bgIndexMeritLxn01 {
    background: url(../img/index/bgIndexMerit01FxSp.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: unset;
  }
}

.IndexMerit01Cnt {
  padding: 14.541667vw 0vw 0vw 0vw;
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .IndexMerit01Cnt {
    width: 100%;
    padding: 15.533333vw 0vw 0vw 0vw;
  }
}

.h2IndexMeritIppanCnt {
  width: 42vw;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .h2IndexMeritIppanCnt {
    width: 92vw;
  }
}
.h2IndexMeritIppanCnt img {
  width: 100%;
}

.btnMeritIppanLink {
  width: 21.3541666667vw;
  margin-top: 6.7vw;
  margin-bottom: 0vw;
  margin-left: auto;
  margin-right: auto;
}
.btnMeritIppanLink img {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .btnMeritIppanLink {
    width: 53.3333333333vw;
    margin-top: 0.333333vw;
    margin-bottom: 0vw;
    margin-left: auto;
    margin-right: auto;
  }
  .btnMeritIppanLink img {
    max-width: 100%;
  }
}

/* ==========================================================================
ジュニア
========================================================================== */
.indexMeritLxn02 {
  width: 50%;
  height: 100%;
  overflow: auto;
  padding: 0vw 0vw 6.3020833333vw 0vw;
}
@media screen and (max-width: 767px) {
  .indexMeritLxn02 {
    width: 100%;
    height: 50%;
    padding: 0vw 0vw 5.866667vw 0vw;
  }
}
.indexMeritLxn02::-webkit-scrollbar {
  display: none;
}

.bgIndexMeritLxn02 {
  background: url(../img/index/bgIndexMerit02FxPc.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
}
@media screen and (max-width: 767px) {
  .bgIndexMeritLxn02 {
    background: url(../img/index/bgIndexMerit02FxSp.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: unset;
  }
}

.IndexMerit02Cnt {
  padding: 14.7vw 0vw 0vw 0vw;
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .IndexMerit02Cnt {
    width: 100%;
    padding: 2vw 0vw 0vw 0vw;
  }
}

.h2IndexMeritJuniorCnt {
  width: 41.9vw;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .h2IndexMeritJuniorCnt {
    width: 92vw;
  }
  .h2IndexMeritJuniorCnt img {
    max-width: 100%;
  }
}
.h2IndexMeritJuniorCnt img {
  width: 100%;
}

.btnMeritJuniorLink {
  width: 21.3541666667vw;
  margin-top: 6.6vw;
  margin-bottom: 0vw;
  margin-left: auto;
  margin-right: auto;
}
.btnMeritJuniorLink img {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .btnMeritJuniorLink {
    width: 53.3333333333vw;
    margin-top: 1.666667vw;
    margin-bottom: 0vw;
    margin-left: auto;
    margin-right: auto;
  }
  .btnMeritJuniorLink img {
    max-width: 100%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexJotatu {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.bgindexJotatu {
  background: url(../img/index/bgindexJotatuFxPc.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
}
@media screen and (max-width: 767px) {
  .bgindexJotatu {
    background: url(../img/index/bgindexJotatuFxSp.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: unset;
  }
}

.indexJotatuWap {
  width: 100%;
  height: 100%;
  overflow: scroll;
  padding: 8.8541666667vw 0vw 6.25vw 0vw;
}
@media screen and (max-width: 767px) {
  .indexJotatuWap {
    width: 100%;
    height: 100%;
    padding: 18.4vw 0vw 4.2666666667vw 0vw;
  }
}
.indexJotatuWap::-webkit-scrollbar {
  display: none;
}
.indexJotatuWap img {
  width: 100%;
}

.h1IndexJotatu {
  width: 41.5104166667vw;
  margin: auto;
}
.h1IndexJotatu img {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .h1IndexJotatu {
    width: 89.666667vw;
  }
}

.txtIndexJotatu {
  width: 90.7291666667vw;
  margin-top: 3.1770833333vw;
  margin-bottom: 0vw;
  margin-left: auto;
  margin-right: auto;
}
.txtIndexJotatu img {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .txtIndexJotatu {
    width: 81.0666666667vw;
    margin-top: 4vw;
    margin-bottom: 0vw;
    margin-left: auto;
    margin-right: auto;
  }
  .txtIndexJotatu img {
    max-width: 100%;
  }
}

.ulIndexJotatu {
  width: 71.3541666667vw;
  margin-top: 5.9895833333vw;
  margin-bottom: 0vw;
  margin-left: auto;
  margin-right: auto;
}
.ulIndexJotatu img {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .ulIndexJotatu {
    width: 90.6666666667vw;
    margin-top: 4.8vw;
    margin-bottom: 0vw;
    margin-left: auto;
    margin-right: auto;
  }
  .ulIndexJotatu img {
    max-width: 100%;
  }
}

.liIndexJotatu {
  width: 21.3541666667vw;
}
.liIndexJotatu img {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .liIndexJotatu {
    width: 26.6666666667vw;
  }
  .liIndexJotatu img {
    max-width: 100%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexVoice {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.bgindexVoice {
  background: url(../img/index/bgindexVoiceFxPc.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
}
@media screen and (max-width: 767px) {
  .bgindexVoice {
    background: url(../img/index/bgindexVoiceFxSp.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: unset;
  }
}

.indexVoiceWap {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 7.9166666667vw 0vw 5vw 0vw;
}
@media screen and (max-width: 767px) {
  .indexVoiceWap {
    width: 100%;
    height: 100%;
    padding: 16vw 0vw 6.4vw 0vw;
  }
}
.indexVoiceWap::-webkit-scrollbar {
  display: none;
}

.h1IndexVoices {
  font-size: 3.3333333333vw;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 767px) {
  .h1IndexVoices {
    width: 100%;
    font-size: 8vw;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}

.h2IndexVoices {
  font-size: 1.0416666667vw;
  letter-spacing: 0em;
  text-indent: 0em;
  margin: 1.2vw 0vw 0vw 0vw;
}
@media screen and (max-width: 767px) {
  .h2IndexVoices {
    width: 100%;
    font-size: 3.4666666667vw;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 1vw 0vw 0vw 0vw;
  }
}

.txtIndexVoices {
  font-size: 1.0416666667vw;
  line-height: 1.45;
  letter-spacing: 0em;
  text-indent: 0em;
  margin: 1.9791666667vw 0vw 0vw 0vw;
}
.txtIndexVoices::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.45) * 0.5em);
  content: "";
}
.txtIndexVoices::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.45) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtIndexVoices {
    text-align: left;
    width: 100%;
    font-size: 3.2vw;
    line-height: 1.4166666667;
    letter-spacing: 0em;
    text-indent: 0em;
    width: 93.0666666667vw;
    margin-top: 4.5333333333vw;
    margin-bottom: 0vw;
    margin-left: auto;
    margin-right: auto;
  }
  .txtIndexVoices::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4166666667) * 0.5em);
    content: "";
  }
  .txtIndexVoices::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4166666667) * 0.5em);
    content: "";
  }
  .txtIndexVoices img {
    max-width: 100%;
  }
}

.detailIndexVoices {
  width: 62.5vw;
  margin-top: 1.7vw;
  margin-bottom: 0vw;
  margin-left: auto;
  margin-right: auto;
}
.detailIndexVoices img {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .detailIndexVoices {
    width: 93.3333333333vw;
    margin-top: 3.7333333333vw;
    margin-bottom: 0vw;
    margin-left: auto;
    margin-right: auto;
  }
  .detailIndexVoices img {
    max-width: 100%;
  }
}

.detailIndexVoicesFx {
  background-color: rgba(255, 255, 255, 0.77);
  width: 100%;
  padding: 0.6770833333vw 0.6770833333vw 0.6770833333vw 0.6770833333vw;
}
@media screen and (max-width: 767px) {
  .detailIndexVoicesFx {
    padding: 2.5vw 2.5vw 2.5vw 2.5vw;
  }
}

.photoIndexVoicesFx {
  width: 8.0729166667vw;
}
.photoIndexVoicesFx img {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .photoIndexVoicesFx {
    width: 19.4666666667vw;
  }
  .photoIndexVoicesFx img {
    max-width: 100%;
  }
}

.txtIndexVoicesFx {
  width: 52.03125vw;
  font-size: 1.0416666667vw;
  line-height: 1.45;
  letter-spacing: 0em;
  text-indent: 0em;
}
.txtIndexVoicesFx img {
  max-width: 100%;
}
.txtIndexVoicesFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.45) * 0.5em);
  content: "";
}
.txtIndexVoicesFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.45) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtIndexVoicesFx {
    width: 65.3333333333vw;
    font-size: 2.9333333333vw;
    line-height: 1.3636363636;
  }
  .txtIndexVoicesFx img {
    max-width: 100%;
  }
  .txtIndexVoicesFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.3636363636) * 0.5em);
    content: "";
  }
  .txtIndexVoicesFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.3636363636) * 0.5em);
    content: "";
  }
}

.detailIndexVoicesFx02 {
  margin: 0.78125vw 0vw 0vw 0vw;
}
@media screen and (max-width: 767px) {
  .detailIndexVoicesFx02 {
    margin: 2.6666666667vw 0vw 0vw 0vw;
  }
}

.detailIndexVoicesFx03 {
  margin: 0.78125vw 0vw 0vw 0vw;
}
@media screen and (max-width: 767px) {
  .detailIndexVoicesFx03 {
    margin: 2.6666666667vw 0vw 0vw 0vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexCompany {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.indexCompanyWap {
  padding: 7.9vw 0vw 6.71875vw 0vw;
}
@media screen and (max-width: 767px) {
  .indexCompanyWap {
    padding: 21.3333333333vw 0vw 0vw 0vw;
  }
}

.secIndexCompany02 {
  margin: 2.3vw 0vw 0vw 0vw;
}
@media screen and (max-width: 767px) {
  .secIndexCompany02 {
    margin: 5.466667vw 0vw 0vw 0vw;
  }
}

.h1IndexCompanys {
  font-size: 3.3333333333vw;
  line-height: 1.46875;
  letter-spacing: 0em;
  text-indent: 0em;
}
.h1IndexCompanys::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.46875) * 0.5em);
  content: "";
}
.h1IndexCompanys::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.46875) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h1IndexCompanys {
    font-size: 8vw;
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
  }
  .h1IndexCompanys::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h1IndexCompanys::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.secIndexCompanys .h2IndexCompanys {
  margin: 0.9vw 0vw 0vw 0vw;
  font-size: 1.0416666667vw;
  line-height: 1.45;
  letter-spacing: 0em;
  text-indent: 0em;
}
.secIndexCompanys .h2IndexCompanys::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.45) * 0.5em);
  content: "";
}
.secIndexCompanys .h2IndexCompanys::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.45) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .secIndexCompanys .h2IndexCompanys {
    margin: 0.8vw 0vw 0vw 0vw;
    font-size: 3.4666666667vw;
    line-height: 1.4615384615;
    letter-spacing: 0em;
    text-indent: 0em;
  }
  .secIndexCompanys .h2IndexCompanys::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4615384615) * 0.5em);
    content: "";
  }
  .secIndexCompanys .h2IndexCompanys::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4615384615) * 0.5em);
    content: "";
  }
}

.tableIndexCompany {
  margin-top: 2.8vw;
  margin-bottom: 0vw;
  margin-left: auto;
  margin-right: auto;
  width: 62.5vw;
}
@media screen and (max-width: 767px) {
  .tableIndexCompany {
    margin-top: 6.5vw;
    margin-bottom: 0vw;
    margin-left: auto;
    margin-right: auto;
    width: 93vw;
  }
}

.thIndexCompany {
  width: 21.35vw;
  padding: 1.9vw 0vw 1.9vw 2.3vw;
  font-size: 1.0416666667vw;
  line-height: 1.25;
  letter-spacing: 0em;
  text-indent: 0em;
  border-bottom: 1px solid #0069B9;
}
.thIndexCompany::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.25) * 0.5em);
  content: "";
}
.thIndexCompany::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.25) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .thIndexCompany {
    padding: 5vw 0vw 5.2vw 0vw;
    width: 16.06vw;
    font-size: 4vw;
    line-height: 1.6;
    letter-spacing: 0em;
    text-indent: 0em;
  }
  .thIndexCompany::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .thIndexCompany::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.tableIndexCompany tr:last-child .thIndexCompany {
  border-bottom: none;
}

.thIndexCompany02 {
  padding: 1.9vw 0vw 15.3vw 2.3vw;
}
@media screen and (max-width: 767px) {
  .thIndexCompany02 {
    padding: 4.8vw 0vw 5.2vw 0vw;
  }
}

.tdIndexCompany {
  width: 41.14vw;
  padding: 1.8229166667vw 0vw 1.8229166667vw 0vw;
  font-size: 1.0416666667vw;
  line-height: 1.25;
  letter-spacing: 0em;
  text-indent: 0em;
  border-bottom: 1px solid #0069B9;
  font-weight: 400;
}
.tdIndexCompany::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.25) * 0.5em);
  content: "";
}
.tdIndexCompany::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.25) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .tdIndexCompany {
    width: 70.93vw;
    padding: 5vw 0vw 5.2vw 0vw;
    font-size: 4vw;
    line-height: 1.6;
    letter-spacing: 0em;
    text-indent: 0em;
    font-feature-settings: "palt";
  }
  .tdIndexCompany::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .tdIndexCompany::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.tableIndexCompany tr:last-child .tdIndexCompany {
  border-bottom: none;
}

.h4IndexCompany {
  font-size: 1.0416666667vw;
  line-height: 1.25;
  letter-spacing: 0em;
  text-indent: 0em;
}
.h4IndexCompany::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.25) * 0.5em);
  content: "";
}
.h4IndexCompany::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.25) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h4IndexCompany {
    font-size: 3.7333333333vw;
    line-height: 1.7857142857;
    letter-spacing: 0em;
    text-indent: 0em;
  }
  .h4IndexCompany::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
  .h4IndexCompany::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
}

.txtIndexCompany {
  margin-top: 0.55vw;
  margin-bottom: 0vw;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.0416666667vw;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
}
.txtIndexCompany::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.txtIndexCompany::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtIndexCompany {
    margin-top: 3vw;
    margin-bottom: 0vw;
    margin-left: auto;
    margin-right: auto;
    font-size: 3.7333333333vw;
    line-height: 1.8571428571;
    letter-spacing: 0em;
    text-indent: 0em;
  }
  .txtIndexCompany::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.8571428571) * 0.5em);
    content: "";
  }
  .txtIndexCompany::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.8571428571) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexAccess {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.indexAccessWap {
  padding: 7.8125vw 0vw 3.3333333333vw 0vw;
}
@media screen and (max-width: 767px) {
  .indexAccessWap {
    padding: 21.3333333333vw 0vw 0vw 0vw;
  }
}

.h1IndexAccesss {
  font-size: 3.3333333333vw;
  line-height: 1.46875;
  letter-spacing: 0em;
  text-indent: 0em;
}
.h1IndexAccesss::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.46875) * 0.5em);
  content: "";
}
.h1IndexAccesss::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.46875) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h1IndexAccesss {
    font-size: 8vw;
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
  }
  .h1IndexAccesss::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h1IndexAccesss::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.h2IndexAccesss {
  margin: 0.9vw 0vw 0vw 0vw;
  font-size: 1.0416666667vw;
  line-height: 1.45;
  letter-spacing: 0em;
  text-indent: 0em;
}
.h2IndexAccesss::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.45) * 0.5em);
  content: "";
}
.h2IndexAccesss::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.45) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2IndexAccesss {
    margin: 0.8vw 0vw 0vw 0vw;
    font-size: 3.4666666667vw;
    line-height: 1.4615384615;
    letter-spacing: 0em;
    text-indent: 0em;
  }
  .h2IndexAccesss::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4615384615) * 0.5em);
    content: "";
  }
  .h2IndexAccesss::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4615384615) * 0.5em);
    content: "";
  }
}

.indexAccesssFx {
  margin-top: 2.1vw;
  margin-bottom: 0vw;
  margin-left: auto;
  margin-right: auto;
  width: 62.5vw;
}
@media screen and (max-width: 767px) {
  .indexAccesssFx {
    margin-top: 6.333333vw;
    margin-bottom: 0vw;
    margin-left: auto;
    margin-right: auto;
    width: 89.06vw;
  }
}

.photosIndexAccesss {
  width: 22.91vw;
}
@media screen and (max-width: 767px) {
  .photosIndexAccesss {
    width: 100%;
  }
}

.cntIndexAccesss {
  width: 35.93vw;
}
@media screen and (max-width: 767px) {
  .cntIndexAccesss {
    margin-top: 0.6vw;
    margin-bottom: 0vw;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

.h3IndexAccesss {
  margin-top: 3.9vw;
  margin-bottom: 0vw;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.25vw;
  line-height: 1.0416666667;
  letter-spacing: 0em;
  text-indent: 0em;
}
.h3IndexAccesss::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.0416666667) * 0.5em);
  content: "";
}
.h3IndexAccesss::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.0416666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3IndexAccesss {
    margin-top: 6.6666666667vw;
    margin-bottom: 0vw;
    margin-left: auto;
    margin-right: auto;
    font-size: 4.2666666667vw;
    line-height: 1.5625;
  }
  .h3IndexAccesss::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5625) * 0.5em);
    content: "";
  }
  .h3IndexAccesss::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5625) * 0.5em);
    content: "";
  }
}

@media screen and (max-width: 767px) {
  .secIndexAccesss02 .h3IndexAccesss {
    margin: 0;
  }
}

.txtIndexAccesss {
  margin-top: 1.8vw;
  margin-bottom: 0vw;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.0416666667vw;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
}
.txtIndexAccesss::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.txtIndexAccesss::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtIndexAccesss {
    margin-top: 1.5vw;
    margin-bottom: 0vw;
    margin-left: auto;
    margin-right: auto;
    font-size: 3.2vw;
    line-height: 1.6666666667;
  }
  .txtIndexAccesss::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
  .txtIndexAccesss::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
}

.secIndexAccesss02 {
  margin-top: 4.9vw;
  margin-bottom: 0vw;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .secIndexAccesss02 {
    margin-top: 5vw;
    margin-bottom: 0vw;
    margin-left: auto;
    margin-right: auto;
  }
}

.h4IndexAccesss {
  margin-top: 1vw;
  margin-bottom: 0vw;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.0416666667vw;
  line-height: 1.25;
  letter-spacing: 0em;
  text-indent: 0em;
}
.h4IndexAccesss::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.25) * 0.5em);
  content: "";
}
.h4IndexAccesss::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.25) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h4IndexAccesss {
    margin-top: 1.2vw;
    margin-bottom: 0vw;
    margin-left: auto;
    margin-right: auto;
    font-size: 4.2666666667vw;
    line-height: 1.5625;
  }
  .h4IndexAccesss::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5625) * 0.5em);
    content: "";
  }
  .h4IndexAccesss::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5625) * 0.5em);
    content: "";
  }
}

.txtIndexAccesss02 {
  margin-top: 0.8vw;
  margin-bottom: 0vw;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .txtIndexAccesss02 {
    margin-top: 2.333333vw;
    margin-bottom: 0vw;
    margin-left: auto;
    margin-right: auto;
  }
}

.indexAccesssMap {
  margin-top: 1.8229166667vw;
  margin-bottom: 0vw;
  margin-left: auto;
  margin-right: auto;
  width: 62.5vw;
  position: relative;
  overflow: hidden;
  aspect-ratio: 1200/241;
}
@media screen and (max-width: 767px) {
  .indexAccesssMap {
    margin-top: 6.6666666667vw;
    margin-bottom: 0vw;
    margin-left: auto;
    margin-right: auto;
    width: 92vw;
    aspect-ratio: 345/81;
  }
}

.indexAccesssMap iframe {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexTeder {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.indexTederWap {
  width: 100%;
  height: 100%;
}

.secIndexTeder {
  padding: 10.4vw 0vw 0vw 0vw;
}
@media screen and (max-width: 767px) {
  .secIndexTeder {
    padding: 21.3333333333vw 0vw 0vw 0vw;
  }
}

.h1IndexTeder {
  font-size: 3.3333333333vw;
  line-height: 1.46875;
  letter-spacing: 0em;
  text-indent: 0em;
}
.h1IndexTeder::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.46875) * 0.5em);
  content: "";
}
.h1IndexTeder::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.46875) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h1IndexTeder {
    font-size: 8vw;
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
  }
  .h1IndexTeder::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h1IndexTeder::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.h2IndexTeder {
  margin: 1vw 0vw 0vw 0vw;
  font-size: 1.0416666667vw;
  line-height: 1.45;
  letter-spacing: 0em;
  text-indent: 0em;
}
.h2IndexTeder::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.45) * 0.5em);
  content: "";
}
.h2IndexTeder::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.45) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2IndexTeder {
    margin: 0.8vw 0vw 0vw 0vw;
    font-size: 3.4666666667vw;
    line-height: 1.4615384615;
    letter-spacing: 0em;
    text-indent: 0em;
  }
  .h2IndexTeder::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4615384615) * 0.5em);
    content: "";
  }
  .h2IndexTeder::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4615384615) * 0.5em);
    content: "";
  }
}

.txtIndexTeder {
  margin-top: 5.5vw;
  margin-bottom: 0vw;
  margin-left: auto;
  margin-right: auto;
  width: 71.71vw;
  font-size: 1.25vw;
  line-height: 1.8333333333;
  letter-spacing: 0em;
  text-indent: 0em;
}
.txtIndexTeder::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8333333333) * 0.5em);
  content: "";
}
.txtIndexTeder::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8333333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtIndexTeder {
    margin-top: 14.333333vw;
    margin-bottom: 0vw;
    margin-left: auto;
    margin-right: auto;
    width: 88.8vw;
    font-size: 3.7333333333vw;
    line-height: 1.5714285714;
    letter-spacing: 0em;
    text-indent: 0em;
  }
  .txtIndexTeder::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
  .txtIndexTeder::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexFooter {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.indexFooterWap {
  padding: 10vw 0vw 0vw 0vw;
}
@media screen and (max-width: 767px) {
  .indexFooterWap {
    padding: 23vw 0vw 0vw 0vw;
  }
}

/* ==========================================================================
Flex設定
========================================================================== */
.indexFooterFx {
  width: 68.9583333333vw;
  margin: auto;
}
.indexFooterFx img {
  max-width: 100%;
}
@media screen and (max-width: 1200px) {
  .indexFooterFx {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .indexFooterFx {
    width: 85.3333333333vw;
  }
  .indexFooterFx img {
    max-width: 100%;
  }
}

/* ==========================================================================
カンパニー用
========================================================================== */
.secIndexFooter {
  width: 34.4791666667vw;
}
.secIndexFooter img {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .secIndexFooter {
    width: 100vw;
  }
  .secIndexFooter img {
    max-width: 100%;
  }
}

/*記号名*/
.h1IndexFooter {
  font-size: 1.5625vw;
  line-height: 0.5;
  letter-spacing: 0em;
  text-indent: 0em;
}
.h1IndexFooter::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 0.5) * 0.5em);
  content: "";
}
.h1IndexFooter::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 0.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h1IndexFooter {
    width: 100%;
    font-size: 6.9333333333vw;
    line-height: 1.4615384615;
    letter-spacing: 0em;
    text-indent: 0em;
  }
  .h1IndexFooter::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4615384615) * 0.5em);
    content: "";
  }
  .h1IndexFooter::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4615384615) * 0.5em);
    content: "";
  }
}

.nameIndexFooter {
  font-size: 2.0833333333vw;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  width: 100%;
}
.nameIndexFooter::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.nameIndexFooter::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .nameIndexFooter {
    width: 100%;
    font-size: 6.9333333333vw;
    line-height: 1.4615384615;
    letter-spacing: 0em;
    text-indent: 0em;
  }
  .nameIndexFooter::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4615384615) * 0.5em);
    content: "";
  }
  .nameIndexFooter::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4615384615) * 0.5em);
    content: "";
  }
}

.enIndexFooter {
  font-size: 2.0833333333vw;
  line-height: 1;
  letter-spacing: 0.05em;
  text-indent: -0.05em;
  margin: 0.6vw 0vw 0vw 0vw;
  font-weight: 500;
}
.enIndexFooter::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.enIndexFooter::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .enIndexFooter {
    font-size: 6.9333333333vw;
    line-height: 1.4615384615;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 2.1333333333vw 0vw 0vw 0vw;
  }
  .enIndexFooter::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4615384615) * 0.5em);
    content: "";
  }
  .enIndexFooter::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4615384615) * 0.5em);
    content: "";
  }
}

.jpIndexFooter {
  font-size: 2.0833333333vw;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  margin: 0.4vw 0vw 0vw 0.5vw;
}
.jpIndexFooter::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.jpIndexFooter::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .jpIndexFooter {
    font-size: 6.9333333333vw;
    line-height: 1.4615384615;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 2.1333333333vw 0vw 0vw 2.1333333333vw;
  }
  .jpIndexFooter::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4615384615) * 0.5em);
    content: "";
  }
  .jpIndexFooter::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4615384615) * 0.5em);
    content: "";
  }
}

/*テキスト*/
.txtIndexFooter {
  margin-top: 2.4vw;
  margin-bottom: 0vw;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.3020833333vw;
  line-height: 1.76;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 700;
  font-feature-settings: "palt";
}
.txtIndexFooter::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.76) * 0.5em);
  content: "";
}
.txtIndexFooter::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.76) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtIndexFooter {
    font-size: 4vw;
    line-height: 1.6666666667;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 5.3333333333vw 0vw 0vw 0vw;
  }
  .txtIndexFooter::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
  .txtIndexFooter::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
}

.txtIndexFooter02 {
  margin-top: 2.5vw;
  margin-bottom: 0vw;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.5625vw;
  line-height: 1.4666666667;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 700;
  font-feature-settings: "palt";
}
.txtIndexFooter02::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4666666667) * 0.5em);
  content: "";
}
.txtIndexFooter02::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtIndexFooter02 {
    font-size: 5.3333333333vw;
    line-height: 1.25;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 4.333333vw 0vw 0vw 0vw;
  }
  .txtIndexFooter02::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.25) * 0.5em);
    content: "";
  }
  .txtIndexFooter02::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.25) * 0.5em);
    content: "";
  }
}

.telIndexFooter {
  pointer-events: none;
  color: #3C3C3C;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .telIndexFooter {
    pointer-events: auto;
  }
}

/*SNS*/
.snsIndexFooterFx {
  margin: 5.85vw 0vw 0vw 0vw;
  width: 11.40625vw;
}
.snsIndexFooterFx img {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .snsIndexFooterFx {
    margin: 4.5333333333vw 0vw 0vw 0vw;
    width: 34.6666666667vw;
  }
  .snsIndexFooterFx img {
    max-width: 100%;
  }
}

.lisnsIndexFooter {
  width: 45px;
}
@media screen and (max-width: 1200px) {
  .lisnsIndexFooter {
    width: 20.54%;
  }
}
@media screen and (max-width: 767px) {
  .lisnsIndexFooter {
    width: 8vw;
  }
  .lisnsIndexFooter img {
    max-width: 100%;
  }
}
.lisnsIndexFooter img {
  width: 100%;
}

/* ==========================================================================
ナビ用
========================================================================== */
.navIndexFooter {
  margin: 0.2vw 0 0 0;
  width: 34vw;
}
@media screen and (max-width: 767px) {
  .navIndexFooter {
    margin: 6vw 0vw 0vw 0vw;
    width: 100%;
  }
}

/*トップナビ*/
.indexFooterTopNav {
  width: 23.59375vw;
}
.indexFooterTopNav img {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .indexFooterTopNav {
    width: 100%;
  }
}

.liIndexFooterTopNav {
  width: 10.5729166667vw;
}
.liIndexFooterTopNav img {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .liIndexFooterTopNav {
    width: 40vw;
  }
  .liIndexFooterTopNav img {
    max-width: 100%;
  }
}

/*下部ナビ*/
.indexFooterMainNav {
  margin: 5.5vw 0vw 0vw 0vw;
}
@media screen and (max-width: 767px) {
  .indexFooterMainNav {
    width: 100%;
    margin: 8.5vw 0vw 0vw 0vw;
  }
}

.liFooterMainNav {
  font-size: 1.25vw;
  line-height: 1.4583333333;
  letter-spacing: 0em;
  text-indent: 0em;
  margin: 0vw 0vw 0vw 0vw;
  width: 45%;
}
.liFooterMainNav::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4583333333) * 0.5em);
  content: "";
}
.liFooterMainNav::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4583333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .liFooterMainNav {
    font-size: 3.4666666667vw;
    line-height: 1.4285714286;
    letter-spacing: 0em;
    text-indent: 0em;
    width: 48.5%;
    font-feature-settings: "palt";
  }
  .liFooterMainNav::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4285714286) * 0.5em);
    content: "";
  }
  .liFooterMainNav::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4285714286) * 0.5em);
    content: "";
  }
}
.liFooterMainNav:nth-child(n+3) {
  margin: 2.2vw 0vw 0vw 0vw;
}
@media screen and (max-width: 767px) {
  .liFooterMainNav:nth-child(n+3) {
    margin: 4.6vw 0vw 0vw 0vw;
  }
}

/* ==========================================================================
コピー
========================================================================== */
.copyIndexFooter {
  margin: 6.9vw 0vw 0vw 0vw;
  font-size: 1.0416666667vw;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
}
.copyIndexFooter::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.copyIndexFooter::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .copyIndexFooter {
    margin: 10vw 0vw 0vw 0vw;
    font-size: 3.2vw;
    line-height: 1.5;
    letter-spacing: 0em;
    text-indent: 0em;
  }
  .copyIndexFooter::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  .copyIndexFooter::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.evidenceFv {
  padding-top: 141px;
  padding-bottom: 159px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .evidenceFv {
    padding: 7.34% 0% 8.28% 0%;
  }
}
@media screen and (max-width: 767px) {
  .evidenceFv {
    padding-top: 43px;
    padding-bottom: 45px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .evidenceFv {
    padding: 11.46% 0% 12% 0%;
  }
}

.bgEvidenceFv {
  background: url(../img/evidence/bgEvidenceFvPc.jpg) no-repeat center top;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .bgEvidenceFv {
    background: url(../img/evidence/bgEvidenceFvSp.jpg) no-repeat center top;
    background-size: auto 100%;
  }
}

.h1PageFv {
  font-feature-settings: "palt";
  font-size: 60px;
  line-height: 1;
  letter-spacing: 0.05em;
  text-indent: -0.05em;
  font-weight: 500;
}
@media screen and (max-width: 1200px) {
  .h1PageFv {
    font-size: 5.1724137931vw;
  }
}
.h1PageFv::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h1PageFv::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h1PageFv {
    line-height: 1;
    letter-spacing: 0.05em;
    text-indent: -0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1PageFv {
    font-size: 5.8666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h1PageFv::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h1PageFv::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.h2PageFv {
  font-size: 22px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
  margin-top: 21px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .h2PageFv {
    font-size: 1.8965517241vw;
  }
}
.h2PageFv::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h2PageFv::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .h2PageFv {
    margin-top: 1.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .h2PageFv {
    line-height: 1;
    letter-spacing: 0.05em;
    text-indent: -0.05em;
    margin-top: 1.9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2PageFv {
    font-size: 2.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2PageFv::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h2PageFv::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.infoEvidenceWap {
  margin-top: 78px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .infoEvidenceWap {
    margin-top: 4.06%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .infoEvidenceWap {
    margin-top: 8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.infoEvidenceLxn {
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .infoEvidenceLxn {
    width: 83.33%;
  }
}
@media screen and (max-width: 767px) {
  .infoEvidenceLxn {
    width: 92%;
  }
}

/* ==========================================================================
エビデンスの紹介
========================================================================== */
.h2InfoEvidence {
  padding-top: 7px;
  padding-bottom: 10px;
  padding-left: 11px;
  padding-right: 0px;
  font-feature-settings: "palt";
  font-size: 23px;
  letter-spacing: 0.11em;
  text-indent: -0.11em;
  border-left: 10px solid #0069B9;
}
@media screen and (max-width: 1200px) {
  .h2InfoEvidence {
    padding: 0.7% 0% 1% 1.1%;
  }
}
@media screen and (max-width: 1200px) {
  .h2InfoEvidence {
    font-size: 1.9827586207vw;
  }
}
@media screen and (max-width: 767px) {
  .h2InfoEvidence {
    padding: 0.7% 0% 1.5% 2.8%;
    letter-spacing: 0em;
    text-indent: 0em;
    border-left: 7px solid #0069B9;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2InfoEvidence {
    font-size: 5.3333333333vw;
  }
}

/* ==========================================================================
朗報
========================================================================== */
.h3InfoEvidence {
  margin-top: 43px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 120px;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
  width: 976px;
}
@media screen and (max-width: 1200px) {
  .h3InfoEvidence {
    margin-top: 4.29%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .h3InfoEvidence {
    font-size: 10.3448275862vw;
  }
}
@media screen and (max-width: 1200px) {
  .h3InfoEvidence {
    width: 97.6%;
  }
}
@media screen and (max-width: 767px) {
  .h3InfoEvidence {
    margin: 5% auto 0% auto;
    width: 95.6%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3InfoEvidence {
    font-size: 18.6666666667vw;
  }
}

.h4InfoEvidence {
  font-feature-settings: "palt";
  margin-top: 59px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 25px;
  line-height: 1.52;
  letter-spacing: 0.05em;
  text-indent: -0.05em;
}
@media screen and (max-width: 1200px) {
  .h4InfoEvidence {
    margin: 5.9% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .h4InfoEvidence {
    font-size: 2.1551724138vw;
  }
}
.h4InfoEvidence::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.52) * 0.5em);
  content: "";
}
.h4InfoEvidence::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.52) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h4InfoEvidence {
    margin: 11% 0% 0% 0%;
    line-height: 1.6666666667;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4InfoEvidence {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .h4InfoEvidence::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
  .h4InfoEvidence::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
}

.photoEvidence {
  margin-top: 52px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .photoEvidence {
    margin: 5.2% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .photoEvidence {
    margin: 7.5% 0% 0% 0%;
  }
}

.txtTopEvidence {
  font-feature-settings: "palt";
  margin-top: 65px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 14px;
  line-height: 1.6428571429;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
}
@media screen and (max-width: 1200px) {
  .txtTopEvidence {
    margin: 6.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .txtTopEvidence {
    font-size: 1.2068965517vw;
  }
}
.txtTopEvidence::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6428571429) * 0.5em);
  content: "";
}
.txtTopEvidence::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6428571429) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtTopEvidence {
    margin: 9.5% 0% 0% 0%;
    line-height: 1.6666666667;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTopEvidence {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTopEvidence::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
  .txtTopEvidence::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
}

.picEvidence {
  margin-top: 98px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 671px;
}
@media screen and (max-width: 1200px) {
  .picEvidence {
    margin: 9.8% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .picEvidence {
    width: 100.14%;
  }
}
@media screen and (max-width: 767px) {
  .picEvidence {
    margin: 9.1% 0% 0% 0%;
    width: 75.6%;
  }
}

.txtBtmEvidence {
  margin-top: 88px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .txtBtmEvidence {
    margin: 8.8% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtBtmEvidence {
    margin: 11.3% 0% 0% 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgClassFv {
  background: url(../img/class/bgClassFvPc.jpg) no-repeat center top;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .bgClassFv {
    background: url(../img/class/bgClassFvSp.jpg) no-repeat center top;
    background-size: auto 100%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.classMain {
  margin-top: 74px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .classMain {
    margin: 3.85% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .classMain {
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .classMain {
    margin: 8% 0% 0% 0%;
  }
}

.pageClassLxn {
  width: 1000px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .pageClassLxn {
    width: 83.33%;
  }
}
@media screen and (max-width: 1200px) {
  .pageClassLxn {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .pageClassLxn {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .pageClassLxn {
    width: 92%;
  }
}

.pageEnTitile {
  width: 100%;
}

.h1PageEnTitile {
  font-feature-settings: "palt";
  font-size: 64px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1200px) {
  .h1PageEnTitile {
    font-size: 5.5172413793vw;
  }
}
.h1PageEnTitile::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h1PageEnTitile::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h1PageEnTitile {
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1PageEnTitile {
    font-size: 8vw;
  }
}
@media screen and (max-width: 767px) {
  .h1PageEnTitile::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h1PageEnTitile::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.h2PageEnTitile {
  font-feature-settings: "palt";
  font-size: 20px;
  line-height: 1.25;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .h2PageEnTitile {
    font-size: 1.724137931vw;
  }
}
.h2PageEnTitile::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.25) * 0.5em);
  content: "";
}
.h2PageEnTitile::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.25) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .h2PageEnTitile {
    margin: 2.3% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h2PageEnTitile {
    line-height: 1.2857142857;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
    margin: 0.7% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2PageEnTitile {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2PageEnTitile::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.2857142857) * 0.5em);
    content: "";
  }
  .h2PageEnTitile::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.2857142857) * 0.5em);
    content: "";
  }
}

.classTop01 {
  width: 750px;
  margin-top: 58px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .classTop01 {
    width: 75%;
  }
}
@media screen and (max-width: 1200px) {
  .classTop01 {
    margin-top: 5.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .classTop01 {
    width: 100%;
    margin-top: 12.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h3classTop01 {
  font-size: 25px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1200px) {
  .h3classTop01 {
    font-size: 2.1551724138vw;
  }
}
@media screen and (max-width: 767px) {
  .h3classTop01 {
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3classTop01 {
    font-size: 4.8vw;
  }
}

.classTop01Pic {
  width: 100%;
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .classTop01Pic {
    margin: 1.6% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .classTop01Pic {
    margin: 4.5% 0% 0% 0%;
  }
}

.classTop02 {
  width: 443px;
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .classTop02 {
    width: 44.3%;
  }
}
@media screen and (max-width: 1200px) {
  .classTop02 {
    margin-top: 2.3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .classTop02 {
    width: 48%;
  }
}
@media screen and (max-width: 767px) {
  .classTop02 {
    width: 86%;
    margin-top: 6.3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2ClassTop {
  font-size: 25px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1200px) {
  .h2ClassTop {
    font-size: 2.1551724138vw;
  }
}
@media screen and (max-width: 767px) {
  .h2ClassTop {
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2ClassTop {
    font-size: 4.8vw;
  }
}

.h3ClassTop {
  font-size: 25px;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .h3ClassTop {
    font-size: 2.1551724138vw;
  }
}
@media screen and (max-width: 1200px) {
  .h3ClassTop {
    margin: 3.56% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h3ClassTop {
    text-align: left;
    line-height: 1.125;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 5.4% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3ClassTop {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3ClassTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.125) * 0.5em);
    content: "";
  }
  .h3ClassTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.125) * 0.5em);
    content: "";
  }
}

.txtClassTop {
  font-size: 18px;
  line-height: 1.3888888889;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .txtClassTop {
    font-size: 1.5517241379vw;
  }
}
.txtClassTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3888888889) * 0.5em);
  content: "";
}
.txtClassTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3888888889) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .txtClassTop {
    margin: 1.92% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtClassTop {
    line-height: 1.5;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 2.8% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtClassTop {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtClassTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  .txtClassTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}

.h3ClassBottom {
  font-size: 25px;
  line-height: 2;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .h3ClassBottom {
    font-size: 2.1551724138vw;
  }
}
.h3ClassBottom::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.h3ClassBottom::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .h3ClassBottom {
    margin: 6.02% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h3ClassBottom {
    line-height: 1.75;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 2.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3ClassBottom {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3ClassBottom::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.75) * 0.5em);
    content: "";
  }
  .h3ClassBottom::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.75) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.classTitleIppanWap {
  padding-top: 92px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .classTitleIppanWap {
    padding: 7.66% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .classTitleIppanWap {
    padding: 17.6% 0% 0% 0%;
  }
}

.pageClassIppan {
  width: 750px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .pageClassIppan {
    width: 75%;
  }
}
@media screen and (max-width: 1200px) {
  .pageClassIppan {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .pageClassIppan {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .pageClassIppan {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2baseClass {
  text-align: center;
  font-size: 40px;
  line-height: 1.25;
  letter-spacing: 0.2em;
  text-indent: -0.2em;
  font-weight: 800;
}
@media screen and (max-width: 1200px) {
  .h2baseClass {
    font-size: 3.4482758621vw;
  }
}
.h2baseClass::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.25) * 0.5em);
  content: "";
}
.h2baseClass::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.25) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2baseClass {
    line-height: 1.0454545455;
    letter-spacing: 0.2em;
    text-indent: -0.2em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2baseClass {
    font-size: 5.8666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2baseClass::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.0454545455) * 0.5em);
    content: "";
  }
  .h2baseClass::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.0454545455) * 0.5em);
    content: "";
  }
}

.brdbaseClass {
  display: block;
  width: 100%;
  height: 1px;
  background: #231916;
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .brdbaseClass {
    margin: 3.46% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .brdbaseClass {
    margin: 4% 0% 0% 0%;
  }
}

.h3baseClass {
  font-feature-settings: "palt";
  font-size: 25px;
  line-height: 1.64;
  letter-spacing: -0.01em;
  text-indent: 0.01em;
  width: 508px;
  margin-top: 34px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .h3baseClass {
    font-size: 2.1551724138vw;
  }
}
.h3baseClass::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.64) * 0.5em);
  content: "";
}
.h3baseClass::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.64) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .h3baseClass {
    width: 67.73%;
  }
}
@media screen and (max-width: 1200px) {
  .h3baseClass {
    margin-top: 4.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .h3baseClass {
    width: 69.7%;
  }
}
@media screen and (max-width: 767px) {
  .h3baseClass {
    line-height: 1.125;
    letter-spacing: 0em;
    text-indent: 0em;
    width: 100%;
    margin: 3.1% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3baseClass {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3baseClass::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.125) * 0.5em);
    content: "";
  }
  .h3baseClass::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.125) * 0.5em);
    content: "";
  }
}

.h3baseClassMini {
  font-size: 14px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1200px) {
  .h3baseClassMini {
    font-size: 1.2068965517vw;
  }
}
@media screen and (max-width: 767px) {
  .h3baseClassMini {
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3baseClassMini {
    font-size: 4.2666666667vw;
  }
}

.txtbaseClass {
  font-feature-settings: "palt";
  font-size: 14px;
  line-height: 1;
  letter-spacing: -0.01em;
  text-indent: 0.01em;
  width: 508px;
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .txtbaseClass {
    font-size: 1.2068965517vw;
  }
}
.txtbaseClass::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.txtbaseClass::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .txtbaseClass {
    width: 67.73%;
  }
}
@media screen and (max-width: 1200px) {
  .txtbaseClass {
    margin-top: 2.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .txtbaseClass {
    width: 69.7%;
  }
}
@media screen and (max-width: 767px) {
  .txtbaseClass {
    line-height: 1.5833333333;
    letter-spacing: 0em;
    text-indent: 0em;
    width: 100%;
    margin-top: 2.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtbaseClass {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtbaseClass::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtbaseClass::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.priceClassTitle {
  width: 752px;
  margin-top: 72px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .priceClassTitle {
    width: 75.2%;
  }
}
@media screen and (max-width: 1200px) {
  .priceClassTitle {
    margin-top: 7.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .priceClassTitle {
    width: 100%;
    margin: 10.5% 0% 0% 0%;
  }
}

.picClassTitle {
  width: 100%;
  margin-top: 90px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .picClassTitle {
    margin-top: 9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picClassTitle {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .picClassTitle {
    margin-top: 11.59%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.classTitleJuniaWap {
  padding-top: 94px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .classTitleJuniaWap {
    padding: 7.83% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .classTitleJuniaWap {
    padding: 17% 0% 0% 0%;
  }
}

.h3h3baseClass {
  font-feature-settings: "palt";
  font-size: 25px;
  line-height: 0.9111111111;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
  margin-top: 35px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .h3h3baseClass {
    font-size: 2.1551724138vw;
  }
}
.h3h3baseClass::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 0.9111111111) * 0.5em);
  content: "";
}
.h3h3baseClass::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 0.9111111111) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .h3h3baseClass {
    margin: 4.66% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h3h3baseClass {
    line-height: 1.125;
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3h3baseClass {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3h3baseClass::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.125) * 0.5em);
    content: "";
  }
  .h3h3baseClass::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.125) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h3h3baseClass {
    margin: 2.89% 0% 0% 0%;
  }
}

.priceClassTitleJunia {
  width: 100%;
  margin-top: 67px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .priceClassTitleJunia {
    margin: 6.7% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .priceClassTitleJunia {
    margin-top: 36px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .priceClassTitleJunia {
    margin: 10.43% 0% 0% 0%;
  }
}

.picCampaign {
  width: 750px;
  margin-top: 100px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .picCampaign {
    width: 75%;
  }
}
@media screen and (max-width: 1200px) {
  .picCampaign {
    margin-top: 10%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picCampaign {
    width: 100%;
    margin-top: 70px;
    margin-bottom: 122px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .picCampaign {
    margin-top: 20.28%;
    margin-bottom: 35.36%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.juniorFv {
  padding-top: 141px;
  padding-bottom: 157px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .juniorFv {
    padding: 7.34% 0% 8.17% 0%;
  }
}
@media screen and (max-width: 767px) {
  .juniorFv {
    padding-top: 43px;
    padding-bottom: 45px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .juniorFv {
    padding: 11.46% 0% 12% 0%;
  }
}

.bgjuniorFv {
  background: url(../img/junior/bgJuniorFvPc.jpg) no-repeat center top;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .bgjuniorFv {
    background: url(../img/junior/bgJuniorFvSp.jpg) no-repeat center top;
    background-size: auto 100%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.juniorMainLxn {
  margin-top: 78px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
}
@media screen and (max-width: 1200px) {
  .juniorMainLxn {
    margin-top: 6.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .juniorMainLxn {
    width: 83.33%;
  }
}
@media screen and (max-width: 767px) {
  .juniorMainLxn {
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .juniorMainLxn {
    margin-top: 8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .juniorMainLxn {
    width: 92%;
  }
}

.h2InfoJunior {
  font-feature-settings: "palt";
  padding-top: 6px;
  padding-bottom: 11px;
  padding-left: 9px;
  padding-right: 0px;
  font-size: 23px;
  line-height: 1.3043478261;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
  border-left: 10px solid #0069B9;
  font-weight: 600;
}
@media screen and (max-width: 1200px) {
  .h2InfoJunior {
    padding: 0.6% 0% 1.1% 0.9%;
  }
}
@media screen and (max-width: 1200px) {
  .h2InfoJunior {
    font-size: 1.9827586207vw;
  }
}
.h2InfoJunior::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3043478261) * 0.5em);
  content: "";
}
.h2InfoJunior::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3043478261) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2InfoJunior {
    padding: 1% 0% 1% 2.5%;
    line-height: 1.5;
    letter-spacing: 0em;
    text-indent: 0em;
    border-left: 7px solid #0069B9;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2InfoJunior {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2InfoJunior::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  .h2InfoJunior::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}

.txtInfoJunior {
  margin-top: 39px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 14px;
  line-height: 1.6428571429;
  letter-spacing: 0em;
  text-indent: 0em;
  font-feature-settings: "palt";
}
@media screen and (max-width: 1200px) {
  .txtInfoJunior {
    margin: 3.9% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .txtInfoJunior {
    font-size: 1.2068965517vw;
  }
}
.txtInfoJunior::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6428571429) * 0.5em);
  content: "";
}
.txtInfoJunior::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6428571429) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtInfoJunior {
    margin: 7.3% 0% 0% 0%;
    line-height: 1.6666666667;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtInfoJunior {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtInfoJunior::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
  .txtInfoJunior::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.infoKankageru {
  margin-top: 94px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .infoKankageru {
    margin: 9.4% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .infoKankageru {
    margin: 11.2% 0% 0% 0%;
  }
}

.h2InfoKankageru {
  font-size: 25px;
  line-height: 1.52;
  letter-spacing: 0.05em;
  text-indent: -0.05em;
  font-weight: 600;
  font-feature-settings: "palt";
}
@media screen and (max-width: 1200px) {
  .h2InfoKankageru {
    font-size: 2.1551724138vw;
  }
}
.h2InfoKankageru::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.52) * 0.5em);
  content: "";
}
.h2InfoKankageru::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.52) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2InfoKankageru {
    line-height: 1.875;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2InfoKankageru {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2InfoKankageru::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.875) * 0.5em);
    content: "";
  }
  .h2InfoKankageru::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.875) * 0.5em);
    content: "";
  }
}

.photoInfoKankageru {
  margin-top: 44px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .photoInfoKankageru {
    margin: 4.4% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .photoInfoKankageru {
    margin: 2.7% 0% 0% 0%;
  }
}

.txtInfoJuniorkangaeru {
  margin-top: 33px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .txtInfoJuniorkangaeru {
    margin: 3.3% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtInfoJuniorkangaeru {
    margin: 5.7% 0% 0% 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.infoHanpuku {
  margin-top: 83px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .infoHanpuku {
    margin: 8.3% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .infoHanpuku {
    margin: 9.9% 0% 0% 0%;
  }
}

.txtInfoHanpuku {
  margin-top: 32px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .txtInfoHanpuku {
    margin: 3.2% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtInfoHanpuku {
    margin: 5.8% 0% 0% 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.infoJuniorPoints {
  margin-top: 160px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .infoJuniorPoints {
    margin: 16% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .infoJuniorPoints {
    margin: 20.5% 0% 0% 0%;
  }
}

.detailJuniorPoints {
  margin-top: 84px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .detailJuniorPoints {
    margin: 8.4% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .detailJuniorPoints {
    margin: 10.5% 0% 0% 0%;
  }
}

.h3DetailJuniorPoints {
  font-size: 25px;
  line-height: 1.52;
  letter-spacing: 0.05em;
  text-indent: -0.05em;
  font-weight: 600;
  font-feature-settings: "palt";
}
@media screen and (max-width: 1200px) {
  .h3DetailJuniorPoints {
    font-size: 2.1551724138vw;
  }
}
.h3DetailJuniorPoints::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.52) * 0.5em);
  content: "";
}
.h3DetailJuniorPoints::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.52) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3DetailJuniorPoints {
    line-height: 1.875;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3DetailJuniorPoints {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h3DetailJuniorPoints::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.875) * 0.5em);
    content: "";
  }
  .h3DetailJuniorPoints::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.875) * 0.5em);
    content: "";
  }
}

.txtDetailJuniorPoints {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0;
}
@media screen and (max-width: 1200px) {
  .txtDetailJuniorPoints {
    margin: 4% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtDetailJuniorPoints {
    margin: 5% 0% 0% 0%;
  }
}

.txtDetailJuniorPoints_02 {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .txtDetailJuniorPoints_02 {
    margin: 3% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtDetailJuniorPoints_02 {
    margin: 8.5% 0% 0% 0%;
  }
}

.detailJuniorPoints02 {
  margin-top: 83px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .detailJuniorPoints02 {
    margin: 8.3% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .detailJuniorPoints02 {
    margin: 12.04% 0% 0% 0%;
  }
}

.detailJuniorPoints03 {
  margin-top: 82px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .detailJuniorPoints03 {
    margin: 8.2% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .detailJuniorPoints03 {
    margin: 12.5% 0% 0% 0%;
  }
}

.picDetailJuniorPoints {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 272px;
}
@media screen and (max-width: 1200px) {
  .picDetailJuniorPoints {
    margin: 3% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .picDetailJuniorPoints {
    width: 27.2%;
  }
}
@media screen and (max-width: 767px) {
  .picDetailJuniorPoints {
    margin: 6.5% 0% 0% 0%;
    width: 200px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .picDetailJuniorPoints {
    width: 57.97%;
  }
}

.listDetailJuniorPoints {
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .listDetailJuniorPoints {
    margin: 5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .listDetailJuniorPoints {
    margin: 6.2% 0% 0% 0%;
  }
}

.txtLastDetailJuniorPoints {
  margin-top: 43px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 14px;
  line-height: 1.6428571429;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
  font-feature-settings: "palt";
}
@media screen and (max-width: 1200px) {
  .txtLastDetailJuniorPoints {
    margin: 4.29% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .txtLastDetailJuniorPoints {
    font-size: 1.2068965517vw;
  }
}
.txtLastDetailJuniorPoints::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6428571429) * 0.5em);
  content: "";
}
.txtLastDetailJuniorPoints::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6428571429) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtLastDetailJuniorPoints {
    margin: 5.85% 0% 0% 0%;
    line-height: 1.6666666667;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLastDetailJuniorPoints {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLastDetailJuniorPoints::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
  .txtLastDetailJuniorPoints::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.infoJuniorKitaeyo {
  margin-top: 174px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .infoJuniorKitaeyo {
    margin: 17.39% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .infoJuniorKitaeyo {
    margin: 22.3% 0% 0% 0%;
  }
}

.txtInfoJunior3ni {
  margin-top: 39px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .txtInfoJunior3ni {
    margin: 3.9% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtInfoJunior3ni {
    margin: 7.5% 0% 0% 0%;
  }
}

.photoInfoKitaeyo {
  margin-top: 48px;
  margin-bottom: 0px;
  margin-left: 90px;
  margin-right: auto;
  width: 769px;
}
@media screen and (max-width: 1200px) and (max-width: 1200px) {
  .photoInfoKitaeyo {
    margin-top: 4.8%;
    margin-bottom: 0%;
    margin-left: 9%;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .photoInfoKitaeyo {
    width: 76.9%;
  }
}
@media screen and (max-width: 767px) {
  .photoInfoKitaeyo {
    margin-top: 5.21%;
    margin-bottom: 0%;
    margin-left: 3.5%;
    margin-right: auto;
    width: 88.4%;
  }
}

.txtBtmKitaeyo {
  margin-top: 53px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .txtBtmKitaeyo {
    margin-top: 5.3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtBtmKitaeyo {
    margin-top: 7.69%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.infoSnmiittai {
  margin-top: 75px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .infoSnmiittai {
    margin-top: 7.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .infoSnmiittai {
    margin-top: 11%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2InfoSnmiittai {
  font-size: 25px;
  line-height: 1.52;
  letter-spacing: 0.05em;
  text-indent: -0.05em;
  font-feature-settings: "palt";
}
@media screen and (max-width: 1200px) {
  .h2InfoSnmiittai {
    font-size: 2.1551724138vw;
  }
}
.h2InfoSnmiittai::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.52) * 0.5em);
  content: "";
}
.h2InfoSnmiittai::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.52) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2InfoSnmiittai {
    line-height: 1.875;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2InfoSnmiittai {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2InfoSnmiittai::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.875) * 0.5em);
    content: "";
  }
  .h2InfoSnmiittai::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.875) * 0.5em);
    content: "";
  }
}

.photoInfoSnmiittai {
  margin-top: 45px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .photoInfoSnmiittai {
    margin-top: 4.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .photoInfoSnmiittai {
    margin-top: 6.59%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtInfoSnmiittai {
  margin-top: 32px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .txtInfoSnmiittai {
    margin: 3.2% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtInfoSnmiittai {
    margin: 6% 0% 0% 0%;
  }
}

.spanInfoSnmiittai {
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0.02em;
  text-indent: -0.02em;
}
@media screen and (max-width: 1200px) {
  .spanInfoSnmiittai {
    font-size: 1.3793103448vw;
  }
}
@media screen and (max-width: 767px) {
  .spanInfoSnmiittai {
    line-height: 1.5714285714;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .spanInfoSnmiittai {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .spanInfoSnmiittai::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
  .spanInfoSnmiittai::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.juniarBrdCnt {
  margin-top: 62px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .juniarBrdCnt {
    margin-top: 6.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .juniarBrdCnt {
    margin-top: 7.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secJuniarBrdCnt {
  padding-top: 48px;
  padding-bottom: 49px;
  padding-left: 48px;
  padding-right: 48px;
  border: 2px solid #0069B9;
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
}
@media screen and (max-width: 1200px) {
  .secJuniarBrdCnt {
    padding: 4.8% 4.8% 4.9% 4.8%;
  }
}
@media screen and (max-width: 767px) {
  .secJuniarBrdCnt {
    padding: 5% 4.1% 5% 4.1%;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
  }
}

.h3JuniarBrdCnt {
  font-size: 25px;
  line-height: 1.52;
  letter-spacing: 0.05em;
  text-indent: -0.05em;
  font-weight: 600;
}
@media screen and (max-width: 1200px) {
  .h3JuniarBrdCnt {
    font-size: 2.1551724138vw;
  }
}
.h3JuniarBrdCnt::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.52) * 0.5em);
  content: "";
}
.h3JuniarBrdCnt::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.52) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3JuniarBrdCnt {
    line-height: 1.5714285714;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3JuniarBrdCnt {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h3JuniarBrdCnt::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
  .h3JuniarBrdCnt::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
}

.txtJuniarBrdCnt {
  font-size: 14px;
  line-height: 1.6428571429;
  letter-spacing: 0.015em;
  text-indent: -0.015em;
  font-weight: 500;
  font-feature-settings: "palt";
}
@media screen and (max-width: 1200px) {
  .txtJuniarBrdCnt {
    font-size: 1.2068965517vw;
  }
}
.txtJuniarBrdCnt::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6428571429) * 0.5em);
  content: "";
}
.txtJuniarBrdCnt::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6428571429) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtJuniarBrdCnt {
    line-height: 1.6666666667;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtJuniarBrdCnt {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtJuniarBrdCnt::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
  .txtJuniarBrdCnt::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
}

.txtJuniarBrdCnt {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .txtJuniarBrdCnt {
    margin: 2.22% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtJuniarBrdCnt {
    margin: 2.5% 0% 0% 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.juniarBrdCnt02 {
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .juniarBrdCnt02 {
    margin: 2.3% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .juniarBrdCnt02 {
    margin: 3.1% 0% 0% 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.juniarBrdCnt03 {
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .juniarBrdCnt03 {
    margin: 2.3% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .juniarBrdCnt03 {
    margin-top: 12px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .juniarBrdCnt03 {
    margin: 3.47% 0% 0% 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.infoIsyokenmeJunior {
  margin-top: 177px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .infoIsyokenmeJunior {
    margin: 17.7% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .infoIsyokenmeJunior {
    margin: 25.6% 0% 0% 0%;
  }
}

@media screen and (max-width: 767px) {
  .photoInfoIsyokenmeJunior {
    margin: 7.8% 0% 0% 0%;
  }
}

.txtInfoIsyokenme {
  margin-top: 46px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .txtInfoIsyokenme {
    margin: 4.6% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtInfoIsyokenme {
    margin: 6.2% 0% 0% 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.infoPramidJunior {
  margin-top: 175px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .infoPramidJunior {
    margin: 17.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .infoPramidJunior {
    margin: 25.5% 0% 0% 0%;
  }
}

.photoInfoPramidJunior {
  margin-top: 46px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 800px;
}
@media screen and (max-width: 1200px) {
  .photoInfoPramidJunior {
    margin-top: 4.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .photoInfoPramidJunior {
    width: 80%;
  }
}
@media screen and (max-width: 767px) {
  .photoInfoPramidJunior {
    margin-top: 6.7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .photoInfoPramidJunior {
    width: 100%;
  }
}

.txtBtmInfoJunior {
  margin-top: 48px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .txtBtmInfoJunior {
    margin: 4.8% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtBtmInfoJunior {
    margin: 6.1% 0% 0% 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.infoTaikoban {
  margin-top: 186px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .infoTaikoban {
    margin: 15.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .infoTaikoban {
    margin: 27.18% 0% 0% 0%;
  }
}

.h2InfoTaikoban {
  padding-top: 5px;
  padding-bottom: 12px;
  padding-left: 9px;
  padding-right: 0px;
  font-size: 23px;
  line-height: 1.3043478261;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
  border-left: 9px solid #0069B9;
}
@media screen and (max-width: 1200px) {
  .h2InfoTaikoban {
    padding: 0.5% 0% 1.2% 0.9%;
  }
}
@media screen and (max-width: 1200px) {
  .h2InfoTaikoban {
    font-size: 1.9827586207vw;
  }
}
.h2InfoTaikoban::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3043478261) * 0.5em);
  content: "";
}
.h2InfoTaikoban::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3043478261) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2InfoTaikoban {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 0px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h2InfoTaikoban {
    padding: 0% 0% 0% 2.89%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2InfoTaikoban {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2InfoTaikoban::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  .h2InfoTaikoban::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}

.infoTaikobanFx {
  width: 95.5%;
  margin-top: 42px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .infoTaikobanFx {
    margin: 4.2% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .infoTaikobanFx {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .infoTaikobanFx {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.doctorInfoTaikobanFx {
  align-items: flex-start;
  width: 455px;
}
@media screen and (max-width: 1200px) {
  .doctorInfoTaikobanFx {
    width: 45.5%;
  }
}
@media screen and (max-width: 767px) {
  .doctorInfoTaikobanFx {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .doctorInfoTaikobanFx {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .doctorInfoTaikobanFx01 {
    margin-top: 13.59%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .doctorInfoTaikobanFx02 {
    margin-top: 12.9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.photoDoctorInfoTaikobanFx {
  width: 135px;
}
@media screen and (max-width: 1200px) {
  .photoDoctorInfoTaikobanFx {
    width: 29.67%;
  }
}
@media screen and (max-width: 767px) {
  .photoDoctorInfoTaikobanFx {
    width: 100px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .photoDoctorInfoTaikobanFx {
    width: 28.98%;
  }
}

.secDoctorInfoTaikobanFx {
  width: 305px;
  margin-top: 2px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .secDoctorInfoTaikobanFx {
    width: 67.03%;
  }
}
@media screen and (max-width: 1200px) {
  .secDoctorInfoTaikobanFx {
    margin: 0.43% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secDoctorInfoTaikobanFx {
    width: 228px;
    margin: 0;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secDoctorInfoTaikobanFx {
    width: 66.08%;
  }
}

.h3DoctorInfoTaikobanFx {
  font-size: 18px;
  line-height: 1.4444444444;
  letter-spacing: 0.04em;
  text-indent: -0.04em;
  font-feature-settings: "palt";
}
@media screen and (max-width: 1200px) {
  .h3DoctorInfoTaikobanFx {
    font-size: 1.5517241379vw;
  }
}
.h3DoctorInfoTaikobanFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4444444444) * 0.5em);
  content: "";
}
.h3DoctorInfoTaikobanFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4444444444) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3DoctorInfoTaikobanFx {
    line-height: 1.5714285714;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3DoctorInfoTaikobanFx {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h3DoctorInfoTaikobanFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
  .h3DoctorInfoTaikobanFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5714285714) * 0.5em);
    content: "";
  }
}

.txtDoctorInfoTaikobanFx {
  font-size: 14px;
  line-height: 1.6428571429;
  letter-spacing: 0.03em;
  text-indent: -0.03em;
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-feature-settings: "palt";
}
@media screen and (max-width: 1200px) {
  .txtDoctorInfoTaikobanFx {
    font-size: 1.2068965517vw;
  }
}
.txtDoctorInfoTaikobanFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6428571429) * 0.5em);
  content: "";
}
.txtDoctorInfoTaikobanFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6428571429) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .txtDoctorInfoTaikobanFx {
    margin: 5.24% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtDoctorInfoTaikobanFx {
    line-height: 1.6666666667;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtDoctorInfoTaikobanFx {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtDoctorInfoTaikobanFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
  .txtDoctorInfoTaikobanFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgStaffFv {
  background: url(../img/staff/bgStaffFvPc.jpg) no-repeat center top;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .bgStaffFv {
    background: url(../img/staff/bgStaffFvPc.jpg) no-repeat center top;
    background-size: auto 100%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.staffMain {
  margin-top: 77px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .staffMain {
    margin-top: 6.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .staffMain {
    margin-top: 12%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.staffLxn {
  width: 1000px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .staffLxn {
    width: 83.33%;
  }
}
@media screen and (max-width: 1200px) {
  .staffLxn {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .staffLxn {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .staffLxn {
    width: 92%;
  }
}

.secStaffCnts {
  width: 100%;
}

.h2StaffCnts {
  padding-top: 7px;
  padding-bottom: 10px;
  padding-left: 14px;
  padding-right: 0px;
  font-feature-settings: "palt";
  font-size: 23px;
  letter-spacing: 0.2em;
  text-indent: -0.2em;
  border-left: 10px solid #0069B9;
}
@media screen and (max-width: 1200px) {
  .h2StaffCnts {
    padding: 0.7% 0% 1% 1.4%;
  }
}
@media screen and (max-width: 1200px) {
  .h2StaffCnts {
    font-size: 1.9827586207vw;
  }
}
@media screen and (max-width: 767px) {
  .h2StaffCnts {
    padding: 1% 0% 1% 3.8%;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
    border-left: 7px solid #0069B9;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2StaffCnts {
    font-size: 5.3333333333vw;
  }
}

.detailStaffCnts {
  width: 100%;
  margin-top: 46px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .detailStaffCnts {
    margin-top: 3.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .detailStaffCnts {
    justify-content: space-between;
    margin-top: 31px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .detailStaffCnts {
    margin-top: 8.98%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liDetailStaffCnts {
  width: 238px;
  margin-top: 0px;
  margin-bottom: 32px;
  margin-left: 0px;
  margin-right: 16px;
}
@media screen and (max-width: 1200px) {
  .liDetailStaffCnts {
    width: 23.8%;
  }
}
@media screen and (max-width: 1200px) {
  .liDetailStaffCnts {
    margin: 0% 1.33% 2.66% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liDetailStaffCnts {
    width: 168px;
    margin: 0% 0% 8.5% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liDetailStaffCnts {
    width: 48.69%;
  }
}

.liDetailStaffCnts:nth-child(4n) {
  margin-top: 0px;
  margin-bottom: 32px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .liDetailStaffCnts:nth-child(4n) {
    margin: 0% 0% 2.66% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liDetailStaffCnts:nth-child(4n) {
    margin: 0% 0% 8.5% 0%;
  }
}

.h3DetailStaffCnts {
  font-feature-settings: "palt";
  height: 57px;
  font-size: 16px;
  line-height: 1.375;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 14px;
  padding-right: 14px;
}
@media screen and (max-width: 1200px) {
  .h3DetailStaffCnts {
    font-size: 1.3793103448vw;
  }
}
.h3DetailStaffCnts::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.375) * 0.5em);
  content: "";
}
.h3DetailStaffCnts::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.375) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .h3DetailStaffCnts {
    padding: 0% 5.88% 0% 5.88%;
  }
}
@media screen and (max-width: 1200px) {
  .h3DetailStaffCnts {
    height: 6vw;
  }
}
@media screen and (max-width: 767px) {
  .h3DetailStaffCnts {
    height: 10.6666666667vw;
    line-height: 1.3333333333;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
    padding: 0% 4% 0% 4%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3DetailStaffCnts {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .h3DetailStaffCnts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.3333333333) * 0.5em);
    content: "";
  }
  .h3DetailStaffCnts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.3333333333) * 0.5em);
    content: "";
  }
}

.photoDetailStaffCnts {
  width: 210px;
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .photoDetailStaffCnts {
    width: 88.23%;
  }
}
@media screen and (max-width: 1200px) {
  .photoDetailStaffCnts {
    margin-top: 5.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .photoDetailStaffCnts {
    width: 148px;
    margin-top: 9px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .photoDetailStaffCnts {
    width: 88.09%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .photoDetailStaffCnts {
    margin-top: 5.35%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secDetailStaffCnts {
  width: 210px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 17px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .secDetailStaffCnts {
    width: 88.23%;
  }
}
@media screen and (max-width: 1200px) {
  .secDetailStaffCnts {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .secDetailStaffCnts {
    padding: 4.2% 0% 7.14% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secDetailStaffCnts {
    width: 148px;
    padding: 4.1% 0% 7.73% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secDetailStaffCnts {
    width: 88.09%;
  }
}

.h4DetailStaffCnts {
  font-size: 16px;
  line-height: 1.5625;
  letter-spacing: 0.01em;
  text-indent: -0.01em;
}
@media screen and (max-width: 1200px) {
  .h4DetailStaffCnts {
    font-size: 1.3793103448vw;
  }
}
.h4DetailStaffCnts::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5625) * 0.5em);
  content: "";
}
.h4DetailStaffCnts::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5625) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h4DetailStaffCnts {
    line-height: 1.5;
    letter-spacing: 0.01em;
    text-indent: -0.01em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4DetailStaffCnts {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .h4DetailStaffCnts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  .h4DetailStaffCnts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}

.h5DetailStaffCnts {
  border-bottom: 1px solid #0069B9;
  font-size: 22px;
  line-height: 1;
  letter-spacing: 0.01em;
  text-indent: -0.01em;
  padding-top: 0px;
  padding-bottom: 13px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .h5DetailStaffCnts {
    font-size: 1.8965517241vw;
  }
}
.h5DetailStaffCnts::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.h5DetailStaffCnts::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .h5DetailStaffCnts {
    padding: 0% 0% 5.46% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .h5DetailStaffCnts {
    margin: 2.1% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h5DetailStaffCnts {
    line-height: 1;
    letter-spacing: 0.01em;
    text-indent: -0.01em;
    padding: 0% 0% 6.4% 0%;
    margin: 1.7% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5DetailStaffCnts {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h5DetailStaffCnts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h5DetailStaffCnts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.h6DetailStaffCnts {
  font-feature-settings: "palt";
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .h6DetailStaffCnts {
    font-size: 1.2068965517vw;
  }
}
.h6DetailStaffCnts::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.h6DetailStaffCnts::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .h6DetailStaffCnts {
    margin: 6.3% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h6DetailStaffCnts {
    line-height: 1.6;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 6.8% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h6DetailStaffCnts {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h6DetailStaffCnts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .h6DetailStaffCnts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.txtDetailStaffCnts {
  font-feature-settings: "palt";
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .txtDetailStaffCnts {
    font-size: 1.2068965517vw;
  }
}
.txtDetailStaffCnts::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
.txtDetailStaffCnts::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5714285714) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .txtDetailStaffCnts {
    margin: 10.92% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtDetailStaffCnts {
    line-height: 1.6;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 12.86% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtDetailStaffCnts {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtDetailStaffCnts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .txtDetailStaffCnts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.secStaffCnts:nth-child(n+2) {
  margin-top: 63px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .secStaffCnts:nth-child(n+2) {
    margin-top: 6.3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secStaffCnts:nth-child(n+2) {
    margin-top: 10.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h5DetailStaffCntsLittle {
  font-feature-settings: "palt";
  font-size: 16px;
  letter-spacing: 0.01em;
  text-indent: -0.01em;
}
@media screen and (max-width: 1200px) {
  .h5DetailStaffCntsLittle {
    font-size: 1.3793103448vw;
  }
}
@media screen and (max-width: 767px) {
  .h5DetailStaffCntsLittle {
    letter-spacing: 0.01em;
    text-indent: -0.01em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5DetailStaffCntsLittle {
    font-size: 3.2vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.pageFvWap {
  overflow: hidden;
  width: 100%;
}

.pageFv {
  padding-top: 138px;
  padding-bottom: 159px;
  padding-left: 0px;
  padding-right: 0px;
  animation: scales forwards 2.2s;
}
@media screen and (max-width: 1200px) {
  .pageFv {
    padding: 7.18% 0% 8.28% 0%;
  }
}
@media screen and (max-width: 767px) {
  .pageFv {
    padding: 11.1% 0% 11.6% 0%;
  }
}

.bgNewsFv {
  background: url(../img/news/bbgNewsFvPc.jpg) no-repeat center top;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .bgNewsFv {
    background: url(../img/news/bbgNewsFvSp.jpg) no-repeat center top;
    background-size: auto 100%;
  }
}

@keyframes scales {
  from {
    transform: scale(1.02);
  }
  to {
    transform: scale(1);
  }
}
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.newsCatLxn {
  margin-top: 114px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .newsCatLxn {
    margin-top: 9.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .newsCatLxn {
    margin-top: 35px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .newsCatLxn {
    margin-top: 9.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .newsCatLxn {
    width: 92%;
  }
}

.newsNav {
  width: 750px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .newsNav {
    width: 62.5%;
  }
}
@media screen and (max-width: 767px) {
  .newsNav {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .newsNav {
    width: 100%;
  }
}

.liNewsNav {
  width: 230px;
}
@media screen and (max-width: 1200px) {
  .liNewsNav {
    width: 30.66%;
  }
}
@media screen and (max-width: 767px) {
  .liNewsNav {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liNewsNav {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .liNewsNav:nth-child(n+2) {
    margin-top: 9px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liNewsNav:nth-child(n+2) {
    margin-top: 2.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btmNewsNav {
  height: 45px;
  font-feature-settings: "palt";
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  background: #EFEFEF;
  color: #3E3A39;
  font-weight: 600;
  cursor: pointer;
}
@media screen and (max-width: 1200px) {
  .btmNewsNav {
    font-size: 1.3793103448vw;
  }
}
.btmNewsNav::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.btmNewsNav::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .btmNewsNav {
    height: 3.75vw;
  }
}
@media screen and (max-width: 767px) {
  .btmNewsNav {
    height: 12.2vw;
    line-height: 2.1428571429;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btmNewsNav {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .btmNewsNav::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.1428571429) * 0.5em);
    content: "";
  }
  .btmNewsNav::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.1428571429) * 0.5em);
    content: "";
  }
}

.btmNewsNavActive {
  background: #0069B9;
  color: #fff;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.newsLoopLxn {
  margin-top: 59px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .newsLoopLxn {
    margin-top: 4.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .newsLoopLxn {
    margin-top: 10.9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.ulNewsLoopList {
  width: 750px;
  margin: 0 auto;
  border-top: 1px solid #0069B9;
}
@media screen and (max-width: 1200px) {
  .ulNewsLoopList {
    width: 62.5%;
  }
}
@media screen and (max-width: 767px) {
  .ulNewsLoopList {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .ulNewsLoopList {
    width: 100%;
  }
}

.liNewsLoopList {
  padding-top: 24px;
  padding-bottom: 21px;
  padding-left: 16px;
  padding-right: 16px;
  border-bottom: 1px solid #0069B9;
}
@media screen and (max-width: 1200px) {
  .liNewsLoopList {
    padding: 3.2% 2.13% 2.8% 2.13%;
  }
}
@media screen and (max-width: 767px) {
  .liNewsLoopList {
    padding: 2.9% 2% 3.2% 2%;
  }
}

.btmNewsLoopList {
  color: #3E3A39;
  align-items: center;
}

.timeCatNewsLoop {
  width: 135px;
  font-size: 18px;
  line-height: 1.6666666667;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1200px) {
  .timeCatNewsLoop {
    width: 18.85%;
  }
}
@media screen and (max-width: 1200px) {
  .timeCatNewsLoop {
    font-size: 1.5517241379vw;
  }
}
.timeCatNewsLoop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
.timeCatNewsLoop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .timeCatNewsLoop {
    width: 90px;
    line-height: 1.1666666667;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .timeCatNewsLoop {
    width: 26.08%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .timeCatNewsLoop {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .timeCatNewsLoop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.1666666667) * 0.5em);
    content: "";
  }
  .timeCatNewsLoop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.1666666667) * 0.5em);
    content: "";
  }
}

.h3CatNewsLoop {
  width: 555px;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 600;
}
@media screen and (max-width: 1200px) {
  .h3CatNewsLoop {
    width: 77.51%;
  }
}
@media screen and (max-width: 1200px) {
  .h3CatNewsLoop {
    font-size: 1.724137931vw;
  }
}
.h3CatNewsLoop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.h3CatNewsLoop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h3CatNewsLoop {
    width: 69.2%;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3CatNewsLoop {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .h3CatNewsLoop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  .h3CatNewsLoop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.newsCatPager {
  margin-top: 60px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .newsCatPager {
    margin: 5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .newsCatPager {
    margin-top: 60px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .newsCatPager {
    margin: 17.39% 0% 0% 0%;
  }
}

.wp-pagenavi {
  display: flex;
  justify-content: center;
  align-items: center;
}
.wp-pagenavi a,
.wp-pagenavi span {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 5px;
  margin-right: 5px;
  color: #3E3A39;
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0em;
  text-indent: 0em;
  text-decoration: none;
}
@media screen and (max-width: 1200px) {
  .wp-pagenavi a,
  .wp-pagenavi span {
    padding: 0.58% 0.83% 0.58% 0.83%;
  }
}
@media screen and (max-width: 1200px) {
  .wp-pagenavi a,
  .wp-pagenavi span {
    margin: 0% 0.41% 0% 0.41%;
  }
}
@media screen and (max-width: 1200px) {
  .wp-pagenavi a,
  .wp-pagenavi span {
    font-size: 1.3793103448vw;
  }
}
.wp-pagenavi a::before,
.wp-pagenavi span::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.875) * 0.5em);
  content: "";
}
.wp-pagenavi a::after,
.wp-pagenavi span::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.875) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .wp-pagenavi a,
  .wp-pagenavi span {
    padding: 2.5% 3.3% 2.5% 3.3%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
    margin-right: 5px;
    line-height: 2.5;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .wp-pagenavi a,
  .wp-pagenavi span {
    margin: 0% 1.44% 0% 1.44%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .wp-pagenavi a,
  .wp-pagenavi span {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .wp-pagenavi a::before,
  .wp-pagenavi span::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.5) * 0.5em);
    content: "";
  }
  .wp-pagenavi a::after,
  .wp-pagenavi span::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.5) * 0.5em);
    content: "";
  }
}
.wp-pagenavi .current {
  background: #0069B9;
  color: #FFF;
}
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
  background: #EFEFEF;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.sNewsWap {
  margin-top: 114px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .sNewsWap {
    margin-top: 5.93%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .sNewsWap {
    margin-top: 37px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .sNewsWap {
    margin-top: 9.86%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.sNewsLxn {
  width: 750px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .sNewsLxn {
    width: 62.5%;
  }
}
@media screen and (max-width: 767px) {
  .sNewsLxn {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .sNewsLxn {
    width: 92%;
  }
}

.sNewsFx {
  align-items: center;
}

.timeSNewsLoop {
  width: 134px;
  font-size: 18px;
  line-height: 1.6666666667;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1200px) {
  .timeSNewsLoop {
    width: 19.14%;
  }
}
@media screen and (max-width: 1200px) {
  .timeSNewsLoop {
    font-size: 1.5517241379vw;
  }
}
.timeSNewsLoop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
.timeSNewsLoop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .timeSNewsLoop {
    width: 90px;
    line-height: 2.5;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .timeSNewsLoop {
    width: 26.08%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .timeSNewsLoop {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .timeSNewsLoop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.5) * 0.5em);
    content: "";
  }
  .timeSNewsLoop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.5) * 0.5em);
    content: "";
  }
}

.catSNewsLoop {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
  margin-right: auto;
  width: 230px;
  height: 45px;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.05em;
  text-indent: -0.05em;
  background: #0069B9;
  color: #FFF;
}
@media screen and (max-width: 1200px) and (max-width: 1200px) {
  .catSNewsLoop {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 0.83%;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .catSNewsLoop {
    width: 32.85%;
  }
}
@media screen and (max-width: 1200px) {
  .catSNewsLoop {
    font-size: 1.3793103448vw;
  }
}
.catSNewsLoop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.catSNewsLoop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .catSNewsLoop {
    height: 4.1666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .catSNewsLoop {
    height: 8vw;
    width: 87px;
    line-height: 1.3333333333;
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 1.5%;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .catSNewsLoop {
    width: 25.21%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .catSNewsLoop {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .catSNewsLoop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.3333333333) * 0.5em);
    content: "";
  }
  .catSNewsLoop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.3333333333) * 0.5em);
    content: "";
  }
}

.h1TitleSNews {
  padding-top: 0px;
  padding-bottom: 18px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 21px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
  border-bottom: 1px solid #0069B9;
}
@media screen and (max-width: 1200px) {
  .h1TitleSNews {
    padding: 0% 0% 2.57% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .h1TitleSNews {
    margin: 3% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .h1TitleSNews {
    font-size: 1.724137931vw;
  }
}
.h1TitleSNews::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.h1TitleSNews::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h1TitleSNews {
    padding: 0% 0% 5.9% 0%;
    margin: 5.5% 0% 0% 0%;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1TitleSNews {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h1TitleSNews::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  .h1TitleSNews::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}

.mainCntSnews {
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .mainCntSnews {
    margin: 3.28% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainCntSnews {
    margin: 5.5% 0% 0% 0%;
  }
}

/* ==========================================================================
コンテンツ内の設定
========================================================================== */
.mainCntSnews p {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 14px;
  line-height: 2.1428571429;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
  clear: both;
}
@media screen and (max-width: 1200px) {
  .mainCntSnews p {
    margin: 2.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .mainCntSnews p {
    font-size: 1.2068965517vw;
  }
}
.mainCntSnews p::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1428571429) * 0.5em);
  content: "";
}
.mainCntSnews p::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1428571429) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .mainCntSnews p {
    margin: 5.5% 0% 0% 0%;
    line-height: 2.1428571429;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mainCntSnews p {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .mainCntSnews p::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.1428571429) * 0.5em);
    content: "";
  }
  .mainCntSnews p::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.1428571429) * 0.5em);
    content: "";
  }
}
.mainCntSnews img {
  display: block;
}
.mainCntSnews h1 {
  margin-top: 36px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
  border-bottom: 1px solid #0069B9;
  font-weight: 600;
}
@media screen and (max-width: 1200px) {
  .mainCntSnews h1 {
    margin: 4.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .mainCntSnews h1 {
    padding: 0% 0% 1.25% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .mainCntSnews h1 {
    font-size: 1.724137931vw;
  }
}
.mainCntSnews h1::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.mainCntSnews h1::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .mainCntSnews h1 {
    margin: 10.1% 0% 0% 0%;
    padding: 0% 0% 2.9% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mainCntSnews h1 {
    font-size: 5.3333333333vw;
  }
}
.mainCntSnews h2 {
  margin-top: 44px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 19px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
  border-bottom: 1px solid #0069B9;
  font-weight: 600;
}
@media screen and (max-width: 1200px) {
  .mainCntSnews h2 {
    margin: 5.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .mainCntSnews h2 {
    padding: 0% 0% 1.25% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .mainCntSnews h2 {
    font-size: 1.6379310345vw;
  }
}
.mainCntSnews h2::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.mainCntSnews h2::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .mainCntSnews h2 {
    margin: 7.1% 0% 0% 0%;
    padding: 0% 0% 2.9% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mainCntSnews h2 {
    font-size: 5.0666666667vw;
  }
}
.mainCntSnews h3 {
  margin-top: 35px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
  border-bottom: 1px solid #0069B9;
  font-weight: 600;
}
@media screen and (max-width: 1200px) {
  .mainCntSnews h3 {
    margin: 4.37% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .mainCntSnews h3 {
    padding: 0% 0% 1.25% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .mainCntSnews h3 {
    font-size: 1.5517241379vw;
  }
}
.mainCntSnews h3::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.mainCntSnews h3::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .mainCntSnews h3 {
    margin: 7.1% 0% 0% 0%;
    padding: 0% 0% 2.9% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mainCntSnews h3 {
    font-size: 4.8vw;
  }
}
.mainCntSnews h4 {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 17px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
  border-bottom: 1px solid #0069B9;
  font-weight: 600;
}
@media screen and (max-width: 1200px) {
  .mainCntSnews h4 {
    margin: 3.75% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .mainCntSnews h4 {
    padding: 0% 0% 1.25% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .mainCntSnews h4 {
    font-size: 1.4655172414vw;
  }
}
.mainCntSnews h4::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.mainCntSnews h4::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .mainCntSnews h4 {
    margin: 7.1% 0% 0% 0%;
    padding: 0% 0% 2.9% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mainCntSnews h4 {
    font-size: 4.5333333333vw;
  }
}
.mainCntSnews .aligncenter {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .mainCntSnews .aligncenter {
    margin-top: 2.85%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .mainCntSnews .aligncenter {
    margin-top: 10.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.mainCntSnews .alignleft {
  float: left;
  margin-top: 9px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 15px;
}
@media screen and (max-width: 1200px) {
  .mainCntSnews .alignleft {
    margin: 1.28% 2.14% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainCntSnews .alignleft {
    float: none;
    margin: 0 auto 3% auto;
  }
}
.mainCntSnews .alignright {
  float: right;
  margin-top: 9px;
  margin-bottom: 0px;
  margin-left: 15px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .mainCntSnews .alignright {
    margin: 1.28% 0% 0% 2.14%;
  }
}
@media screen and (max-width: 767px) {
  .mainCntSnews .alignright {
    float: none;
    margin: 0 auto 3% auto;
  }
}
.mainCntSnews .mainCntSnewsIframeWap {
  width: 100%;
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  position: relative;
  aspect-ratio: 750/395;
}
@media screen and (max-width: 1200px) {
  .mainCntSnews .mainCntSnewsIframeWap {
    margin: 3.57% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainCntSnews .mainCntSnewsIframeWap {
    margin: 0 0 0 0;
    height: 48.8vw;
  }
}
.mainCntSnews .mainCntSnewsIframeWap iframe {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
}
.mainCntSnews div {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .mainCntSnews div {
    margin-top: 2.85%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.mainCntSnews .fb-video {
  width: 100%;
}

/* ==========================================================================
ページャー
========================================================================== */
.pagerNews {
  margin-top: 118px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  border-top: 1px solid #0069B9;
}
@media screen and (max-width: 1200px) {
  .pagerNews {
    margin: 9.83% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .pagerNews {
    margin: 13.5% 0% 0% 0%;
  }
}

.newsSinglePagers {
  margin-top: 60px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .newsSinglePagers {
    margin: 5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .newsSinglePagers {
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .newsSinglePagers {
    margin: 8.69% 0% 0% 0%;
  }
}

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

.prevSignleNews {
  width: 105px;
}
@media screen and (max-width: 1200px) {
  .prevSignleNews {
    width: 15%;
  }
}
@media screen and (max-width: 767px) {
  .prevSignleNews {
    width: 105px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .prevSignleNews {
    width: 30.43%;
  }
}

.prevSignleNews a {
  font-size: 14px;
  line-height: 2.1428571429;
  letter-spacing: 0em;
  text-indent: 0em;
  color: #3E3A39;
  text-decoration: none;
}
@media screen and (max-width: 1200px) {
  .prevSignleNews a {
    font-size: 1.2068965517vw;
  }
}
.prevSignleNews a::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1428571429) * 0.5em);
  content: "";
}
.prevSignleNews a::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1428571429) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .prevSignleNews a {
    line-height: 2.1428571429;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .prevSignleNews a {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .prevSignleNews a::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.1428571429) * 0.5em);
    content: "";
  }
  .prevSignleNews a::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.1428571429) * 0.5em);
    content: "";
  }
}

.arrowPrevSnews {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 19px;
  padding-right: 0px;
  background: url(../img/snews/arrowPrev.svg) no-repeat left center;
  background-size: auto 75%;
}
@media screen and (max-width: 1200px) {
  .arrowPrevSnews {
    padding: 0% 0% 0% 2.71%;
  }
}
@media screen and (max-width: 767px) {
  .arrowPrevSnews {
    padding: 0% 0% 0% 16.79%;
  }
}

.nextSignleNews {
  width: 105px;
}
@media screen and (max-width: 1200px) {
  .nextSignleNews {
    width: 15%;
  }
}
@media screen and (max-width: 767px) {
  .nextSignleNews {
    width: 105px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .nextSignleNews {
    width: 30.43%;
  }
}

.nextSignleNews a {
  font-size: 14px;
  line-height: 2.1428571429;
  letter-spacing: 0em;
  text-indent: 0em;
  color: #3E3A39;
  text-decoration: none;
}
@media screen and (max-width: 1200px) {
  .nextSignleNews a {
    font-size: 1.2068965517vw;
  }
}
.nextSignleNews a::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.1428571429) * 0.5em);
  content: "";
}
.nextSignleNews a::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.1428571429) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .nextSignleNews a {
    line-height: 2.1428571429;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .nextSignleNews a {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .nextSignleNews a::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.1428571429) * 0.5em);
    content: "";
  }
  .nextSignleNews a::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.1428571429) * 0.5em);
    content: "";
  }
}

.arrowNextSnews {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 19px;
  background: url(../img/snews/arrowNext.svg) no-repeat right center;
  background-size: auto 75%;
}
@media screen and (max-width: 1200px) {
  .arrowNextSnews {
    padding: 0% 2.71% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .arrowNextSnews {
    padding: 0% 16.79% 0% 0%;
  }
}

.archivsSinglePagers {
  width: 300px;
}
@media screen and (max-width: 1200px) {
  .archivsSinglePagers {
    width: 42.85%;
  }
}
@media screen and (max-width: 767px) {
  .archivsSinglePagers {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .archivsSinglePagers {
    margin-top: 11.59%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .archivsSinglePagers {
    width: 86.95%;
  }
}

.btmArchivsSinglePagers {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  text-decoration: none;
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1200px) {
  .btmArchivsSinglePagers {
    font-size: 1.3793103448vw;
  }
}
.btmArchivsSinglePagers::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.875) * 0.5em);
  content: "";
}
.btmArchivsSinglePagers::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.875) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .btmArchivsSinglePagers {
    height: 4.1666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .btmArchivsSinglePagers {
    height: 13.3333333333vw;
    line-height: 1.875;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btmArchivsSinglePagers {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .btmArchivsSinglePagers::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.875) * 0.5em);
    content: "";
  }
  .btmArchivsSinglePagers::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.875) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgMovieFv {
  background: url(../img/movie/bgMovieFvPc.jpg) no-repeat center top;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .bgMovieFv {
    background: url(../img/movie/bgMovieFvPc.jpg) no-repeat center top;
    background-size: auto 100%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.movieMain {
  margin-top: 80px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .movieMain {
    margin-top: 6.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .movieMain {
    margin-top: 5.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.movieLoopNav {
  width: 1000px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .movieLoopNav {
    width: 83.33%;
  }
}
@media screen and (max-width: 1200px) {
  .movieLoopNav {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .movieLoopNav {
    width: 345px;
    margin-top: 5.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .movieLoopNav {
    width: 92%;
  }
}

.liMovieNav {
  position: relative;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 23.7px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 23.7px;
}
@media screen and (max-width: 1200px) {
  .liMovieNav {
    padding: 0% 2.37% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .liMovieNav {
    margin: 0% 2.37% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .liMovieNav {
    margin: 0% 1.8% 0% 0%;
    padding: 0% 1.8% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liMovieNav {
    margin: 0% 7.8% 0% 0%;
    padding: 0% 7.8% 0% 0%;
  }
}

.liMovieNav:after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #3F3B3A;
  transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
  .liMovieNav:after {
    height: 79%;
  }
}

.liMovieNav:last-child::after {
  display: none;
}

.btnMovieNav {
  font-size: 20px;
  line-height: 1.5;
  text-decoration: none;
  color: #3F3B3A;
  font-weight: 700;
}
@media screen and (max-width: 1200px) {
  .btnMovieNav {
    font-size: 1.724137931vw;
  }
}
@media screen and (max-width: 767px) {
  .btnMovieNav {
    line-height: 1.65;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnMovieNav {
    font-size: 4.8vw;
  }
}

.btnMovieNav:hover {
  opacity: 1;
  color: #00DFFF;
}

.movieLxn {
  width: 1000px;
  margin-top: 70px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .movieLxn {
    width: 83.33%;
  }
}
@media screen and (max-width: 1200px) {
  .movieLxn {
    margin-top: 5.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .movieLxn {
    width: 345px;
    margin-top: 60px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .movieLxn {
    width: 92%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .movieLxn {
    margin-top: 16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secMovieCnts {
  width: 100%;
}

.h2MovieCnts {
  padding-top: 2px;
  padding-bottom: 4px;
  padding-left: 13px;
  padding-right: 0px;
  font-size: 25px;
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
  border-left: 5px solid #0069B9;
  font-weight: 800;
  font-feature-settings: "palt";
}
@media screen and (max-width: 1200px) {
  .h2MovieCnts {
    padding: 0.2% 0% 0.4% 1.3%;
  }
}
@media screen and (max-width: 1200px) {
  .h2MovieCnts {
    font-size: 2.1551724138vw;
  }
}
.h2MovieCnts::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.2) * 0.5em);
  content: "";
}
.h2MovieCnts::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.2) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2MovieCnts {
    padding: 2% 0% 0.8% 3.5%;
    line-height: 1.5;
    letter-spacing: 0em;
    text-indent: 0em;
    border-left: 7px solid #0069B9;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2MovieCnts {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2MovieCnts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  .h2MovieCnts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}

.detailMovieCnts {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .detailMovieCnts {
    margin-top: 3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .detailMovieCnts {
    justify-content: space-between;
    margin-top: 5.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liDetailMovieCnts {
  width: 308px;
  margin-top: 0px;
  margin-bottom: 34px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .liDetailMovieCnts {
    width: 30.8%;
  }
}
@media screen and (max-width: 1200px) {
  .liDetailMovieCnts {
    margin: 0% 0% 2.83% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liDetailMovieCnts {
    width: 167px;
    margin: 0% 0% 9.5% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liDetailMovieCnts {
    width: 48.4%;
  }
}

.liDetailMovieCnts:nth-child(3n+2) {
  margin-top: 0px;
  margin-bottom: 34px;
  margin-left: 38px;
  margin-right: 38px;
}
@media screen and (max-width: 1200px) {
  .liDetailMovieCnts:nth-child(3n+2) {
    margin: 0% 3.16% 2.83% 3.16%;
  }
}
@media screen and (max-width: 767px) {
  .liDetailMovieCnts:nth-child(3n+2) {
    margin: 0% 0% 9.5% 0%;
  }
}

.btmDetailMovieCnts {
  display: block;
  width: 100%;
  position: relative;
}

.secMovieCnts:nth-child(n+2) {
  margin-top: 48px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .secMovieCnts:nth-child(n+2) {
    margin: 4.8% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secMovieCnts:nth-child(n+2) {
    margin: 8.5% 0% 0% 0%;
  }
}

.iconFlugPaidVideo {
  padding: 0 0 2px 0;
  width: 43px;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
  height: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 3%;
  left: 1.8%;
}
@media screen and (max-width: 1200px) {
  .iconFlugPaidVideo {
    width: 13.96%;
  }
}
@media screen and (max-width: 1200px) {
  .iconFlugPaidVideo {
    font-size: 1.5517241379vw;
  }
}
.iconFlugPaidVideo::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.iconFlugPaidVideo::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .iconFlugPaidVideo {
    padding: 1px 0 0 0;
    height: 2.3vw;
  }
}
@media screen and (max-width: 767px) {
  .iconFlugPaidVideo {
    width: 26px;
    height: 3.7333333333vw;
    line-height: 1;
    top: 4.7%;
    left: 2.5%;
    padding: 0;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .iconFlugPaidVideo {
    width: 15.56%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .iconFlugPaidVideo {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .iconFlugPaidVideo::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .iconFlugPaidVideo::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.h2DetailMovieCnts {
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .h2DetailMovieCnts {
    margin: 4.54% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h2DetailMovieCnts {
    margin: 4.5% 0% 0% 0%;
  }
}

.btmh2DetailMovieCnts {
  text-decoration: none;
  color: #3F3B3A;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .btmh2DetailMovieCnts {
    font-size: 1.2068965517vw;
  }
}
.btmh2DetailMovieCnts::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.btmh2DetailMovieCnts::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btmh2DetailMovieCnts {
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btmh2DetailMovieCnts {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .btmh2DetailMovieCnts::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  .btmh2DetailMovieCnts::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgTermsFv {
  background: url(../img/terms/bgTermsFvPc.jpg) no-repeat center top;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .bgTermsFv {
    background: url(../img/terms/bgTermsFvSp.jpg) no-repeat center top;
    background-size: auto 100%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.termsSchoolWap {
  margin-top: 112px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .termsSchoolWap {
    margin-top: 9.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .termsSchoolWap {
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .termsSchoolWap {
    margin-top: 8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.termsLxn {
  font-size: 23px;
  line-height: 1.3043478261;
  letter-spacing: 0em;
  text-indent: 0em;
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .termsLxn {
    font-size: 1.9827586207vw;
  }
}
.termsLxn::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3043478261) * 0.5em);
  content: "";
}
.termsLxn::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3043478261) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .termsLxn {
    width: 83.33%;
  }
}
@media screen and (max-width: 767px) {
  .termsLxn {
    letter-spacing: 0em;
    text-indent: 0em;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .termsLxn {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .termsLxn {
    width: 92%;
  }
}

.h1Teams {
  padding-top: 0px;
  padding-bottom: 30px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 23px;
  line-height: 1.3043478261;
  letter-spacing: 0.03em;
  text-indent: -0.03em;
  border-bottom: 1px solid #3E3A39;
  font-weight: 600;
}
@media screen and (max-width: 1200px) {
  .h1Teams {
    padding: 0% 0% 2.5% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .h1Teams {
    font-size: 1.9827586207vw;
  }
}
.h1Teams::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3043478261) * 0.5em);
  content: "";
}
.h1Teams::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3043478261) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h1Teams {
    padding: 0% 0% 5.95% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1Teams {
    font-size: 5.3333333333vw;
  }
}

.txtTeams {
  margin-top: 37px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 10px;
  line-height: 1.8;
  letter-spacing: 0em;
  text-indent: 0em;
  font-weight: 500;
  font-feature-settings: "palt";
}
@media screen and (max-width: 1200px) {
  .txtTeams {
    margin-top: 3.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .txtTeams {
    font-size: 0.8620689655vw;
  }
}
.txtTeams::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
  content: "";
}
.txtTeams::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtTeams {
    margin-top: 6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.66;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTeams {
    font-size: 4vw;
  }
}

.txtTeams02 {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .txtTeams02 {
    margin-top: 2.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtTeams02 {
    margin-top: 23.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtTeams03 {
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .txtTeams03 {
    margin-top: 1.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtTeams03 {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .txtTeams03 {
    margin-top: 5.79%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.teamsTable {
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 60px;
  padding-bottom: 30px;
  padding-left: 0px;
  padding-right: 0px;
  width: 287px;
}
@media screen and (max-width: 1200px) {
  .teamsTable {
    margin: 1.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .teamsTable {
    padding: 6% 0% 3% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .teamsTable {
    width: 28.7%;
  }
}
@media screen and (max-width: 767px) {
  .teamsTable {
    margin: 3.3% 0% 0% 0%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .teamsTable {
    padding: 1.44% 0% 1.44% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .teamsTable {
    width: 100%;
  }
}

.teamsTable th {
  padding-top: 2px;
  padding-bottom: 4px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 12px;
  line-height: 1.5833333333;
  letter-spacing: 0em;
  text-indent: 0em;
  border: 1px solid #231815;
  vertical-align: middle;
}
@media screen and (max-width: 1200px) {
  .teamsTable th {
    padding: 0.2% 0% 0.4% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .teamsTable th {
    font-size: 1.0344827586vw;
  }
}
.teamsTable th::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
.teamsTable th::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .teamsTable th {
    padding: 1.31% 0% 1.31% 0%;
    line-height: 1.6428571429;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .teamsTable th {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .teamsTable th::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6428571429) * 0.5em);
    content: "";
  }
  .teamsTable th::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6428571429) * 0.5em);
    content: "";
  }
}

.thTeamsTable01 {
  width: 107px;
}
@media screen and (max-width: 1200px) {
  .thTeamsTable01 {
    width: 37.28%;
  }
}

.thTeamsTable02 {
  width: 60px;
}
@media screen and (max-width: 1200px) {
  .thTeamsTable02 {
    width: 20.9%;
  }
}

.thTeamsTable03 {
  width: 60px;
}
@media screen and (max-width: 1200px) {
  .thTeamsTable03 {
    width: 20.9%;
  }
}

.thTeamsTable04 {
  width: 60px;
}
@media screen and (max-width: 1200px) {
  .thTeamsTable04 {
    width: 20.9%;
  }
}

.teamsTable td {
  padding-top: 2px;
  padding-bottom: 4px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 12px;
  line-height: 1.5833333333;
  letter-spacing: 0em;
  text-indent: 0em;
  border: 1px solid #231815;
  vertical-align: middle;
}
@media screen and (max-width: 1200px) {
  .teamsTable td {
    padding: 0.2% 0% 0.4% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .teamsTable td {
    font-size: 1.0344827586vw;
  }
}
.teamsTable td::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
.teamsTable td::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5833333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .teamsTable td {
    padding: 1.2% 0% 1.2% 0%;
    line-height: 1.6428571429;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .teamsTable td {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .teamsTable td::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6428571429) * 0.5em);
    content: "";
  }
  .teamsTable td::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6428571429) * 0.5em);
    content: "";
  }
}

td.thTeamsTable01 {
  width: 107px;
}
@media screen and (max-width: 1200px) {
  td.thTeamsTable01 {
    width: 37.28%;
  }
}

td.thTeamsTable02 {
  width: 60px;
}
@media screen and (max-width: 1200px) {
  td.thTeamsTable02 {
    width: 20.9%;
  }
}

td.thTeamsTable03 {
  width: 107px;
  border: 3px solid;
}
@media screen and (max-width: 1200px) {
  td.thTeamsTable03 {
    width: 37.28%;
  }
}

.teamsTable .thTeamsTable0202 {
  line-height: 1;
  padding-top: 6.5px;
  padding-bottom: 6.5px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .teamsTable .thTeamsTable0202 {
    padding: 0.65% 0% 0.65% 0%;
  }
}
@media screen and (max-width: 767px) {
  .teamsTable .thTeamsTable0202 {
    padding: 10px;
  }
}

.thTeamsTableSpan {
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1200px) {
  .thTeamsTableSpan {
    font-size: 0.8620689655vw;
  }
}
.thTeamsTableSpan::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.2) * 0.5em);
  content: "";
}
.thTeamsTableSpan::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.2) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .thTeamsTableSpan {
    line-height: 1.1666666667;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thTeamsTableSpan {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .thTeamsTableSpan::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.1666666667) * 0.5em);
    content: "";
  }
  .thTeamsTableSpan::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.1666666667) * 0.5em);
    content: "";
  }
}
.thTeamsTableSpan:before, .thTeamsTableSpan:after {
  margin: 0;
  display: none;
}

.termsSchool02Wap {
  margin-top: 52px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .termsSchool02Wap {
    margin-top: 5.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .termsSchool02Wap {
    margin-top: 20.7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.underline {
  border-bottom: 1px solid #3E3A39;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgTrialFv {
  background: url(../img/trial/bgTrialFvPc.jpg) no-repeat center top;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .bgTrialFv {
    background: url(../img/trial/bgTrialFvSp.jpg) no-repeat center top;
    background-size: auto 100%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgTrialMain {
  background: url(../img/trial/bgTrialMainPc.jpg) no-repeat center top;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .bgTrialMain {
    background: url(../img/trial/bgTrialMainSp.jpg) no-repeat center top;
    background-size: cover;
  }
}

.trialMain {
  padding-top: 106px;
  padding-bottom: 793px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .trialMain {
    padding: 8.83% 0% 66.08% 0%;
  }
}
@media screen and (max-width: 767px) {
  .trialMain {
    padding-top: 49px;
    padding-bottom: 419px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .trialMain {
    padding: 13.06% 0% 111.73% 0%;
  }
}

.traialMainLxn {
  width: 883px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .traialMainLxn {
    width: 73.58%;
  }
}
@media screen and (max-width: 1200px) {
  .traialMainLxn {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .traialMainLxn {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .traialMainLxn {
    width: 92%;
  }
}

.h1TraialMainLxn {
  width: 600px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .h1TraialMainLxn {
    width: 67.95%;
  }
}
@media screen and (max-width: 1200px) {
  .h1TraialMainLxn {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .h1TraialMainLxn {
    width: 300px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h1TraialMainLxn {
    width: 86.95%;
  }
}

.secTraialDetail {
  position: relative;
  width: 100%;
  margin-top: 105px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 43px;
  padding-bottom: 48px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .secTraialDetail {
    margin-top: 11.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .secTraialDetail {
    padding: 4.86% 0% 5.43% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secTraialDetail {
    margin-top: 17.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding: 4.4% 0% 5% 0%;
  }
}

.numberTraialDetail {
  position: absolute;
  top: -12.5%;
  left: -2.5%;
  width: 90.1996px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .numberTraialDetail {
    width: 10.21%;
  }
}
@media screen and (max-width: 1200px) {
  .numberTraialDetail {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .numberTraialDetail {
    top: -16.5%;
    left: 4.3%;
    width: 18%;
  }
}

.h2TraialDetail {
  font-size: 35px;
  line-height: 1.4857142857;
  letter-spacing: 0.05em;
  text-indent: -0.05em;
  font-feature-settings: "palt";
}
@media screen and (max-width: 1200px) {
  .h2TraialDetail {
    font-size: 3.0172413793vw;
  }
}
.h2TraialDetail::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4857142857) * 0.5em);
  content: "";
}
.h2TraialDetail::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4857142857) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2TraialDetail {
    line-height: 1.1875;
    letter-spacing: 0.05em;
    text-indent: -0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TraialDetail {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TraialDetail::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.1875) * 0.5em);
    content: "";
  }
  .h2TraialDetail::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.1875) * 0.5em);
    content: "";
  }
}

.bntTelTraialDetail {
  width: 100%;
  text-decoration: none;
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .bntTelTraialDetail {
    margin-top: 1.81%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .bntTelTraialDetail {
    margin-top: 1.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.telStrings {
  font-size: 60px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1200px) {
  .telStrings {
    font-size: 5.1724137931vw;
  }
}
.telStrings::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.telStrings::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .telStrings {
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .telStrings {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .telStrings::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .telStrings::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.telInt {
  font-size: 85px;
  line-height: 1;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1200px) {
  .telInt {
    font-size: 7.3275862069vw;
  }
}
.telInt::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.telInt::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .telInt {
    line-height: 1;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .telInt {
    font-size: 9.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .telInt::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .telInt::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.txtTraialDetail {
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  text-indent: -0.05em;
  margin-top: 9px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-feature-settings: "palt";
}
@media screen and (max-width: 1200px) {
  .txtTraialDetail {
    font-size: 1.724137931vw;
  }
}
.txtTraialDetail::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.txtTraialDetail::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .txtTraialDetail {
    margin-top: 1.01%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtTraialDetail {
    line-height: 1.3333333333;
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 1.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTraialDetail {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTraialDetail::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.3333333333) * 0.5em);
    content: "";
  }
  .txtTraialDetail::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.3333333333) * 0.5em);
    content: "";
  }
}

.arrow {
  width: 41.5161px;
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .arrow {
    width: 4.7%;
  }
}
@media screen and (max-width: 1200px) {
  .arrow {
    margin-top: 3.05%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .arrow {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 8.39%;
  }
}

.secTraialDetail02 {
  background: rgba(255, 255, 255, 0.9);
  margin-top: 28px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 25px;
  padding-bottom: 33px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .secTraialDetail02 {
    margin-top: 3.17%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .secTraialDetail02 {
    padding: 2.83% 0% 3.73% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secTraialDetail02 {
    margin-top: 3.03%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding: 6.5% 0% 6.66% 0%;
  }
}

.txtTraialDetail02 {
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  text-indent: -0.05em;
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-feature-settings: "palt";
}
@media screen and (max-width: 1200px) {
  .txtTraialDetail02 {
    font-size: 1.724137931vw;
  }
}
.txtTraialDetail02::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.txtTraialDetail02::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .txtTraialDetail02 {
    margin-top: 1.47%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtTraialDetail02 {
    line-height: 1.3333333333;
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 2.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTraialDetail02 {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTraialDetail02::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.3333333333) * 0.5em);
    content: "";
  }
  .txtTraialDetail02::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.3333333333) * 0.5em);
    content: "";
  }
}

.secTraialDetail02 .numberTraialDetail {
  position: absolute;
  top: -20.5%;
  left: -2.5%;
  width: 90.1996px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .secTraialDetail02 .numberTraialDetail {
    width: 10.21%;
  }
}
@media screen and (max-width: 1200px) {
  .secTraialDetail02 .numberTraialDetail {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secTraialDetail02 .numberTraialDetail {
    top: -22.5%;
    left: 4.3%;
    width: 18%;
  }
}

.secTraialDetail02 + .arrow {
  width: 41.5161px;
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .secTraialDetail02 + .arrow {
    width: 4.7%;
  }
}
@media screen and (max-width: 1200px) {
  .secTraialDetail02 + .arrow {
    margin-top: 3.05%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secTraialDetail02 + .arrow {
    margin-top: 5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 8.39%;
  }
}

.secTraialDetail03 {
  background: rgba(255, 255, 255, 0.9);
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 38px;
  padding-bottom: 48px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .secTraialDetail03 {
    margin-top: 3.05%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1200px) {
  .secTraialDetail03 {
    padding: 4.3% 0% 5.43% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secTraialDetail03 {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 7.66% 0% 9.86% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secTraialDetail03 {
    margin-top: 3.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secTraialDetail03 .numberTraialDetail {
  position: absolute;
  top: -22.5%;
  left: -2.5%;
  width: 90.1996px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .secTraialDetail03 .numberTraialDetail {
    width: 10.21%;
  }
}
@media screen and (max-width: 1200px) {
  .secTraialDetail03 .numberTraialDetail {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secTraialDetail03 .numberTraialDetail {
    top: -23%;
    left: 4.3%;
    width: 18%;
  }
}

.txtTraialDetail03 {
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  text-indent: -0.05em;
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-feature-settings: "palt";
}
@media screen and (max-width: 1200px) {
  .txtTraialDetail03 {
    font-size: 1.724137931vw;
  }
}
.txtTraialDetail03::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.txtTraialDetail03::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .txtTraialDetail03 {
    margin-top: 1.81%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtTraialDetail03 {
    line-height: 1.3333333333;
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 2.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTraialDetail03 {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTraialDetail03::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.3333333333) * 0.5em);
    content: "";
  }
  .txtTraialDetail03::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.3333333333) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgFaclityFv {
  background: url(../img/faclity/bgFaclityFvPc.jpg) no-repeat center top;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .bgFaclityFv {
    background: url(../img/faclity/bgFaclityFvSp.jpg) no-repeat center top;
    background-size: auto 100%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.termsMain {
  margin-top: 115px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .termsMain {
    margin: 5.98% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .termsMain {
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .termsMain {
    margin: 8% 0% 0% 0%;
  }
}

.faclityTitleLxn {
  width: 452px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .faclityTitleLxn {
    width: 37.66%;
  }
}
@media screen and (max-width: 1200px) {
  .faclityTitleLxn {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .faclityTitleLxn {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .faclityTitleLxn {
    width: 92%;
  }
}

.secFaclityTitle {
  width: 100%;
}

.h1FaclityTitle {
  border-bottom: 1px solid #3E3A39;
  padding-top: 0px;
  padding-bottom: 34px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 23px;
  line-height: 1.3043478261;
  letter-spacing: 0.05em;
  text-indent: -0.05em;
  font-feature-settings: "palt";
  font-weight: 800;
}
@media screen and (max-width: 1200px) {
  .h1FaclityTitle {
    padding: 0% 0% 7.52% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .h1FaclityTitle {
    font-size: 1.9827586207vw;
  }
}
.h1FaclityTitle::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3043478261) * 0.5em);
  content: "";
}
.h1FaclityTitle::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3043478261) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h1FaclityTitle {
    line-height: 1;
    letter-spacing: 0.05em;
    text-indent: -0.05em;
    padding-top: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1FaclityTitle {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h1FaclityTitle::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .h1FaclityTitle::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .h1FaclityTitle {
    padding: 0% 0% 5.79% 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.faciltyW100Wap {
  width: 100%;
  margin-top: 66px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 37px;
  padding-bottom: 43px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .faciltyW100Wap {
    margin: 3.43% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .faciltyW100Wap {
    padding: 1.92% 0% 2.23% 0%;
  }
}
@media screen and (max-width: 767px) {
  .faciltyW100Wap {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 16px;
    padding-bottom: 22px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .faciltyW100Wap {
    margin: 5.33% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .faciltyW100Wap {
    padding: 4.26% 0% 5.86% 0%;
  }
}

.secFaciltyDetail {
  width: 474px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .secFaciltyDetail {
    width: 39.5%;
  }
}
@media screen and (max-width: 1200px) {
  .secFaciltyDetail {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secFaciltyDetail {
    width: 350px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .secFaciltyDetail {
    width: 93.33%;
  }
}

.h2FaciltyDetail {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-indent: -0.05em;
  font-feature-settings: "palt";
  font-weight: 800;
}
@media screen and (max-width: 1200px) {
  .h2FaciltyDetail {
    font-size: 1.724137931vw;
  }
}
.h2FaciltyDetail::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.h2FaciltyDetail::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2FaciltyDetail {
    line-height: 1.0714285714;
    letter-spacing: 0.05em;
    text-indent: -0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2FaciltyDetail {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2FaciltyDetail::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.0714285714) * 0.5em);
    content: "";
  }
  .h2FaciltyDetail::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.0714285714) * 0.5em);
    content: "";
  }
}

.faciltyDetailFx {
  width: 100%;
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .faciltyDetailFx {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .faciltyDetailFx {
    width: 225px;
    margin-top: 19px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .faciltyDetailFx {
    width: 64.28%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .faciltyDetailFx {
    margin-top: 5.06%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.faciltyW100WapUnder .faciltyDetailFx {
  width: 100%;
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .faciltyW100WapUnder .faciltyDetailFx {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .faciltyW100WapUnder .faciltyDetailFx {
    width: 225px;
    margin-top: 3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .faciltyW100WapUnder .faciltyDetailFx {
    width: 64.28%;
  }
}

.liFaciltyDetailW100 {
  width: 324px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .liFaciltyDetailW100 {
    width: 68.35%;
  }
}
@media screen and (max-width: 1200px) {
  .liFaciltyDetailW100 {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liFaciltyDetailW100 {
    width: 100%;
  }
}

.photoFaciltyDetail {
  width: 100%;
}

.txtFaciltyDetail {
  font-feature-settings: "palt";
  font-size: 12px;
  line-height: 2.0833333333;
  letter-spacing: 0.05em;
  text-indent: -0.05em;
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .txtFaciltyDetail {
    font-size: 1.0344827586vw;
  }
}
.txtFaciltyDetail::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.0833333333) * 0.5em);
  content: "";
}
.txtFaciltyDetail::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.0833333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .txtFaciltyDetail {
    margin-top: 5.27%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtFaciltyDetail {
    line-height: 1.4;
    letter-spacing: 0em;
    text-indent: 0em;
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtFaciltyDetail {
    font-size: 3.2vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.faciltyW100WapUnder {
  margin-top: 29px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 38px;
  padding-bottom: 43px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .faciltyW100WapUnder {
    margin: 1.51% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .faciltyW100WapUnder {
    padding: 1.97% 0% 2.23% 0%;
  }
}
@media screen and (max-width: 767px) {
  .faciltyW100WapUnder {
    margin: 5.86% 0% 0% 0%;
    padding: 4.26% 0% 3.86% 0%;
  }
}

.liFaciltyDetailW50 {
  width: 225px;
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .liFaciltyDetailW50 {
    width: 47.46%;
  }
}
@media screen and (max-width: 1200px) {
  .liFaciltyDetailW50 {
    margin: 2.74% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liFaciltyDetailW50 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liFaciltyDetailW50 {
    margin: 0% 0% 0% 0%;
  }
}

@media screen and (max-width: 767px) {
  .liFaciltyDetailW50:nth-child(n+2) {
    margin-top: 14px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .liFaciltyDetailW50:nth-child(n+2) {
    margin-top: 6.22%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.faciltyW100WapUnder .txtFaciltyDetail {
  font-feature-settings: "palt";
  font-size: 12px;
  line-height: 2.0833333333;
  letter-spacing: 0.05em;
  text-indent: -0.05em;
  margin-top: 36px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .faciltyW100WapUnder .txtFaciltyDetail {
    font-size: 1.0344827586vw;
  }
}
.faciltyW100WapUnder .txtFaciltyDetail::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.0833333333) * 0.5em);
  content: "";
}
.faciltyW100WapUnder .txtFaciltyDetail::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.0833333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .faciltyW100WapUnder .txtFaciltyDetail {
    margin-top: 7.59%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .faciltyW100WapUnder .txtFaciltyDetail {
    line-height: 1.25;
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .faciltyW100WapUnder .txtFaciltyDetail {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .faciltyW100WapUnder .txtFaciltyDetail::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.25) * 0.5em);
    content: "";
  }
  .faciltyW100WapUnder .txtFaciltyDetail::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.25) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.faciltyW100WapAddress {
  margin-top: 29px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 38px;
  padding-bottom: 43px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1200px) {
  .faciltyW100WapAddress {
    margin: 1.51% 0% 0% 0%;
  }
}
@media screen and (max-width: 1200px) {
  .faciltyW100WapAddress {
    padding: 1.97% 0% 2.23% 0%;
  }
}
@media screen and (max-width: 767px) {
  .faciltyW100WapAddress {
    margin-top: 22px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 4.26% 0% 3.86% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .faciltyW100WapAddress {
    margin: 5.86% 0% 0% 0%;
  }
}

.faciltyW100WapAddress .txtFaciltyDetail {
  font-feature-settings: "palt";
  font-size: 12px;
  line-height: 2.0833333333;
  letter-spacing: 0.05em;
  text-indent: -0.05em;
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .faciltyW100WapAddress .txtFaciltyDetail {
    font-size: 1.0344827586vw;
  }
}
.faciltyW100WapAddress .txtFaciltyDetail::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.0833333333) * 0.5em);
  content: "";
}
.faciltyW100WapAddress .txtFaciltyDetail::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.0833333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .faciltyW100WapAddress .txtFaciltyDetail {
    margin-top: 5.48%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .faciltyW100WapAddress .txtFaciltyDetail {
    line-height: 1.65;
    letter-spacing: 0em;
    text-indent: 0em;
    letter-spacing: 0em;
    text-indent: 0em;
    margin-top: 3.85%;
    margin-bottom: 3%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .faciltyW100WapAddress .txtFaciltyDetail {
    font-size: 3.2vw;
  }
}

.faciltyW100WapAddress .faciltyDetailFx {
  width: 100%;
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .faciltyW100WapAddress .faciltyDetailFx {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .faciltyW100WapAddress .faciltyDetailFx {
    width: 225px;
    margin-top: 5.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .faciltyW100WapAddress .faciltyDetailFx {
    width: 64.28%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.tokuteiLxn {
  width: 1000px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .tokuteiLxn {
    width: 83.33%;
  }
}
@media screen and (max-width: 1200px) {
  .tokuteiLxn {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .tokuteiLxn {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .tokuteiLxn {
    width: 92%;
  }
}

.h1Tokutei {
  padding-top: 2px;
  padding-bottom: 4px;
  padding-left: 13px;
  padding-right: 0px;
  font-size: 25px;
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
  border-left: 5px solid #0069B9;
  font-weight: 800;
  font-feature-settings: "palt";
}
@media screen and (max-width: 1200px) {
  .h1Tokutei {
    padding: 0.2% 0% 0.4% 1.3%;
  }
}
@media screen and (max-width: 1200px) {
  .h1Tokutei {
    font-size: 2.1551724138vw;
  }
}
.h1Tokutei::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.2) * 0.5em);
  content: "";
}
.h1Tokutei::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.2) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h1Tokutei {
    padding: 2% 0% 0.8% 3.5%;
    line-height: 1.5;
    letter-spacing: 0em;
    text-indent: 0em;
    border-left: 7px solid #0069B9;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1Tokutei {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h1Tokutei::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  .h1Tokutei::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}

.tableTokutei {
  border-bottom: 1px solid #0096B9;
  width: 100%;
  margin-top: 46px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1200px) {
  .tableTokutei {
    margin: 4.6% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .tableTokutei {
    border-bottom: none;
    margin-top: 22px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .tableTokutei {
    margin: 5.86% 0% 0% 0%;
  }
}

.thTokutei {
  border-top: 1px solid #0096B9;
  text-align: left;
  font-size: 20px;
  line-height: 2;
  letter-spacing: 0.05em;
  text-indent: -0.05em;
  width: 200px;
  padding-top: 39px;
  padding-bottom: 32px;
  padding-left: 18px;
  padding-right: 18px;
}
@media screen and (max-width: 1200px) {
  .thTokutei {
    font-size: 1.724137931vw;
  }
}
.thTokutei::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.thTokutei::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .thTokutei {
    width: 16.66%;
  }
}
@media screen and (max-width: 1200px) {
  .thTokutei {
    padding: 3.25% 1.5% 2.66% 1.5%;
  }
}
@media screen and (max-width: 767px) {
  .thTokutei {
    border-bottom: 1px solid #0096B9;
    line-height: 1;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
    display: block;
    width: 100%;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thTokutei {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .thTokutei::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .thTokutei::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .thTokutei {
    padding: 2.6% 2.31% 2.6% 2.31%;
  }
}

.tdTokutei {
  border-top: 1px solid #0096B9;
  font-size: 20px;
  line-height: 2;
  letter-spacing: 0.03em;
  text-indent: -0.03em;
  width: 800px;
  padding-top: 39px;
  padding-bottom: 32px;
  padding-left: 18px;
  padding-right: 18px;
}
@media screen and (max-width: 1200px) {
  .tdTokutei {
    font-size: 1.724137931vw;
  }
}
.tdTokutei::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.tdTokutei::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .tdTokutei {
    width: 66.66%;
  }
}
@media screen and (max-width: 1200px) {
  .tdTokutei {
    padding: 3.25% 1.5% 2.66% 1.5%;
  }
}
@media screen and (max-width: 767px) {
  .tdTokutei {
    border-top: none;
    line-height: 1.7142857143;
    letter-spacing: 0.02em;
    text-indent: -0.02em;
    display: block;
    width: 100%;
    padding-top: 23px;
    padding-bottom: 23px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdTokutei {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .tdTokutei::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7142857143) * 0.5em);
    content: "";
  }
  .tdTokutei::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7142857143) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .tdTokutei {
    padding: 6.66% 0% 6.66% 0%;
  }
}

/* ==========================================================================
Library
========================================================================== */
/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
  touch-action: pan-y;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
}

.bxslider {
  margin: 0;
  padding: 0;
}

ul.bxslider {
  list-style: none;
}

.bx-viewport {
  /* fix other elements on the page moving (in Chrome) */
  -webkit-transform: translateZ(0);
}

/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 3%;
  width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url("../images/bx_loader.gif") center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: 0.85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}

.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url("../images/controls.png") no-repeat 0 -32px;
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}

.bx-wrapper .bx-next {
  right: 10px;
  background: url("../images/controls.png") no-repeat -43px -32px;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 99;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url("../images/controls.png") -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url("../images/controls.png") -86px -44px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: 0.85em;
  padding: 10px;
}

.lb-loader, .lightbox {
  text-align: center;
  line-height: 0;
}

body:after {
  content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
  display: none;
}

.lb-dataContainer:after, .lb-outerContainer:after {
  content: "";
  clear: both;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #000;
  filter: alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  font-weight: 400;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  border: 4px solid #fff;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  background-color: #fff;
}

.lb-loader, .lb-nav {
  position: absolute;
  left: 0;
}

.lb-outerContainer:after {
  display: table;
}

.lb-loader {
  top: 43%;
  height: 25%;
  width: 100%;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: 0;
  background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}

.lb-next, .lb-prev {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  display: table;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: 700;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: 0;
  filter: alpha(Opacity=70);
  opacity: 0.7;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: alpha(Opacity=100);
  opacity: 1;
}