@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
========================================================================== */
body {
  -webkit-font-smoothing: antialiased;
  opacity: 0;
  animation: fadeIn 0.5s ease forwards;
  animation-delay: 0.05s;
}

svg {
  width: 100%;
  height: auto;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
a {
  transition-duration: 0.5s;
}
a:hover {
  opacity: 0.6;
}

body img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  body img {
    width: 100%;
  }
}

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: 1200px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .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;
}

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

.fw_900 {
  font-weight: 900;
}

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

.fw_1000 {
  font-weight: 1000;
}

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

.fw_1100 {
  font-weight: 1100;
}

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

.fw_1200 {
  font-weight: 1200;
}

.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: "Zen Maru Gothic", sans-serif;
  color: #323232;
  font-weight: 500;
}
body img {
  max-width: 100%;
  height: auto;
  display: block;
}

body input,
body textarea,
body button {
  font-family: "Zen Maru Gothic", 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;
}

.t_center {
  text-align: center;
}

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

.en {
  font-family: "Poller One", sans-serif;
}

.number {
  font-family: "Rammetto One", sans-serif;
}

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

/* ==========================================================================
Common
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.base_header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 999;
}
@media screen and (max-width: 767px) {
  .base_header {
    position: sticky;
  }
}

.headerPc {
  padding: 0vw 0vw 1.5625vw 0vw;
}
@media screen and (max-width: 1199px) {
  .headerPc {
    padding: 0vw 0vw 2.5625vw 0vw;
  }
}

.bgHeaderPc {
  background: url(../img/bgHeaderPc.png) no-repeat center bottom;
  background-size: 100% auto;
}

.headerPcFx {
  background: #FFF;
  align-items: flex-start;
}

.logoNavHeaderPc {
  width: 1264px;
  margin-top: 0vw;
  margin-bottom: 0vw;
  margin-left: 0.88vw;
  margin-right: auto;
  padding: 1vw 0vw 0.3vw 0vw;
}
@media screen and (max-width: 1199px) {
  .logoNavHeaderPc {
    width: 65.83%;
  }
}
@media screen and (max-width: 1400px) {
  .logoNavHeaderPc {
    width: 971px;
    padding: 0.6vw 0vw 0.1vw 0vw;
  }
}
@media screen and (max-width: 1400px) and (max-width: 1199px) {
  .logoNavHeaderPc {
    width: 80.91%;
  }
}

.logoHeaderPc {
  width: 13.5vw;
}
@media screen and (max-width: 1400px) {
  .logoHeaderPc {
    width: 10.5vw;
  }
}

.navHeaderPc {
  width: 980px;
  margin-top: 0vw;
  margin-bottom: 0vw;
  margin-left: auto;
  margin-right: 0;
  transform: translate(0, 16%);
}
@media screen and (max-width: 1199px) {
  .navHeaderPc {
    width: 51.04%;
  }
}
@media screen and (max-width: 1400px) {
  .navHeaderPc {
    width: 813px;
  }
}
@media screen and (max-width: 1400px) and (max-width: 1199px) {
  .navHeaderPc {
    width: 83.72%;
  }
}

.ulNavHeaderPc {
  width: 100%;
}

.liNavHeaderPc {
  position: relative;
  padding: 0vw 0vw 0.8333333333vw 0vw;
  width: auto;
  white-space: nowrap;
}
.liNavHeaderPc:last-child {
  margin: 0 0 0 0;
}

.btnNavHeaderPc {
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0em;
  line-height: 1.2857142857;
}
@media screen and (max-width: 1199px) {
  .btnNavHeaderPc {
    font-size: 1.1676396997vw;
  }
}
.btnNavHeaderPc::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.2857142857) * 0.5em);
  content: "";
}
.btnNavHeaderPc::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.2857142857) * 0.5em);
  content: "";
}
@media screen and (max-width: 1400px) {
  .btnNavHeaderPc {
    font-size: 13px;
  }
}
@media screen and (max-width: 1400px) and (max-width: 1199px) {
  .btnNavHeaderPc {
    font-size: 1.0842368641vw;
  }
}

.btnNavHeaderPcFx {
  align-items: center;
}
@media screen and (max-width: 1000px) {
  .btnNavHeaderPcFx {
    transform: translateY(0.3vw);
  }
}

.iconNameNavHeaderPc:after, .iconNameNavHeaderPc:before {
  display: none;
}

.iconNavHeaderPc {
  margin: 0vw 0vw 0vw 0.3645833333vw;
  width: 0.88vw;
}

.iconNavHeaderPc svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

/*サブメニュー*/
.subNavHeaderPc {
  width: 100%;
  position: absolute;
  top: 100%;
  border-radius: 5px;
  /* CSS3草案 */
  -webkit-border-radius: 5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;
  /* Firefox用 */
  overflow: hidden;
  height: 0;
  transition-duration: 0.5s;
  opacity: 0;
}

.liNavHeaderPc:hover .subNavHeaderPc {
  height: auto;
  opacity: 1;
}

.btnSubNavHeaderPc {
  padding: 0.4166666667vw 0vw 0.4166666667vw 0.4166666667vw;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
  display: block;
  aspect-ratio: 136/34;
}
@media screen and (max-width: 1199px) {
  .btnSubNavHeaderPc {
    font-size: 1.1676396997vw;
  }
}
@media screen and (max-width: 1400px) {
  .btnSubNavHeaderPc {
    font-size: 13px;
  }
}
@media screen and (max-width: 1400px) and (max-width: 1199px) {
  .btnSubNavHeaderPc {
    font-size: 1.0842368641vw;
  }
}
.btnSubNavHeaderPc:hover {
  background: #2F99F0;
  opacity: 1;
  color: #FFF;
}

/*電話*/
.telNmuberCnt {
  width: 15.1vw;
  margin: 0vw 0.5208333333vw 0vw 0vw;
}
@media screen and (max-width: 1400px) {
  .telNmuberCnt {
    width: 13.8%;
  }
}

.telNmuberCnt svg {
  width: 100%;
  height: 100%;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.headerSpTop {
  padding-top: 0px;
  padding-bottom: 19px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1199px) {
  .headerSpTop {
    padding: 0% 0% 5.06% 0%;
  }
}

.bgheaderSpTop {
  background: url(../img/bgHeaderSp.png) no-repeat center bottom;
  background-size: 100% auto;
}

.headerSpTopLxn {
  padding-top: 8px;
  padding-bottom: 6px;
  padding-left: 0px;
  padding-right: 0px;
  background: #FFF;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .headerSpTopLxn {
    padding: 2.13% 0% 1.6% 0%;
  }
}

.logoHeaderSp {
  width: 185px;
  margin: auto;
  display: block;
}
@media screen and (max-width: 1199px) {
  .logoHeaderSp {
    width: 49.33%;
  }
}

.btnHeaderSpTop {
  width: 50px;
  position: absolute;
  right: 2%;
  top: 10%;
}
@media screen and (max-width: 1199px) {
  .btnHeaderSpTop {
    width: 13.33%;
  }
}

.btnHeaderSpTop.off .imgbtnHeaderSpTop.off {
  display: block;
}
.btnHeaderSpTop.off .imgbtnHeaderSpTop.on {
  display: none;
}
.btnHeaderSpTop.on .imgbtnHeaderSpTop.off {
  display: none;
}
.btnHeaderSpTop.on .imgbtnHeaderSpTop.on {
  display: block;
}

/*メニュー*/
.navHeaderSpLxn {
  padding: 13.73% 0% 60.26% 0%;
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 85%;
  z-index: 0;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  display: none;
}
.navHeaderSpLxn::-webkit-scrollbar {
  display: none;
}

.navHeaderSp {
  width: 327px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .navHeaderSp {
    width: 87.2%;
  }
}

.liNavHeaderSp {
  width: 45%;
}
.liNavHeaderSp:nth-child(n+3) {
  margin-top: 32px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .liNavHeaderSp:nth-child(n+3) {
    margin: 9.78% 0% 0% 0%;
  }
}

.btnNavHeaderSp {
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
  .btnNavHeaderSp {
    font-size: 3.7333333333vw;
  }
}

.btnTelNmuberCntSp {
  margin-top: 56px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 327px;
}
@media screen and (max-width: 1199px) {
  .btnTelNmuberCntSp {
    margin-top: 17.12%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .btnTelNmuberCntSp {
    width: 100%;
  }
}

/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.btnFixedCalendarLxn {
  position: fixed;
  left: 4.6354166667vw;
  bottom: 2%;
  width: 6.92vw;
  z-index: 98;
}
@media screen and (max-width: 767px) {
  .btnFixedCalendarLxn {
    width: 18.93vw;
    bottom: 13%;
  }
}

.footerhome {
  margin-top: 232px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 95px;
  padding-bottom: 24px;
  padding-left: 0px;
  padding-right: 0px;
  background: url(../img/bgFooterPc.png) no-repeat top center;
  background-size: auto 100%;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .footerhome {
    margin-top: 12.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .footerhome {
    padding: 4.94% 0% 1.25% 0%;
  }
}
@media screen and (max-width: 767px) {
  .footerhome {
    margin-top: 104px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 15.73% 0% 20.4% 0%;
    background: url(../img/bgFooterSp.png) no-repeat top center;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .footerhome {
    margin-top: 27.73%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnFooter {
  position: absolute;
  right: 3%;
  top: -10.8033240997%;
  width: 4.94vw;
}
@media screen and (max-width: 767px) {
  .btnFooter {
    width: 59px;
    right: 2.1333333333%;
    top: -2.9197080292%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnFooter {
    width: 15.73%;
  }
}

@media screen and (max-width: 767px) {
  .footerWap {
    width: 327px;
    margin: auto;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .footerWap {
    width: 87.2%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .footerWap {
    padding: 0% 0% 0% 0%;
  }
}

.logoFooter {
  width: 334px;
}
@media screen and (max-width: 1199px) {
  .logoFooter {
    width: 27.83%;
  }
}
@media screen and (max-width: 767px) {
  .logoFooter {
    width: 327px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .logoFooter {
    width: 100%;
  }
}

.secFooterTopSnSLxn {
  width: 834px;
}
@media screen and (max-width: 1199px) {
  .secFooterTopSnSLxn {
    width: 69.49%;
  }
}
@media screen and (max-width: 767px) {
  .secFooterTopSnSLxn {
    width: 327px;
    margin-top: 7.68%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secFooterTopSnSLxn {
    width: 100%;
  }
}

.secFooterTop {
  width: 652px;
}
@media screen and (max-width: 1199px) {
  .secFooterTop {
    width: 78.17%;
  }
}
@media screen and (max-width: 767px) {
  .secFooterTop {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secFooterTop {
    width: 100%;
  }
}

.txtFooterTop {
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtFooterTop {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 767px) {
  .txtFooterTop {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtFooterTop {
    font-size: 4vw;
  }
}

.txtFooterBtm {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .txtFooterBtm {
    margin-top: 1.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtFooterBtm {
    margin-top: 3.44%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.telTxtFooterBtm {
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .telTxtFooterBtm {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 767px) {
  .telTxtFooterBtm {
    width: 100%;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .telTxtFooterBtm {
    font-size: 4vw;
  }
}

.timeTxtFooterBtm {
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 8px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .timeTxtFooterBtm {
    font-size: 1.1676396997vw;
  }
}
@media screen and (max-width: 1199px) {
  .timeTxtFooterBtm {
    margin: 0% 0% 0% 1.22%;
  }
}
@media screen and (max-width: 767px) {
  .timeTxtFooterBtm {
    width: 100%;
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .timeTxtFooterBtm {
    margin-top: 4.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .timeTxtFooterBtm {
    font-size: 3.7333333333vw;
  }
}

.ulFooterTop {
  width: 182px;
}
@media screen and (max-width: 1199px) {
  .ulFooterTop {
    width: 21.82%;
  }
}
@media screen and (max-width: 767px) {
  .ulFooterTop {
    width: 160px;
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulFooterTop {
    width: 48.92%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulFooterTop {
    margin: 7.33% 0% 0% 0%;
  }
}

.liFooterTop {
  width: 50px;
}
@media screen and (max-width: 1199px) {
  .liFooterTop {
    width: 27.47%;
  }
}
@media screen and (max-width: 767px) {
  .liFooterTop {
    width: 40px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liFooterTop {
    width: 25%;
  }
}
.liFooterTop svg {
  width: 100%;
  height: auto;
  display: block;
}

.navFooter {
  margin-top: 33px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 16px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  border-top: 1px solid #fff;
}
@media screen and (max-width: 1199px) {
  .navFooter {
    margin-top: 2.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .navFooter {
    padding: 1.33% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .navFooter {
    margin-top: 32px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 32px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .navFooter {
    margin-top: 9.78%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .navFooter {
    padding: 9.78% 0% 0% 0%;
  }
}

.ulNavFooter {
  flex-flow: row wrap;
}
@media screen and (max-width: 767px) {
  .ulNavFooter {
    justify-content: space-between;
  }
}

.liNavFooter {
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1199px) {
  .liNavFooter {
    font-size: 1.1676396997vw;
  }
}
@media screen and (max-width: 767px) {
  .liNavFooter {
    width: 45%;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liNavFooter {
    font-size: 3.7333333333vw;
  }
}
.liNavFooter:nth-child(n+2) {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 24px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .liNavFooter:nth-child(n+2) {
    margin: 0% 0% 0% 2%;
  }
}
@media screen and (max-width: 767px) {
  .liNavFooter:nth-child(n+2) {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liNavFooter:nth-child(n+2) {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liNavFooter:nth-child(n+3) {
    margin-top: 32px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liNavFooter:nth-child(n+3) {
    margin: 9.78% 0% 0% 0%;
  }
}

.txtFooterCopy {
  margin-top: 64px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1199px) {
  .txtFooterCopy {
    margin-top: 5.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtFooterCopy {
    font-size: 1.0008340284vw;
  }
}
@media screen and (max-width: 767px) {
  .txtFooterCopy {
    margin-top: 21.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtFooterCopy {
    font-size: 2.6666666667vw;
  }
}

@media screen and (max-width: 767px) {
  .btnTelNmuberFixefSpWap {
    margin-top: -1px;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 98;
  }
}

/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
@media screen and (max-width: 767px) {
  main {
    margin: -2vw auto 0 auto;
  }
}

.fvslider {
  padding: 0 0 10px 0;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .fvslider {
    padding: 0 0 4px 0;
  }
}

@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}
@media screen and (max-width: 767px) {
  .fvSwiper {
    width: 100%;
  }
}

.fvSwiper .swiper-slide-active .swiper-img,
.fvSwiper .swiper-slide-duplicate-active .swiper-img,
.fvSwiper .swiper-slide-prev .swiper-img {
  animation: zoomUp 7s linear 0s normal both;
}

.fvSwiper .swiper-slide img {
  height: auto;
  width: 100%;
}

/*ページャー*/
.fvslider .swiper-pagination-bullets {
  bottom: 0 !important;
}

.fvslider .swiper-pagination-bullet {
  background: #BEBEBE;
  width: 10px;
  height: 10px;
  margin: 0 8px !important;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .fvslider .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    margin: 0 7px !important;
  }
}

.fvslider .swiper-pagination-bullet-active {
  background: #2F99F0;
}

.picCenterFv {
  position: absolute;
  bottom: 5vw;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
  width: 46.66vw;
}
@media screen and (max-width: 767px) {
  .picCenterFv {
    width: 244px;
    bottom: 21vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .picCenterFv {
    width: 65.06%;
  }
}

.pictxtFv {
  position: absolute;
  top: 6vw;
  right: 10vw;
  z-index: 2;
  width: 4.25vw;
}
@media screen and (max-width: 767px) {
  .pictxtFv {
    width: 10.34vw;
    top: 4vw;
    right: 10vw;
  }
}

/*波の画像*/
.picBtmFv {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  margin: auto;
  width: 100%;
  z-index: 9;
}
@media screen and (max-width: 767px) {
  .picBtmFv {
    bottom: 3px;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.topicsSlider {
  margin-top: 71px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .topicsSlider {
    margin-top: 3.69%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .topicsSlider {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .topicsSlider {
    margin-top: 10.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.picBgTopicsSlider {
  position: absolute;
  top: -12vw;
  right: 0;
  z-index: 9;
  width: 15.46vw;
}
@media screen and (max-width: 767px) {
  .picBgTopicsSlider {
    width: 80px;
    top: -32vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .picBgTopicsSlider {
    width: 21.33%;
  }
}

.topicsSliderWap {
  position: relative;
  margin: -0.8% auto 0 auto;
}

.secTopicsSlider {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .secTopicsSlider {
    width: 359px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secTopicsSlider {
    width: 95.73%;
  }
}

.h2TopicsSlider {
  width: 321px;
  margin: auto;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1199px) {
  .h2TopicsSlider {
    width: 29.18%;
  }
}
@media screen and (max-width: 767px) {
  .h2TopicsSlider {
    width: 138px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h2TopicsSlider {
    width: 38.44%;
  }
}

.topicsSwiperOuter {
  position: relative;
  width: 100%;
  z-index: 1;
  margin-top: -27px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .topicsSwiperOuter {
    margin-top: -2.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .topicsSwiperOuter {
    margin-top: -15px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .topicsSwiperOuter {
    margin-top: -4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.topicsSwiper {
  padding-top: 0px;
  padding-bottom: 26px;
  padding-left: 0px;
  padding-right: 0px;
  width: 1100px;
  margin: auto;
  overflow: hidden;
}
@media screen and (max-width: 1199px) {
  .topicsSwiper {
    padding: 0% 0% 2.16% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .topicsSwiper {
    width: 91.66%;
  }
}
@media screen and (max-width: 767px) {
  .topicsSwiper {
    padding: 0% 0% 6% 0%;
    width: 92.08%;
  }
}

.topicsSwiper .swiper-slide {
  overflow: hidden;
  opacity: 0;
}
.topicsSwiper .swiper-slide-active {
  opacity: 1;
}

.topicsSwiperPagination {
  bottom: 0 !important;
}

/*ページャー*/
.topicsSwiperPagination .swiper-pagination-bullets {
  bottom: 0 !important;
}

.topicsSwiperPagination .swiper-pagination-bullet {
  background: #BEBEBE;
  width: 10px;
  height: 10px;
  margin: 0 8px !important;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .topicsSwiperPagination .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    margin: 0 7px !important;
  }
}

.topicsSwiperPagination .swiper-pagination-bullet-active {
  background: #2F99F0;
}

/*矢印*/
.swiper-button-next:after,
.swiper-button-prev:after {
  display: none;
}

.btnTopicsSliderPrev.swiper-button-prev {
  aspect-ratio: 1/1;
  width: 63px;
  background: url(../img/btnTopicsSliderPrev.svg) no-repeat center center;
  background-size: 100% 100%;
  left: 0;
  top: 47%;
  z-index: 9;
  height: auto;
}
@media screen and (max-width: 1199px) {
  .btnTopicsSliderPrev.swiper-button-prev {
    width: 5.72%;
  }
}
@media screen and (max-width: 767px) {
  .btnTopicsSliderPrev.swiper-button-prev {
    width: 22px;
    top: 52%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnTopicsSliderPrev.swiper-button-prev {
    width: 6.12%;
  }
}

.btnTopicsSliderNext.swiper-button-next {
  aspect-ratio: 1/1;
  width: 63px;
  background: url(../img/btnTopicsSliderNext.svg) no-repeat center center;
  background-size: 100% 100%;
  right: 0;
  top: 47%;
  z-index: 9;
  height: auto;
}
@media screen and (max-width: 1199px) {
  .btnTopicsSliderNext.swiper-button-next {
    width: 5.72%;
  }
}
@media screen and (max-width: 767px) {
  .btnTopicsSliderNext.swiper-button-next {
    width: 22px;
    top: 52%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnTopicsSliderNext.swiper-button-next {
    width: 6.12%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexNews {
  padding-top: 0px;
  padding-bottom: 45px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .indexNews {
    padding: 0% 0% 2.34% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexNews {
    padding-top: 0px;
    padding-bottom: 110px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .indexNews {
    padding: 0% 0% 29.33% 0%;
  }
}

/*▼*/
.imgbtmRightIndexNews {
  position: absolute;
  top: 84%;
  right: 0;
  z-index: 9;
  width: 9.27vw;
}
@media screen and (max-width: 1199px) {
  .imgbtmRightIndexNews {
    top: 97%;
  }
}
@media screen and (max-width: 767px) {
  .imgbtmRightIndexNews {
    width: 65px;
    bottom: -10%;
    top: unset;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .imgbtmRightIndexNews {
    width: 17.33%;
  }
}

.imgbtmLeftIndexNews {
  position: absolute;
  top: 57%;
  left: 0;
  z-index: 9;
  width: 6.51vw;
}
@media screen and (max-width: 767px) {
  .imgbtmLeftIndexNews {
    width: 70px;
    bottom: -7%;
    top: unset;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .imgbtmLeftIndexNews {
    width: 18.66%;
  }
}

.indexNewsWap {
  margin-top: 107px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .indexNewsWap {
    margin-top: 5.57%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .indexNewsWap {
    margin-top: 22%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .indexNewsWap {
    width: 87.2%;
  }
}

.titleIndexNews {
  width: 238px;
  margin: 1% 0 0 0;
}
@media screen and (max-width: 1199px) {
  .titleIndexNews {
    width: 19.83%;
  }
}
@media screen and (max-width: 767px) {
  .titleIndexNews {
    width: 109px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .titleIndexNews {
    width: 33.33%;
  }
}

.h3TitleIndexNews {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1199px) {
  .h3TitleIndexNews {
    font-size: 1.6680567139vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TitleIndexNews {
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TitleIndexNews {
    font-size: 4vw;
  }
}

.mainIndexNews {
  width: 876px;
}
@media screen and (max-width: 1199px) {
  .mainIndexNews {
    width: 73%;
  }
}
@media screen and (max-width: 767px) {
  .mainIndexNews {
    margin: 7% 0 0 0;
    width: 100%;
  }
}

.liMainIndexNews:nth-child(n+2) {
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .liMainIndexNews:nth-child(n+2) {
    margin: 2.62% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liMainIndexNews:nth-child(n+2) {
    margin: 9% 0% 0% 0%;
  }
}

.newTimeCatMainIndexNews {
  width: 265px;
  align-items: center;
}
@media screen and (max-width: 1199px) {
  .newTimeCatMainIndexNews {
    width: 30.25%;
  }
}
@media screen and (max-width: 767px) {
  .newTimeCatMainIndexNews {
    width: 239px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .newTimeCatMainIndexNews {
    width: 73.08%;
  }
}

.spanNewMainIndexNewsWap {
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
  width: 40px;
}
@media screen and (max-width: 1199px) {
  .spanNewMainIndexNewsWap {
    font-size: 1.1676396997vw;
  }
}
@media screen and (max-width: 1199px) {
  .spanNewMainIndexNewsWap {
    width: 15.09%;
  }
}
@media screen and (max-width: 767px) {
  .spanNewMainIndexNewsWap {
    width: 29px;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .spanNewMainIndexNewsWap {
    width: 12.13%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .spanNewMainIndexNewsWap {
    font-size: 3.2vw;
  }
}

.newMainIndexNews {
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1199px) {
  .newMainIndexNews {
    font-size: 1.1676396997vw;
  }
}
@media screen and (max-width: 767px) {
  .newMainIndexNews {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .newMainIndexNews {
    font-size: 3.2vw;
  }
}

.timeCatMainIndexNews {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 5px;
  margin-right: 10px;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
  width: 61px;
}
@media screen and (max-width: 1199px) {
  .timeCatMainIndexNews {
    margin: 0% 3.77% 0% 1.88%;
  }
}
@media screen and (max-width: 1199px) {
  .timeCatMainIndexNews {
    font-size: 1.1676396997vw;
  }
}
@media screen and (max-width: 1199px) {
  .timeCatMainIndexNews {
    width: 23.01%;
  }
}
@media screen and (max-width: 767px) {
  .timeCatMainIndexNews {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 8px;
    margin-right: 8px;
    line-height: normal;
    letter-spacing: 0em;
    width: 52px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .timeCatMainIndexNews {
    margin: 0% 3.34% 0% 3.34%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .timeCatMainIndexNews {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .timeCatMainIndexNews {
    width: 21.75%;
  }
}

.catMainIndexNews {
  width: 150px;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
  aspect-ratio: 150/30;
  border-radius: 16px;
  /* CSS3草案 */
  -webkit-border-radius: 16px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 16px;
  /* Firefox用 */
}
@media screen and (max-width: 1199px) {
  .catMainIndexNews {
    width: 56.6%;
  }
}
@media screen and (max-width: 1199px) {
  .catMainIndexNews {
    font-size: 1.1676396997vw;
  }
}
@media screen and (max-width: 767px) {
  .catMainIndexNews {
    width: 142px;
    line-height: normal;
    letter-spacing: 0em;
    aspect-ratio: 142/24;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .catMainIndexNews {
    width: 59.41%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .catMainIndexNews {
    font-size: 3.4666666667vw;
  }
}

.txtCatMainIndexNews {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: 0px;
  width: 588px;
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtCatMainIndexNews {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 0%;
  }
}
@media screen and (max-width: 1199px) {
  .txtCatMainIndexNews {
    width: 67.12%;
  }
}
@media screen and (max-width: 1199px) {
  .txtCatMainIndexNews {
    font-size: 1.3344453711vw;
  }
}
.txtCatMainIndexNews::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.875) * 0.5em);
  content: "";
}
.txtCatMainIndexNews::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.875) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtCatMainIndexNews {
    margin-top: 4.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    line-height: 1.6923076923;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtCatMainIndexNews {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtCatMainIndexNews::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6923076923) * 0.5em);
    content: "";
  }
  .txtCatMainIndexNews::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6923076923) * 0.5em);
    content: "";
  }
}

.btnMainIndexNewsLxn {
  margin-top: 42px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: 0px;
  width: 222px;
  position: relative;
  z-index: 99;
}
@media screen and (max-width: 1199px) {
  .btnMainIndexNewsLxn {
    margin-top: 3.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 0%;
  }
}
@media screen and (max-width: 1199px) {
  .btnMainIndexNewsLxn {
    width: 18.5%;
  }
}
@media screen and (max-width: 767px) {
  .btnMainIndexNewsLxn {
    margin-top: 10.78%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 0%;
    width: 140px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnMainIndexNewsLxn {
    width: 42.81%;
  }
}

.btnMainIndexNews {
  aspect-ratio: 222/50;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  font-size: 17px;
  line-height: normal;
  letter-spacing: 0.05em;
  text-decoration: none;
}
@media screen and (max-width: 1199px) {
  .btnMainIndexNews {
    font-size: 1.4178482068vw;
  }
}
@media screen and (max-width: 767px) {
  .btnMainIndexNews {
    aspect-ratio: 140/40;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnMainIndexNews {
    font-size: 4vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexSchool {
  margin-top: -94px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 134px;
  padding-bottom: 212px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 1199px) {
  .indexSchool {
    margin-top: -4.9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .indexSchool {
    padding: 6.97% 0% 11.04% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .indexSchool {
    padding: 6.97% 0% 24.04% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexSchool {
    margin-top: -36px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 36px;
    padding-bottom: 51px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .indexSchool {
    margin-top: -9.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .indexSchool {
    padding: 9.6% 0% 13.6% 0%;
  }
}

.imgbtmRightIndexSchool {
  width: 10.26vw;
  position: absolute;
  top: 73.5%;
  right: 0;
  z-index: 9;
}
@media screen and (max-width: 767px) {
  .imgbtmRightIndexSchool {
    width: 69px;
    top: 88.5%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .imgbtmRightIndexSchool {
    width: 18.4%;
  }
}

.imgbtmLeftIndexSchool {
  width: 13.8vw;
  position: absolute;
  top: 72.5%;
  left: 0;
  z-index: 9;
}
@media screen and (max-width: 767px) {
  .imgbtmLeftIndexSchool {
    width: 104px;
    top: 91.2%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .imgbtmLeftIndexSchool {
    width: 27.73%;
  }
}

.mainIndexSchool {
  padding-top: 130px;
  padding-bottom: 155px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .mainIndexSchool {
    padding: 6.77% 0% 8.07% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainIndexSchool {
    padding: 19.5% 0% 30.93% 0%;
  }
}

.bgMainIndexSchool {
  background: url(../img/index/bgMainIndexSchoolPc.png) no-repeat center top;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .bgMainIndexSchool {
    background: url(../img/index/bgMainIndexSchoolSp.png) no-repeat center top;
    background-size: cover;
  }
}

.h2MainIndexSchoolWap {
  width: 486px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .h2MainIndexSchoolWap {
    width: 40.5%;
  }
}
@media screen and (max-width: 767px) {
  .h2MainIndexSchoolWap {
    width: 296px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h2MainIndexSchoolWap {
    width: 78.93%;
  }
}

.ulMainIndexSchool {
  margin-top: 42px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .ulMainIndexSchool {
    margin-top: 3.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulMainIndexSchool {
    width: 66.33%;
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulMainIndexSchool {
    margin-top: 6.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liMainIndexSchool {
  width: 360px;
}
@media screen and (max-width: 1199px) {
  .liMainIndexSchool {
    width: 30%;
  }
}
@media screen and (max-width: 767px) {
  .liMainIndexSchool {
    width: 100%;
  }
  .liMainIndexSchool:nth-child(n+2) {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liMainIndexSchool:nth-child(n+2) {
    margin-top: 16.32%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .photoMainIndexSchool {
    width: 99%;
    margin: auto;
  }
}

.txtMainIndexSchool {
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtMainIndexSchool {
    margin-top: 4.72%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtMainIndexSchool {
    font-size: 1.3344453711vw;
  }
}
.txtMainIndexSchool::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.875) * 0.5em);
  content: "";
}
.txtMainIndexSchool::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.875) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtMainIndexSchool {
    margin-top: 4.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6923076923;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtMainIndexSchool {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtMainIndexSchool::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6923076923) * 0.5em);
    content: "";
  }
  .txtMainIndexSchool::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6923076923) * 0.5em);
    content: "";
  }
}

.subLinkIndexSchool {
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}
@media screen and (max-width: 1199px) {
  .subLinkIndexSchool {
    margin-top: 7.22%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .subLinkIndexSchool {
    width: 99%;
    margin-top: 5.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liLinkIndexSchoolPage {
  width: 222px;
}
@media screen and (max-width: 1199px) {
  .liLinkIndexSchoolPage {
    width: 61.66%;
  }
}
@media screen and (max-width: 767px) {
  .liLinkIndexSchoolPage {
    width: 140px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liLinkIndexSchoolPage {
    width: 57.14%;
  }
}

.btnLinkIndexSchoolPage {
  font-size: 17px;
  line-height: normal;
  letter-spacing: 0.05em;
  aspect-ratio: 222/50;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
}
@media screen and (max-width: 1199px) {
  .btnLinkIndexSchoolPage {
    font-size: 1.4178482068vw;
  }
}
@media screen and (max-width: 767px) {
  .btnLinkIndexSchoolPage {
    line-height: normal;
    letter-spacing: 0.05em;
    aspect-ratio: 140/40;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnLinkIndexSchoolPage {
    font-size: 4vw;
  }
}

.liLinkIndexSchoolPrice {
  width: 130px;
}
@media screen and (max-width: 1199px) {
  .liLinkIndexSchoolPrice {
    width: 36.11%;
  }
}
@media screen and (max-width: 767px) {
  .liLinkIndexSchoolPrice {
    width: 100px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liLinkIndexSchoolPrice {
    width: 40.81%;
  }
}

.btnLinkIndexSchoolPrice {
  font-size: 17px;
  line-height: normal;
  letter-spacing: 0.05em;
  aspect-ratio: 130/50;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
}
@media screen and (max-width: 1199px) {
  .btnLinkIndexSchoolPrice {
    font-size: 1.4178482068vw;
  }
}
@media screen and (max-width: 767px) {
  .btnLinkIndexSchoolPrice {
    line-height: normal;
    letter-spacing: 0.05em;
    aspect-ratio: 100/40;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnLinkIndexSchoolPrice {
    font-size: 4vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexAbout {
  margin-top: -120px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0px;
  padding-bottom: 94px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .indexAbout {
    margin-top: -6.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .indexAbout {
    padding: 0% 0% 4.89% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexAbout {
    margin-top: 8.73%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    padding-bottom: 80px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .indexAbout {
    padding: 0% 0% 21.33% 0%;
  }
}

@media screen and (max-width: 767px) {
  .indexAboutWap {
    width: 87.2%;
    margin: auto;
  }
}

.h2IndexAbout {
  font-size: 34px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h2IndexAbout {
    font-size: 2.8356964137vw;
  }
}
@media screen and (max-width: 767px) {
  .h2IndexAbout {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2IndexAbout {
    font-size: 5.0666666667vw;
  }
}

.txtPicIndexAbout {
  margin-top: 29px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 581px;
}
@media screen and (max-width: 1199px) {
  .txtPicIndexAbout {
    margin-top: 2.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtPicIndexAbout {
    width: 48.41%;
  }
}
@media screen and (max-width: 767px) {
  .txtPicIndexAbout {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 94%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtPicIndexAbout {
    margin-top: 4.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtIndexAboutTop {
  margin-top: 44px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 22px;
  line-height: 2.0454545455;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtIndexAboutTop {
    margin-top: 3.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtIndexAboutTop {
    font-size: 1.8348623853vw;
  }
}
.txtIndexAboutTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.0454545455) * 0.5em);
  content: "";
}
.txtIndexAboutTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.0454545455) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtIndexAboutTop {
    margin-top: 9.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.8;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtIndexAboutTop {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexAboutTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.8) * 0.5em);
    content: "";
  }
  .txtIndexAboutTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.8) * 0.5em);
    content: "";
  }
}

.ulIndexAbout {
  margin-top: 68px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .ulIndexAbout {
    margin-top: 5.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulIndexAbout {
    margin-top: 16.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liIndexAbout {
  width: 360px;
}
@media screen and (max-width: 1199px) {
  .liIndexAbout {
    width: 30%;
  }
}
@media screen and (max-width: 767px) {
  .liIndexAbout {
    width: 100%;
  }
  .liIndexAbout:nth-child(n+2) {
    margin-top: 13.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h3IndexAbout {
  margin-top: 3px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 34px;
  line-height: normal;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
  white-space: nowrap;
}
@media screen and (max-width: 1199px) {
  .h3IndexAbout {
    margin-top: 0.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .h3IndexAbout {
    font-size: 2.8356964137vw;
  }
}
@media screen and (max-width: 767px) {
  .h3IndexAbout {
    margin-top: 1.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3IndexAbout {
    font-size: 5.0666666667vw;
  }
}

.txtIndexAbout {
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtIndexAbout {
    margin-top: 5.27%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtIndexAbout {
    font-size: 1.3344453711vw;
  }
}
.txtIndexAbout::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.875) * 0.5em);
  content: "";
}
.txtIndexAbout::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.875) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtIndexAbout {
    margin-top: 4.44%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6923076923;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtIndexAbout {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexAbout::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6923076923) * 0.5em);
    content: "";
  }
  .txtIndexAbout::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6923076923) * 0.5em);
    content: "";
  }
}

.btnMainIndexAboutLxn {
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 360px;
}
@media screen and (max-width: 1199px) {
  .btnMainIndexAboutLxn {
    margin-top: 4.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .btnMainIndexAboutLxn {
    width: 30%;
  }
}
@media screen and (max-width: 767px) {
  .btnMainIndexAboutLxn {
    margin-top: 14.23%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnMainIndexAboutLxn {
    width: 91.74%;
  }
}

.btnMainIndexAbout {
  aspect-ratio: 360/80;
  font-size: 21px;
  line-height: normal;
  letter-spacing: 0.05em;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  text-decoration: none;
}
@media screen and (max-width: 1199px) {
  .btnMainIndexAbout {
    font-size: 1.7514595496vw;
  }
}
@media screen and (max-width: 767px) {
  .btnMainIndexAbout {
    aspect-ratio: 300/60;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnMainIndexAbout {
    font-size: 4.2666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexVoiceTrialTop {
  padding-top: 48px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .indexVoiceTrialTop {
    padding: 2.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexVoiceTrialTop {
    padding-top: 30px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .indexVoiceTrialTop {
    padding: 8% 0% 0% 0%;
  }
}

.BgIndexVoiceTrialTop {
  background: url(../img/index/BgIndexVoiceTrialTopPc.png) no-repeat center top;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .BgIndexVoiceTrialTop {
    background: url(../img/index/BgIndexVoiceTrialTopSp.png) no-repeat center top;
    background-size: auto 100%;
  }
}

.indexVoiceTrial {
  padding-top: 123px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .indexVoiceTrial {
    padding: 6.4% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexVoiceTrial {
    padding: 10% 0% 0% 0%;
  }
}

.imgTopRightIndexVoiceTrial {
  position: absolute;
  top: -8.9%;
  right: 0;
  z-index: 9;
  width: 16.04vw;
}
@media screen and (max-width: 767px) {
  .imgTopRightIndexVoiceTrial {
    width: 42.53%;
    top: -4.8%;
  }
}

.indexVoice {
  position: relative;
}

/*2番目の丸*/
.imgBtmLeftIndexVoice {
  position: absolute;
  top: 75%;
  left: 8%;
  width: 15.67vw;
}
@media screen and (max-width: 767px) {
  .imgBtmLeftIndexVoice {
    width: 118px;
    top: 71%;
    left: 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .imgBtmLeftIndexVoice {
    width: 31.46%;
  }
}

.indexVoiceFx {
  padding-top: 94px;
  padding-bottom: 41px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 24.8958333333vw 24.8958333333vw;
  background: #FFF;
  overflow: hidden;
}
@media screen and (max-width: 1199px) {
  .indexVoiceFx {
    padding: 4.89% 0% 2.13% 0%;
  }
}
@media screen and (max-width: 1400px) {
  .indexVoiceFx {
    padding-top: 94px;
    padding-bottom: 41px;
    padding-left: 0px;
    padding-right: 0px;
    border-radius: 10vw 10vw;
  }
}
@media screen and (max-width: 1400px) and (max-width: 1199px) {
  .indexVoiceFx {
    padding: 7.83% 0% 3.41% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexVoiceFx {
    padding: 22% 0% 21.33% 0%;
    border-radius: 150px;
    /* CSS3草案 */
    -webkit-border-radius: 150px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 150px;
    /* Firefox用 */
  }
}

@media screen and (max-width: 1400px) {
  .indexVoiceWap {
    width: 1200px;
  }
}
@media screen and (max-width: 1400px) and (max-width: 1199px) {
  .indexVoiceWap {
    width: 85.71%;
  }
}
@media screen and (max-width: 767px) {
  .indexVoiceWap {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .indexVoiceWap {
    width: 87.2%;
  }
}

.h2IndexVoice {
  width: 242px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .h2IndexVoice {
    width: 20.16%;
  }
}
@media screen and (max-width: 767px) {
  .h2IndexVoice {
    width: 112px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h2IndexVoice {
    width: 34.25%;
  }
}

.h3IndexVoice {
  margin: 0.1% auto 0 auto;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1199px) {
  .h3IndexVoice {
    font-size: 1.6680567139vw;
  }
}
@media screen and (max-width: 767px) {
  .h3IndexVoice {
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3IndexVoice {
    font-size: 4vw;
  }
}

.ulIndexVoice {
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .ulIndexVoice {
    margin-top: 2.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulIndexVoice {
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulIndexVoice {
    margin-top: 7.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .liIndexVoice {
    flex-flow: row wrap;
  }
}

.liIndexVoice02 {
  margin-top: 45px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .liIndexVoice02 {
    margin-top: 3.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liIndexVoice02 {
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liIndexVoice02 {
    margin-top: 7.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/*絵*/
.photoIndexVoice {
  width: 260px;
}
@media screen and (max-width: 1199px) {
  .photoIndexVoice {
    width: 21.66%;
  }
}
@media screen and (max-width: 767px) {
  .photoIndexVoice {
    margin: -1% auto 0 auto;
    width: 100%;
    order: 2;
  }
}

/*吹き出し */
.cntIndexVoice {
  width: 940px;
  margin: 0.1% 0 0 0;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  position: relative;
  z-index: 9;
}
@media screen and (max-width: 1199px) {
  .cntIndexVoice {
    width: 78.33%;
  }
}
@media screen and (max-width: 767px) {
  .cntIndexVoice {
    width: 100%;
  }
}

/*矢印*/
.iconIndexVoice {
  width: 40px;
  position: absolute;
}
@media screen and (max-width: 1199px) {
  .iconIndexVoice {
    width: 4.25%;
  }
}
@media screen and (max-width: 767px) {
  .iconIndexVoice {
    width: 26px;
    margin: auto;
    position: relative;
    order: 2;
    transform: rotate(270deg);
    margin: -2% auto 0 auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconIndexVoice {
    width: 7.95%;
  }
}
.iconIndexVoice svg {
  width: 100%;
  height: 100%;
}

.iconIndexVoice01 {
  left: 0;
}

.iconIndexVoice02 {
  right: 0;
  transform: rotate(180deg);
}
@media screen and (max-width: 767px) {
  .iconIndexVoice02 {
    transform: rotate(270deg);
  }
}

/*文章*/
.secCntIndexVoice {
  padding-top: 28px;
  padding-bottom: 43px;
  padding-left: 0px;
  padding-right: 0px;
  width: 906px;
  border-radius: 24.8958333333vw 24.8958333333vw;
  overflow: hidden;
}
@media screen and (max-width: 1199px) {
  .secCntIndexVoice {
    padding: 2.97% 0% 4.57% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .secCntIndexVoice {
    width: 96.38%;
  }
}
@media screen and (max-width: 1400px) {
  .secCntIndexVoice {
    border-radius: 10vw 10vw;
  }
}
@media screen and (max-width: 767px) {
  .secCntIndexVoice {
    padding: 8.33% 0% 9% 0%;
    border-radius: 50px;
    /* CSS3草案 */
    -webkit-border-radius: 50px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 50px;
    /* Firefox用 */
    width: 100%;
  }
}

.secCntIndexVoice01 {
  margin: 0 0 0 auto;
}

.secCntIndexVoice02 {
  margin: 0 auto 0 0;
}

.txtCntIndexVoice {
  width: 762px;
  margin: auto;
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtCntIndexVoice {
    width: 84.1%;
  }
}
@media screen and (max-width: 1199px) {
  .txtCntIndexVoice {
    font-size: 1.3344453711vw;
  }
}
.txtCntIndexVoice::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.875) * 0.5em);
  content: "";
}
.txtCntIndexVoice::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.875) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtCntIndexVoice {
    width: 295px;
    line-height: 1.6923076923;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtCntIndexVoice {
    width: 90.21%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtCntIndexVoice {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtCntIndexVoice::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6923076923) * 0.5em);
    content: "";
  }
  .txtCntIndexVoice::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6923076923) * 0.5em);
    content: "";
  }
}

/**/
.idnexTraial {
  padding-top: 0px;
  padding-bottom: 137px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .idnexTraial {
    padding: 0% 0% 7.13% 0%;
  }
}
@media screen and (max-width: 767px) {
  .idnexTraial {
    padding: 0 0% 21.33% 0%;
  }
}

/*一番下の丸*/
.imgbtmLeftIndexVoiceTrial {
  position: absolute;
  width: 8.95vw;
  top: 74%;
  right: 0%;
  z-index: 8;
}
@media screen and (max-width: 767px) {
  .imgbtmLeftIndexVoiceTrial {
    width: 90px;
    top: 84%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .imgbtmLeftIndexVoiceTrial {
    width: 24%;
  }
}
.imgbtmLeftIndexVoiceTrial img {
  width: 100%;
  height: 100%;
}

/*体験教室*/
.indexTraialWap {
  margin-top: 130px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .indexTraialWap {
    margin-top: 6.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .indexTraialWap {
    margin-top: 9.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .indexTraialWap {
    width: 87.2%;
  }
}

.photosIndexTraial {
  width: 960px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .photosIndexTraial {
    width: 80%;
  }
}
@media screen and (max-width: 767px) {
  .photosIndexTraial {
    width: 100%;
  }
}

.textIndexTraial {
  margin-top: 46px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 25px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .textIndexTraial {
    margin-top: 3.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .textIndexTraial {
    font-size: 2.0850708924vw;
  }
}
@media screen and (max-width: 767px) {
  .textIndexTraial {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .textIndexTraial {
    margin-top: 12.23%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .textIndexTraial {
    font-size: 4.2666666667vw;
  }
}

.btnTelIndexTraial {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  padding-bottom: 4px;
  padding-left: 0px;
  padding-right: 0px;
  width: 624px;
  border-top: 2px solid #2F99F0;
  border-bottom: 2px solid #2F99F0;
}
@media screen and (max-width: 1199px) {
  .btnTelIndexTraial {
    margin-top: 1.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .btnTelIndexTraial {
    padding: 0.41% 0% 0.33% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .btnTelIndexTraial {
    width: 52%;
  }
}
@media screen and (max-width: 1199px) {
  .btnTelIndexTraial {
    width: 54%;
  }
}
@media screen and (max-width: 767px) {
  .btnTelIndexTraial {
    margin-top: 3.44%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3px;
    padding-bottom: 2px;
    padding-left: 0px;
    padding-right: 0px;
    width: 324px;
    border-top: 1px solid #2F99F0;
    border-bottom: 1px solid #2F99F0;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnTelIndexTraial {
    padding: 0.91% 0% 0.61% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnTelIndexTraial {
    width: 99.08%;
  }
}

.iconTelIndexTraial {
  width: 62px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 18px;
  transform: translate(0, -3%);
}
@media screen and (max-width: 1199px) {
  .iconTelIndexTraial {
    width: 9.93%;
  }
}
@media screen and (max-width: 1199px) {
  .iconTelIndexTraial {
    margin: 0% 2.88% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .iconTelIndexTraial {
    width: 36px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 7px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconTelIndexTraial {
    width: 11%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconTelIndexTraial {
    margin: 0% 2.14% 0% 0%;
  }
}
.iconTelIndexTraial svg {
  width: 100%;
  height: 100%;
}

.nameTelIndexTraial {
  font-size: 60px;
  line-height: normal;
  letter-spacing: 0em;
  width: 544px;
  white-space: nowrap;
}
@media screen and (max-width: 1199px) {
  .nameTelIndexTraial {
    font-size: 5.0041701418vw;
  }
}
@media screen and (max-width: 1199px) {
  .nameTelIndexTraial {
    width: 87.17%;
  }
}
@media screen and (max-width: 767px) {
  .nameTelIndexTraial {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .nameTelIndexTraial {
    font-size: 8.2666666667vw;
  }
}

.txtIndexTraial {
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtIndexTraial {
    margin-top: 1.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtIndexTraial {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexTraial {
    margin-top: 2.78%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtIndexTraial {
    font-size: 3.7333333333vw;
  }
}

.ulIndexTraial {
  margin-top: 37px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 744px;
}
@media screen and (max-width: 1199px) {
  .ulIndexTraial {
    margin-top: 3.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .ulIndexTraial {
    width: 62%;
  }
}
@media screen and (max-width: 767px) {
  .ulIndexTraial {
    margin-top: 32px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    position: relative;
    z-index: 9;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulIndexTraial {
    margin-top: 9.78%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulIndexTraial {
    width: 91.74%;
  }
}

.liIndexTraial {
  width: 360px;
}
@media screen and (max-width: 1199px) {
  .liIndexTraial {
    width: 48.38%;
  }
}
@media screen and (max-width: 767px) {
  .liIndexTraial {
    width: 100%;
  }
  .liIndexTraial:nth-child(n+2) {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liIndexTraial:nth-child(n+2) {
    margin-top: 4.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnIndexTraial {
  font-size: 21px;
  line-height: normal;
  letter-spacing: 0.05em;
  aspect-ratio: 360/80;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  text-decoration: none;
  width: 100%;
}
@media screen and (max-width: 1199px) {
  .btnIndexTraial {
    font-size: 1.7514595496vw;
  }
}
@media screen and (max-width: 767px) {
  .btnIndexTraial {
    line-height: normal;
    letter-spacing: 0.05em;
    aspect-ratio: 300/60;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnIndexTraial {
    font-size: 4.2666666667vw;
  }
}

.iconBtnIndexTraial {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 48px;
  padding-right: 0px;
  background: url(../img/iconBtnIndexTraial.svg) no-repeat left center;
  background-size: auto 83%;
}
@media screen and (max-width: 1199px) {
  .iconBtnIndexTraial {
    padding: 0% 0% 0% 13.33%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexAccessLxn {
  padding-top: 0px;
  padding-bottom: 196px;
  padding-left: 0px;
  padding-right: 0px;
  background: url(../img/index/BgIndexAccessLxnPc.png) no-repeat top center;
  background-size: auto 100%;
}
@media screen and (max-width: 1199px) {
  .indexAccessLxn {
    padding: 0% 0% 10.2% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexAccessLxn {
    padding-top: 0px;
    padding-bottom: 88px;
    padding-left: 0px;
    padding-right: 0px;
    background: url(../img/index/BgIndexAccessLxnSp.png) no-repeat top center;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .indexAccessLxn {
    padding: 0% 0% 23.46% 0%;
  }
}

.BgIndexAccessTop {
  height: 60px;
  width: 100%;
  background: url(../img/index/BgIndexAccessTopPc.png) no-repeat top center;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .BgIndexAccessTop {
    height: 7.5vw;
    width: 100%;
    background: url(../img/index/BgIndexAccessTopPc.png) no-repeat top center;
    background-size: auto 100%;
  }
}

.indexAccess {
  margin-top: 114px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .indexAccess {
    margin-top: 5.93%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .indexAccess {
    margin-top: 19.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2IndexAccess {
  width: 315px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .h2IndexAccess {
    width: 26.25%;
  }
}
@media screen and (max-width: 767px) {
  .h2IndexAccess {
    width: 145px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h2IndexAccess {
    width: 38.66%;
  }
}
.h2IndexAccess svg {
  width: 100%;
}

.h3IndexAccess {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1199px) {
  .h3IndexAccess {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .h3IndexAccess {
    font-size: 1.6680567139vw;
  }
}
@media screen and (max-width: 767px) {
  .h3IndexAccess {
    margin-top: 3px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h3IndexAccess {
    margin-top: 0.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3IndexAccess {
    font-size: 4vw;
  }
}

.indexAccessFx {
  margin-top: 80px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .indexAccessFx {
    margin-top: 6.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .indexAccessFx {
    width: 327px;
    margin-top: 7.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .indexAccessFx {
    width: 87.2%;
  }
}

.secIndexAccess {
  width: 450px;
  margin: 0.5% 0 0 0;
}
@media screen and (max-width: 1199px) {
  .secIndexAccess {
    width: 37.5%;
  }
}
@media screen and (max-width: 767px) {
  .secIndexAccess {
    width: 327px;
    margin: 0;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secIndexAccess {
    width: 100%;
  }
}

.txtIndexAccessTop {
  font-size: 20px;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtIndexAccessTop {
    font-size: 1.6680567139vw;
  }
}
.txtIndexAccessTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.75) * 0.5em);
  content: "";
}
.txtIndexAccessTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.75) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtIndexAccessTop {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtIndexAccessTop {
    font-size: 4.2666666667vw;
  }
}

.txtIndexAccessBtm {
  margin-top: 36px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 22px;
  line-height: 2.0454545455;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtIndexAccessBtm {
    margin: 8% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .txtIndexAccessBtm {
    font-size: 1.8348623853vw;
  }
}
.txtIndexAccessBtm::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.0454545455) * 0.5em);
  content: "";
}
.txtIndexAccessBtm::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.0454545455) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtIndexAccessBtm {
    margin: 5.89% 0% 0% 0%;
    line-height: 1.8;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtIndexAccessBtm {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexAccessBtm::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.8) * 0.5em);
    content: "";
  }
  .txtIndexAccessBtm::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.8) * 0.5em);
    content: "";
  }
}

.btnMainIndexAccessLxn {
  margin-top: 34px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 360px;
}
@media screen and (max-width: 1199px) {
  .btnMainIndexAccessLxn {
    margin: 7.55% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .btnMainIndexAccessLxn {
    width: 80%;
  }
}
@media screen and (max-width: 767px) {
  .btnMainIndexAccessLxn {
    margin-top: 6.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnMainIndexAccessLxn {
    width: 91.74%;
  }
}

.btnMainIndexAccess {
  width: 360px;
  aspect-ratio: 360/80;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  font-size: 21px;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .btnMainIndexAccess {
    width: 100%;
  }
}
@media screen and (max-width: 1199px) {
  .btnMainIndexAccess {
    font-size: 1.7514595496vw;
  }
}
.btnMainIndexAccess::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.btnMainIndexAccess::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnMainIndexAccess {
    width: 300px;
    aspect-ratio: 300/60;
    border-radius: 50px;
    /* CSS3草案 */
    -webkit-border-radius: 50px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 50px;
    /* Firefox用 */
    line-height: 1;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnMainIndexAccess {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnMainIndexAccess {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .btnMainIndexAccess::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .btnMainIndexAccess::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.mapIndexAccessLxn {
  width: 690px;
}
@media screen and (max-width: 1199px) {
  .mapIndexAccessLxn {
    width: 57.5%;
  }
}
@media screen and (max-width: 767px) {
  .mapIndexAccessLxn {
    width: 327px;
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .mapIndexAccessLxn {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .mapIndexAccessLxn {
    margin-top: 12.23%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.mapIndexAccess {
  position: relative;
  aspect-ratio: 690/390;
  overflow: hidden;
  border-radius: 30px;
  /* CSS3草案 */
  -webkit-border-radius: 30px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 30px;
  /* Firefox用 */
}
@media screen and (max-width: 767px) {
  .mapIndexAccess {
    width: 327px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 327/186;
    overflow: hidden;
    border-radius: 15px;
    /* CSS3草案 */
    -webkit-border-radius: 15px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 15px;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .mapIndexAccess {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .mapIndexAccess {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.mapIndexAccess iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.btnIndexAccessLxn {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: right;
}
@media screen and (max-width: 1199px) {
  .btnIndexAccessLxn {
    margin: 2.22% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .btnIndexAccessLxn {
    font-size: 1.5012510425vw;
  }
}
.btnIndexAccessLxn::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.btnIndexAccessLxn::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnIndexAccessLxn {
    margin: 3.44% 0% 0% 0%;
    line-height: 1;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnIndexAccessLxn {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .btnIndexAccessLxn::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .btnIndexAccessLxn::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexSns {
  margin-top: 101px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .indexSns {
    margin-top: 5.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .indexSns {
    margin-top: 12.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2IndexSns {
  width: 590px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .h2IndexSns {
    width: 49.16%;
  }
}
@media screen and (max-width: 767px) {
  .h2IndexSns {
    width: 277px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h2IndexSns {
    width: 73.86%;
  }
}

.iconH2IndexSns svg {
  width: 100%;
  height: auto;
  display: block;
}

.iconH2IndexSns01 {
  width: 47px;
}
@media screen and (max-width: 1199px) {
  .iconH2IndexSns01 {
    width: 7.96%;
  }
}
@media screen and (max-width: 767px) {
  .iconH2IndexSns01 {
    width: 13px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconH2IndexSns01 {
    width: 4.69%;
  }
}

.txtH2IndexSns {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 38px;
  margin-right: 38px;
  font-size: 34px;
  line-height: 1;
  letter-spacing: 0.05em;
  white-space: nowrap;
  transform: translate(0%, 0%);
}
@media screen and (max-width: 1199px) {
  .txtH2IndexSns {
    margin: 0% 3.16% 0% 3.16%;
  }
}
@media screen and (max-width: 1199px) {
  .txtH2IndexSns {
    font-size: 2.8356964137vw;
  }
}
.txtH2IndexSns::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.txtH2IndexSns::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtH2IndexSns {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 6px;
    margin-right: 6px;
    line-height: 1;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtH2IndexSns {
    margin: 0% 2.16% 0% 2.16%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtH2IndexSns {
    font-size: 5.0666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtH2IndexSns::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .txtH2IndexSns::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.iconH2IndexSns02 {
  width: 47px;
}
@media screen and (max-width: 1199px) {
  .iconH2IndexSns02 {
    width: 7.96%;
  }
}
@media screen and (max-width: 767px) {
  .iconH2IndexSns02 {
    width: 13px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconH2IndexSns02 {
    width: 4.69%;
  }
}

.ulIndexSns {
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .ulIndexSns {
    margin: 2.25% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .ulIndexSns {
    width: 327px;
    margin-top: 22px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulIndexSns {
    width: 87.2%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulIndexSns {
    margin-top: 5.86%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liIndexSns {
  width: 576px;
}
@media screen and (max-width: 1199px) {
  .liIndexSns {
    width: 48%;
  }
}
@media screen and (max-width: 767px) {
  .liIndexSns {
    width: 327px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liIndexSns {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liIndexSns {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liIndexSns:nth-child(n+2) {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liIndexSns:nth-child(n+2) {
    margin-top: 4.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexJoinRecruit {
  margin-top: 139px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .indexJoinRecruit {
    margin-top: 7.23%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .indexJoinRecruit {
    margin-top: 28%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.liIndexJoinRecruit {
  width: 360px;
}
@media screen and (max-width: 1199px) {
  .liIndexJoinRecruit {
    width: 30%;
  }
}
@media screen and (max-width: 767px) {
  .liIndexJoinRecruit {
    width: 327px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 3px solid #FDE351;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liIndexJoinRecruit {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liIndexJoinRecruit {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.liIndexJoinRecruit:nth-child(n+2) {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 60px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .liIndexJoinRecruit:nth-child(n+2) {
    margin: 0% 0% 0% 5%;
  }
}
@media screen and (max-width: 767px) {
  .liIndexJoinRecruit:nth-child(n+2) {
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liIndexJoinRecruit:nth-child(n+2) {
    margin-top: 7.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.brdIndexJoinRecruit {
  padding-top: 0px;
  padding-bottom: 20px;
  padding-left: 16px;
  padding-right: 16px;
}
@media screen and (max-width: 1199px) {
  .brdIndexJoinRecruit {
    padding: 0% 4.44% 5.55% 4.44%;
  }
}
@media screen and (max-width: 767px) {
  .brdIndexJoinRecruit {
    padding: 0% 4.89% 7.33% 4.89%;
  }
}

.nameIndexJoinRecruit {
  width: 296px;
  font-size: 25px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .nameIndexJoinRecruit {
    width: 90.24%;
  }
}
@media screen and (max-width: 1199px) {
  .nameIndexJoinRecruit {
    font-size: 2.0850708924vw;
  }
}
@media screen and (max-width: 767px) {
  .nameIndexJoinRecruit {
    width: 271px;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .nameIndexJoinRecruit {
    width: 91.86%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .nameIndexJoinRecruit {
    font-size: 4.2666666667vw;
  }
}

.iconIndexJoinRecruit {
  width: 32px;
}
@media screen and (max-width: 1199px) {
  .iconIndexJoinRecruit {
    width: 9.75%;
  }
}
@media screen and (max-width: 767px) {
  .iconIndexJoinRecruit {
    width: 24px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconIndexJoinRecruit {
    width: 8.13%;
  }
}
.iconIndexJoinRecruit svg {
  width: 100%;
  height: 100%;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexOther {
  margin-top: 112px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .indexOther {
    margin-top: 5.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .indexOther {
    width: 327px;
    margin-top: 80px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .indexOther {
    width: 87.2%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .indexOther {
    margin-top: 21.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.indexOtherCnt {
  padding-top: 52px;
  padding-bottom: 40px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 30px;
  /* CSS3草案 */
  -webkit-border-radius: 30px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 30px;
  /* Firefox用 */
}
@media screen and (max-width: 1199px) {
  .indexOtherCnt {
    padding: 4.33% 0% 3.33% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexOtherCnt {
    padding: 10.8% 0% 12.23% 0%;
    border-radius: 15px;
    /* CSS3草案 */
    -webkit-border-radius: 15px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 15px;
    /* Firefox用 */
  }
}

.h2IndexOtherCnt {
  font-size: 22px;
  line-height: 2.0454545455;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h2IndexOtherCnt {
    font-size: 1.8348623853vw;
  }
}
.h2IndexOtherCnt::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.0454545455) * 0.5em);
  content: "";
}
.h2IndexOtherCnt::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.0454545455) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2IndexOtherCnt {
    line-height: 1.8;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2IndexOtherCnt {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .h2IndexOtherCnt::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.8) * 0.5em);
    content: "";
  }
  .h2IndexOtherCnt::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.8) * 0.5em);
    content: "";
  }
}

.ulIndexOtherCnt {
  margin-top: 34px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1080px;
}
@media screen and (max-width: 1199px) {
  .ulIndexOtherCnt {
    margin-top: 2.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .ulIndexOtherCnt {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .ulIndexOtherCnt {
    margin-top: 8.11%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulIndexOtherCnt {
    width: 90.21%;
  }
}

.liIndexOtherCnt {
  width: 524px;
}
@media screen and (max-width: 1199px) {
  .liIndexOtherCnt {
    width: 48.51%;
  }
}
@media screen and (max-width: 767px) {
  .liIndexOtherCnt {
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liIndexOtherCnt {
    width: 100%;
  }
}
.liIndexOtherCnt:nth-child(n+3) {
  margin-top: 21px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .liIndexOtherCnt:nth-child(n+3) {
    margin: 1.75% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liIndexOtherCnt:nth-child(n+3) {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liIndexOtherCnt:nth-child(n+3) {
    margin: 5.42% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liIndexOtherCnt:nth-child(n+2) {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liIndexOtherCnt:nth-child(n+2) {
    margin: 5.42% 0% 0% 0%;
  }
}

@media screen and (max-width: 767px) {
  .btnIndexOtherCnt {
    align-items: flex-start;
  }
}

.iconIndexOtherCnt {
  width: 16px;
}
@media screen and (max-width: 1199px) {
  .iconIndexOtherCnt {
    width: 3.05%;
  }
}
@media screen and (max-width: 767px) {
  .iconIndexOtherCnt {
    width: 17px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconIndexOtherCnt {
    width: 5.76%;
  }
}
.iconIndexOtherCnt svg {
  width: 100%;
  height: auto;
  display: block;
}

.nameIndexOtherCnt {
  width: 500px;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .nameIndexOtherCnt {
    width: 95.41%;
  }
}
@media screen and (max-width: 1199px) {
  .nameIndexOtherCnt {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 767px) {
  .nameIndexOtherCnt {
    width: 273px;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .nameIndexOtherCnt {
    width: 92.54%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .nameIndexOtherCnt {
    font-size: 3.7333333333vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.underPageFv {
  padding-top: 0px;
  padding-bottom: 93px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .underPageFv {
    padding: 0% 0% 4.84% 0%;
  }
}
@media screen and (max-width: 767px) {
  .underPageFv {
    padding: 3.13% 0% 14.93% 0%;
  }
}

.bgUnderPageFv {
  background: url(../img/bgUnderPageFvPc.png) no-repeat;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .bgUnderPageFv {
    background: url(../img/bgUnderPageFvSp.png) no-repeat;
    background-size: 100% 100%;
  }
}

/*ぱんくず*/
.breadcrumb {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: row wrap;
}
.breadcrumb {
  font-size: 10px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1199px) {
  .breadcrumb {
    font-size: 0.834028357vw;
  }
}
@media screen and (max-width: 767px) {
  .breadcrumb {
    width: 359px;
    margin: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .breadcrumb {
    width: 95.73%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .breadcrumb {
    font-size: 2.1333333333vw;
  }
}
.breadcrumb span,
.breadcrumb a {
  text-decoration: none;
  color: #3F3F3F;
}

.secUnderPageFv {
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .secUnderPageFv {
    margin-top: 1.14%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secUnderPageFv {
    margin-top: 23px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secUnderPageFv {
    margin-top: 6.13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtUnderPageFv {
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1199px) {
  .txtUnderPageFv {
    font-size: 2.0016680567vw;
  }
}
@media screen and (max-width: 767px) {
  .txtUnderPageFv {
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtUnderPageFv {
    font-size: 4.8vw;
  }
}

.h1UnderPageFv {
  margin-top: 11px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 50px;
  line-height: normal;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .h1UnderPageFv {
    margin-top: 0.57%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .h1UnderPageFv {
    font-size: 4.1701417848vw;
  }
}
@media screen and (max-width: 767px) {
  .h1UnderPageFv {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h1UnderPageFv {
    margin-top: 2.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1UnderPageFv {
    font-size: 6.9333333333vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.aboutThink {
  margin-top: 56px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .aboutThink {
    margin-top: 2.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .aboutThink {
    margin-top: 8.93%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .aboutThink {
    width: 87.2%;
  }
}

.secAboutThinkTitle {
  margin: auto;
}

.h2AboutThinkTitle {
  font-size: 30px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h2AboutThinkTitle {
    font-size: 2.5020850709vw;
  }
}
@media screen and (max-width: 767px) {
  .h2AboutThinkTitle {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2AboutThinkTitle {
    font-size: 4.8vw;
  }
}

.catchAboutThinkTitle {
  margin-top: 32px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  flex-flow: row wrap;
  align-items: flex-end;
}
@media screen and (max-width: 1199px) {
  .catchAboutThinkTitle {
    margin-top: 2.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .catchAboutThinkTitle {
    margin-top: 4.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h3CatchAboutThinkTitle {
  width: 210px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 17px;
  font-size: 50px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h3CatchAboutThinkTitle {
    width: 17.5%;
  }
}
@media screen and (max-width: 1199px) {
  .h3CatchAboutThinkTitle {
    margin: 0% 1.41% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .h3CatchAboutThinkTitle {
    font-size: 4.1701417848vw;
  }
}
@media screen and (max-width: 1199px) {
  .h3CatchAboutThinkTitle {
    width: 20%;
  }
}
@media screen and (max-width: 767px) {
  .h3CatchAboutThinkTitle {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h3CatchAboutThinkTitle {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3CatchAboutThinkTitle {
    font-size: 6.9333333333vw;
  }
}

.cntCatchAboutThinkTitle {
  width: 594px;
}
@media screen and (max-width: 1199px) {
  .cntCatchAboutThinkTitle {
    width: 49.5%;
  }
}
@media screen and (max-width: 767px) {
  .cntCatchAboutThinkTitle {
    margin-top: 3px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 243px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .cntCatchAboutThinkTitle {
    margin-top: 0.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .cntCatchAboutThinkTitle {
    width: 74.31%;
  }
}

.txtAboutThinkTitle {
  margin-top: 44px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 22px;
  line-height: 2.0454545455;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .txtAboutThinkTitle {
    margin-top: 3.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtAboutThinkTitle {
    font-size: 1.8348623853vw;
  }
}
.txtAboutThinkTitle::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.0454545455) * 0.5em);
  content: "";
}
.txtAboutThinkTitle::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.0454545455) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtAboutThinkTitle {
    margin-top: 9.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.8;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtAboutThinkTitle {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .txtAboutThinkTitle::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.8) * 0.5em);
    content: "";
  }
  .txtAboutThinkTitle::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.8) * 0.5em);
    content: "";
  }
}

.secAboutUsTopColumn2 {
  margin-top: 80px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .secAboutUsTopColumn2 {
    margin-top: 6.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secAboutUsTopColumn2 {
    margin-top: 24.01%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2AboutUsTopColumn2 {
  font-size: 40px;
  line-height: 1.725;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .h2AboutUsTopColumn2 {
    font-size: 3.3361134279vw;
  }
}
.h2AboutUsTopColumn2::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.725) * 0.5em);
  content: "";
}
.h2AboutUsTopColumn2::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.725) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2AboutUsTopColumn2 {
    line-height: 1.7;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2AboutUsTopColumn2 {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2AboutUsTopColumn2::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7) * 0.5em);
    content: "";
  }
  .h2AboutUsTopColumn2::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7) * 0.5em);
    content: "";
  }
}

.fxAboutUsTopColumn2 {
  margin-top: 64px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .fxAboutUsTopColumn2 {
    margin-top: 5.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .fxAboutUsTopColumn2 {
    margin-top: 72px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fxAboutUsTopColumn2 {
    margin-top: 22.01%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.fxAboutUsTopColumn201 {
  margin-top: 65px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .fxAboutUsTopColumn201 {
    margin-top: 5.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .fxAboutUsTopColumn201 {
    margin-top: 2.01%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secAboutUsTopColumn2In {
  width: 560px;
}
@media screen and (max-width: 1199px) {
  .secAboutUsTopColumn2In {
    width: 46.66%;
  }
}
@media screen and (max-width: 767px) {
  .secAboutUsTopColumn2In {
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secAboutUsTopColumn2In {
    margin-top: 7.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtAboutUsTopColumn2 {
  font-size: 22px;
  line-height: 2.0454545455;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtAboutUsTopColumn2 {
    font-size: 1.8348623853vw;
  }
}
.txtAboutUsTopColumn2::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.0454545455) * 0.5em);
  content: "";
}
.txtAboutUsTopColumn2::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.0454545455) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtAboutUsTopColumn2 {
    line-height: 1.8;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtAboutUsTopColumn2 {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .txtAboutUsTopColumn2::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.8) * 0.5em);
    content: "";
  }
  .txtAboutUsTopColumn2::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.8) * 0.5em);
    content: "";
  }
}

.picAboutUsTopColumn2 {
  margin: -1% 0 0 0;
  width: 560px;
}
@media screen and (max-width: 1199px) {
  .picAboutUsTopColumn2 {
    width: 46.66%;
  }
}
@media screen and (max-width: 767px) {
  .picAboutUsTopColumn2 {
    margin-top: 8.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

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

.picAboutUsTopColumn2 {
  width: 560px;
}
@media screen and (max-width: 1199px) {
  .picAboutUsTopColumn2 {
    width: 46.66%;
  }
}
@media screen and (max-width: 767px) {
  .picAboutUsTopColumn2 {
    width: 100%;
    margin-top: 9.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.aboutMessage {
  margin-top: 120px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 141px;
  padding-bottom: 221px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .aboutMessage {
    margin-top: 6.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .aboutMessage {
    padding: 7.34% 0% 11.51% 0%;
  }
}
@media screen and (max-width: 767px) {
  .aboutMessage {
    margin-top: 22.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding: 22.5% 0% 30.93% 0%;
  }
}

.bgAboutMessage {
  background: url(../img/aboutus/bgAboutMessagePc.png) no-repeat center top;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .bgAboutMessage {
    background: url(../img/aboutus/bgAboutMessageSp.png) no-repeat center top;
    background-size: cover;
  }
}

/*タイトル*/
.h2AboutMessage {
  font-size: 45px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1199px) {
  .h2AboutMessage {
    font-size: 3.7531276063vw;
  }
}
@media screen and (max-width: 767px) {
  .h2AboutMessage {
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2AboutMessage {
    font-size: 6.6666666667vw;
  }
}

.iconAboutMessage {
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 169px;
}
@media screen and (max-width: 1199px) {
  .iconAboutMessage {
    margin-top: 1.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .iconAboutMessage {
    width: 14.08%;
  }
}
@media screen and (max-width: 767px) {
  .iconAboutMessage {
    margin-top: 12px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 125px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconAboutMessage {
    margin-top: 3.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconAboutMessage {
    width: 33.33%;
  }
}

.fxAboutMessage {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .fxAboutMessage {
    margin-top: 3.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .fxAboutMessage {
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fxAboutMessage {
    margin-top: 6.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.photoAboutMessage {
  width: 255px;
}
@media screen and (max-width: 1199px) {
  .photoAboutMessage {
    width: 21.25%;
  }
}
@media screen and (max-width: 767px) {
  .photoAboutMessage {
    width: 194px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .photoAboutMessage {
    width: 51.73%;
  }
}

.secAboutMessage {
  width: 874px;
}
@media screen and (max-width: 1199px) {
  .secAboutMessage {
    width: 72.83%;
  }
}
@media screen and (max-width: 767px) {
  .secAboutMessage {
    margin-top: 54px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secAboutMessage {
    margin-top: 14.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secAboutMessage {
    width: 87.2%;
  }
}

.h3AboutMessage {
  font-size: 32px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h3AboutMessage {
    font-size: 2.6688907423vw;
  }
}
@media screen and (max-width: 767px) {
  .h3AboutMessage {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3AboutMessage {
    font-size: 5.3333333333vw;
  }
}

.ulAboutMessage {
  margin-top: 42px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .ulAboutMessage {
    margin-top: 4.81%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulAboutMessage {
    margin-top: 7.39%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liAboutMessage:nth-child(n+2) {
  margin-top: 35px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .liAboutMessage:nth-child(n+2) {
    margin-top: 4.01%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liAboutMessage:nth-child(n+2) {
    margin-top: 7.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h4AboutMessage {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 17px;
  width: 56px;
  font-size: 33px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h4AboutMessage {
    margin: 0% 1.94% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .h4AboutMessage {
    width: 6.42%;
  }
}
@media screen and (max-width: 1199px) {
  .h4AboutMessage {
    font-size: 2.752293578vw;
  }
}
@media screen and (max-width: 767px) {
  .h4AboutMessage {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 19px;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h4AboutMessage {
    margin: 0% 5.81% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4AboutMessage {
    font-size: 5.8666666667vw;
  }
}

.txtAboutMessage {
  width: 801px;
  font-size: 25px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtAboutMessage {
    width: 91.85%;
  }
}
@media screen and (max-width: 1199px) {
  .txtAboutMessage {
    font-size: 2.0850708924vw;
  }
}
@media screen and (max-width: 767px) {
  .txtAboutMessage {
    width: 274px;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtAboutMessage {
    width: 83.79%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtAboutMessage {
    font-size: 4.2666666667vw;
  }
}

/**/
.cntBxAboutMessage {
  margin-top: 70px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 44px;
  padding-bottom: 43px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 30px;
  /* CSS3草案 */
  -webkit-border-radius: 30px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 30px;
  /* Firefox用 */
}
@media screen and (max-width: 1199px) {
  .cntBxAboutMessage {
    margin-top: 5.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .cntBxAboutMessage {
    padding: 3.66% 0% 3.58% 0%;
  }
}
@media screen and (max-width: 767px) {
  .cntBxAboutMessage {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 8% 0% 10.66% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .cntBxAboutMessage {
    margin-top: 10.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secBxAboutMessage {
  width: 1082px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .secBxAboutMessage {
    width: 90.16%;
  }
}
@media screen and (max-width: 767px) {
  .secBxAboutMessage {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secBxAboutMessage {
    width: 87.2%;
  }
}

.h2BxAboutMessage {
  font-size: 22px;
  line-height: 2.0454545455;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .h2BxAboutMessage {
    font-size: 1.8348623853vw;
  }
}
.h2BxAboutMessage::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.0454545455) * 0.5em);
  content: "";
}
.h2BxAboutMessage::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.0454545455) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2BxAboutMessage {
    line-height: 1.8;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2BxAboutMessage {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .h2BxAboutMessage::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.8) * 0.5em);
    content: "";
  }
  .h2BxAboutMessage::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.8) * 0.5em);
    content: "";
  }
}

.ulBxAboutMessage {
  margin-top: 32px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .ulBxAboutMessage {
    margin-top: 2.96%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulBxAboutMessage {
    margin-top: 6.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liBxAboutMessage {
  width: 527px;
}
@media screen and (max-width: 1199px) {
  .liBxAboutMessage {
    width: 48.79%;
  }
}
@media screen and (max-width: 767px) {
  .liBxAboutMessage {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liBxAboutMessage {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .liBxAboutMessage:nth-child(n+2) {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liBxAboutMessage:nth-child(n+2) {
    margin-top: 4.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.liBxAboutMessage:nth-child(n+3) {
  margin-top: 21px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .liBxAboutMessage:nth-child(n+3) {
    margin: 1.94% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liBxAboutMessage:nth-child(n+3) {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liBxAboutMessage:nth-child(n+3) {
    margin-top: 4.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .btnBxAboutMessage {
    align-items: flex-start;
  }
}

.iconBxAboutMessage {
  width: 16px;
}
@media screen and (max-width: 1199px) {
  .iconBxAboutMessage {
    width: 3.03%;
  }
}
@media screen and (max-width: 767px) {
  .iconBxAboutMessage {
    width: 16px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconBxAboutMessage {
    width: 4.89%;
  }
}

.txtBtnBxAboutMessage {
  width: 503px;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtBtnBxAboutMessage {
    width: 95.44%;
  }
}
@media screen and (max-width: 1199px) {
  .txtBtnBxAboutMessage {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 767px) {
  .txtBtnBxAboutMessage {
    width: 306px;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtBtnBxAboutMessage {
    width: 93.57%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtBtnBxAboutMessage {
    font-size: 3.4666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.aboutKaikyu {
  padding-top: 39px;
  padding-bottom: 189px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .aboutKaikyu {
    padding: 2.03% 0% 9.84% 0%;
  }
}
@media screen and (max-width: 767px) {
  .aboutKaikyu {
    padding: 14.8% 0% 25.6% 0%;
  }
}

.bgAboutKaikyu {
  background: url(../img/aboutus/bgAboutKaikyuPc.png) no-repeat center top;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .bgAboutKaikyu {
    background: url(../img/aboutus/bgAboutKaikyuSp.png) no-repeat center top;
    background-size: cover;
  }
}

.h2AboutKaikyu {
  font-size: 45px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1199px) {
  .h2AboutKaikyu {
    font-size: 3.7531276063vw;
  }
}
@media screen and (max-width: 767px) {
  .h2AboutKaikyu {
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2AboutKaikyu {
    font-size: 6.6666666667vw;
  }
}

.iconAboutKaikyu {
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 169px;
}
@media screen and (max-width: 1199px) {
  .iconAboutKaikyu {
    margin-top: 1.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .iconAboutKaikyu {
    width: 14.08%;
  }
}
@media screen and (max-width: 767px) {
  .iconAboutKaikyu {
    margin-top: 12px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 125px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconAboutKaikyu {
    margin-top: 3.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconAboutKaikyu {
    width: 33.33%;
  }
}

.aboutKaikyuFx {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .aboutKaikyuFx {
    margin-top: 3.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .aboutKaikyuFx {
    margin-top: 38px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 91.2%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .aboutKaikyuFx {
    margin-top: 10.13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secAboutKaikyuFx {
  width: 636px;
}
@media screen and (max-width: 1199px) {
  .secAboutKaikyuFx {
    width: 53%;
  }
}
@media screen and (max-width: 767px) {
  .secAboutKaikyuFx {
    width: 96.5%;
  }
}

.h3AboutKaikyuFx {
  font-size: 34px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h3AboutKaikyuFx {
    font-size: 2.8356964137vw;
  }
}
@media screen and (max-width: 767px) {
  .h3AboutKaikyuFx {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3AboutKaikyuFx {
    font-size: 6.1333333333vw;
  }
}

.txtAboutKaikyuFx {
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 18px;
  line-height: 1.7222222222;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtAboutKaikyuFx {
    margin: 3.61% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .txtAboutKaikyuFx {
    font-size: 1.5012510425vw;
  }
}
.txtAboutKaikyuFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.7222222222) * 0.5em);
  content: "";
}
.txtAboutKaikyuFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.7222222222) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtAboutKaikyuFx {
    margin-top: 6.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.7857142857;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtAboutKaikyuFx {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtAboutKaikyuFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
  .txtAboutKaikyuFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7857142857) * 0.5em);
    content: "";
  }
}

.cntAboutKaikyuFx {
  margin-top: 47px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 37px;
  padding-bottom: 38px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
}
@media screen and (max-width: 1199px) {
  .cntAboutKaikyuFx {
    margin: 7.38% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .cntAboutKaikyuFx {
    padding: 5.81% 0% 5.97% 0%;
  }
}
@media screen and (max-width: 767px) {
  .cntAboutKaikyuFx {
    margin-top: 21.48%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding: 7.33% 0% 9.33% 0%;
  }
}

@media screen and (max-width: 767px) {
  .cntAboutKaikyuBxFxx {
    width: 80.6%;
    margin: auto;
    flex-flow: row wrap;
  }
}

.secCntAboutKaikyuFx {
  width: 284px;
}
@media screen and (max-width: 1199px) {
  .secCntAboutKaikyuFx {
    width: 44.65%;
  }
}
@media screen and (max-width: 767px) {
  .secCntAboutKaikyuFx {
    width: 252px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secCntAboutKaikyuFx {
    width: 100%;
  }
}

.h4CntAboutKaikyuFx {
  font-size: 30px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1199px) {
  .h4CntAboutKaikyuFx {
    font-size: 2.5020850709vw;
  }
}
@media screen and (max-width: 767px) {
  .h4CntAboutKaikyuFx {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4CntAboutKaikyuFx {
    font-size: 5.8666666667vw;
  }
}

.rubyCntAboutKaikyuFx {
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 1.7222222222;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .rubyCntAboutKaikyuFx {
    margin-top: 5.98%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .rubyCntAboutKaikyuFx {
    font-size: 1.5012510425vw;
  }
}
.rubyCntAboutKaikyuFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.7222222222) * 0.5em);
  content: "";
}
.rubyCntAboutKaikyuFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.7222222222) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .rubyCntAboutKaikyuFx {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .rubyCntAboutKaikyuFx {
    margin-top: 3.05%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyCntAboutKaikyuFx {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .rubyCntAboutKaikyuFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  .rubyCntAboutKaikyuFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}

.ulCntAboutKaikyuFx {
  width: 351px;
  display: flex;
  flex-flow: row wrap;
}
@media screen and (max-width: 1199px) {
  .ulCntAboutKaikyuFx {
    width: 55.18%;
  }
}
@media screen and (max-width: 767px) {
  .ulCntAboutKaikyuFx {
    margin-top: 10.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

.liCntAboutKaikyuFx {
  font-size: 18px;
  line-height: 1.6666666667;
  letter-spacing: 0.05em;
  width: 100%;
}
@media screen and (max-width: 1199px) {
  .liCntAboutKaikyuFx {
    font-size: 1.5012510425vw;
  }
}
.liCntAboutKaikyuFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
.liCntAboutKaikyuFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .liCntAboutKaikyuFx {
    line-height: 1.8125;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liCntAboutKaikyuFx {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .liCntAboutKaikyuFx::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.8125) * 0.5em);
    content: "";
  }
  .liCntAboutKaikyuFx::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.8125) * 0.5em);
    content: "";
  }
}
.liCntAboutKaikyuFx:nth-child(n+2) {
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .liCntAboutKaikyuFx:nth-child(n+2) {
    margin: 5.15% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liCntAboutKaikyuFx:nth-child(n+2) {
    margin-top: 4.7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.photoAboutKaikyuFx {
  margin: -0.5% 0 0 0;
  width: 524px;
}
@media screen and (max-width: 1199px) {
  .photoAboutKaikyuFx {
    width: 43.66%;
  }
}
@media screen and (max-width: 767px) {
  .photoAboutKaikyuFx {
    margin-top: 11.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
.photoAboutKaikyuFx img {
  width: 100%;
}

.cntBtmAboutKaikyuLxn {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 31px;
  padding-bottom: 34px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
}
@media screen and (max-width: 1199px) {
  .cntBtmAboutKaikyuLxn {
    margin-top: 3.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .cntBtmAboutKaikyuLxn {
    padding: 2.58% 0% 2.83% 0%;
  }
}
@media screen and (max-width: 767px) {
  .cntBtmAboutKaikyuLxn {
    margin-top: 12.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding: 8.53% 0% 8.5% 0%;
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .cntBtmAboutKaikyuLxn {
    width: 87.2%;
  }
}

.cntBtmAboutKaikyuFx {
  width: 992px;
  flex-flow: row wrap;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .cntBtmAboutKaikyuFx {
    width: 82.66%;
  }
}
@media screen and (max-width: 767px) {
  .cntBtmAboutKaikyuFx {
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .cntBtmAboutKaikyuFx {
    width: 90.21%;
  }
}

.picBtmAboutKaikyu {
  width: 118px;
}
@media screen and (max-width: 1199px) {
  .picBtmAboutKaikyu {
    width: 11.89%;
  }
}
@media screen and (max-width: 767px) {
  .picBtmAboutKaikyu {
    width: 118px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .picBtmAboutKaikyu {
    width: 40%;
  }
}

.secBtmAboutKaikyu {
  width: 829px;
}
@media screen and (max-width: 1199px) {
  .secBtmAboutKaikyu {
    width: 83.56%;
  }
}
@media screen and (max-width: 767px) {
  .secBtmAboutKaikyu {
    margin-top: 7.42%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

.h4BtmAboutKaikyu {
  font-size: 30px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h4BtmAboutKaikyu {
    font-size: 2.5020850709vw;
  }
}
@media screen and (max-width: 767px) {
  .h4BtmAboutKaikyu {
    line-height: 1.4347826087;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4BtmAboutKaikyu {
    font-size: 6.1333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h4BtmAboutKaikyu::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4347826087) * 0.5em);
    content: "";
  }
  .h4BtmAboutKaikyu::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4347826087) * 0.5em);
    content: "";
  }
}

.txtBtmAboutKaikyu {
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 1.7222222222;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtBtmAboutKaikyu {
    margin-top: 2.65%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtBtmAboutKaikyu {
    font-size: 1.5012510425vw;
  }
}
.txtBtmAboutKaikyu::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.7222222222) * 0.5em);
  content: "";
}
.txtBtmAboutKaikyu::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.7222222222) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtBtmAboutKaikyu {
    margin-top: 5.38%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.4285714286;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtBtmAboutKaikyu {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtBtmAboutKaikyu::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4285714286) * 0.5em);
    content: "";
  }
  .txtBtmAboutKaikyu::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4285714286) * 0.5em);
    content: "";
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.aboutClassInfo {
  padding-top: 120px;
  padding-bottom: 120px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .aboutClassInfo {
    padding: 6.25% 0% 6.25% 0%;
  }
}
@media screen and (max-width: 767px) {
  .aboutClassInfo {
    padding: 25% 0% 21.33% 0%;
  }
}

@media screen and (max-width: 767px) {
  .aboutClassInfoWap {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .aboutClassInfoWap {
    width: 87.2%;
  }
}

.h2TitleAboutClassInfo {
  font-size: 45px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1199px) {
  .h2TitleAboutClassInfo {
    font-size: 3.7531276063vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleAboutClassInfo {
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleAboutClassInfo {
    font-size: 6.6666666667vw;
  }
}

.iconAboutClassInfo {
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 169px;
}
@media screen and (max-width: 1199px) {
  .iconAboutClassInfo {
    margin-top: 1.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .iconAboutClassInfo {
    width: 14.08%;
  }
}
@media screen and (max-width: 767px) {
  .iconAboutClassInfo {
    margin-top: 12px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 125px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconAboutClassInfo {
    margin-top: 3.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconAboutClassInfo {
    width: 33.33%;
  }
}

.ulAboutClassInfo {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .ulAboutClassInfo {
    margin-top: 3.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulAboutClassInfo {
    margin-top: 8.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liAboutClassInfo {
  width: 100%;
}
.liAboutClassInfo:nth-child(n+2) {
  margin-top: 96px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .liAboutClassInfo:nth-child(n+2) {
    margin-top: 8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liAboutClassInfo:nth-child(n+2) {
    margin-top: 56px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liAboutClassInfo:nth-child(n+2) {
    margin-top: 17.12%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secAboutClassInfo {
  width: 560px;
}
@media screen and (max-width: 1199px) {
  .secAboutClassInfo {
    width: 46.66%;
  }
}
@media screen and (max-width: 767px) {
  .secAboutClassInfo {
    width: 100%;
  }
}

.h3AboutClassInfo {
  padding-top: 0px;
  padding-bottom: 24px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 34px;
  line-height: normal;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #FF8D5C;
}
@media screen and (max-width: 1199px) {
  .h3AboutClassInfo {
    padding: 0% 0% 4.28% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .h3AboutClassInfo {
    font-size: 2.8356964137vw;
  }
}
@media screen and (max-width: 767px) {
  .h3AboutClassInfo {
    padding: 0% 0% 2.7% 0%;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3AboutClassInfo {
    font-size: 5.0666666667vw;
  }
}

.txtAboutClassInfo {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 1.7222222222;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtAboutClassInfo {
    margin-top: 5.35%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtAboutClassInfo {
    font-size: 1.5012510425vw;
  }
}
.txtAboutClassInfo::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.7222222222) * 0.5em);
  content: "";
}
.txtAboutClassInfo::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.7222222222) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtAboutClassInfo {
    margin-top: 4.44%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6428571429;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtAboutClassInfo {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtAboutClassInfo::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6428571429) * 0.5em);
    content: "";
  }
  .txtAboutClassInfo::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6428571429) * 0.5em);
    content: "";
  }
}

.photoAboutClassInfo {
  width: 560px;
}
@media screen and (max-width: 1199px) {
  .photoAboutClassInfo {
    width: 46.66%;
  }
}
@media screen and (max-width: 767px) {
  .photoAboutClassInfo {
    margin-top: 5.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.aboutTrial {
  padding-top: 124px;
  padding-bottom: 137px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .aboutTrial {
    padding: 6.45% 0% 7.13% 0%;
  }
}
@media screen and (max-width: 767px) {
  .aboutTrial {
    padding: 24.53% 0% 30.73% 0%;
  }
}

.bgAboutTrial {
  background: url(../img/aboutus/bgAboutTrialPc.png) no-repeat center top;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .bgAboutTrial {
    background: url(../img/aboutus/bgAboutTrialSp.png) no-repeat center top;
    background-size: cover;
  }
}

.secAboutTrial {
  width: 960px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .secAboutTrial {
    width: 80%;
  }
}
@media screen and (max-width: 767px) {
  .secAboutTrial {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secAboutTrial {
    width: 87.2%;
  }
}

.h2AboutTrial {
  font-size: 30px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h2AboutTrial {
    font-size: 2.5020850709vw;
  }
}
@media screen and (max-width: 767px) {
  .h2AboutTrial {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2AboutTrial {
    font-size: 4.8vw;
  }
}

.photosAboutTrial {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .photosAboutTrial {
    margin-top: 3.12%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .photosAboutTrial {
    margin-top: 32px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .photosAboutTrial {
    margin-top: 9.78%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.footerAbout {
  margin-top: -48px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .footerAbout {
    margin-top: -2.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .footerAbout {
    margin-top: -4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.testIndex {
  width: 500px;
}
@media screen and (max-width: 1199px) {
  .testIndex {
    width: 41.66%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.kidsSwimmingTenkaiFxWap {
  margin-top: 56px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .kidsSwimmingTenkaiFxWap {
    margin-top: 2.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .kidsSwimmingTenkaiFxWap {
    margin-top: 11.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secKidsSwimmingTenkai {
  margin: 1.3% 0 0 0;
  width: 570px;
}
@media screen and (max-width: 1199px) {
  .secKidsSwimmingTenkai {
    width: 47.5%;
  }
}
@media screen and (max-width: 767px) {
  .secKidsSwimmingTenkai {
    width: 327px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secKidsSwimmingTenkai {
    width: 87.2%;
  }
}

.h2KidsSwimmingTenkai {
  font-size: 40px;
  line-height: 1.725;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h2KidsSwimmingTenkai {
    font-size: 3.3361134279vw;
  }
}
.h2KidsSwimmingTenkai::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.725) * 0.5em);
  content: "";
}
.h2KidsSwimmingTenkai::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.725) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2KidsSwimmingTenkai {
    line-height: 1.7;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2KidsSwimmingTenkai {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2KidsSwimmingTenkai::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7) * 0.5em);
    content: "";
  }
  .h2KidsSwimmingTenkai::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7) * 0.5em);
    content: "";
  }
}

.txtKidsSwimmingTenkai {
  margin-top: 39px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtKidsSwimmingTenkai {
    margin-top: 6.84%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtKidsSwimmingTenkai {
    font-size: 1.6680567139vw;
  }
}
.txtKidsSwimmingTenkai::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.75) * 0.5em);
  content: "";
}
.txtKidsSwimmingTenkai::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.75) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtKidsSwimmingTenkai {
    margin-top: 6.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtKidsSwimmingTenkai {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .txtKidsSwimmingTenkai::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .txtKidsSwimmingTenkai::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.photoKidsSwimmingTenkai {
  width: 574px;
}
@media screen and (max-width: 1199px) {
  .photoKidsSwimmingTenkai {
    width: 47.83%;
  }
}
@media screen and (max-width: 767px) {
  .photoKidsSwimmingTenkai {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 375px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .photoKidsSwimmingTenkai {
    margin-top: 10.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .photoKidsSwimmingTenkai {
    width: 100%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.navKidsSwimmingWap {
  margin-top: 135px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .navKidsSwimmingWap {
    margin-top: 7.03%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .navKidsSwimmingWap {
    margin-top: 13.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.ulNavKidsSwimming {
  width: 944px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .ulNavKidsSwimming {
    width: 78.66%;
  }
}
@media screen and (max-width: 767px) {
  .ulNavKidsSwimming {
    width: 286px;
    flex-flow: row wrap;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulNavKidsSwimming {
    width: 76.26%;
  }
}

.liNavKidsSwimming {
  width: 218px;
}
@media screen and (max-width: 1199px) {
  .liNavKidsSwimming {
    width: 23.09%;
  }
}
@media screen and (max-width: 1199px) {
  .liNavKidsSwimming {
    margin-bottom: 2%;
  }
}
@media screen and (max-width: 767px) {
  .liNavKidsSwimming {
    width: 138px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liNavKidsSwimming {
    width: 48.25%;
  }
}
@media screen and (max-width: 767px) {
  .liNavKidsSwimming:nth-child(n+3) {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liNavKidsSwimming:nth-child(n+3) {
    margin: 3.49% 0% 0% 0%;
  }
}

.btnNavKidsSwimming {
  display: block;
}

.btnNavKidsSwimmingTop {
  aspect-ratio: 218/60;
  border-radius: 60px;
  /* CSS3草案 */
  -webkit-border-radius: 60px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 60px;
  /* Firefox用 */
  font-size: 21px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1199px) {
  .btnNavKidsSwimmingTop {
    font-size: 1.7514595496vw;
  }
}
@media screen and (max-width: 767px) {
  .btnNavKidsSwimmingTop {
    aspect-ratio: 138/33;
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnNavKidsSwimmingTop {
    font-size: 3.4666666667vw;
  }
}

.iconNavKidsSwimmingTop {
  display: block;
  width: 25px;
  margin: auto;
  margin-top: -4px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .iconNavKidsSwimmingTop {
    width: 11.46%;
  }
}
@media screen and (max-width: 1199px) {
  .iconNavKidsSwimmingTop {
    margin-top: -1.84%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .iconNavKidsSwimmingTop {
    width: 16px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconNavKidsSwimmingTop {
    width: 11.59%;
  }
}
.iconNavKidsSwimmingTop svg {
  width: 100%;
  height: auto;
  display: block;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.featuresKidsSwimming {
  padding-top: 109px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .featuresKidsSwimming {
    padding: 5.67% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .featuresKidsSwimming {
    margin-top: 7.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .featuresKidsSwimmingWap {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .featuresKidsSwimmingWap {
    width: 87.2%;
  }
}

.h2TitleFeaturesKidsSwimming {
  font-size: 45px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1199px) {
  .h2TitleFeaturesKidsSwimming {
    font-size: 3.7531276063vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleFeaturesKidsSwimming {
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleFeaturesKidsSwimming {
    font-size: 6.6666666667vw;
  }
}

.picTitleFeaturesKidsSwimming {
  width: 169px;
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .picTitleFeaturesKidsSwimming {
    width: 14.08%;
  }
}
@media screen and (max-width: 1199px) {
  .picTitleFeaturesKidsSwimming {
    margin-top: 1.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picTitleFeaturesKidsSwimming {
    width: 33.22%;
    margin-top: 12px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .picTitleFeaturesKidsSwimming {
    margin-top: 3.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.picTitleFeaturesKidsSwimming svg {
  width: 100%;
  height: 100%;
}

.fxFeaturesKidsSwimming {
  margin-top: 64px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .fxFeaturesKidsSwimming {
    margin-top: 5.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .fxFeaturesKidsSwimming {
    margin-top: 6.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.photoFeaturesKidsSwimming {
  width: 510px;
}
@media screen and (max-width: 1199px) {
  .photoFeaturesKidsSwimming {
    width: 42.5%;
  }
}
@media screen and (max-width: 767px) {
  .photoFeaturesKidsSwimming {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .photoFeaturesKidsSwimming {
    width: 100%;
  }
}

.secFeaturesKidsSwimming {
  width: 610px;
}
@media screen and (max-width: 1199px) {
  .secFeaturesKidsSwimming {
    width: 50.83%;
  }
}
@media screen and (max-width: 767px) {
  .secFeaturesKidsSwimming {
    margin-top: 4.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secFeaturesKidsSwimming {
    width: 100%;
  }
}

.h2FeaturesKidsSwimming {
  font-size: 30px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h2FeaturesKidsSwimming {
    font-size: 2.5020850709vw;
  }
}
@media screen and (max-width: 767px) {
  .h2FeaturesKidsSwimming {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2FeaturesKidsSwimming {
    font-size: 4.8vw;
  }
}

.txtMainFeaturesKidsSwimming {
  margin-top: 21px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtMainFeaturesKidsSwimming {
    margin-top: 3.44%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtMainFeaturesKidsSwimming {
    font-size: 1.3344453711vw;
  }
}
.txtMainFeaturesKidsSwimming::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.875) * 0.5em);
  content: "";
}
.txtMainFeaturesKidsSwimming::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.875) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtMainFeaturesKidsSwimming {
    margin-top: 4.44%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6923076923;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtMainFeaturesKidsSwimming {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtMainFeaturesKidsSwimming::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6923076923) * 0.5em);
    content: "";
  }
  .txtMainFeaturesKidsSwimming::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6923076923) * 0.5em);
    content: "";
  }
}

.txtMainFeaturesKidsSwimming02 {
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtMainFeaturesKidsSwimming02 {
    margin-top: 1.31%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtMainFeaturesKidsSwimming02 {
    font-size: 1.0842368641vw;
  }
}
@media screen and (max-width: 767px) {
  .txtMainFeaturesKidsSwimming02 {
    margin-top: 3.44%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtMainFeaturesKidsSwimming02 {
    font-size: 3.2vw;
  }
}

.linkTxtFeaturesKidsSwimming {
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.05em;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 24px;
  padding-right: 0px;
  background: url(../img/kidsSwimming/linkTxtFeaturesKidsSwimming.svg) no-repeat left center;
  background-size: auto 60%;
}
@media screen and (max-width: 1199px) {
  .linkTxtFeaturesKidsSwimming {
    margin-top: 2.13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .linkTxtFeaturesKidsSwimming {
    font-size: 1.3344453711vw;
  }
}
.linkTxtFeaturesKidsSwimming::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.875) * 0.5em);
  content: "";
}
.linkTxtFeaturesKidsSwimming::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.875) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .linkTxtFeaturesKidsSwimming {
    padding: 0% 0% 0% 3.93%;
  }
}
@media screen and (max-width: 767px) {
  .linkTxtFeaturesKidsSwimming {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6923076923;
    letter-spacing: 0.05em;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 24px;
    padding-right: 0px;
    background-size: auto 91%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .linkTxtFeaturesKidsSwimming {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .linkTxtFeaturesKidsSwimming::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6923076923) * 0.5em);
    content: "";
  }
  .linkTxtFeaturesKidsSwimming::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6923076923) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .linkTxtFeaturesKidsSwimming {
    padding: 0% 0% 0% 7.33%;
  }
}

.linkBtmTxtFeaturesKidsSwimming {
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .linkBtmTxtFeaturesKidsSwimming {
    margin-top: 1.31%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .linkBtmTxtFeaturesKidsSwimming {
    font-size: 1.3344453711vw;
  }
}
.linkBtmTxtFeaturesKidsSwimming::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.875) * 0.5em);
  content: "";
}
.linkBtmTxtFeaturesKidsSwimming::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.875) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .linkBtmTxtFeaturesKidsSwimming {
    margin-top: 4.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .linkBtmTxtFeaturesKidsSwimming {
    font-size: 3.4666666667vw;
  }
}

.linkBtmTxtFeaturesKidsSwimmingLxn {
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .linkBtmTxtFeaturesKidsSwimmingLxn {
    font-size: 1.3344453711vw;
  }
}
.linkBtmTxtFeaturesKidsSwimmingLxn::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.875) * 0.5em);
  content: "";
}
.linkBtmTxtFeaturesKidsSwimmingLxn::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.875) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .linkBtmTxtFeaturesKidsSwimmingLxn {
    line-height: normal;
    letter-spacing: 0.12em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .linkBtmTxtFeaturesKidsSwimmingLxn {
    font-size: 3.4666666667vw;
  }
}

.marvelousFeaturesKidsSwimming {
  margin-top: 35px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 19px;
  padding-bottom: 24px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
}
@media screen and (max-width: 1199px) {
  .marvelousFeaturesKidsSwimming {
    margin-top: 5.73%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .marvelousFeaturesKidsSwimming {
    padding: 3.11% 0% 3.93% 0%;
  }
}
@media screen and (max-width: 767px) {
  .marvelousFeaturesKidsSwimming {
    margin-top: 11%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding: 5% 0% 7.95% 0%;
  }
}

.marvelousFeaturesKidsSwimmingWap {
  width: 562px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .marvelousFeaturesKidsSwimmingWap {
    width: 92.13%;
  }
}
@media screen and (max-width: 767px) {
  .marvelousFeaturesKidsSwimmingWap {
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .marvelousFeaturesKidsSwimmingWap {
    width: 90.21%;
  }
}

.titleMarvelousFeaturesKidsSwimming {
  padding-top: 0px;
  padding-bottom: 8px;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 1px solid #2F99F0;
  flex-flow: row wrap;
}
@media screen and (max-width: 1199px) {
  .titleMarvelousFeaturesKidsSwimming {
    padding: 0% 0% 1.42% 0%;
  }
}
@media screen and (max-width: 767px) {
  .titleMarvelousFeaturesKidsSwimming {
    padding-top: 0px;
    padding-bottom: 7px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .titleMarvelousFeaturesKidsSwimming {
    padding: 0% 0% 2.37% 0%;
  }
}

.h3MarvelousFeaturesKidsSwimming {
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h3MarvelousFeaturesKidsSwimming {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 767px) {
  .h3MarvelousFeaturesKidsSwimming {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3MarvelousFeaturesKidsSwimming {
    font-size: 3.7333333333vw;
  }
}

.h4MarvelousFeaturesKidsSwimming {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 7px;
  margin-right: auto;
  font-size: 25px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) and (max-width: 1199px) {
  .h4MarvelousFeaturesKidsSwimming {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 1.24%;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .h4MarvelousFeaturesKidsSwimming {
    font-size: 2.0850708924vw;
  }
}
@media screen and (max-width: 767px) {
  .h4MarvelousFeaturesKidsSwimming {
    margin: 1% 0% 0% 0%;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4MarvelousFeaturesKidsSwimming {
    font-size: 5.6vw;
  }
}

.txtMarvelousFeaturesKidsSwimming {
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtMarvelousFeaturesKidsSwimming {
    margin-top: 1.42%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtMarvelousFeaturesKidsSwimming {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 767px) {
  .txtMarvelousFeaturesKidsSwimming {
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6923076923;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtMarvelousFeaturesKidsSwimming {
    margin-top: 2.71%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtMarvelousFeaturesKidsSwimming {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtMarvelousFeaturesKidsSwimming::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6923076923) * 0.5em);
    content: "";
  }
  .txtMarvelousFeaturesKidsSwimming::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6923076923) * 0.5em);
    content: "";
  }
}

.ulMarvelousFeaturesKidsSwimming {
  margin-top: 9px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .ulMarvelousFeaturesKidsSwimming {
    margin-top: 1.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulMarvelousFeaturesKidsSwimming {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulMarvelousFeaturesKidsSwimming {
    margin-top: 3.38%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liMarvelousFeaturesKidsSwimming {
  width: 48%;
}
@media screen and (max-width: 767px) {
  .liMarvelousFeaturesKidsSwimming {
    width: 100%;
  }
  .liMarvelousFeaturesKidsSwimming:nth-child(n+2) {
    margin-top: 9px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liMarvelousFeaturesKidsSwimming:nth-child(n+2) {
    margin: 3.05% 0% 0% 0%;
  }
}

.iconMarvelousFeaturesKidsSwimming {
  width: 16px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 8px;
}
@media screen and (max-width: 1199px) {
  .iconMarvelousFeaturesKidsSwimming {
    width: 5.4%;
  }
}
@media screen and (max-width: 1199px) {
  .iconMarvelousFeaturesKidsSwimming {
    margin: 0% 2.7% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .iconMarvelousFeaturesKidsSwimming {
    width: 16px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 8px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconMarvelousFeaturesKidsSwimming {
    width: 5.42%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconMarvelousFeaturesKidsSwimming {
    margin: 0% 2.71% 0% 0%;
  }
}

.btnMarvelousFeaturesKidsSwimming {
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .btnMarvelousFeaturesKidsSwimming {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 767px) {
  .btnMarvelousFeaturesKidsSwimming {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnMarvelousFeaturesKidsSwimming {
    font-size: 3.4666666667vw;
  }
}

.fxFeaturesKidsSwimming02 {
  margin-top: 80px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .fxFeaturesKidsSwimming02 {
    margin-top: 6.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .fxFeaturesKidsSwimming02 {
    margin-top: 15.23%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bnrKidsSwimming {
  margin-top: 120px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  height: 590px;
  background: url(../img/kidsSwimming/bgbnrKidsSwimmingPc.png) no-repeat top center;
  background-size: auto 100%;
}
@media screen and (max-width: 1199px) {
  .bnrKidsSwimming {
    margin-top: 6.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .bnrKidsSwimming {
    margin-top: 80px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    height: 83.7333333333vw;
    background: url(../img/kidsSwimming/bgbnrKidsSwimmingSp.png) no-repeat top center;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .bnrKidsSwimming {
    margin-top: 21.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.timeKidsSwimming {
  padding-top: 125px;
  padding-bottom: 120px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .timeKidsSwimming {
    padding: 6.51% 0% 6.25% 0%;
  }
}
@media screen and (max-width: 767px) {
  .timeKidsSwimming {
    padding-top: 56px;
    padding-bottom: 80px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .timeKidsSwimming {
    padding: 14.93% 0% 21.33% 0%;
  }
}

@media screen and (max-width: 767px) {
  .timeKidsSwimmingWap {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .timeKidsSwimmingWap {
    width: 87.2%;
  }
}

.timeKidsSwimmingFig {
  margin-top: 64px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .timeKidsSwimmingFig {
    margin-top: 5.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .timeKidsSwimmingFig {
    margin-top: 10.48%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtTimeKidsSwimming {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1199px) {
  .txtTimeKidsSwimming {
    margin-top: 1.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtTimeKidsSwimming {
    font-size: 1.1676396997vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTimeKidsSwimming {
    margin-top: 3.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTimeKidsSwimming {
    font-size: 3.2vw;
  }
}

.otokuKidsSwimming {
  margin-top: 55px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .otokuKidsSwimming {
    margin-top: 4.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .otokuKidsSwimming {
    margin-top: 28px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .otokuKidsSwimming {
    margin-top: 8.56%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtTimeKidsSwimming {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1199px) {
  .txtTimeKidsSwimming {
    margin-top: 1.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtTimeKidsSwimming {
    font-size: 1.1676396997vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTimeKidsSwimming {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtTimeKidsSwimming {
    margin-top: 4.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTimeKidsSwimming {
    font-size: 3.2vw;
  }
}

.btnTimeKidsSwimmingWap {
  margin-top: 64px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 360px;
}
@media screen and (max-width: 1199px) {
  .btnTimeKidsSwimmingWap {
    margin-top: 5.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .btnTimeKidsSwimmingWap {
    width: 30%;
  }
}
@media screen and (max-width: 767px) {
  .btnTimeKidsSwimmingWap {
    margin-top: 15.17%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnTimeKidsSwimmingWap {
    width: 91.74%;
  }
}

.btnTimeKidsSwimming {
  font-size: 21px;
  line-height: normal;
  letter-spacing: 0.05em;
  aspect-ratio: 360/80;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
}
@media screen and (max-width: 1199px) {
  .btnTimeKidsSwimming {
    font-size: 1.7514595496vw;
  }
}
@media screen and (max-width: 767px) {
  .btnTimeKidsSwimming {
    line-height: normal;
    letter-spacing: 0.05em;
    aspect-ratio: 300/60;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnTimeKidsSwimming {
    font-size: 4.2666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.joinKidsSwimming {
  padding-top: 120px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .joinKidsSwimming {
    padding: 6.25% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .joinKidsSwimming {
    padding-top: 80px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .joinKidsSwimming {
    padding: 21.33% 0% 0% 0%;
  }
}

@media screen and (max-width: 767px) {
  .joinKidsSwimmingWap {
    width: 327px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .joinKidsSwimmingWap {
    width: 87.2%;
  }
}

.detailKidsSwimming {
  margin-top: 67px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .detailKidsSwimming {
    margin-top: 5.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .detailKidsSwimming {
    margin-top: 7.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.titleDetailKidsSwimming {
  padding-top: 0px;
  padding-bottom: 9px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .titleDetailKidsSwimming {
    padding: 0% 0% 0.75% 0%;
  }
}
@media screen and (max-width: 767px) {
  .titleDetailKidsSwimming {
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .titleDetailKidsSwimming {
    padding: 0% 0% 3.05% 0%;
  }
}

.iconTitleDetailKidsSwimming {
  aspect-ratio: 4/40;
  width: 4px;
}
@media screen and (max-width: 1199px) {
  .iconTitleDetailKidsSwimming {
    width: 0.33%;
  }
}
@media screen and (max-width: 767px) {
  .iconTitleDetailKidsSwimming {
    aspect-ratio: 3/30;
    width: 3px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconTitleDetailKidsSwimming {
    width: 0.91%;
  }
}

.h2TitleDetailKidsSwimming {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 20px;
  margin-right: 0px;
  font-size: 25px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h2TitleDetailKidsSwimming {
    margin: 0% 0% 0% 1.66%;
  }
}
@media screen and (max-width: 1199px) {
  .h2TitleDetailKidsSwimming {
    font-size: 2.0850708924vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleDetailKidsSwimming {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 0px;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h2TitleDetailKidsSwimming {
    margin: 0% 0% 0% 3.05%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleDetailKidsSwimming {
    font-size: 5.3333333333vw;
  }
}

.textDetailKidsSwimming {
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .textDetailKidsSwimming {
    margin: 1.25% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .textDetailKidsSwimming {
    font-size: 1.5012510425vw;
  }
}
@media screen and (max-width: 767px) {
  .textDetailKidsSwimming {
    margin: 3.8% 0% 0% 0%;
    line-height: 1.45;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .textDetailKidsSwimming {
    font-size: 4vw;
  }
}

.yobiDetailKidsSwimmingFx {
  width: 190px;
}
@media screen and (max-width: 1199px) {
  .yobiDetailKidsSwimmingFx {
    width: 15.83%;
  }
}
@media screen and (max-width: 767px) {
  .yobiDetailKidsSwimmingFx {
    width: 120px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .yobiDetailKidsSwimmingFx {
    width: 36.69%;
  }
}

.detailKidsSwimming02 {
  margin-top: 43px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .detailKidsSwimming02 {
    margin: 3.58% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .detailKidsSwimming02 {
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .detailKidsSwimming02 {
    margin-top: 9.17%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.priceDetailKidsSwimming {
  margin-top: 46px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 17px;
  padding-right: 0px;
  border-radius: 15px;
  /* CSS3草案 */
  -webkit-border-radius: 15px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 15px;
  /* Firefox用 */
}
@media screen and (max-width: 1199px) {
  .priceDetailKidsSwimming {
    margin: 3.83% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .priceDetailKidsSwimming {
    padding: 2.66% 0% 2.66% 1.41%;
  }
}
@media screen and (max-width: 767px) {
  .priceDetailKidsSwimming {
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 16px;
    padding-bottom: 24px;
    padding-left: 0px;
    padding-right: 0px;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .priceDetailKidsSwimming {
    margin-top: 9.17%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .priceDetailKidsSwimming {
    padding: 4.89% 0% 7.33% 0%;
  }
}

@media screen and (max-width: 767px) {
  .priceDetailKidsSwimmingFx {
    width: 287px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .priceDetailKidsSwimmingFx {
    width: 87.76%;
  }
}

.h2PriceDetailKidsSwimming {
  width: 227px;
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1199px) {
  .h2PriceDetailKidsSwimming {
    width: 19.15%;
  }
}
@media screen and (max-width: 1199px) {
  .h2PriceDetailKidsSwimming {
    font-size: 2.0016680567vw;
  }
}
@media screen and (max-width: 767px) {
  .h2PriceDetailKidsSwimming {
    width: 100%;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2PriceDetailKidsSwimming {
    font-size: 5.3333333333vw;
  }
}

.brdPriceDetailKidsSwimming {
  width: 1px;
  aspect-ratio: 1/128;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 14px;
  margin-right: 39px;
}
@media screen and (max-width: 1199px) {
  .brdPriceDetailKidsSwimming {
    width: 0.08%;
  }
}
@media screen and (max-width: 1199px) {
  .brdPriceDetailKidsSwimming {
    margin: 0% 3.29% 0% 1.18%;
  }
}
@media screen and (max-width: 767px) {
  .brdPriceDetailKidsSwimming {
    width: 100%;
    aspect-ratio: 287/1;
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .brdPriceDetailKidsSwimming {
    margin-top: 4.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.ulPriceDetailKidsSwimming {
  width: 758px;
}
@media screen and (max-width: 1199px) {
  .ulPriceDetailKidsSwimming {
    width: 63.96%;
  }
}
@media screen and (max-width: 767px) {
  .ulPriceDetailKidsSwimming {
    width: 100%;
    margin-top: 6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liPriceDetailKidsSwimming {
  width: 351px;
}
@media screen and (max-width: 1199px) {
  .liPriceDetailKidsSwimming {
    width: 46.3%;
  }
}
@media screen and (max-width: 767px) {
  .liPriceDetailKidsSwimming {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liPriceDetailKidsSwimming {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .liPriceDetailKidsSwimming:nth-child(n+2) {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.liPriceDetailKidsSwimming:nth-child(n+3) {
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .liPriceDetailKidsSwimming:nth-child(n+3) {
    margin: 0.92% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liPriceDetailKidsSwimming:nth-child(n+3) {
    margin-top: 3.92%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h3PriceDetailKidsSwimming {
  width: 251px;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h3PriceDetailKidsSwimming {
    width: 71.5%;
  }
}
@media screen and (max-width: 1199px) {
  .h3PriceDetailKidsSwimming {
    font-size: 1.5012510425vw;
  }
}
@media screen and (max-width: 767px) {
  .h3PriceDetailKidsSwimming {
    width: 68.24%;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3PriceDetailKidsSwimming {
    font-size: 4vw;
  }
}

.mainPriceDetailKidsSwimming {
  width: 95px;
}
@media screen and (max-width: 1199px) {
  .mainPriceDetailKidsSwimming {
    width: 27.06%;
  }
}
@media screen and (max-width: 1199px) {
  .mainPriceDetailKidsSwimming {
    width: 30%;
  }
}
@media screen and (max-width: 767px) {
  .mainPriceDetailKidsSwimming {
    width: 86px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .mainPriceDetailKidsSwimming {
    width: 29.96%;
  }
}

.intMainPriceDetailKidsSwimming {
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .intMainPriceDetailKidsSwimming {
    font-size: 1.5012510425vw;
  }
}
.intMainPriceDetailKidsSwimming::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.intMainPriceDetailKidsSwimming::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .intMainPriceDetailKidsSwimming {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .intMainPriceDetailKidsSwimming {
    font-size: 4vw;
  }
}

.taniMainPriceDetailKidsSwimming {
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .taniMainPriceDetailKidsSwimming {
    font-size: 0.834028357vw;
  }
}
.taniMainPriceDetailKidsSwimming::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.taniMainPriceDetailKidsSwimming::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .taniMainPriceDetailKidsSwimming {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .taniMainPriceDetailKidsSwimming {
    font-size: 2.9333333333vw;
  }
}

.btnPriceKidsSwimmingWap {
  width: 360px;
  margin-top: 69px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .btnPriceKidsSwimmingWap {
    width: 30%;
  }
}
@media screen and (max-width: 1199px) {
  .btnPriceKidsSwimmingWap {
    margin-top: 5.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btnPriceKidsSwimmingWap {
    width: 300px;
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnPriceKidsSwimmingWap {
    width: 91.74%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnPriceKidsSwimmingWap {
    margin-top: 12.23%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnPriceKidsSwimming {
  aspect-ratio: 360/80;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  font-size: 21px;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .btnPriceKidsSwimming {
    font-size: 1.7514595496vw;
  }
}
.btnPriceKidsSwimming::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.btnPriceKidsSwimming::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnPriceKidsSwimming {
    aspect-ratio: 300/60;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnPriceKidsSwimming {
    font-size: 4.2666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.faqKidsSwimming {
  margin-top: 120px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 120px;
  padding-bottom: 120px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .faqKidsSwimming {
    margin-top: 6.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .faqKidsSwimming {
    padding: 6.25% 0% 6.25% 0%;
  }
}
@media screen and (max-width: 767px) {
  .faqKidsSwimming {
    margin-top: 80px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .faqKidsSwimming {
    margin-top: 21.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .faqKidsSwimming {
    padding: 21.33% 0% 21.33% 0%;
  }
}

@media screen and (max-width: 767px) {
  .faqKidsSwimmingWap {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .faqKidsSwimmingWap {
    width: 87.2%;
  }
}

.faqKidsSwimmingLxn {
  margin-top: 64px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .faqKidsSwimmingLxn {
    margin-top: 5.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .faqKidsSwimmingLxn {
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .faqKidsSwimmingLxn {
    margin-top: 7.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secFaqKidsSwimmingLxn {
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 0px;
  padding-right: 0px;
  width: 1000px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .secFaqKidsSwimmingLxn {
    padding: 1.33% 0% 1.33% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .secFaqKidsSwimmingLxn {
    width: 83.33%;
  }
}
@media screen and (max-width: 767px) {
  .secFaqKidsSwimmingLxn {
    padding: 4.6% 0%;
    width: 100%;
  }
}

.secFaqKidsSwimmingMain {
  width: 900px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .secFaqKidsSwimmingMain {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .secFaqKidsSwimmingMain {
    width: 287px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secFaqKidsSwimmingMain {
    width: 87.76%;
  }
}

.titleFaqKidsSwimmingMain {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 9px;
}
@media screen and (max-width: 1199px) {
  .titleFaqKidsSwimmingMain {
    padding: 0% 1% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .titleFaqKidsSwimmingMain {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    align-items: flex-start;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .titleFaqKidsSwimmingMain {
    padding: 0% 0% 0% 0%;
  }
}

.iconQ {
  width: 40px;
}
@media screen and (max-width: 1199px) {
  .iconQ {
    width: 4.44%;
  }
}
@media screen and (max-width: 767px) {
  .iconQ {
    width: 30px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconQ {
    width: 10.45%;
  }
}
.iconQ svg {
  width: 100%;
  height: auto;
  display: block;
}

.h3FaqKidsSwimmingMain {
  width: 805px;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h3FaqKidsSwimmingMain {
    width: 89.44%;
  }
}
@media screen and (max-width: 1199px) {
  .h3FaqKidsSwimmingMain {
    font-size: 1.6680567139vw;
  }
}
@media screen and (max-width: 767px) {
  .h3FaqKidsSwimmingMain {
    width: 223px;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h3FaqKidsSwimmingMain {
    width: 77.7%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3FaqKidsSwimmingMain {
    font-size: 4.2666666667vw;
  }
}

.iconToggle {
  width: 24px;
  transition: 0.5s;
}
@media screen and (max-width: 1199px) {
  .iconToggle {
    width: 2.66%;
  }
}
@media screen and (max-width: 767px) {
  .iconToggle {
    width: 5.87%;
    margin: 2vw 0 0 0;
  }
}

.iconToggle svg {
  width: 100%;
  height: 100%;
}

.titleFaqKidsSwimmingMain.off .iconToggle {
  transform: rotate(180deg);
}

.titleFaqKidsSwimmingMain.on .iconToggle {
  transform: rotate(0deg);
}

.cntMainFaqKidsSwimmingLxn {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 8px;
  padding-left: 0px;
  padding-right: 0px;
  border-top: 1px solid #ccc;
  display: none;
}
@media screen and (max-width: 1199px) {
  .cntMainFaqKidsSwimmingLxn {
    margin-top: 1.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .cntMainFaqKidsSwimmingLxn {
    padding: 1.66% 0% 0.88% 0%;
  }
}
@media screen and (max-width: 767px) {
  .cntMainFaqKidsSwimmingLxn {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 5.57% 0% 2.5% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .cntMainFaqKidsSwimmingLxn {
    margin-top: 5.57%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.iconA {
  width: 40px;
}
@media screen and (max-width: 1199px) {
  .iconA {
    width: 4.44%;
  }
}
@media screen and (max-width: 767px) {
  .iconA {
    width: 30px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconA {
    width: 10.45%;
  }
}
.iconA svg {
  width: 100%;
  height: auto;
  display: block;
}

.cntMainFaqKidsSwimmingBox {
  width: 844px;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 1199px) {
  .cntMainFaqKidsSwimmingBox {
    width: 93.77%;
  }
}
@media screen and (max-width: 1199px) {
  .cntMainFaqKidsSwimmingBox {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 767px) {
  .cntMainFaqKidsSwimmingBox {
    width: 247px;
    line-height: 1.7142857143;
    letter-spacing: 0.05em;
    margin: 1% 0 0 0;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .cntMainFaqKidsSwimmingBox {
    width: 86.06%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .cntMainFaqKidsSwimmingBox {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .cntMainFaqKidsSwimmingBox::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7142857143) * 0.5em);
    content: "";
  }
  .cntMainFaqKidsSwimmingBox::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7142857143) * 0.5em);
    content: "";
  }
}
.cntMainFaqKidsSwimmingBox p {
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 1199px) {
  .cntMainFaqKidsSwimmingBox p {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 767px) {
  .cntMainFaqKidsSwimmingBox p {
    line-height: 1.7142857143;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .cntMainFaqKidsSwimmingBox p {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .cntMainFaqKidsSwimmingBox p::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7142857143) * 0.5em);
    content: "";
  }
  .cntMainFaqKidsSwimmingBox p::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7142857143) * 0.5em);
    content: "";
  }
}
.cntMainFaqKidsSwimmingBox p + p {
  margin-top: 22px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .cntMainFaqKidsSwimmingBox p + p {
    margin-top: 1.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secFaqKidsSwimmingLxn02 {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .secFaqKidsSwimmingLxn02 {
    margin-top: 1.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secFaqKidsSwimmingLxn02 {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secFaqKidsSwimmingLxn02 {
    margin-top: 3.05%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnFaqKidsSwimmingWap {
  width: 360px;
  margin-top: 64px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .btnFaqKidsSwimmingWap {
    width: 30%;
  }
}
@media screen and (max-width: 1199px) {
  .btnFaqKidsSwimmingWap {
    margin-top: 5.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btnFaqKidsSwimmingWap {
    width: 300px;
    margin-top: 39px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnFaqKidsSwimmingWap {
    width: 91.74%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnFaqKidsSwimmingWap {
    margin-top: 11.92%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnFaqKidsSwimming {
  aspect-ratio: 360/80;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  font-size: 21px;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .btnFaqKidsSwimming {
    font-size: 1.7514595496vw;
  }
}
.btnFaqKidsSwimming::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.btnFaqKidsSwimming::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnFaqKidsSwimming {
    aspect-ratio: 300/60;
    line-height: normal;
    letter-spacing: 0.05em;
    width: 300px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnFaqKidsSwimming {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnFaqKidsSwimming {
    width: 91.74%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.trialKidsSwimming {
  margin-top: 120px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .trialKidsSwimming {
    margin-top: 6.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .trialKidsSwimming {
    margin-top: 80px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .trialKidsSwimming {
    margin-top: 21.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .trialKidsSwimmingWap {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .trialKidsSwimmingWap {
    width: 87.2%;
  }
}

.bnrTrialKidsSwimming {
  width: 960px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .bnrTrialKidsSwimming {
    width: 80%;
  }
}
@media screen and (max-width: 767px) {
  .bnrTrialKidsSwimming {
    width: 100%;
  }
}

.secTrialKidsSwimming {
  margin-top: 48px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .secTrialKidsSwimming {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secTrialKidsSwimming {
    margin-top: 32px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secTrialKidsSwimming {
    margin-top: 9.78%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2TrialKidsSwimming {
  font-size: 25px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h2TrialKidsSwimming {
    font-size: 2.0850708924vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TrialKidsSwimming {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TrialKidsSwimming {
    font-size: 4.2666666667vw;
  }
}

.btnTrialKidsSwimming {
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .btnTrialKidsSwimming {
    margin-top: 1.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btnTrialKidsSwimming {
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnTrialKidsSwimming {
    margin-top: 2.44%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.iconTelTrialKidsSwimming {
  width: 62px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 18px;
}
@media screen and (max-width: 1199px) {
  .iconTelTrialKidsSwimming {
    width: 9.93%;
  }
}
@media screen and (max-width: 1199px) {
  .iconTelTrialKidsSwimming {
    margin: 0% 2.88% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .iconTelTrialKidsSwimming {
    width: 36px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 7px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconTelTrialKidsSwimming {
    width: 11%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconTelTrialKidsSwimming {
    margin: 0% 2.14% 0% 0%;
  }
}
.iconTelTrialKidsSwimming svg {
  width: 100%;
  height: 100%;
}

.intTrialKidsSwimming {
  font-size: 60px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1199px) {
  .intTrialKidsSwimming {
    font-size: 5.0041701418vw;
  }
}
@media screen and (max-width: 767px) {
  .intTrialKidsSwimming {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .intTrialKidsSwimming {
    font-size: 8.2666666667vw;
  }
}

.txtTrialKidsSwimming {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 17px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtTrialKidsSwimming {
    margin-top: 1.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtTrialKidsSwimming {
    font-size: 1.4178482068vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTrialKidsSwimming {
    margin-top: 32px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtTrialKidsSwimming {
    margin-top: 9.78%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTrialKidsSwimming {
    font-size: 3.7333333333vw;
  }
}

.ulIndexTraialKidsSwimming {
  margin-top: 32px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 360px;
}
@media screen and (max-width: 1199px) {
  .ulIndexTraialKidsSwimming {
    margin-top: 2.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .ulIndexTraialKidsSwimming {
    width: 30%;
  }
}
@media screen and (max-width: 767px) {
  .ulIndexTraialKidsSwimming {
    margin-top: 7.78%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    position: relative;
    z-index: 9;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulIndexTraialKidsSwimming {
    width: 91.74%;
  }
}

.liIndexTraialKidsSwimming {
  width: 100%;
}

.btnCvnTrialKidsSwimming {
  font-size: 21px;
  line-height: 1.4;
  letter-spacing: 0.05em;
  aspect-ratio: 360/80;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  text-decoration: none;
}
@media screen and (max-width: 1199px) {
  .btnCvnTrialKidsSwimming {
    font-size: 1.7514595496vw;
  }
}
@media screen and (max-width: 767px) {
  .btnCvnTrialKidsSwimming {
    line-height: normal;
    letter-spacing: 0.05em;
    aspect-ratio: 300/60;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnCvnTrialKidsSwimming {
    font-size: 4.2666666667vw;
  }
}

.iconTrialKidsSwimming {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 46px;
  padding-right: 0px;
  background: url(../img/kidsSwimming/iconTrialKidsSwimming.svg) no-repeat left center;
  background-size: auto 84%;
}
@media screen and (max-width: 1199px) {
  .iconTrialKidsSwimming {
    padding: 0% 0% 0% 12.77%;
  }
}
@media screen and (max-width: 767px) {
  .iconTrialKidsSwimming {
    background: url(../img/kidsSwimming/iconTrialKidsSwimming.svg) no-repeat 0 84%;
    background-size: auto 80%;
    padding: 0% 0% 0% 12.94%;
  }
}

.mainKidsSwimming + footer {
  margin-top: 88px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .mainKidsSwimming + footer {
    margin-top: 4.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .mainKidsSwimming + footer {
    margin-top: 110px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .mainKidsSwimming + footer {
    margin-top: 33.63%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.testIndex {
  width: 500px;
}
@media screen and (max-width: 1199px) {
  .testIndex {
    width: 41.66%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.mainInfoCatCnt {
  margin-top: 60px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .mainInfoCatCnt {
    margin-top: 3.12%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .mainInfoCatCnt {
    margin-top: 8.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .mainInfoCatCnt {
    width: 87.2%;
  }
}

.sidebarInfoCat {
  width: 234px;
}
@media screen and (max-width: 1199px) {
  .sidebarInfoCat {
    width: 19.5%;
  }
}
@media screen and (max-width: 767px) {
  .sidebarInfoCat {
    width: 100%;
  }
}

.btnSidebarInfoCat {
  border-radius: 20px 20px;
  cursor: pointer;
  border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 767px) {
  .btnSidebarInfoCat {
    border-radius: 20px 20px;
    transition-duration: 0.5s;
  }
}
.btnSidebarInfoCat.on {
  border-radius: 20px 20px 0 0;
}

.btnSidebarInfoCatFx {
  aspect-ratio: 202/56;
  width: 202px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .btnSidebarInfoCatFx {
    width: 86.32%;
  }
}
@media screen and (max-width: 767px) {
  .btnSidebarInfoCatFx {
    aspect-ratio: 295/48;
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnSidebarInfoCatFx {
    width: 90.21%;
  }
}

.h2BtnSidebarInfoCat {
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h2BtnSidebarInfoCat {
    font-size: 1.5012510425vw;
  }
}
@media screen and (max-width: 767px) {
  .h2BtnSidebarInfoCat {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2BtnSidebarInfoCat {
    font-size: 3.7333333333vw;
  }
}

.iconBtnSidebarInfoCat {
  width: 24px;
  transform: rotate(180deg);
  transition-duration: 0.5s;
}
@media screen and (max-width: 1199px) {
  .iconBtnSidebarInfoCat {
    width: 10.25%;
  }
}
@media screen and (max-width: 767px) {
  .iconBtnSidebarInfoCat {
    width: 24px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconBtnSidebarInfoCat {
    width: 7.33%;
  }
}

.btnSidebarInfoCat.on .iconBtnSidebarInfoCat {
  transform: rotate(0deg);
}

.navSidebarInfoCat {
  display: none;
}

.liNavSidebarInfoCat {
  border-bottom: 1px solid #ccc;
}

.btnNavSidebarInfoCat {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.05em;
  aspect-ratio: 234/45;
  text-decoration: none;
}
@media screen and (max-width: 1199px) {
  .btnNavSidebarInfoCat {
    padding: 0% 6.83% 0% 6.83%;
  }
}
@media screen and (max-width: 1199px) {
  .btnNavSidebarInfoCat {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 767px) {
  .btnNavSidebarInfoCat {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 16px;
    padding-right: 16px;
    line-height: normal;
    letter-spacing: 0.05em;
    aspect-ratio: 327/42;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnNavSidebarInfoCat {
    padding: 0% 4.89% 0% 4.89%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnNavSidebarInfoCat {
    font-size: 3.7333333333vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.infoCatLoop {
  width: 886px;
}
@media screen and (max-width: 1199px) {
  .infoCatLoop {
    width: 73.83%;
  }
}
@media screen and (max-width: 767px) {
  .infoCatLoop {
    margin-top: 12%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .infoCatLoop {
    width: 100%;
  }
}

.h2InfoCatLoop {
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h2InfoCatLoop {
    font-size: 1.5012510425vw;
  }
}
@media screen and (max-width: 767px) {
  .h2InfoCatLoop {
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2InfoCatLoop {
    font-size: 3.4666666667vw;
  }
}

.ulInfoCatLoop {
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .ulInfoCatLoop {
    margin-top: 2.14%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulInfoCatLoop {
    margin-top: 3.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liInfoCatLoop {
  padding-top: 25px;
  padding-bottom: 32px;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 1199px) {
  .liInfoCatLoop {
    padding: 2.82% 0% 3.61% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liInfoCatLoop {
    padding: 4.89% 0% 7.1% 0%;
  }
}
.liInfoCatLoop:first-child {
  border-top: 1px solid #ccc;
}

.newMainIndexNews {
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .newMainIndexNews {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 767px) {
  .newMainIndexNews {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .newMainIndexNews {
    font-size: 3.4666666667vw;
  }
}

.timeCatInfoLoop {
  margin: 0vw 0.625vw 0vw 0.7291666667vw;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .timeCatInfoLoop {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 767px) {
  .timeCatInfoLoop {
    margin: 0vw 2.1333333333vw 0vw 2.1333333333vw;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .timeCatInfoLoop {
    font-size: 3.4666666667vw;
  }
}

.btnCatInfoLoop {
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
  border-radius: 16px;
  /* CSS3草案 */
  -webkit-border-radius: 16px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 16px;
  /* Firefox用 */
  aspect-ratio: 150/30;
  width: 150px;
}
@media screen and (max-width: 1199px) {
  .btnCatInfoLoop {
    font-size: 1.1676396997vw;
  }
}
@media screen and (max-width: 1199px) {
  .btnCatInfoLoop {
    width: 16.93%;
  }
}
@media screen and (max-width: 767px) {
  .btnCatInfoLoop {
    line-height: normal;
    letter-spacing: 0em;
    aspect-ratio: 142/24;
    width: 142px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnCatInfoLoop {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnCatInfoLoop {
    width: 43.42%;
  }
}

.h3CatInfoLoop {
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 25px;
  line-height: normal;
  letter-spacing: 0.05em;
  text-decoration: none;
  display: block;
}
@media screen and (max-width: 1199px) {
  .h3CatInfoLoop {
    margin: 1.91% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .h3CatInfoLoop {
    font-size: 2.0850708924vw;
  }
}
@media screen and (max-width: 767px) {
  .h3CatInfoLoop {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h3CatInfoLoop {
    margin-top: 3.05%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3CatInfoLoop {
    font-size: 4.2666666667vw;
  }
}

/*ページャー*/
.pagenationLoopStrong {
  margin-top: 39px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .pagenationLoopStrong {
    margin-top: 4.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .pagenationLoopStrong {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .pagenationLoopStrong {
    margin-top: 12.23%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.wp-pagenavi {
  display: flex;
  justify-content: center;
  align-items: center;
}
.wp-pagenavi a,
.wp-pagenavi span {
  padding: 0 0 1% 0;
  margin: 0 7px;
  width: 25px;
  border-radius: 300px;
  /* CSS3草案 */
  -webkit-border-radius: 300px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 300px;
  /* Firefox用 */
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0em;
  text-decoration: none;
  color: #3A3E46;
  background: unset;
  border: unset;
}
@media screen and (max-width: 1199px) {
  .wp-pagenavi a,
  .wp-pagenavi span {
    font-size: 1.1676396997vw;
  }
}
@media screen and (max-width: 767px) {
  .wp-pagenavi a,
  .wp-pagenavi span {
    margin: 0 3.5px;
    width: 25px;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .wp-pagenavi a,
  .wp-pagenavi span {
    font-size: 3.7333333333vw;
  }
}
.wp-pagenavi .current {
  color: #3A3E46;
  background: #E3FAFF;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
  padding: 0 0 1% 0;
  border: none !important;
  background: #2F99F0;
  border-radius: unset;
  color: #FFF;
  aspect-ratio: 1/1;
  width: 32px;
  border-radius: 300px;
  /* CSS3草案 */
  -webkit-border-radius: 300px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 300px;
  /* Firefox用 */
  padding: 0;
}
@media screen and (max-width: 767px) {
  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .nextpostslink {
    width: 32px;
  }
}
.wp-pagenavi .previouspostslink {
  margin: 0 20px 0 0;
  padding: 0 0 1% 0;
}
@media screen and (max-width: 767px) {
  .wp-pagenavi .previouspostslink {
    margin: 0 20px 0 0;
  }
}
.wp-pagenavi .nextpostslink {
  margin: 0 0 0 20px;
  padding: 0 0 1% 0;
}
@media screen and (max-width: 767px) {
  .wp-pagenavi .nextpostslink {
    margin: 0 0 0 20px;
  }
}

.txtPageInts {
  margin-top: 21px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1199px) {
  .txtPageInts {
    margin-top: 2.37%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtPageInts {
    font-size: 1.1676396997vw;
  }
}
@media screen and (max-width: 767px) {
  .txtPageInts {
    margin-top: 21px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtPageInts {
    margin-top: 6.42%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtPageInts {
    font-size: 3.7333333333vw;
  }
}

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

@media screen and (max-width: 767px) {
  .newTimeSingleInfoLoop {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .newTimeSingleInfoLoop {
    width: 87.2%;
  }
}

.newMainIndexNews {
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .newMainIndexNews {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 767px) {
  .newMainIndexNews {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .newMainIndexNews {
    font-size: 3.4666666667vw;
  }
}

.timeSingleInfoLoop {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
  margin-right: 16px;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .timeSingleInfoLoop {
    margin: 0% 1.8% 0% 1.12%;
  }
}
@media screen and (max-width: 1199px) {
  .timeSingleInfoLoop {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 767px) {
  .timeSingleInfoLoop {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 8px;
    margin-right: 8px;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .timeSingleInfoLoop {
    margin: 0% 2.44% 0% 2.44%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .timeSingleInfoLoop {
    font-size: 3.4666666667vw;
  }
}

.btnCatSingleInfoLoop {
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
  aspect-ratio: 150/30;
  border-radius: 16px;
  /* CSS3草案 */
  -webkit-border-radius: 16px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 16px;
  /* Firefox用 */
  width: 150px;
}
@media screen and (max-width: 1199px) {
  .btnCatSingleInfoLoop {
    font-size: 1.1676396997vw;
  }
}
@media screen and (max-width: 1199px) {
  .btnCatSingleInfoLoop {
    width: 16.93%;
  }
}
@media screen and (max-width: 767px) {
  .btnCatSingleInfoLoop {
    line-height: normal;
    letter-spacing: 0em;
    aspect-ratio: 142/24;
    width: 49.42%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnCatSingleInfoLoop {
    font-size: 3.4666666667vw;
  }
}

.h1InfoSingle {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0px;
  padding-bottom: 24px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 34px;
  line-height: normal;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 1199px) {
  .h1InfoSingle {
    margin-top: 1.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .h1InfoSingle {
    padding: 0% 0% 2.7% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .h1InfoSingle {
    font-size: 2.8356964137vw;
  }
}
@media screen and (max-width: 767px) {
  .h1InfoSingle {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0% 0% 5.5% 0%;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h1InfoSingle {
    margin-top: 4.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1InfoSingle {
    font-size: 5.0666666667vw;
  }
}

.cntInfoSingle {
  padding-top: 0px;
  padding-bottom: 64px;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 1px solid #ccc;
  /*テーブル*/
}
@media screen and (max-width: 1199px) {
  .cntInfoSingle {
    padding: 0% 0% 7.22% 0%;
  }
}
@media screen and (max-width: 767px) {
  .cntInfoSingle {
    padding: 0% 0% 15% 0%;
  }
}
.cntInfoSingle img {
  max-width: 100%;
  width: auto;
}
.cntInfoSingle h2 + img,
.cntInfoSingle h3 + img,
.cntInfoSingle h4 + img,
.cntInfoSingle h5 + img,
.cntInfoSingle p + img,
.cntInfoSingle ul + img,
.cntInfoSingle ol + img {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .cntInfoSingle h2 + img,
  .cntInfoSingle h3 + img,
  .cntInfoSingle h4 + img,
  .cntInfoSingle h5 + img,
  .cntInfoSingle p + img,
  .cntInfoSingle ul + img,
  .cntInfoSingle ol + img {
    margin: 4.51% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .cntInfoSingle h2 + img,
  .cntInfoSingle h3 + img,
  .cntInfoSingle h4 + img,
  .cntInfoSingle h5 + img,
  .cntInfoSingle p + img,
  .cntInfoSingle ul + img,
  .cntInfoSingle ol + img {
    margin-top: 4.78%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.cntInfoSingle p {
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .cntInfoSingle p {
    margin-top: 2.93%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .cntInfoSingle p {
    font-size: 1.5012510425vw;
  }
}
@media screen and (max-width: 767px) {
  .cntInfoSingle p {
    margin-top: 4.78%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .cntInfoSingle p {
    font-size: 3.7333333333vw;
  }
}
.cntInfoSingle h2 + p,
.cntInfoSingle h3 + p,
.cntInfoSingle h4 + p,
.cntInfoSingle h5 + p,
.cntInfoSingle p + p,
.cntInfoSingle ul + p,
.cntInfoSingle ol + p,
.cntInfoSingle img + p {
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .cntInfoSingle h2 + p,
  .cntInfoSingle h3 + p,
  .cntInfoSingle h4 + p,
  .cntInfoSingle h5 + p,
  .cntInfoSingle p + p,
  .cntInfoSingle ul + p,
  .cntInfoSingle ol + p,
  .cntInfoSingle img + p {
    margin-top: 2.93%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .cntInfoSingle h2 + p,
  .cntInfoSingle h3 + p,
  .cntInfoSingle h4 + p,
  .cntInfoSingle h5 + p,
  .cntInfoSingle p + p,
  .cntInfoSingle ul + p,
  .cntInfoSingle ol + p,
  .cntInfoSingle img + p {
    margin-top: 5.78%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.cntInfoSingle .aligncenter {
  margin-left: auto !important;
  margin-right: auto !important;
}
.cntInfoSingle .alignleft {
  float: left;
  margin-left: 0 !important;
  margin-right: auto !important;
}
.cntInfoSingle .alignright {
  margin-left: auto !important;
  margin-right: 0 !important;
}
.cntInfoSingle .alignnone {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.cntInfoSingle table {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  border-collapse: collapse;
  width: auto !important;
}
@media screen and (max-width: 1199px) {
  .cntInfoSingle table {
    margin: 2.08% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .cntInfoSingle table {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .cntInfoSingle table {
    margin: 12.23% 0% 0% 0%;
  }
}
.cntInfoSingle h2 + table,
.cntInfoSingle h3 + table,
.cntInfoSingle h4 + table,
.cntInfoSingle h5 + table,
.cntInfoSingle p + table,
.cntInfoSingle ul + table,
.cntInfoSingle ol + table,
.cntInfoSingle img + table {
  margin-top: 23px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .cntInfoSingle h2 + table,
  .cntInfoSingle h3 + table,
  .cntInfoSingle h4 + table,
  .cntInfoSingle h5 + table,
  .cntInfoSingle p + table,
  .cntInfoSingle ul + table,
  .cntInfoSingle ol + table,
  .cntInfoSingle img + table {
    margin: 2.59% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .cntInfoSingle h2 + table,
  .cntInfoSingle h3 + table,
  .cntInfoSingle h4 + table,
  .cntInfoSingle h5 + table,
  .cntInfoSingle p + table,
  .cntInfoSingle ul + table,
  .cntInfoSingle ol + table,
  .cntInfoSingle img + table {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .cntInfoSingle h2 + table,
  .cntInfoSingle h3 + table,
  .cntInfoSingle h4 + table,
  .cntInfoSingle h5 + table,
  .cntInfoSingle p + table,
  .cntInfoSingle ul + table,
  .cntInfoSingle ol + table,
  .cntInfoSingle img + table {
    margin: 12.23% 0% 0% 0%;
  }
}
.cntInfoSingle td {
  padding-top: 8px;
  padding-bottom: 6.5px;
  padding-left: 0px;
  padding-right: 0px;
  width: 9.16vw !important;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0em;
  text-align: center;
  border: 1px solid #ccc;
}
@media screen and (max-width: 1199px) {
  .cntInfoSingle td {
    padding: 4.54% 0% 3.69% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .cntInfoSingle td {
    font-size: 1.5012510425vw;
  }
}
@media screen and (max-width: 767px) {
  .cntInfoSingle td {
    padding: 2.5% 0% 6.2% 0%;
    line-height: normal;
    letter-spacing: 0em;
    width: 18vw !important;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .cntInfoSingle td {
    font-size: 3.7333333333vw;
  }
}
.cntInfoSingle tr:first-child td {
  background: #2F99F0;
  color: #FFF;
  padding-top: 6px;
  padding-bottom: 7px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .cntInfoSingle tr:first-child td {
    padding: 3.4% 0% 3.97% 0%;
  }
}
@media screen and (max-width: 767px) {
  .cntInfoSingle tr:first-child td {
    padding: 1.12% 0% 1.4% 0%;
  }
}

/*ページャー*/
.pagerInfoSingleFx {
  margin-top: 48px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 271px;
}
@media screen and (max-width: 1199px) {
  .pagerInfoSingleFx {
    margin-top: 5.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .pagerInfoSingleFx {
    width: 30.58%;
  }
}
@media screen and (max-width: 767px) {
  .pagerInfoSingleFx {
    margin-top: 33px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 66%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .pagerInfoSingleFx {
    margin-top: 10.09%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.prevSinglePagerWap {
  width: 112px;
}
@media screen and (max-width: 1199px) {
  .prevSinglePagerWap {
    width: 41.32%;
  }
}
@media screen and (max-width: 767px) {
  .prevSinglePagerWap {
    width: 42.84%;
  }
}

.prevSinglePager {
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.1em;
  color: #3A3E46;
  text-decoration: none;
}
@media screen and (max-width: 1199px) {
  .prevSinglePager {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 767px) {
  .prevSinglePager {
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .prevSinglePager {
    font-size: 3.4666666667vw;
  }
}

.brdPagerSingle {
  background: #ccc;
  aspect-ratio: 1/23;
  width: 1px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 23px;
  margin-right: 23px;
}
@media screen and (max-width: 1199px) {
  .brdPagerSingle {
    width: 0.11%;
  }
}
@media screen and (max-width: 1199px) {
  .brdPagerSingle {
    margin: 0% 2.59% 0% 2.59%;
  }
}
@media screen and (max-width: 767px) {
  .brdPagerSingle {
    aspect-ratio: 1/19;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 20px;
    margin-right: 20px;
    width: 1px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .brdPagerSingle {
    margin: 0% 6.11% 0% 6.11%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .brdPagerSingle {
    width: 0.3%;
  }
}

.nextSinglePagerWap {
  width: 112px;
}
@media screen and (max-width: 1199px) {
  .nextSinglePagerWap {
    width: 41.32%;
  }
}
@media screen and (max-width: 767px) {
  .nextSinglePagerWap {
    width: 42.84%;
  }
}

.nextSinglePager {
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.1em;
  color: #3A3E46;
  text-decoration: none;
}
@media screen and (max-width: 1199px) {
  .nextSinglePager {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 767px) {
  .nextSinglePager {
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .nextSinglePager {
    font-size: 3.4666666667vw;
  }
}

.btnInfoSingleLxn {
  margin-top: 32px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 360px;
}
@media screen and (max-width: 1199px) {
  .btnInfoSingleLxn {
    margin-top: 3.61%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .btnInfoSingleLxn {
    width: 40.63%;
  }
}
@media screen and (max-width: 767px) {
  .btnInfoSingleLxn {
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnInfoSingleLxn {
    margin-top: 7.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnInfoSingleLxn {
    width: 91.74%;
  }
}

.btnInfoSingle {
  aspect-ratio: 360/80;
  font-size: 21px;
  line-height: normal;
  letter-spacing: 0.05em;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  text-decoration: none;
}
@media screen and (max-width: 1199px) {
  .btnInfoSingle {
    font-size: 1.7514595496vw;
  }
}
@media screen and (max-width: 767px) {
  .btnInfoSingle {
    aspect-ratio: 300/60;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnInfoSingle {
    font-size: 4.2666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.testIndex {
  width: 500px;
}
@media screen and (max-width: 1199px) {
  .testIndex {
    width: 41.66%;
  }
}

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

.secKidsGymnasticsTenkai {
  width: 570px;
}
@media screen and (max-width: 1199px) {
  .secKidsGymnasticsTenkai {
    width: 47.5%;
  }
}
@media screen and (max-width: 767px) {
  .secKidsGymnasticsTenkai {
    width: 327px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secKidsGymnasticsTenkai {
    width: 87.2%;
  }
}

.h2KidsGymnasticsTenkai {
  font-size: 40px;
  line-height: 1.725;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h2KidsGymnasticsTenkai {
    font-size: 3.3361134279vw;
  }
}
.h2KidsGymnasticsTenkai::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.725) * 0.5em);
  content: "";
}
.h2KidsGymnasticsTenkai::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.725) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2KidsGymnasticsTenkai {
    line-height: 1.7;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2KidsGymnasticsTenkai {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2KidsGymnasticsTenkai::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7) * 0.5em);
    content: "";
  }
  .h2KidsGymnasticsTenkai::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7) * 0.5em);
    content: "";
  }
}

.txtKidsGymnasticsTenkai {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtKidsGymnasticsTenkai {
    margin-top: 7.01%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtKidsGymnasticsTenkai {
    font-size: 1.6680567139vw;
  }
}
.txtKidsGymnasticsTenkai::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.75) * 0.5em);
  content: "";
}
.txtKidsGymnasticsTenkai::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.75) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtKidsGymnasticsTenkai {
    margin-top: 6.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtKidsGymnasticsTenkai {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .txtKidsGymnasticsTenkai::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .txtKidsGymnasticsTenkai::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.photoKidsGymnasticsTenkai {
  width: 574px;
}
@media screen and (max-width: 1199px) {
  .photoKidsGymnasticsTenkai {
    width: 47.83%;
  }
}
@media screen and (max-width: 767px) {
  .photoKidsGymnasticsTenkai {
    margin-top: 11.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 375px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .photoKidsGymnasticsTenkai {
    width: 100%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.navKidsGymnasticsWap {
  margin-top: 135px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .navKidsGymnasticsWap {
    margin-top: 7.03%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .navKidsGymnasticsWap {
    margin-top: 48px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .navKidsGymnasticsWap {
    margin-top: 12.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.ulNavKidsGymnastics {
  width: 944px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .ulNavKidsGymnastics {
    width: 78.66%;
  }
}
@media screen and (max-width: 767px) {
  .ulNavKidsGymnastics {
    width: 286px;
    flex-flow: row wrap;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulNavKidsGymnastics {
    width: 76.26%;
  }
}

.liNavKidsGymnastics {
  width: 218px;
}
@media screen and (max-width: 1199px) {
  .liNavKidsGymnastics {
    width: 23.09%;
  }
}
@media screen and (max-width: 767px) {
  .liNavKidsGymnastics {
    width: 138px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liNavKidsGymnastics {
    width: 48.25%;
  }
}
@media screen and (max-width: 767px) {
  .liNavKidsGymnastics:nth-child(n+3) {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liNavKidsGymnastics:nth-child(n+3) {
    margin: 3.49% 0% 0% 0%;
  }
}

.btnNavKidsGymnastics {
  display: block;
}

.btnNavKidsGymnasticsTop {
  aspect-ratio: 218/60;
  border-radius: 60px;
  /* CSS3草案 */
  -webkit-border-radius: 60px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 60px;
  /* Firefox用 */
  font-size: 21px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1199px) {
  .btnNavKidsGymnasticsTop {
    font-size: 1.7514595496vw;
  }
}
@media screen and (max-width: 767px) {
  .btnNavKidsGymnasticsTop {
    aspect-ratio: 138/33;
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnNavKidsGymnasticsTop {
    font-size: 3.4666666667vw;
  }
}

.iconNavKidsGymnasticsTop {
  display: block;
  width: 25px;
  margin: auto;
  margin-top: -4px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .iconNavKidsGymnasticsTop {
    width: 11.46%;
  }
}
@media screen and (max-width: 1199px) {
  .iconNavKidsGymnasticsTop {
    margin-top: -1.84%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .iconNavKidsGymnasticsTop {
    width: 16px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconNavKidsGymnasticsTop {
    width: 11.59%;
  }
}
.iconNavKidsGymnasticsTop svg {
  width: 100%;
  height: auto;
  display: block;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.featuresKidsGymnastics {
  padding-top: 109px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .featuresKidsGymnastics {
    padding: 5.67% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .featuresKidsGymnastics {
    margin-top: 6.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .featuresKidsGymnasticsWap {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .featuresKidsGymnasticsWap {
    width: 87.2%;
  }
}

.h2TitleFeaturesKidsGymnastics {
  font-size: 45px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1199px) {
  .h2TitleFeaturesKidsGymnastics {
    font-size: 3.7531276063vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleFeaturesKidsGymnastics {
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleFeaturesKidsGymnastics {
    font-size: 6.6666666667vw;
  }
}

.picTitleFeaturesKidsGymnastics {
  width: 169px;
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .picTitleFeaturesKidsGymnastics {
    width: 14.08%;
  }
}
@media screen and (max-width: 1199px) {
  .picTitleFeaturesKidsGymnastics {
    margin-top: 1.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picTitleFeaturesKidsGymnastics {
    width: 125px;
    margin-top: 12px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .picTitleFeaturesKidsGymnastics {
    width: 38.22%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .picTitleFeaturesKidsGymnastics {
    margin-top: 3.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.picTitleFeaturesKidsGymnastics svg {
  width: 100%;
  height: 100%;
}

.fxFeaturesKidsGymnastics {
  margin-top: 64px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .fxFeaturesKidsGymnastics {
    margin-top: 5.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .fxFeaturesKidsGymnastics {
    margin-top: 6.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.photoFeaturesKidsGymnastics {
  width: 510px;
}
@media screen and (max-width: 1199px) {
  .photoFeaturesKidsGymnastics {
    width: 42.5%;
  }
}
@media screen and (max-width: 767px) {
  .photoFeaturesKidsGymnastics {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .photoFeaturesKidsGymnastics {
    width: 100%;
  }
}

.secFeaturesKidsGymnastics {
  width: 610px;
}
@media screen and (max-width: 1199px) {
  .secFeaturesKidsGymnastics {
    width: 50.83%;
  }
}
@media screen and (max-width: 767px) {
  .secFeaturesKidsGymnastics {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secFeaturesKidsGymnastics {
    margin-top: 4.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secFeaturesKidsGymnastics {
    width: 100%;
  }
}

.h2FeaturesKidsGymnastics {
  font-size: 30px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h2FeaturesKidsGymnastics {
    font-size: 2.5020850709vw;
  }
}
@media screen and (max-width: 767px) {
  .h2FeaturesKidsGymnastics {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2FeaturesKidsGymnastics {
    font-size: 4.8vw;
  }
}

.txtMainFeaturesKidsGymnastics {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtMainFeaturesKidsGymnastics {
    margin-top: 2.62%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtMainFeaturesKidsGymnastics {
    font-size: 1.3344453711vw;
  }
}
.txtMainFeaturesKidsGymnastics::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.875) * 0.5em);
  content: "";
}
.txtMainFeaturesKidsGymnastics::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.875) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtMainFeaturesKidsGymnastics {
    margin-top: 4.44%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6923076923;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtMainFeaturesKidsGymnastics {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtMainFeaturesKidsGymnastics::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6923076923) * 0.5em);
    content: "";
  }
  .txtMainFeaturesKidsGymnastics::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6923076923) * 0.5em);
    content: "";
  }
}

.txtMainFeaturesKidsGymnastics02 {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtMainFeaturesKidsGymnastics02 {
    margin-top: 1.63%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtMainFeaturesKidsGymnastics02 {
    font-size: 1.0842368641vw;
  }
}
@media screen and (max-width: 767px) {
  .txtMainFeaturesKidsGymnastics02 {
    margin-top: 3.44%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtMainFeaturesKidsGymnastics02 {
    font-size: 3.2vw;
  }
}

.linkTxtFeaturesKidsGymnastics {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.05em;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 24px;
  padding-right: 0px;
  background: url(../img/kidsGymnastics/linkTxtFeaturesKidsGymnastics.svg) no-repeat left center;
  background-size: auto 60%;
}
@media screen and (max-width: 1199px) {
  .linkTxtFeaturesKidsGymnastics {
    margin-top: 1.63%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .linkTxtFeaturesKidsGymnastics {
    font-size: 1.3344453711vw;
  }
}
.linkTxtFeaturesKidsGymnastics::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.875) * 0.5em);
  content: "";
}
.linkTxtFeaturesKidsGymnastics::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.875) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .linkTxtFeaturesKidsGymnastics {
    padding: 0% 0% 0% 3.93%;
  }
}
@media screen and (max-width: 767px) {
  .linkTxtFeaturesKidsGymnastics {
    margin-top: 6.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6923076923;
    letter-spacing: 0.05em;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 24px;
    padding-right: 0px;
    background-size: auto 91%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .linkTxtFeaturesKidsGymnastics {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .linkTxtFeaturesKidsGymnastics::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6923076923) * 0.5em);
    content: "";
  }
  .linkTxtFeaturesKidsGymnastics::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6923076923) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .linkTxtFeaturesKidsGymnastics {
    padding: 0% 0% 0% 7.33%;
  }
}

@media screen and (max-width: 767px) {
  .linkTxtFeaturesKidsGymnastics + .linkTxtFeaturesKidsGymnastics {
    margin: 2.8% 0 0 0;
  }
}

.linkBtmTxtFeaturesKidsGymnastics {
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .linkBtmTxtFeaturesKidsGymnastics {
    margin-top: 1.31%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .linkBtmTxtFeaturesKidsGymnastics {
    font-size: 1.3344453711vw;
  }
}
.linkBtmTxtFeaturesKidsGymnastics::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.875) * 0.5em);
  content: "";
}
.linkBtmTxtFeaturesKidsGymnastics::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.875) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .linkBtmTxtFeaturesKidsGymnastics {
    margin-top: 4.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .linkBtmTxtFeaturesKidsGymnastics {
    font-size: 3.4666666667vw;
  }
}

.marvelousFeaturesKidsGymnastics {
  margin-top: 32px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 19px;
  padding-bottom: 24px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
}
@media screen and (max-width: 1199px) {
  .marvelousFeaturesKidsGymnastics {
    margin-top: 5.24%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .marvelousFeaturesKidsGymnastics {
    padding: 3.11% 0% 3.93% 0%;
  }
}
@media screen and (max-width: 767px) {
  .marvelousFeaturesKidsGymnastics {
    margin-top: 11%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding: 5% 0% 7.95% 0%;
  }
}

.marvelousFeaturesKidsGymnasticsWap {
  width: 562px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .marvelousFeaturesKidsGymnasticsWap {
    width: 92.13%;
  }
}
@media screen and (max-width: 767px) {
  .marvelousFeaturesKidsGymnasticsWap {
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .marvelousFeaturesKidsGymnasticsWap {
    width: 90.21%;
  }
}

.titleMarvelousFeaturesKidsGymnastics {
  padding-top: 0px;
  padding-bottom: 9px;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 1px solid #2F99F0;
}
@media screen and (max-width: 1199px) {
  .titleMarvelousFeaturesKidsGymnastics {
    padding: 0% 0% 1.6% 0%;
  }
}
@media screen and (max-width: 767px) {
  .titleMarvelousFeaturesKidsGymnastics {
    padding-top: 0px;
    padding-bottom: 7px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .titleMarvelousFeaturesKidsGymnastics {
    padding: 0% 0% 2.37% 0%;
  }
}

.h3MarvelousFeaturesKidsGymnastics {
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h3MarvelousFeaturesKidsGymnastics {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 767px) {
  .h3MarvelousFeaturesKidsGymnastics {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3MarvelousFeaturesKidsGymnastics {
    font-size: 5.6vw;
  }
}

.h4MarvelousFeaturesKidsGymnastics {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 7px;
  margin-right: auto;
  font-size: 25px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) and (max-width: 1199px) {
  .h4MarvelousFeaturesKidsGymnastics {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 1.24%;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .h4MarvelousFeaturesKidsGymnastics {
    font-size: 2.0850708924vw;
  }
}
@media screen and (max-width: 767px) {
  .h4MarvelousFeaturesKidsGymnastics {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h4MarvelousFeaturesKidsGymnastics {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4MarvelousFeaturesKidsGymnastics {
    font-size: 5.6vw;
  }
}

.txtMarvelousFeaturesKidsGymnastics {
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtMarvelousFeaturesKidsGymnastics {
    margin-top: 1.42%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtMarvelousFeaturesKidsGymnastics {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 767px) {
  .txtMarvelousFeaturesKidsGymnastics {
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6923076923;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtMarvelousFeaturesKidsGymnastics {
    margin-top: 2.71%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtMarvelousFeaturesKidsGymnastics {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtMarvelousFeaturesKidsGymnastics::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6923076923) * 0.5em);
    content: "";
  }
  .txtMarvelousFeaturesKidsGymnastics::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6923076923) * 0.5em);
    content: "";
  }
}

.ulMarvelousFeaturesKidsGymnastics {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .ulMarvelousFeaturesKidsGymnastics {
    margin-top: 2.13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulMarvelousFeaturesKidsGymnastics {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulMarvelousFeaturesKidsGymnastics {
    margin-top: 3.38%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liMarvelousFeaturesKidsGymnastics {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .liMarvelousFeaturesKidsGymnastics {
    width: 100%;
  }
  .liMarvelousFeaturesKidsGymnastics:nth-child(n+2) {
    margin-top: 9px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liMarvelousFeaturesKidsGymnastics:nth-child(n+2) {
    margin: 3.05% 0% 0% 0%;
  }
}

.iconMarvelousFeaturesKidsGymnastics {
  width: 16px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 2px;
}
@media screen and (max-width: 1199px) {
  .iconMarvelousFeaturesKidsGymnastics {
    width: 5.4%;
  }
}
@media screen and (max-width: 1199px) {
  .iconMarvelousFeaturesKidsGymnastics {
    margin: 0% 0.67% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .iconMarvelousFeaturesKidsGymnastics {
    width: 16px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 8px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconMarvelousFeaturesKidsGymnastics {
    width: 5.42%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconMarvelousFeaturesKidsGymnastics {
    margin: 0% 2.71% 0% 0%;
  }
}

.btnMarvelousFeaturesKidsGymnastics {
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .btnMarvelousFeaturesKidsGymnastics {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 767px) {
  .btnMarvelousFeaturesKidsGymnastics {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnMarvelousFeaturesKidsGymnastics {
    font-size: 3.4666666667vw;
  }
}

.fxFeaturesKidsGymnastics02 {
  margin-top: 80px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .fxFeaturesKidsGymnastics02 {
    margin-top: 6.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .fxFeaturesKidsGymnastics02 {
    margin-top: 17.23%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgbnrKidsGymnastics {
  margin-top: 120px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  height: 590px;
  background: url(../img/kidsGymnastics/bgbnrKidsSwimmingPc.png) no-repeat top center;
  background-size: auto 100%;
}
@media screen and (max-width: 1199px) {
  .bgbnrKidsGymnastics {
    margin-top: 6.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .bgbnrKidsGymnastics {
    margin-top: 80px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    height: 83.7333333333vw;
    background: url(../img/kidsGymnastics/bgbnrKidsSwimmingSp.png) no-repeat top center;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .bgbnrKidsGymnastics {
    margin-top: 21.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.timeKidsGymnastics {
  padding-top: 125px;
  padding-bottom: 120px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .timeKidsGymnastics {
    padding: 6.51% 0% 6.25% 0%;
  }
}
@media screen and (max-width: 767px) {
  .timeKidsGymnastics {
    padding: 8.5% 0% 21.33% 0%;
  }
}

@media screen and (max-width: 767px) {
  .timeKidsGymnasticsWap {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .timeKidsGymnasticsWap {
    width: 87.2%;
  }
}

.timeKidsGymnasticsFig {
  margin-top: 64px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .timeKidsGymnasticsFig {
    margin-top: 5.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .timeKidsGymnasticsFig {
    margin-top: 31px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .timeKidsGymnasticsFig {
    margin-top: 9.48%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtTimeKidsGymnastics {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1199px) {
  .txtTimeKidsGymnastics {
    margin-top: 1.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtTimeKidsGymnastics {
    font-size: 1.1676396997vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTimeKidsGymnastics {
    margin-top: 3.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
    font-feature-settings: "palt";
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTimeKidsGymnastics {
    font-size: 3.2vw;
  }
}

.otokuKidsGymnastics {
  margin-top: 55px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .otokuKidsGymnastics {
    margin-top: 4.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .otokuKidsGymnastics {
    margin-top: 28px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .otokuKidsGymnastics {
    margin-top: 8.56%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnTimeKidsGymnasticsWap {
  margin-top: 64px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 360px;
}
@media screen and (max-width: 1199px) {
  .btnTimeKidsGymnasticsWap {
    margin-top: 5.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .btnTimeKidsGymnasticsWap {
    width: 30%;
  }
}
@media screen and (max-width: 767px) {
  .btnTimeKidsGymnasticsWap {
    margin-top: 5.17%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnTimeKidsGymnasticsWap {
    width: 91.74%;
  }
}

.btnTimeKidsGymnastics {
  font-size: 21px;
  line-height: normal;
  letter-spacing: 0.05em;
  aspect-ratio: 360/80;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
}
@media screen and (max-width: 1199px) {
  .btnTimeKidsGymnastics {
    font-size: 1.7514595496vw;
  }
}
@media screen and (max-width: 767px) {
  .btnTimeKidsGymnastics {
    line-height: normal;
    letter-spacing: 0.05em;
    aspect-ratio: 300/60;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnTimeKidsGymnastics {
    font-size: 4.2666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.joinKidsGymnastics {
  padding-top: 120px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .joinKidsGymnastics {
    padding: 6.25% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .joinKidsGymnastics {
    padding-top: 80px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .joinKidsGymnastics {
    padding: 21.33% 0% 0% 0%;
  }
}

@media screen and (max-width: 767px) {
  .joinKidsGymnasticsWap {
    width: 327px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .joinKidsGymnasticsWap {
    width: 87.2%;
  }
}

.detailKidsGymnastics {
  margin-top: 67px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .detailKidsGymnastics {
    margin-top: 5.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .detailKidsGymnastics {
    margin-top: 15.64%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.titleDetailKidsGymnastics {
  padding-top: 0px;
  padding-bottom: 9px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .titleDetailKidsGymnastics {
    padding: 0% 0% 0.75% 0%;
  }
}
@media screen and (max-width: 767px) {
  .titleDetailKidsGymnastics {
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .titleDetailKidsGymnastics {
    padding: 0% 0% 3.05% 0%;
  }
}

.iconTitleDetailKidsGymnastics {
  aspect-ratio: 4/40;
  width: 4px;
}
@media screen and (max-width: 1199px) {
  .iconTitleDetailKidsGymnastics {
    width: 0.33%;
  }
}
@media screen and (max-width: 767px) {
  .iconTitleDetailKidsGymnastics {
    aspect-ratio: 3/30;
    width: 3px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconTitleDetailKidsGymnastics {
    width: 0.91%;
  }
}

.h2TitleDetailKidsGymnastics {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 20px;
  margin-right: 0px;
  font-size: 25px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h2TitleDetailKidsGymnastics {
    margin: 0% 0% 0% 1.66%;
  }
}
@media screen and (max-width: 1199px) {
  .h2TitleDetailKidsGymnastics {
    font-size: 2.0850708924vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleDetailKidsGymnastics {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 0px;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h2TitleDetailKidsGymnastics {
    margin: 0% 0% 0% 3.05%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleDetailKidsGymnastics {
    font-size: 5.3333333333vw;
  }
}

.textDetailKidsGymnastics {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .textDetailKidsGymnastics {
    margin: 1.33% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .textDetailKidsGymnastics {
    font-size: 1.5012510425vw;
  }
}
@media screen and (max-width: 767px) {
  .textDetailKidsGymnastics {
    margin: 3.8% 0% 0% 0%;
    line-height: 1.45;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .textDetailKidsGymnastics {
    font-size: 4vw;
  }
}

.detailKidsGymnastics02 {
  margin-top: 43px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .detailKidsGymnastics02 {
    margin: 3.58% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .detailKidsGymnastics02 {
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .detailKidsGymnastics02 {
    margin-top: 9.17%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.priceDetailKidsGymnastics {
  margin-top: 46px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 17px;
  padding-right: 0px;
  border-radius: 15px;
  /* CSS3草案 */
  -webkit-border-radius: 15px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 15px;
  /* Firefox用 */
}
@media screen and (max-width: 1199px) {
  .priceDetailKidsGymnastics {
    margin: 3.83% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .priceDetailKidsGymnastics {
    padding: 2.66% 0% 2.66% 1.41%;
  }
}
@media screen and (max-width: 767px) {
  .priceDetailKidsGymnastics {
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 16px;
    padding-bottom: 24px;
    padding-left: 0px;
    padding-right: 0px;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .priceDetailKidsGymnastics {
    margin-top: 9.17%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .priceDetailKidsGymnastics {
    padding: 4.89% 0% 7.33% 0%;
  }
}

@media screen and (max-width: 767px) {
  .priceDetailKidsGymnasticsFx {
    width: 287px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .priceDetailKidsGymnasticsFx {
    width: 87.76%;
  }
}

.h2PriceDetailKidsGymnastics {
  width: 245px;
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1199px) {
  .h2PriceDetailKidsGymnastics {
    width: 20.67%;
  }
}
@media screen and (max-width: 1199px) {
  .h2PriceDetailKidsGymnastics {
    font-size: 2.0016680567vw;
  }
}
@media screen and (max-width: 767px) {
  .h2PriceDetailKidsGymnastics {
    width: 100%;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2PriceDetailKidsGymnastics {
    font-size: 5.3333333333vw;
  }
}

.brdPriceDetailKidsGymnastics {
  width: 1px;
  aspect-ratio: 1/60;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 38px;
}
@media screen and (max-width: 1199px) {
  .brdPriceDetailKidsGymnastics {
    width: 0.08%;
  }
}
@media screen and (max-width: 1199px) {
  .brdPriceDetailKidsGymnastics {
    margin: 0% 3.2% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .brdPriceDetailKidsGymnastics {
    width: 100%;
    aspect-ratio: 287/1;
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .brdPriceDetailKidsGymnastics {
    margin-top: 4.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.ulPriceDetailKidsGymnastics {
  width: 758px;
}
@media screen and (max-width: 1199px) {
  .ulPriceDetailKidsGymnastics {
    width: 63.96%;
  }
}
@media screen and (max-width: 767px) {
  .ulPriceDetailKidsGymnastics {
    width: 100%;
    margin-top: 5.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liPriceDetailKidsGymnastics {
  width: 351px;
}
@media screen and (max-width: 1199px) {
  .liPriceDetailKidsGymnastics {
    width: 46.3%;
  }
}
@media screen and (max-width: 767px) {
  .liPriceDetailKidsGymnastics {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liPriceDetailKidsGymnastics {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .liPriceDetailKidsGymnastics:nth-child(n+2) {
    margin-top: 4.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.liPriceDetailKidsGymnastics:nth-child(n+3) {
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .liPriceDetailKidsGymnastics:nth-child(n+3) {
    margin: 0.67% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liPriceDetailKidsGymnastics:nth-child(n+3) {
    margin-top: 5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h3PriceDetailKidsGymnastics {
  width: 241px;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h3PriceDetailKidsGymnastics {
    width: 68.46%;
  }
}
@media screen and (max-width: 1199px) {
  .h3PriceDetailKidsGymnastics {
    font-size: 1.5012510425vw;
  }
}
@media screen and (max-width: 767px) {
  .h3PriceDetailKidsGymnastics {
    width: 193px;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h3PriceDetailKidsGymnastics {
    width: 67.24%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3PriceDetailKidsGymnastics {
    font-size: 4vw;
  }
}

.mainPriceDetailKidsGymnastics {
  width: 96px;
}
@media screen and (max-width: 1199px) {
  .mainPriceDetailKidsGymnastics {
    width: 27.27%;
  }
}
@media screen and (max-width: 1199px) {
  .mainPriceDetailKidsGymnastics {
    width: 30%;
  }
}
@media screen and (max-width: 767px) {
  .mainPriceDetailKidsGymnastics {
    width: 86px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .mainPriceDetailKidsGymnastics {
    width: 29.96%;
  }
}

.intMainPriceDetailKidsGymnastics {
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .intMainPriceDetailKidsGymnastics {
    font-size: 1.5012510425vw;
  }
}
.intMainPriceDetailKidsGymnastics::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.intMainPriceDetailKidsGymnastics::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .intMainPriceDetailKidsGymnastics {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .intMainPriceDetailKidsGymnastics {
    font-size: 4vw;
  }
}

.taniMainPriceDetailKidsGymnastics {
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .taniMainPriceDetailKidsGymnastics {
    font-size: 0.834028357vw;
  }
}
.taniMainPriceDetailKidsGymnastics::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.taniMainPriceDetailKidsGymnastics::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .taniMainPriceDetailKidsGymnastics {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .taniMainPriceDetailKidsGymnastics {
    font-size: 2.9333333333vw;
  }
}

.btnPriceKidsGymnasticsWap {
  width: 360px;
  margin-top: 64px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .btnPriceKidsGymnasticsWap {
    width: 30%;
  }
}
@media screen and (max-width: 1199px) {
  .btnPriceKidsGymnasticsWap {
    margin-top: 5.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btnPriceKidsGymnasticsWap {
    width: 300px;
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnPriceKidsGymnasticsWap {
    width: 91.74%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnPriceKidsGymnasticsWap {
    margin-top: 12.23%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnPriceKidsGymnastics {
  aspect-ratio: 360/80;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  font-size: 21px;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .btnPriceKidsGymnastics {
    font-size: 1.7514595496vw;
  }
}
.btnPriceKidsGymnastics::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.btnPriceKidsGymnastics::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnPriceKidsGymnastics {
    aspect-ratio: 300/60;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnPriceKidsGymnastics {
    font-size: 4.2666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.faqKidsGymnastics {
  margin-top: 120px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 120px;
  padding-bottom: 120px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .faqKidsGymnastics {
    margin-top: 6.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .faqKidsGymnastics {
    padding: 6.25% 0% 6.25% 0%;
  }
}
@media screen and (max-width: 767px) {
  .faqKidsGymnastics {
    margin-top: 80px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .faqKidsGymnastics {
    margin-top: 21.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .faqKidsGymnastics {
    padding: 21.33% 0% 21.33% 0%;
  }
}

@media screen and (max-width: 767px) {
  .faqKidsGymnasticsWap {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .faqKidsGymnasticsWap {
    width: 87.2%;
  }
}

.faqKidsGymnasticsLxn {
  margin-top: 64px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .faqKidsGymnasticsLxn {
    margin-top: 5.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .faqKidsGymnasticsLxn {
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .faqKidsGymnasticsLxn {
    margin-top: 7.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secFaqKidsGymnasticsLxn {
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 0px;
  padding-right: 0px;
  width: 1000px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .secFaqKidsGymnasticsLxn {
    padding: 1.33% 0% 1.33% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .secFaqKidsGymnasticsLxn {
    width: 83.33%;
  }
}
@media screen and (max-width: 767px) {
  .secFaqKidsGymnasticsLxn {
    padding: 4.6% 0%;
    width: 100%;
  }
}

.secFaqKidsGymnasticsMain {
  width: 900px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .secFaqKidsGymnasticsMain {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .secFaqKidsGymnasticsMain {
    width: 287px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secFaqKidsGymnasticsMain {
    width: 87.76%;
  }
}

.titleFaqKidsGymnasticsMain {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 9px;
}
@media screen and (max-width: 1199px) {
  .titleFaqKidsGymnasticsMain {
    padding: 0% 1% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .titleFaqKidsGymnasticsMain {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    align-items: flex-start;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .titleFaqKidsGymnasticsMain {
    padding: 0% 0% 0% 0%;
  }
}

.iconQ {
  width: 40px;
}
@media screen and (max-width: 1199px) {
  .iconQ {
    width: 4.44%;
  }
}
@media screen and (max-width: 767px) {
  .iconQ {
    width: 30px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconQ {
    width: 10.45%;
  }
}
.iconQ svg {
  width: 100%;
  height: 100%;
  display: block;
}

.h3FaqKidsGymnasticsMain {
  width: 805px;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h3FaqKidsGymnasticsMain {
    width: 89.44%;
  }
}
@media screen and (max-width: 1199px) {
  .h3FaqKidsGymnasticsMain {
    font-size: 1.6680567139vw;
  }
}
@media screen and (max-width: 767px) {
  .h3FaqKidsGymnasticsMain {
    width: 223px;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h3FaqKidsGymnasticsMain {
    width: 77.7%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3FaqKidsGymnasticsMain {
    font-size: 4.2666666667vw;
  }
}

.iconToggle {
  width: 24px;
  transition: 0.5s;
}
@media screen and (max-width: 1199px) {
  .iconToggle {
    width: 2.66%;
  }
}
@media screen and (max-width: 767px) {
  .iconToggle {
    width: 5.87%;
    margin: 2vw 0 0 0;
  }
}

.iconToggle svg {
  width: 100%;
  height: 100%;
}

.titleFaqKidsGymnasticsMain.off .iconToggle {
  transform: rotate(180deg);
}

.titleFaqKidsGymnasticsMain.on .iconToggle {
  transform: rotate(0deg);
}

.cntMainFaqKidsGymnasticsLxn {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 8px;
  padding-left: 0px;
  padding-right: 0px;
  border-top: 1px solid #ccc;
  display: none;
}
@media screen and (max-width: 1199px) {
  .cntMainFaqKidsGymnasticsLxn {
    margin-top: 1.77%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .cntMainFaqKidsGymnasticsLxn {
    padding: 1.66% 0% 0.88% 0%;
  }
}
@media screen and (max-width: 767px) {
  .cntMainFaqKidsGymnasticsLxn {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 5.57% 0% 2.5% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .cntMainFaqKidsGymnasticsLxn {
    margin-top: 5.57%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.iconA {
  width: 40px;
}
@media screen and (max-width: 1199px) {
  .iconA {
    width: 4.44%;
  }
}
@media screen and (max-width: 767px) {
  .iconA {
    width: 30px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconA {
    width: 10.45%;
  }
}
.iconA svg {
  width: 100%;
  height: auto;
  display: block;
}

.cntMainFaqKidsGymnasticsBox {
  width: 844px;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 1199px) {
  .cntMainFaqKidsGymnasticsBox {
    width: 93.77%;
  }
}
@media screen and (max-width: 1199px) {
  .cntMainFaqKidsGymnasticsBox {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 767px) {
  .cntMainFaqKidsGymnasticsBox {
    width: 247px;
    line-height: 1.7142857143;
    letter-spacing: 0.05em;
    margin: 1% 0 0 0;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .cntMainFaqKidsGymnasticsBox {
    width: 86.06%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .cntMainFaqKidsGymnasticsBox {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .cntMainFaqKidsGymnasticsBox::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7142857143) * 0.5em);
    content: "";
  }
  .cntMainFaqKidsGymnasticsBox::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7142857143) * 0.5em);
    content: "";
  }
}
.cntMainFaqKidsGymnasticsBox p {
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .cntMainFaqKidsGymnasticsBox p {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 767px) {
  .cntMainFaqKidsGymnasticsBox p {
    line-height: 1.7142857143;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .cntMainFaqKidsGymnasticsBox p {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .cntMainFaqKidsGymnasticsBox p::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7142857143) * 0.5em);
    content: "";
  }
  .cntMainFaqKidsGymnasticsBox p::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7142857143) * 0.5em);
    content: "";
  }
}

.secFaqKidsGymnasticsLxn02 {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .secFaqKidsGymnasticsLxn02 {
    margin-top: 1.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secFaqKidsGymnasticsLxn02 {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secFaqKidsGymnasticsLxn02 {
    margin-top: 3.05%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnFaqKidsGymnasticsWap {
  width: 360px;
  margin-top: 64px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .btnFaqKidsGymnasticsWap {
    width: 30%;
  }
}
@media screen and (max-width: 1199px) {
  .btnFaqKidsGymnasticsWap {
    margin-top: 5.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btnFaqKidsGymnasticsWap {
    width: 300px;
    margin-top: 39px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnFaqKidsGymnasticsWap {
    width: 91.74%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnFaqKidsGymnasticsWap {
    margin-top: 11.92%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnFaqKidsGymnastics {
  aspect-ratio: 360/80;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  font-size: 21px;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .btnFaqKidsGymnastics {
    font-size: 1.7514595496vw;
  }
}
.btnFaqKidsGymnastics::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
.btnFaqKidsGymnastics::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .btnFaqKidsGymnastics {
    aspect-ratio: 300/60;
    line-height: normal;
    letter-spacing: 0.05em;
    width: 300px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnFaqKidsGymnastics {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnFaqKidsGymnastics {
    width: 91.74%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.testIndex {
  width: 500px;
}
@media screen and (max-width: 1199px) {
  .testIndex {
    width: 41.66%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.testIndex {
  width: 500px;
}
@media screen and (max-width: 1199px) {
  .testIndex {
    width: 41.66%;
  }
}

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

.secAdultClassTenkai {
  width: 570px;
}
@media screen and (max-width: 1199px) {
  .secAdultClassTenkai {
    width: 47.5%;
  }
}
@media screen and (max-width: 767px) {
  .secAdultClassTenkai {
    width: 327px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secAdultClassTenkai {
    width: 87.2%;
  }
}

.h2AdultClassTenkai {
  font-size: 40px;
  line-height: 1.725;
  letter-spacing: 0.09em;
}
@media screen and (max-width: 1199px) {
  .h2AdultClassTenkai {
    font-size: 3.3361134279vw;
  }
}
.h2AdultClassTenkai::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.725) * 0.5em);
  content: "";
}
.h2AdultClassTenkai::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.725) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2AdultClassTenkai {
    line-height: 1.7;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2AdultClassTenkai {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h2AdultClassTenkai::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7) * 0.5em);
    content: "";
  }
  .h2AdultClassTenkai::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7) * 0.5em);
    content: "";
  }
}

.txtAdultClassTenkai {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtAdultClassTenkai {
    margin-top: 7.01%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtAdultClassTenkai {
    font-size: 1.6680567139vw;
  }
}
.txtAdultClassTenkai::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.75) * 0.5em);
  content: "";
}
.txtAdultClassTenkai::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.75) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtAdultClassTenkai {
    margin-top: 6.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtAdultClassTenkai {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .txtAdultClassTenkai::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .txtAdultClassTenkai::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.photoAdultClassTenkai {
  width: 574px;
}
@media screen and (max-width: 1199px) {
  .photoAdultClassTenkai {
    width: 47.83%;
  }
}
@media screen and (max-width: 767px) {
  .photoAdultClassTenkai {
    margin-top: 11.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 375px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .photoAdultClassTenkai {
    width: 100%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.navAdultClassWap {
  margin-top: 115px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .navAdultClassWap {
    margin-top: 5.98%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .navAdultClassWap {
    margin-top: 48px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .navAdultClassWap {
    margin-top: 12.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.ulNavAdultClass {
  width: 1186px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .ulNavAdultClass {
    width: 98.83%;
  }
}
@media screen and (max-width: 767px) {
  .ulNavAdultClass {
    width: 286px;
    flex-flow: row wrap;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulNavAdultClass {
    width: 76.26%;
  }
}

.liNavAdultClass {
  width: 218px;
}
@media screen and (max-width: 1199px) {
  .liNavAdultClass {
    width: 18.38%;
  }
}
@media screen and (max-width: 767px) {
  .liNavAdultClass {
    width: 138px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liNavAdultClass {
    width: 48.25%;
  }
}
@media screen and (max-width: 767px) {
  .liNavAdultClass:nth-child(n+3) {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liNavAdultClass:nth-child(n+3) {
    margin: 3.49% 0% 0% 0%;
  }
}

.btnNavAdultClass {
  display: block;
}

.btnNavAdultClassTop {
  aspect-ratio: 218/60;
  border-radius: 60px;
  /* CSS3草案 */
  -webkit-border-radius: 60px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 60px;
  /* Firefox用 */
  font-size: 21px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1199px) {
  .btnNavAdultClassTop {
    font-size: 1.7514595496vw;
  }
}
@media screen and (max-width: 767px) {
  .btnNavAdultClassTop {
    aspect-ratio: 138/33;
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnNavAdultClassTop {
    font-size: 3.4666666667vw;
  }
}

.iconNavAdultClassTop {
  display: block;
  width: 25px;
  margin: auto;
  margin-top: -4px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .iconNavAdultClassTop {
    width: 11.46%;
  }
}
@media screen and (max-width: 1199px) {
  .iconNavAdultClassTop {
    margin-top: -1.84%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .iconNavAdultClassTop {
    width: 16px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconNavAdultClassTop {
    width: 11.59%;
  }
}
.iconNavAdultClassTop svg {
  width: 100%;
  height: auto;
  display: block;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.featuresAdultClass {
  padding-top: 129px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .featuresAdultClass {
    padding: 6.71% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .featuresAdultClass {
    padding-top: 5.8%;
    padding-bottom: 0%;
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .featuresAdultClassWap {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .featuresAdultClassWap {
    width: 87.2%;
  }
}

.h2TitleFeaturesAdultClass {
  font-size: 45px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1199px) {
  .h2TitleFeaturesAdultClass {
    font-size: 3.7531276063vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleFeaturesAdultClass {
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleFeaturesAdultClass {
    font-size: 6.6666666667vw;
  }
}

.picTitleFeaturesAdultClass {
  width: 169px;
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .picTitleFeaturesAdultClass {
    width: 14.08%;
  }
}
@media screen and (max-width: 1199px) {
  .picTitleFeaturesAdultClass {
    margin-top: 1.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picTitleFeaturesAdultClass {
    width: 125px;
    margin-top: 12px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .picTitleFeaturesAdultClass {
    width: 38.22%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .picTitleFeaturesAdultClass {
    margin-top: 3.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.picTitleFeaturesAdultClass svg {
  width: 100%;
  height: 100%;
}

.fxFeaturesAdultClass {
  margin-top: 64px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .fxFeaturesAdultClass {
    margin-top: 5.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .fxFeaturesAdultClass {
    margin-top: 7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.photoFeaturesAdultClass {
  width: 510px;
}
@media screen and (max-width: 1199px) {
  .photoFeaturesAdultClass {
    width: 42.5%;
  }
}
@media screen and (max-width: 767px) {
  .photoFeaturesAdultClass {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .photoFeaturesAdultClass {
    width: 100%;
  }
}

.secFeaturesAdultClass {
  width: 610px;
}
@media screen and (max-width: 1199px) {
  .secFeaturesAdultClass {
    width: 50.83%;
  }
}
@media screen and (max-width: 767px) {
  .secFeaturesAdultClass {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secFeaturesAdultClass {
    margin-top: 4.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secFeaturesAdultClass {
    width: 100%;
  }
}

.h2FeaturesAdultClass {
  font-size: 30px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h2FeaturesAdultClass {
    font-size: 2.5020850709vw;
  }
}
@media screen and (max-width: 767px) {
  .h2FeaturesAdultClass {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2FeaturesAdultClass {
    font-size: 4.8vw;
  }
}

.txtMainFeaturesAdultClass {
  margin-top: 21px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtMainFeaturesAdultClass {
    margin-top: 3.44%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtMainFeaturesAdultClass {
    font-size: 1.3344453711vw;
  }
}
.txtMainFeaturesAdultClass::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.875) * 0.5em);
  content: "";
}
.txtMainFeaturesAdultClass::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.875) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtMainFeaturesAdultClass {
    margin-top: 5.44%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6923076923;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtMainFeaturesAdultClass {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtMainFeaturesAdultClass::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6923076923) * 0.5em);
    content: "";
  }
  .txtMainFeaturesAdultClass::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6923076923) * 0.5em);
    content: "";
  }
}

.txtMainFeaturesAdultClass02 {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtMainFeaturesAdultClass02 {
    margin-top: 2.62%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtMainFeaturesAdultClass02 {
    font-size: 1.3344453711vw;
  }
}
.txtMainFeaturesAdultClass02::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.875) * 0.5em);
  content: "";
}
.txtMainFeaturesAdultClass02::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.875) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtMainFeaturesAdultClass02 {
    margin-top: 5.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6923076923;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtMainFeaturesAdultClass02 {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtMainFeaturesAdultClass02::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6923076923) * 0.5em);
    content: "";
  }
  .txtMainFeaturesAdultClass02::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6923076923) * 0.5em);
    content: "";
  }
}

.linkTxtFeaturesAdultClass {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.05em;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 24px;
  padding-right: 0px;
  background: url(../img/AdultClass/linkTxtFeaturesAdultClass.svg) no-repeat left center;
  background-size: auto 60%;
}
@media screen and (max-width: 1199px) {
  .linkTxtFeaturesAdultClass {
    margin-top: 1.63%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .linkTxtFeaturesAdultClass {
    font-size: 1.3344453711vw;
  }
}
.linkTxtFeaturesAdultClass::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.875) * 0.5em);
  content: "";
}
.linkTxtFeaturesAdultClass::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.875) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .linkTxtFeaturesAdultClass {
    padding: 0% 0% 0% 3.93%;
  }
}
@media screen and (max-width: 767px) {
  .linkTxtFeaturesAdultClass {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6923076923;
    letter-spacing: 0.05em;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 24px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .linkTxtFeaturesAdultClass {
    margin-top: 3.05%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .linkTxtFeaturesAdultClass {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .linkTxtFeaturesAdultClass::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6923076923) * 0.5em);
    content: "";
  }
  .linkTxtFeaturesAdultClass::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6923076923) * 0.5em);
    content: "";
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .linkTxtFeaturesAdultClass {
    padding: 0% 0% 0% 7.33%;
  }
}

.linkBtmTxtFeaturesAdultClass {
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .linkBtmTxtFeaturesAdultClass {
    margin-top: 1.31%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .linkBtmTxtFeaturesAdultClass {
    font-size: 1.3344453711vw;
  }
}
.linkBtmTxtFeaturesAdultClass::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.875) * 0.5em);
  content: "";
}
.linkBtmTxtFeaturesAdultClass::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.875) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .linkBtmTxtFeaturesAdultClass {
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .linkBtmTxtFeaturesAdultClass {
    margin-top: 2.44%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .linkBtmTxtFeaturesAdultClass {
    font-size: 3.4666666667vw;
  }
}

.iconMarvelousFeaturesAdultClass {
  width: 16px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 2px;
}
@media screen and (max-width: 1199px) {
  .iconMarvelousFeaturesAdultClass {
    width: 5.4%;
  }
}
@media screen and (max-width: 1199px) {
  .iconMarvelousFeaturesAdultClass {
    margin: 0% 0.67% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .iconMarvelousFeaturesAdultClass {
    width: 16px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 8px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconMarvelousFeaturesAdultClass {
    width: 5.42%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconMarvelousFeaturesAdultClass {
    margin: 0% 2.71% 0% 0%;
  }
}

.btnMarvelousFeaturesAdultClass {
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .btnMarvelousFeaturesAdultClass {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 767px) {
  .btnMarvelousFeaturesAdultClass {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnMarvelousFeaturesAdultClass {
    font-size: 3.4666666667vw;
  }
}

.fxFeaturesAdultClass02 {
  margin-top: 80px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .fxFeaturesAdultClass02 {
    margin-top: 6.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .fxFeaturesAdultClass02 {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fxFeaturesAdultClass02 {
    margin-top: 12.23%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.featuresAdultClassAkua {
  margin-top: 80px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .featuresAdultClassAkua {
    margin-top: 6.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .featuresAdultClassAkua {
    padding: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .featuresAdultClassAkua {
    margin-top: 21.79%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtBtnTopAdultClas {
  margin-top: 86px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 1.6666666667;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtBtnTopAdultClas {
    margin-top: 7.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtBtnTopAdultClas {
    font-size: 1.5012510425vw;
  }
}
.txtBtnTopAdultClas::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
.txtBtnTopAdultClas::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtBtnTopAdultClas {
    text-align: center;
    line-height: 1.875;
    letter-spacing: 0.05em;
    margin-top: 24.23%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtBtnTopAdultClas {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtBtnTopAdultClas::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.875) * 0.5em);
    content: "";
  }
  .txtBtnTopAdultClas::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.875) * 0.5em);
    content: "";
  }
}

.btnFeaturesAdultClassWap {
  margin-top: 38px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 360px;
}
@media screen and (max-width: 1199px) {
  .btnFeaturesAdultClassWap {
    margin-top: 3.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .btnFeaturesAdultClassWap {
    width: 30%;
  }
}
@media screen and (max-width: 767px) {
  .btnFeaturesAdultClassWap {
    margin-top: 6.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnFeaturesAdultClassWap {
    width: 91.74%;
  }
}

.btnFeaturesAdultClass {
  font-size: 21px;
  line-height: normal;
  letter-spacing: 0.05em;
  aspect-ratio: 360/80;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
}
@media screen and (max-width: 1199px) {
  .btnFeaturesAdultClass {
    font-size: 1.7514595496vw;
  }
}
@media screen and (max-width: 767px) {
  .btnFeaturesAdultClass {
    line-height: normal;
    letter-spacing: 0.05em;
    aspect-ratio: 300/60;
    border-radius: 50px;
    /* CSS3草案 */
    -webkit-border-radius: 50px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 50px;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnFeaturesAdultClass {
    font-size: 4.2666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.testIndex {
  width: 500px;
}
@media screen and (max-width: 1199px) {
  .testIndex {
    width: 41.66%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.timeAdultClass {
  margin-top: 128px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 125px;
  padding-bottom: 122px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .timeAdultClass {
    margin-top: 6.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .timeAdultClass {
    padding: 6.51% 0% 6.35% 0%;
  }
}
@media screen and (max-width: 767px) {
  .timeAdultClass {
    margin-top: 21.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding: 15.51% 0% 21.35% 0%;
  }
}

@media screen and (max-width: 767px) {
  .timeAdultClassWap {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .timeAdultClassWap {
    width: 87.2%;
  }
}

.secTimeAdultClass {
  margin-top: 64px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .secTimeAdultClass {
    margin-top: 5.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secTimeAdultClass {
    margin-top: 10.48%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h3TimeAdultClass {
  font-size: 34px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h3TimeAdultClass {
    font-size: 2.8356964137vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TimeAdultClass {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TimeAdultClass {
    font-size: 5.0666666667vw;
  }
}

.cntTimeAdultClass {
  margin-top: 18px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .cntTimeAdultClass {
    margin-top: 1.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .cntTimeAdultClass {
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .cntTimeAdultClass {
    margin-top: 2.44%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secTimeAdultClass02 {
  margin-top: 78px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .secTimeAdultClass02 {
    margin-top: 6.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secTimeAdultClass02 {
    margin-top: 49px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secTimeAdultClass02 {
    margin-top: 14.98%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secTimeAdultClass03 {
  margin-top: 80px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .secTimeAdultClass03 {
    margin-top: 6.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secTimeAdultClass03 {
    margin-top: 56px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secTimeAdultClass03 {
    margin-top: 17.12%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.titleTimeAdultClass02Bx {
  padding-top: 0px;
  padding-bottom: 12px;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 2px solid #12AE8A;
}
@media screen and (max-width: 1199px) {
  .titleTimeAdultClass02Bx {
    padding: 0% 0% 1% 0%;
  }
}
@media screen and (max-width: 767px) {
  .titleTimeAdultClass02Bx {
    padding: 0% 0% 3.28% 0%;
    border-bottom: 1px solid #12AE8A;
  }
}

.h4TimeAdultClass02Bx {
  font-size: 34px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h4TimeAdultClass02Bx {
    font-size: 2.8356964137vw;
  }
}
@media screen and (max-width: 767px) {
  .h4TimeAdultClass02Bx {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4TimeAdultClass02Bx {
    font-size: 5.0666666667vw;
  }
}

.priceTimeAdultClass02 {
  width: 277px;
  text-align: right;
  white-space: nowrap;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
@media screen and (max-width: 1199px) {
  .priceTimeAdultClass02 {
    width: 23.08%;
  }
}
@media screen and (max-width: 767px) {
  .priceTimeAdultClass02 {
    width: 50%;
    margin-top: 1px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .priceTimeAdultClass02 {
    margin-top: 0.3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 0%;
  }
}

.h5PriceTimeAdultClass {
  text-align: right;
  font-size: 25px;
  line-height: normal;
  letter-spacing: 0.05em;
  white-space: nowrap;
}
@media screen and (max-width: 1199px) {
  .h5PriceTimeAdultClass {
    font-size: 2.0850708924vw;
  }
}
@media screen and (max-width: 767px) {
  .h5PriceTimeAdultClass {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5PriceTimeAdultClass {
    font-size: 4.2666666667vw;
  }
}

.mainPriceTimeAdultClass {
  font-size: 40px;
  line-height: normal;
  letter-spacing: 0.05em;
  color: #12AE8A;
  white-space: nowrap;
}
@media screen and (max-width: 1199px) {
  .mainPriceTimeAdultClass {
    font-size: 3.3361134279vw;
  }
}
@media screen and (max-width: 767px) {
  .mainPriceTimeAdultClass {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mainPriceTimeAdultClass {
    font-size: 5.3333333333vw;
  }
}

.enPriceTimeAdultClass {
  font-size: 22px;
  line-height: normal;
  letter-spacing: 0.05em;
  color: #12AE8A;
  white-space: nowrap;
}
@media screen and (max-width: 1199px) {
  .enPriceTimeAdultClass {
    font-size: 1.8348623853vw;
  }
}
@media screen and (max-width: 767px) {
  .enPriceTimeAdultClass {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .enPriceTimeAdultClass {
    font-size: 3.4666666667vw;
  }
}

.taxPriceTimeAdultClass {
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.05em;
  white-space: nowrap;
}
@media screen and (max-width: 1199px) {
  .taxPriceTimeAdultClass {
    font-size: 1.1676396997vw;
  }
}
@media screen and (max-width: 767px) {
  .taxPriceTimeAdultClass {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .taxPriceTimeAdultClass {
    font-size: 2.4vw;
  }
}

.txtmainPriceTimeAdultClass {
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtmainPriceTimeAdultClass {
    margin-top: 2.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtmainPriceTimeAdultClass {
    font-size: 1.6680567139vw;
  }
}
.txtmainPriceTimeAdultClass::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.75) * 0.5em);
  content: "";
}
.txtmainPriceTimeAdultClass::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.75) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtmainPriceTimeAdultClass {
    margin-top: 6.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtmainPriceTimeAdultClass {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .txtmainPriceTimeAdultClass::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  .txtmainPriceTimeAdultClass::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}

.txtsubPriceTimeAdultClass {
  margin-top: 29px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1199px) {
  .txtsubPriceTimeAdultClass {
    margin-top: 2.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtsubPriceTimeAdultClass {
    font-size: 1.1676396997vw;
  }
}
@media screen and (max-width: 767px) {
  .txtsubPriceTimeAdultClass {
    margin-top: 5.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtsubPriceTimeAdultClass {
    font-size: 3.2vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.testIndex {
  width: 500px;
}
@media screen and (max-width: 1199px) {
  .testIndex {
    width: 41.66%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.testIndex {
  width: 500px;
}
@media screen and (max-width: 1199px) {
  .testIndex {
    width: 41.66%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.testIndex {
  width: 500px;
}
@media screen and (max-width: 1199px) {
  .testIndex {
    width: 41.66%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.testIndex {
  width: 500px;
}
@media screen and (max-width: 1199px) {
  .testIndex {
    width: 41.66%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.trialTopBnr {
  margin-top: -52px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  background: url(../img/trial/bgtrialTopBnrPc.png) no-repeat center top;
  background-size: cover;
  aspect-ratio: 1920/500;
  position: relative;
  z-index: -1;
}
@media screen and (max-width: 1199px) {
  .trialTopBnr {
    margin-top: -2.71%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .trialTopBnr {
    margin-top: -24px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    background: url(../img/trial/bgtrialTopBnrSp.png) no-repeat center top;
    background-size: cover;
    aspect-ratio: 375/212;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .trialTopBnr {
    margin-top: -6.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.traialInfo {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .traialInfo {
    margin-top: 1.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .traialInfo {
    margin-top: 11.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .traialInfoWap {
    width: 328px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .traialInfoWap {
    width: 87.46%;
  }
}

.h2TraialInfo {
  font-size: 38px;
  line-height: 1.5526315789;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h2TraialInfo {
    font-size: 3.1693077565vw;
  }
}
.h2TraialInfo::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5526315789) * 0.5em);
  content: "";
}
.h2TraialInfo::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5526315789) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2TraialInfo {
    line-height: 1.6666666667;
    letter-spacing: 0.05em;
    font-feature-settings: "palt";
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TraialInfo {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TraialInfo::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
  .h2TraialInfo::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
}

.traialInfoFx {
  margin-top: 64px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .traialInfoFx {
    margin-top: 5.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .traialInfoFx {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .traialInfoFx {
    margin-top: 4.87%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtTraialInfo {
  width: 518px;
  font-size: 22px;
  line-height: 2;
  letter-spacing: 0.05em;
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .txtTraialInfo {
    width: 43.16%;
  }
}
@media screen and (max-width: 1199px) {
  .txtTraialInfo {
    font-size: 1.8348623853vw;
  }
}
.txtTraialInfo::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.txtTraialInfo::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 1199px) {
  .txtTraialInfo {
    margin: 0.41% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtTraialInfo {
    width: 100%;
    margin: 3.41% 0% 0% 0%;
    line-height: 1.5625;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTraialInfo {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTraialInfo::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5625) * 0.5em);
    content: "";
  }
  .txtTraialInfo::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5625) * 0.5em);
    content: "";
  }
}

.traialInfoLxn {
  width: 626px;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
  overflow: hidden;
}
@media screen and (max-width: 1199px) {
  .traialInfoLxn {
    width: 52.16%;
  }
}
@media screen and (max-width: 767px) {
  .traialInfoLxn {
    width: 325px;
    margin-top: 18.37%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .traialInfoLxn {
    width: 99.08%;
  }
}

.cntTraialInfoLxn {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .cntTraialInfoLxn {
    padding: 0% 0% 0% 0%;
  }
}
.traialInfoFxIn {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  width: 100%;
  margin: auto;
  align-items: baseline;
  transform: translate(1.25%, -9%);
}
@media screen and (max-width: 1199px) {
  .traialInfoFxIn {
    padding: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .traialInfoFxIn {
    transform: translate(0, 0);
    padding: 5.18% 0% 0% 0%;
  }
}

.h3TraialInfo {
  font-size: 38px;
  line-height: normal;
  letter-spacing: 0.05em;
  width: 158px;
  white-space: nowrap;
}
@media screen and (max-width: 1199px) {
  .h3TraialInfo {
    font-size: 3.1693077565vw;
  }
}
@media screen and (max-width: 1199px) {
  .h3TraialInfo {
    width: 25.23%;
  }
}
@media screen and (max-width: 767px) {
  .h3TraialInfo {
    text-align: center;
    line-height: normal;
    letter-spacing: 0.05em;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TraialInfo {
    font-size: 7.2vw;
  }
}

.cntTraialInfo {
  width: 337px;
  align-items: baseline;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 17px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .cntTraialInfo {
    width: 53.83%;
  }
}
@media screen and (max-width: 1199px) {
  .cntTraialInfo {
    margin: 0% 0% 0% 2.71%;
  }
}
@media screen and (max-width: 767px) {
  .cntTraialInfo {
    width: 100%;
    margin-top: -20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .cntTraialInfo {
    margin-top: -6.1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.iconTraialInfo {
  width: 55px;
  transform: translate(0px, 13%);
}
@media screen and (max-width: 1199px) {
  .iconTraialInfo {
    width: 17.24%;
  }
}
@media screen and (max-width: 767px) {
  .iconTraialInfo {
    transform: translate(0px, 22%);
    width: 44px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconTraialInfo {
    width: 13.41%;
  }
}
.iconTraialInfo img {
  width: 100%;
  height: 100%;
  display: block;
}

.txtTraialInfoIn {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 11px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .txtTraialInfoIn {
    margin: 0% 0% 0% 3.44%;
  }
}
@media screen and (max-width: 767px) {
  .txtTraialInfoIn {
    margin: 0% 0% 0% 6.74%;
  }
}

.intTraialInfo {
  font-size: 73px;
  line-height: normal;
  letter-spacing: 0em;
  transform: translate(0px, 3%);
  display: inline-block;
}
@media screen and (max-width: 1199px) {
  .intTraialInfo {
    font-size: 6.0884070058vw;
  }
}
@media screen and (max-width: 767px) {
  .intTraialInfo {
    transform: translate(-10%, 5%);
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .intTraialInfo {
    font-size: 15.4666666667vw;
  }
}

.enTraialInfo {
  font-size: 33px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1199px) {
  .enTraialInfo {
    font-size: 2.752293578vw;
  }
}
@media screen and (max-width: 767px) {
  .enTraialInfo {
    line-height: normal;
    letter-spacing: 0em;
    transform: translate(-50%, 9%);
    display: inline-block;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .enTraialInfo {
    font-size: 6.9333333333vw;
  }
}

.subTraialInfo {
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0em;
  display: inline-block;
  transform: translate(-17%, 0px);
}
@media screen and (max-width: 1199px) {
  .subTraialInfo {
    font-size: 1.5012510425vw;
  }
}
@media screen and (max-width: 767px) {
  .subTraialInfo {
    transform: translate(-44%, 23%);
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .subTraialInfo {
    font-size: 3.7333333333vw;
  }
}

.txtTopTraialInfo {
  margin-top: -7px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1199px) {
  .txtTopTraialInfo {
    margin-top: -1.12%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtTopTraialInfo {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTopTraialInfo {
    margin-top: 0.95%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTopTraialInfo {
    font-size: 3.2vw;
  }
}

.traialInfoDetailLxn {
  margin-top: 32px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0px;
  padding-bottom: 11px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
  border: 1px solid #2F99F0;
}
@media screen and (max-width: 1199px) {
  .traialInfoDetailLxn {
    margin-top: 5.11%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .traialInfoDetailLxn {
    padding: 0% 0% 1.75% 0%;
  }
}
@media screen and (max-width: 767px) {
  .traialInfoDetailLxn {
    margin-top: 4.87%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding: 4.17% 0% 4.18% 0%;
  }
}

.secTraialInfoDetail {
  margin-top: 9px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 578px;
}
@media screen and (max-width: 1199px) {
  .secTraialInfoDetail {
    margin-top: 1.43%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .secTraialInfoDetail {
    width: 92.33%;
  }
}
@media screen and (max-width: 767px) {
  .secTraialInfoDetail {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 89.8%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secTraialInfoDetail {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h4TitleTraialInfoDetail {
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1199px) {
  .h4TitleTraialInfoDetail {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 767px) {
  .h4TitleTraialInfoDetail {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4TitleTraialInfoDetail {
    font-size: 4vw;
  }
}

.rubyTitleTraialInfoDetail {
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
  margin: 0 0 0 1.5%;
}
@media screen and (max-width: 1199px) {
  .rubyTitleTraialInfoDetail {
    font-size: 1.1676396997vw;
  }
}
@media screen and (max-width: 767px) {
  .rubyTitleTraialInfoDetail {
    margin-top: 2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyTitleTraialInfoDetail {
    font-size: 3.2vw;
  }
}

.cntTraialInfoDetailFx {
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .cntTraialInfoDetailFx {
    margin-top: 1.27%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .cntTraialInfoDetailFx {
    margin-top: 12px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .cntTraialInfoDetailFx {
    margin-top: 4.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h5TraialInfoDetail {
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0em;
  width: 32px;
}
@media screen and (max-width: 1199px) {
  .h5TraialInfoDetail {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 1199px) {
  .h5TraialInfoDetail {
    width: 5.53%;
  }
}
@media screen and (max-width: 1199px) {
  .h5TraialInfoDetail {
    width: 7.53%;
  }
}
@media screen and (max-width: 767px) {
  .h5TraialInfoDetail {
    line-height: normal;
    letter-spacing: 0em;
    width: 29px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5TraialInfoDetail {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h5TraialInfoDetail {
    width: 10.06%;
  }
}

.txtTraialInfoDetailFx {
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0em;
  width: 538px;
}
@media screen and (max-width: 1199px) {
  .txtTraialInfoDetailFx {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 1199px) {
  .txtTraialInfoDetailFx {
    width: 93.07%;
  }
}
@media screen and (max-width: 767px) {
  .txtTraialInfoDetailFx {
    width: 86.02%;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTraialInfoDetailFx {
    font-size: 3.7333333333vw;
  }
}

.cntTraialInfoDetailFx02 {
  margin-top: 3px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .cntTraialInfoDetailFx02 {
    margin-top: 0.47%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .cntTraialInfoDetailFx02 {
    margin-top: 9px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .cntTraialInfoDetailFx02 {
    margin-top: 3.12%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.trialCvn {
  margin-top: 72px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .trialCvn {
    margin-top: 3.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .trialCvn {
    margin-top: 61px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .trialCvn {
    margin-top: 16.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .trialCvn {
    width: 87.2%;
  }
}

.secTrialCvn {
  margin-top: 77px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .secTrialCvn {
    margin-top: 6.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secTrialCvn {
    margin-top: 19.29%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2TrialCvn {
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.05em;
  font-weight: 500;
}
@media screen and (max-width: 1199px) {
  .h2TrialCvn {
    font-size: 1.5012510425vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TrialCvn {
    line-height: 1.6666666667;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TrialCvn {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TrialCvn::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
  .h2TrialCvn::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6666666667) * 0.5em);
    content: "";
  }
}

.h3TrialCvn {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 25px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h3TrialCvn {
    margin-top: 1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .h3TrialCvn {
    font-size: 2.0850708924vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TrialCvn {
    margin-top: 3.12%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TrialCvn {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TrialCvn::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  .h3TrialCvn::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}

.txtTrialCvnBtm {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1199px) {
  .txtTrialCvnBtm {
    margin-top: 2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtTrialCvnBtm {
    font-size: 1.1676396997vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTrialCvnBtm {
    margin-top: 4.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
    width: 101%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTrialCvnBtm {
    font-size: 3.2vw;
  }
}

.liIndexTraialSingle {
  width: 100%;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.trialCan {
  margin-top: 109px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .trialCan {
    margin-top: 9.08%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .trialCan {
    margin-top: 80px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .trialCan {
    margin-top: 21.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .trialCan {
    width: 87.2%;
  }
}

.trialTanki {
  padding-top: 45px;
  padding-bottom: 44px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 30px;
  /* CSS3草案 */
  -webkit-border-radius: 30px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 30px;
  /* Firefox用 */
}
@media screen and (max-width: 1199px) {
  .trialTanki {
    padding: 3.75% 0% 3.66% 0%;
  }
}
@media screen and (max-width: 767px) {
  .trialTanki {
    padding: 11.78% 0% 12.23% 0%;
  }
}

.h2TrialTanki {
  font-size: 30px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h2TrialTanki {
    font-size: 2.5020850709vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TrialTanki {
    line-height: 1.4545454545;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TrialTanki {
    font-size: 5.8666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TrialTanki::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4545454545) * 0.5em);
    content: "";
  }
  .h2TrialTanki::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4545454545) * 0.5em);
    content: "";
  }
}

.rubyTrialTanki {
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .rubyTrialTanki {
    margin-top: 1.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .rubyTrialTanki {
    font-size: 1.6680567139vw;
  }
}
@media screen and (max-width: 767px) {
  .rubyTrialTanki {
    margin-top: 3.44%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.625;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyTrialTanki {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .rubyTrialTanki::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.625) * 0.5em);
    content: "";
  }
  .rubyTrialTanki::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.625) * 0.5em);
    content: "";
  }
}

.ulTrialTanki {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 828px;
}
@media screen and (max-width: 1199px) {
  .ulTrialTanki {
    margin-top: 1.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .ulTrialTanki {
    width: 68.99%;
  }
}
@media screen and (max-width: 767px) {
  .ulTrialTanki {
    margin-top: 11.78%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 260px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulTrialTanki {
    width: 79.51%;
  }
}

.liTrialTanki {
  width: 260px;
}
@media screen and (max-width: 1199px) {
  .liTrialTanki {
    width: 31.4%;
  }
}
@media screen and (max-width: 767px) {
  .liTrialTanki {
    width: 100%;
  }
  .liTrialTanki:nth-child(n+2) {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liTrialTanki:nth-child(n+2) {
    margin-top: 6.15%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnTrialTanki {
  font-size: 21px;
  line-height: normal;
  letter-spacing: 0.05em;
  aspect-ratio: 260/60;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
}
@media screen and (max-width: 1199px) {
  .btnTrialTanki {
    font-size: 1.7514595496vw;
  }
}
@media screen and (max-width: 767px) {
  .btnTrialTanki {
    aspect-ratio: 260/50;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnTrialTanki {
    font-size: 4.8vw;
  }
}

.iconLine {
  background-color: #06C755;
  background-image: url(../img/trial/iconLine.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100%;
  width: 149px;
  aspect-ratio: 149/31;
}
@media screen and (max-width: 1199px) {
  .iconLine {
    width: 57.3%;
  }
}
@media screen and (max-width: 767px) {
  .iconLine {
    width: 87px;
    aspect-ratio: 87/29;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconLine {
    width: 33.46%;
  }
}

.iconInstagram {
  background-color: #FF7EA4;
  background-image: url(../img/trial/iconInstagram.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  width: 149px;
  aspect-ratio: 149/32;
}
@media screen and (max-width: 1199px) {
  .iconInstagram {
    width: 57.3%;
  }
}
@media screen and (max-width: 767px) {
  .iconInstagram {
    width: 133px;
    aspect-ratio: 133/30;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconInstagram {
    width: 51.15%;
  }
}

.txtLastTrialTanki {
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 33px;
  line-height: normal;
  letter-spacing: 0.1em;
  color: #2F99F0;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .txtLastTrialTanki {
    margin-top: 4.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtLastTrialTanki {
    font-size: 2.752293578vw;
  }
}
@media screen and (max-width: 767px) {
  .txtLastTrialTanki {
    margin-top: 56px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtLastTrialTanki {
    margin-top: 17.12%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtLastTrialTanki {
    font-size: 6.4vw;
  }
}

.mainTrial + footer {
  margin-top: 158px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .mainTrial + footer {
    margin-top: 8.22%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .mainTrial + footer {
    margin-top: 27.73%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.testIndex {
  width: 500px;
}
@media screen and (max-width: 1199px) {
  .testIndex {
    width: 41.66%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.joinUsTitleWap {
  margin-top: 56px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .joinUsTitleWap {
    margin-top: 2.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .joinUsTitleWap {
    margin-top: 32px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .joinUsTitleWap {
    margin-top: 8.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.navJoinUsTab {
  margin-top: 61px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .navJoinUsTab {
    margin-top: 3.17%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .navJoinUsTab {
    margin-top: 6.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liNavJoinUsTabLxn {
  width: 396px;
}
@media screen and (max-width: 1199px) {
  .liNavJoinUsTabLxn {
    width: 33%;
  }
}
@media screen and (max-width: 767px) {
  .liNavJoinUsTabLxn {
    width: 123px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liNavJoinUsTabLxn {
    width: 32.8%;
  }
}

.liNavJoinUsTab {
  width: 100%;
  aspect-ratio: 396/80;
  font-size: 35px;
  line-height: normal;
  letter-spacing: 0.05em;
  border-radius: 30px 30px 0 0;
  color: #fff;
}
@media screen and (max-width: 1199px) {
  .liNavJoinUsTab {
    font-size: 2.9190992494vw;
  }
}
@media screen and (max-width: 767px) {
  .liNavJoinUsTab {
    text-align: center;
    aspect-ratio: 123/50;
    border-radius: 10px 10px 0 0;
    line-height: 1.2;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liNavJoinUsTab {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .liNavJoinUsTab::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.2) * 0.5em);
    content: "";
  }
  .liNavJoinUsTab::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.2) * 0.5em);
    content: "";
  }
}

.liNavJoinUsTab01.on {
  background: #F0FCFF;
  color: #2F99F0;
}

.liNavJoinUsTab01.off {
  background: #2F99F0;
  color: #FFF;
}

.liNavJoinUsTab02.on {
  background: #FFF5F0;
  color: #FF8D5C;
}

.liNavJoinUsTab02.off {
  background: #FF8D5C;
  color: #FFF;
}

.liNavJoinUsTab03.on {
  background: #E8FDF8;
  color: #0ED9AA;
}

.liNavJoinUsTab03.off {
  background: #0ED9AA;
  color: #FFF;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.innerJoinUsTabsCnt {
  padding-top: 48px;
  padding-bottom: 80px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 0 0 30px 30px;
}
@media screen and (max-width: 1199px) {
  .innerJoinUsTabsCnt {
    padding: 2.5% 0% 4.16% 0%;
  }
}
@media screen and (max-width: 767px) {
  .innerJoinUsTabsCnt {
    padding: 5.33% 0% 11.66% 0%;
    border-radius: 0 0 30px 30px;
  }
}

.forwJoinUsTabsCnt {
  padding-top: 36px;
  padding-bottom: 40px;
  padding-left: 0px;
  padding-right: 0px;
  width: 1092px;
  margin: auto;
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
}
@media screen and (max-width: 1199px) {
  .forwJoinUsTabsCnt {
    padding: 3% 0% 3.33% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .forwJoinUsTabsCnt {
    width: 91%;
  }
}
@media screen and (max-width: 767px) {
  .forwJoinUsTabsCnt {
    padding: 3.6% 0% 4.26% 0%;
    width: 327px;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .forwJoinUsTabsCnt {
    width: 87.2%;
  }
}

.forwJoinUsTabsLxn {
  width: 996px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .forwJoinUsTabsLxn {
    width: 91.2%;
  }
}
@media screen and (max-width: 767px) {
  .forwJoinUsTabsLxn {
    width: 279px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .forwJoinUsTabsLxn {
    width: 85.32%;
  }
}

.titleForwJoinUsTabsCnt {
  padding-top: 0px;
  padding-bottom: 9px;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 1px solid #2F99F0;
  align-items: baseline;
}
@media screen and (max-width: 1199px) {
  .titleForwJoinUsTabsCnt {
    padding: 0% 0% 0.93% 0%;
  }
}
@media screen and (max-width: 767px) {
  .titleForwJoinUsTabsCnt {
    padding-top: 0px;
    padding-bottom: 7px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .titleForwJoinUsTabsCnt {
    padding: 0% 0% 2.5% 0%;
  }
}

.h3TitleForwJoinUsTabsCnt {
  width: 147px;
  display: flex;
  align-items: baseline;
}
@media screen and (max-width: 1199px) {
  .h3TitleForwJoinUsTabsCnt {
    width: 14.75%;
  }
}
@media screen and (max-width: 767px) {
  .h3TitleForwJoinUsTabsCnt {
    width: 73px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h3TitleForwJoinUsTabsCnt {
    width: 26.16%;
  }
}

.stepTitleForwJoinUsTabsCnt {
  font-size: 21px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .stepTitleForwJoinUsTabsCnt {
    font-size: 1.7514595496vw;
  }
}
@media screen and (max-width: 767px) {
  .stepTitleForwJoinUsTabsCnt {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .stepTitleForwJoinUsTabsCnt {
    font-size: 2.6666666667vw;
  }
}

.intTitleForwJoinUsTabsCnt {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 5px;
  margin-right: 20px;
  font-size: 35px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .intTitleForwJoinUsTabsCnt {
    margin: 0% 2% 0% 0.5%;
  }
}
@media screen and (max-width: 1199px) {
  .intTitleForwJoinUsTabsCnt {
    font-size: 2.9190992494vw;
  }
}
@media screen and (max-width: 767px) {
  .intTitleForwJoinUsTabsCnt {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 3px;
    margin-right: 6px;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .intTitleForwJoinUsTabsCnt {
    margin: 0% 8.21% 0% 4.1%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .intTitleForwJoinUsTabsCnt {
    font-size: 5.3333333333vw;
  }
}

.h4TitleForwJoinUsTabsCnt {
  width: 849px;
  font-size: 30px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h4TitleForwJoinUsTabsCnt {
    width: 85.24%;
  }
}
@media screen and (max-width: 1199px) {
  .h4TitleForwJoinUsTabsCnt {
    font-size: 2.5020850709vw;
  }
}
@media screen and (max-width: 767px) {
  .h4TitleForwJoinUsTabsCnt {
    width: 67.83%;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4TitleForwJoinUsTabsCnt {
    font-size: 5.3333333333vw;
  }
}

.mainForwJoinUsTabsCnt {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .mainForwJoinUsTabsCnt {
    margin-top: 1.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .mainForwJoinUsTabsCnt {
    font-size: 1.5012510425vw;
  }
}
@media screen and (max-width: 767px) {
  .mainForwJoinUsTabsCnt {
    margin-top: 3.86%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mainForwJoinUsTabsCnt {
    font-size: 4vw;
  }
}

.subForwJoinUsTabsCnt {
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1199px) {
  .subForwJoinUsTabsCnt {
    margin-top: 0.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .subForwJoinUsTabsCnt {
    font-size: 1.1676396997vw;
  }
}
@media screen and (max-width: 767px) {
  .subForwJoinUsTabsCnt {
    margin-top: 3.79%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .subForwJoinUsTabsCnt {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .subForwJoinUsTabsCnt::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  .subForwJoinUsTabsCnt::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}

.urlForwJoinUsTabsCnt {
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .urlForwJoinUsTabsCnt {
    margin-top: 0.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .urlForwJoinUsTabsCnt {
    margin-top: 3.86%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnUrlForwJoinUsTabsCnt {
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .btnUrlForwJoinUsTabsCnt {
    font-size: 1.2510425354vw;
  }
}
@media screen and (max-width: 767px) {
  .btnUrlForwJoinUsTabsCnt {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnUrlForwJoinUsTabsCnt {
    font-size: 3.7333333333vw;
  }
}

.arrowJoinUsTabsCnt {
  margin-top: 16px;
  margin-bottom: 12px;
  margin-left: auto;
  margin-right: auto;
  width: 50px;
}
@media screen and (max-width: 1199px) {
  .arrowJoinUsTabsCnt {
    margin-top: 1.46%;
    margin-bottom: 1.09%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .arrowJoinUsTabsCnt {
    width: 4.57%;
  }
}
@media screen and (max-width: 767px) {
  .arrowJoinUsTabsCnt {
    margin-top: 3.05%;
    margin-bottom: 2.05%;
    margin-left: auto;
    margin-right: auto;
    width: 40px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .arrowJoinUsTabsCnt {
    width: 12.23%;
  }
}

.detailJoinUsCnt {
  margin-top: 83px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1092px;
}
@media screen and (max-width: 1199px) {
  .detailJoinUsCnt {
    margin-top: 6.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .detailJoinUsCnt {
    width: 91%;
  }
}
@media screen and (max-width: 767px) {
  .detailJoinUsCnt {
    margin-top: 41px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .detailJoinUsCnt {
    margin-top: 10.93%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .detailJoinUsCnt {
    width: 87.2%;
  }
}

.titleDetailJoinUsCnt {
  padding-top: 0px;
  padding-bottom: 9px;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 1px solid #3A3E46;
}
@media screen and (max-width: 1199px) {
  .titleDetailJoinUsCnt {
    padding: 0% 0% 0.82% 0%;
  }
}
@media screen and (max-width: 767px) {
  .titleDetailJoinUsCnt {
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .titleDetailJoinUsCnt {
    padding: 0% 0% 3.05% 0%;
  }
}

.iconTitleDetailJoinUsCnt {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 20px;
  aspect-ratio: 4/40;
  width: 4px;
}
@media screen and (max-width: 1199px) {
  .iconTitleDetailJoinUsCnt {
    margin: 0% 1.83% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .iconTitleDetailJoinUsCnt {
    width: 0.36%;
  }
}
@media screen and (max-width: 767px) {
  .iconTitleDetailJoinUsCnt {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 10px;
    aspect-ratio: 3/30;
    width: 3px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconTitleDetailJoinUsCnt {
    margin: 0% 3.05% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconTitleDetailJoinUsCnt {
    width: 0.91%;
  }
}

.h2TitleDetailJoinUsCnt {
  font-size: 27px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h2TitleDetailJoinUsCnt {
    font-size: 2.2518765638vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleDetailJoinUsCnt {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleDetailJoinUsCnt {
    font-size: 5.3333333333vw;
  }
}

.textDetailJoinUsCnt {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .textDetailJoinUsCnt {
    margin-top: 1.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .textDetailJoinUsCnt {
    font-size: 1.5012510425vw;
  }
}
@media screen and (max-width: 767px) {
  .textDetailJoinUsCnt {
    margin-top: 5.03%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .textDetailJoinUsCnt {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .textDetailJoinUsCnt::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  .textDetailJoinUsCnt::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}

.textDetailJoinUsCnt .yobiDetailJoinUsCntFx {
  width: 17.5%;
}
@media screen and (max-width: 767px) {
  .textDetailJoinUsCnt .yobiDetailJoinUsCntFx {
    width: 36.5%;
  }
}

.secDetailJoinUsCnt02 {
  margin-top: 42px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .secDetailJoinUsCnt02 {
    margin-top: 3.84%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secDetailJoinUsCnt02 {
    margin-top: 33px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secDetailJoinUsCnt02 {
    margin-top: 10.09%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/*入会後の各種お手続き*/
.joinTetuduki {
  margin-top: 120px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .joinTetuduki {
    margin-top: 6.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .joinTetuduki {
    margin-top: 80px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .joinTetuduki {
    margin-top: 21.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2TitleJoinTetuduki {
  font-size: 45px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1199px) {
  .h2TitleJoinTetuduki {
    font-size: 3.7531276063vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleJoinTetuduki {
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleJoinTetuduki {
    font-size: 6.6666666667vw;
  }
}

.iconTitleJoinTetuduki {
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 169px;
}
@media screen and (max-width: 1199px) {
  .iconTitleJoinTetuduki {
    margin-top: 1.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .iconTitleJoinTetuduki {
    width: 14.08%;
  }
}
@media screen and (max-width: 767px) {
  .iconTitleJoinTetuduki {
    margin-top: 12px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 125px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconTitleJoinTetuduki {
    margin-top: 3.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconTitleJoinTetuduki {
    width: 33.33%;
  }
}

.txtTitleJoinTetuduki {
  margin-top: 48px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtTitleJoinTetuduki {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtTitleJoinTetuduki {
    font-size: 2.0016680567vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTitleJoinTetuduki {
    line-height: normal;
    letter-spacing: 0.05em;
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTitleJoinTetuduki {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtTitleJoinTetuduki {
    margin-top: 6.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.ulJoinTetuduki {
  margin-top: 75px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .ulJoinTetuduki {
    margin-top: 6.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulJoinTetuduki {
    margin-top: 33px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulJoinTetuduki {
    margin-top: 8.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulJoinTetuduki {
    width: 87.2%;
  }
}

.liJoinTetuduki:nth-child(n+2) {
  margin-top: 68px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .liJoinTetuduki:nth-child(n+2) {
    margin-top: 5.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liJoinTetuduki:nth-child(n+2) {
    margin-top: 33px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liJoinTetuduki:nth-child(n+2) {
    margin-top: 10.09%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.titleJoinTetudukiFx {
  padding-top: 0px;
  padding-bottom: 9px;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 1px solid #3A3E46;
  padding-top: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .titleJoinTetudukiFx {
    padding: 0% 0% 0.75% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .titleJoinTetudukiFx {
    padding: 0% 0% 3.05% 0%;
  }
}

.iconTitleJoinTetudukiFx {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 20px;
  width: 4px;
  aspect-ratio: 4/40;
}
@media screen and (max-width: 1199px) {
  .iconTitleJoinTetudukiFx {
    margin: 0% 1.66% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .iconTitleJoinTetudukiFx {
    width: 0.33%;
  }
}
@media screen and (max-width: 767px) {
  .iconTitleJoinTetudukiFx {
    margin: 0% 2.7655% 0% 0%;
    width: 3px;
    aspect-ratio: 3/30;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconTitleJoinTetudukiFx {
    width: 0.91%;
  }
}

.h3TitleJoinTetudukiFx {
  font-size: 25px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h3TitleJoinTetudukiFx {
    font-size: 2.0850708924vw;
  }
}
@media screen and (max-width: 767px) {
  .h3TitleJoinTetudukiFx {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3TitleJoinTetudukiFx {
    font-size: 5.3333333333vw;
  }
}

.txtJoinTetuduki {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtJoinTetuduki {
    margin-top: 1.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtJoinTetuduki {
    font-size: 1.5012510425vw;
  }
}
@media screen and (max-width: 767px) {
  .txtJoinTetuduki {
    margin-top: 3.95%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtJoinTetuduki {
    font-size: 4vw;
  }
}

.linkTxtJoinTetuduki {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .linkTxtJoinTetuduki {
    margin-top: 1.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .linkTxtJoinTetuduki {
    font-size: 1.5012510425vw;
  }
}
@media screen and (max-width: 767px) {
  .linkTxtJoinTetuduki {
    margin-top: 3.95%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .linkTxtJoinTetuduki {
    font-size: 4vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.titleForwJoinUsTabsCnt02 {
  border-bottom: 1px solid #FF8D5C;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.titleForwJoinUsTabsCnt03 {
  border-bottom: 1px solid #12AE8A;
}

.linkTxtJoinTetuduki {
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .linkTxtJoinTetuduki {
    margin: 0.66% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .linkTxtJoinTetuduki {
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .linkTxtJoinTetuduki {
    margin-top: 2.44%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.joinUsDial {
  margin-top: 120px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .joinUsDial {
    margin-top: 6.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .joinUsDial {
    margin-top: 80px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .joinUsDial {
    margin-top: 21.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .joinUsDialWap {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .joinUsDialWap {
    width: 87.2%;
  }
}

.h2JoinUsDial {
  font-size: 25px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h2JoinUsDial {
    font-size: 2.0850708924vw;
  }
}
@media screen and (max-width: 767px) {
  .h2JoinUsDial {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2JoinUsDial {
    font-size: 4.2666666667vw;
  }
}

.btnJoinUsDial {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2px;
  padding-bottom: 5px;
  padding-left: 0px;
  padding-right: 0px;
  width: 624px;
  border-top: 1px solid #2F99F0;
  border-bottom: 1px solid #2F99F0;
}
@media screen and (max-width: 1199px) {
  .btnJoinUsDial {
    margin-top: 1.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .btnJoinUsDial {
    padding: 0.16% 0% 0.41% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .btnJoinUsDial {
    width: 52%;
  }
}
@media screen and (max-width: 1199px) {
  .btnJoinUsDial {
    width: 54%;
  }
}
@media screen and (max-width: 767px) {
  .btnJoinUsDial {
    margin-top: 2.44%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding: 1.36% 0% 0.05% 0%;
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnJoinUsDial {
    width: 100%;
  }
}

.iconJoinUsDial {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 18px;
  width: 62px;
}
@media screen and (max-width: 1199px) {
  .iconJoinUsDial {
    margin: 0% 2.88% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .iconJoinUsDial {
    width: 9.93%;
  }
}
@media screen and (max-width: 767px) {
  .iconJoinUsDial {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 36px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconJoinUsDial {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconJoinUsDial {
    width: 11%;
  }
}
.iconJoinUsDial svg {
  width: 100%;
  height: 100%;
}

.nameJoinUsDial {
  width: 544px;
  font-size: 60px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1199px) {
  .nameJoinUsDial {
    width: 87.17%;
  }
}
@media screen and (max-width: 1199px) {
  .nameJoinUsDial {
    font-size: 5.0041701418vw;
  }
}
@media screen and (max-width: 767px) {
  .nameJoinUsDial {
    width: 281px;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .nameJoinUsDial {
    width: 85.93%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .nameJoinUsDial {
    font-size: 8.2666666667vw;
  }
}

.txtIndexTraial {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 17px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtIndexTraial {
    margin-top: 1.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtIndexTraial {
    font-size: 1.4178482068vw;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexTraial {
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtIndexTraial {
    margin-top: 2.44%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtIndexTraial {
    font-size: 3.7333333333vw;
  }
}

.txtIndexTraial02 {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .txtIndexTraial02 {
    margin-top: 1.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtIndexTraial02 {
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtIndexTraial02 {
    margin-top: 2.44%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.urlTxtIndexTraial02 {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.05em;
  text-decoration: none;
  border-bottom: 1px solid #2F99F0;
}
@media screen and (max-width: 1199px) {
  .urlTxtIndexTraial02 {
    font-size: 1.6680567139vw;
  }
}
@media screen and (max-width: 767px) {
  .urlTxtIndexTraial02 {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .urlTxtIndexTraial02 {
    font-size: 3.7333333333vw;
  }
}

.mainJoinUs + .footer {
  margin-top: 111px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .mainJoinUs + .footer {
    margin-top: 5.78%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .mainJoinUs + .footer {
    margin-top: 104px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .mainJoinUs + .footer {
    margin-top: 27.73%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.testIndex {
  width: 500px;
}
@media screen and (max-width: 1199px) {
  .testIndex {
    width: 41.66%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.navShopsWap {
  margin-top: 57px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .navShopsWap {
    margin-top: 2.96%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .navShopsWap {
    margin-top: 32px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .navShopsWap {
    margin-top: 8.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.ulNavShops {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1186px;
}
@media screen and (max-width: 1199px) {
  .ulNavShops {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .ulNavShops {
    width: 98.83%;
  }
}
@media screen and (max-width: 767px) {
  .ulNavShops {
    width: 286px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulNavShops {
    width: 76.26%;
  }
}

.liNavShops {
  width: 218px;
}
@media screen and (max-width: 1199px) {
  .liNavShops {
    width: 18.38%;
  }
}
@media screen and (max-width: 767px) {
  .liNavShops {
    width: 138px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liNavShops {
    width: 48.25%;
  }
}
@media screen and (max-width: 767px) {
  .liNavShops:nth-child(n+3) {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liNavShops:nth-child(n+3) {
    margin: 3.49% 0% 0% 0%;
  }
}

.btnNavShopsTop {
  font-size: 21px;
  line-height: normal;
  letter-spacing: 0.1em;
  aspect-ratio: 218/60;
  border-radius: 60px;
  /* CSS3草案 */
  -webkit-border-radius: 60px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 60px;
  /* Firefox用 */
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1199px) {
  .btnNavShopsTop {
    font-size: 1.7514595496vw;
  }
}
@media screen and (max-width: 767px) {
  .btnNavShopsTop {
    line-height: normal;
    letter-spacing: 0.1em;
    aspect-ratio: 138/33;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnNavShopsTop {
    font-size: 3.4666666667vw;
  }
}

.iconNavShopsTop {
  width: 25px;
  margin: -2% auto 0 auto;
}
@media screen and (max-width: 1199px) {
  .iconNavShopsTop {
    width: 11.46%;
  }
}
@media screen and (max-width: 767px) {
  .iconNavShopsTop {
    width: 16px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconNavShopsTop {
    width: 11.59%;
  }
}
.iconNavShopsTop svg {
  width: 100%;
  height: 100%;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.shopsAccess {
  margin-top: 79px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .shopsAccess {
    margin-top: 4.11%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .shopsAccess {
    margin-top: 13.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .shopsAccessWap {
    width: 327px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .shopsAccessWap {
    width: 87.2%;
  }
}

.h2TitleShopsAccess {
  font-size: 45px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1199px) {
  .h2TitleShopsAccess {
    font-size: 3.7531276063vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleShopsAccess {
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleShopsAccess {
    font-size: 6.6666666667vw;
  }
}

.picTitleShopsAccess {
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 169px;
}
@media screen and (max-width: 1199px) {
  .picTitleShopsAccess {
    margin-top: 1.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .picTitleShopsAccess {
    width: 14.08%;
  }
}
@media screen and (max-width: 767px) {
  .picTitleShopsAccess {
    margin-top: 12px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 35.22%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .picTitleShopsAccess {
    margin-top: 3.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.picTitleShopsAccess svg {
  width: 100%;
  height: 100%;
}

.mapShopsAccessFx {
  margin-top: 48px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .mapShopsAccessFx {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .mapShopsAccessFx {
    margin-top: 48px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .mapShopsAccessFx {
    margin-top: 14.67%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.mapShopsAccessAccessLxn {
  width: 690px;
}
@media screen and (max-width: 1199px) {
  .mapShopsAccessAccessLxn {
    width: 57.5%;
  }
}
@media screen and (max-width: 767px) {
  .mapShopsAccessAccessLxn {
    width: 100%;
  }
}

/*MAP*/
.mapShopsAccessAccess {
  border-radius: 30px;
  /* CSS3草案 */
  -webkit-border-radius: 30px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 30px;
  /* Firefox用 */
  position: relative;
  overflow: hidden;
  aspect-ratio: 690/390;
}
@media screen and (max-width: 767px) {
  .mapShopsAccessAccess {
    width: 327px;
    border-radius: 15px;
    /* CSS3草案 */
    -webkit-border-radius: 15px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 15px;
    /* Firefox用 */
    aspect-ratio: 327/185;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .mapShopsAccessAccess {
    width: 100%;
  }
}

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

.btnShopsAccessAccessLxn {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .btnShopsAccessAccessLxn {
    margin: 2.31% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .btnShopsAccessAccessLxn {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnShopsAccessAccessLxn {
    margin: 3.05% 0% 0% 0%;
  }
}

.btnShopsAccessAccess {
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .btnShopsAccessAccess {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 767px) {
  .btnShopsAccessAccess {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnShopsAccessAccess {
    font-size: 3.7333333333vw;
  }
}

/*住所*/
.cntMapShopsAccess {
  width: 442px;
}
@media screen and (max-width: 1199px) {
  .cntMapShopsAccess {
    width: 36.83%;
  }
}
@media screen and (max-width: 767px) {
  .cntMapShopsAccess {
    width: 327px;
    margin-top: 42px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .cntMapShopsAccess {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .cntMapShopsAccess {
    margin-top: 12.84%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h3MapShopsAccess {
  padding-top: 0px;
  padding-bottom: 8px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.1em;
  border-bottom: 1px solid #2F99F0;
}
@media screen and (max-width: 1199px) {
  .h3MapShopsAccess {
    padding: 0% 0% 1.8% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .h3MapShopsAccess {
    font-size: 1.6680567139vw;
  }
}
@media screen and (max-width: 767px) {
  .h3MapShopsAccess {
    padding-top: 0px;
    padding-bottom: 8px;
    padding-left: 0px;
    padding-right: 0px;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h3MapShopsAccess {
    padding: 0% 0% 2.44% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3MapShopsAccess {
    font-size: 5.3333333333vw;
  }
}

.txtMapShopsAccess {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 1.7222222222;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtMapShopsAccess {
    margin-top: 3.61%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtMapShopsAccess {
    font-size: 1.5012510425vw;
  }
}
.txtMapShopsAccess::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.7222222222) * 0.5em);
  content: "";
}
.txtMapShopsAccess::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.7222222222) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtMapShopsAccess {
    margin-top: 4.44%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtMapShopsAccess {
    font-size: 4vw;
  }
}

.txtMapShopsAccess02 {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtMapShopsAccess02 {
    margin-top: 3.61%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtMapShopsAccess02 {
    font-size: 1.3344453711vw;
  }
}
.txtMapShopsAccess02::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.875) * 0.5em);
  content: "";
}
.txtMapShopsAccess02::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.875) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtMapShopsAccess02 {
    margin-top: 5.44%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.7142857143;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtMapShopsAccess02 {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtMapShopsAccess02::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7142857143) * 0.5em);
    content: "";
  }
  .txtMapShopsAccess02::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7142857143) * 0.5em);
    content: "";
  }
}

.secMapShopsAccess02 {
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .secMapShopsAccess02 {
    margin-top: 5.88%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secMapShopsAccess02 {
    margin-top: 9.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.shopsParking {
  margin-top: 120px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .shopsParking {
    margin-top: 6.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .shopsParking {
    margin-top: 103px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .shopsParking {
    margin-top: 27.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.fxShopsParking {
  margin-top: 48px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .fxShopsParking {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .fxShopsParking {
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fxShopsParking {
    margin-top: 13.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fxShopsParking {
    width: 87.2%;
  }
}

.photoShopsParking {
  width: 490px;
}
@media screen and (max-width: 1199px) {
  .photoShopsParking {
    width: 40.83%;
  }
}
@media screen and (max-width: 767px) {
  .photoShopsParking {
    width: 100%;
  }
}

.secShopsParking {
  width: 644px;
}
@media screen and (max-width: 1199px) {
  .secShopsParking {
    width: 53.66%;
  }
}
@media screen and (max-width: 767px) {
  .secShopsParking {
    width: 100%;
  }
}

.h3ShopsParking {
  font-size: 25px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h3ShopsParking {
    font-size: 2.0850708924vw;
  }
}
@media screen and (max-width: 767px) {
  .h3ShopsParking {
    margin-top: 8.11%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.619047619;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3ShopsParking {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  .h3ShopsParking::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.619047619) * 0.5em);
    content: "";
  }
  .h3ShopsParking::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.619047619) * 0.5em);
    content: "";
  }
  .h3ShopsParking br {
    display: none;
  }
}

.txtShopsParking {
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtShopsParking {
    font-size: 1.5012510425vw;
  }
}
@media screen and (max-width: 767px) {
  .txtShopsParking {
    margin-top: 6.05%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtShopsParking {
    font-size: 4vw;
  }
}

.txtShopsParking {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .txtShopsParking {
    margin-top: 4.45%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtShopsParking {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtShopsParking {
    margin-top: 3.05%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtShopsParking02 {
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .txtShopsParking02 {
    margin-top: 1.48%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtShopsParking02 {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtShopsParking02 {
    margin-top: 3.05%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.subShopsParking {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .subShopsParking {
    margin-top: 2.96%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .subShopsParking {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 767px) {
  .subShopsParking {
    margin-top: 3.96%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .subShopsParking {
    font-size: 3.7333333333vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.shopsBus {
  margin-top: 120px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .shopsBus {
    margin-top: 6.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .shopsBus {
    margin-top: 103px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .shopsBus {
    margin-top: 27.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.fxShopsBus {
  margin-top: 48px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .fxShopsBus {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .fxShopsBus {
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fxShopsBus {
    margin-top: 13.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fxShopsBus {
    width: 87.2%;
  }
}

.photoShopsBus {
  width: 490px;
}
@media screen and (max-width: 1199px) {
  .photoShopsBus {
    width: 40.83%;
  }
}
@media screen and (max-width: 767px) {
  .photoShopsBus {
    width: 100%;
  }
}

.secShopsBus {
  width: 644px;
}
@media screen and (max-width: 1199px) {
  .secShopsBus {
    width: 53.66%;
  }
}
@media screen and (max-width: 767px) {
  .secShopsBus {
    width: 100%;
  }
}

.h3ShopsBus {
  font-size: 25px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h3ShopsBus {
    font-size: 2.0850708924vw;
  }
}
@media screen and (max-width: 767px) {
  .h3ShopsBus {
    margin-top: 8.11%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.619047619;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3ShopsBus {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  .h3ShopsBus::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.619047619) * 0.5em);
    content: "";
  }
  .h3ShopsBus::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.619047619) * 0.5em);
    content: "";
  }
}

.txtShopsBus {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtShopsBus {
    margin: 3.72% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .txtShopsBus {
    font-size: 1.5012510425vw;
  }
}
@media screen and (max-width: 767px) {
  .txtShopsBus {
    margin-top: 5.36%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtShopsBus {
    font-size: 3.7333333333vw;
  }
}

.txtShopsBus02 {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .txtShopsBus02 {
    margin: 2.48% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtShopsBus02 {
    margin-top: 3.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.iconShopsBus {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 5px;
  width: 16px;
}
@media screen and (max-width: 1199px) {
  .iconShopsBus {
    margin: 0% 0.77% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .iconShopsBus {
    width: 2.48%;
  }
}
@media screen and (max-width: 767px) {
  .iconShopsBus {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 5px;
    width: 16px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconShopsBus {
    margin: 0% 1.52% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconShopsBus {
    width: 4.89%;
  }
}
.iconShopsBus svg {
  width: 100%;
  height: 100%;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.shopsFac {
  margin-top: 120px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .shopsFac {
    margin-top: 6.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .shopsFac {
    margin-top: 106px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .shopsFac {
    margin-top: 28.26%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .shopsFacWap {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .shopsFacWap {
    width: 87.2%;
  }
}

.ulShopFac {
  margin-top: 71px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  justify-content: flex-start;
}
@media screen and (max-width: 1199px) {
  .ulShopFac {
    margin-top: 5.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulShopFac {
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulShopFac {
    margin-top: 15.29%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liShopFac {
  width: 360px;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 60px;
}
@media screen and (max-width: 1199px) {
  .liShopFac {
    width: 30%;
  }
}
@media screen and (max-width: 1199px) {
  .liShopFac {
    margin: 0% 5% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liShopFac {
    width: 327px;
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liShopFac {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .liShopFac:nth-child(n+2) {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liShopFac:nth-child(n+2) {
    margin: 6.11% 0% 0% 0%;
  }
}
.liShopFac:nth-child(n+4) {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 60px;
}
@media screen and (max-width: 1199px) {
  .liShopFac:nth-child(n+4) {
    margin: 3.33% 5% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liShopFac:nth-child(n+4) {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liShopFac:nth-child(n+4) {
    margin: 6.11% 0% 0% 0%;
  }
}
.liShopFac:nth-child(3n) {
  margin-right: 0;
}

.h3ShopFac {
  aspect-ratio: 360/46;
  font-size: 21px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h3ShopFac {
    font-size: 1.7514595496vw;
  }
}
@media screen and (max-width: 767px) {
  .h3ShopFac {
    aspect-ratio: 327/42;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3ShopFac {
    font-size: 4.8vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.shopsOutline {
  margin-top: 120px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .shopsOutline {
    margin-top: 6.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .shopsOutline {
    margin-top: 103px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .shopsOutline {
    margin-top: 27.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .shopsOutlineWap {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .shopsOutlineWap {
    width: 87.2%;
  }
}

.tableShopsOutlinelxn {
  margin-top: 48px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .tableShopsOutlinelxn {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .tableShopsOutlinelxn {
    margin-top: 51px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .tableShopsOutlinelxn {
    margin-top: 15.59%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.tableShopsOutline {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ccc;
  vertical-align: middle;
}

.thShopsOutline {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 0px;
  padding-right: 0px;
  width: 148px;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.05em;
  border: 1px solid #ccc;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .thShopsOutline {
    padding: 0.66% 0% 0.66% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .thShopsOutline {
    width: 12.33%;
  }
}
@media screen and (max-width: 1199px) {
  .thShopsOutline {
    font-size: 1.5012510425vw;
  }
}
@media screen and (max-width: 767px) {
  .thShopsOutline {
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 0px;
    padding-right: 0px;
    width: 79px;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .thShopsOutline {
    padding: 3.36% 0% 3.36% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .thShopsOutline {
    width: 24.15%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thShopsOutline {
    font-size: 3.7333333333vw;
  }
}

.tdShopsOutline {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 32px;
  padding-right: 32px;
  width: 1052px;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.05em;
  border: 1px solid #ccc;
  background: #EEF7FF;
}
@media screen and (max-width: 1199px) {
  .tdShopsOutline {
    padding: 0.66% 2.66% 0.66% 2.66%;
  }
}
@media screen and (max-width: 1199px) {
  .tdShopsOutline {
    width: 87.66%;
  }
}
@media screen and (max-width: 1199px) {
  .tdShopsOutline {
    font-size: 1.5012510425vw;
  }
}
@media screen and (max-width: 767px) {
  .tdShopsOutline {
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 8px;
    padding-right: 8px;
    width: 246px;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .tdShopsOutline {
    padding: 3.36% 2.44% 3.36% 2.44%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .tdShopsOutline {
    width: 75.22%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdShopsOutline {
    font-size: 3.7333333333vw;
  }
}

.mainshops + .btnFixedCalendarLxn + footer {
  margin-top: 157px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .mainshops + .btnFixedCalendarLxn + footer {
    margin-top: 8.17%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .mainshops + .btnFixedCalendarLxn + footer {
    margin-top: 27.73%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.testIndex {
  width: 500px;
}
@media screen and (max-width: 1199px) {
  .testIndex {
    width: 41.66%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.recruitDemand {
  margin-top: 59px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .recruitDemand {
    margin-top: 3.07%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .recruitDemand {
    margin-top: 32px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .recruitDemand {
    margin-top: 8.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .recruitDemandWap {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .recruitDemandWap {
    width: 87.2%;
  }
}

.h2TitleRecruitDemand {
  font-size: 45px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1199px) {
  .h2TitleRecruitDemand {
    font-size: 3.7531276063vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleRecruitDemand {
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleRecruitDemand {
    font-size: 6.6666666667vw;
  }
}

.iconRecruitDemand {
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 169px;
}
@media screen and (max-width: 1199px) {
  .iconRecruitDemand {
    margin-top: 1.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .iconRecruitDemand {
    width: 14.08%;
  }
}
@media screen and (max-width: 767px) {
  .iconRecruitDemand {
    margin-top: 4.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 125px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconRecruitDemand {
    width: 38.22%;
  }
}

.txtRecruitDemand {
  margin-top: 47px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1199px) {
  .txtRecruitDemand {
    margin-top: 3.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtRecruitDemand {
    font-size: 1.5012510425vw;
  }
}
@media screen and (max-width: 767px) {
  .txtRecruitDemand {
    margin-top: 32px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtRecruitDemand {
    margin-top: 9.78%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtRecruitDemand {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtRecruitDemand {
    width: 100%;
  }
}

.detailRecruitDemand {
  margin-top: 91px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .detailRecruitDemand {
    margin-top: 7.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .detailRecruitDemand {
    margin-top: 139px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .detailRecruitDemand {
    margin-top: 42.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.titleDetailRecruitDemand {
  padding-top: 0px;
  padding-bottom: 9px;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 1px solid #3A3E46;
}
@media screen and (max-width: 1199px) {
  .titleDetailRecruitDemand {
    padding: 0% 0% 0.75% 0%;
  }
}
@media screen and (max-width: 767px) {
  .titleDetailRecruitDemand {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .titleDetailRecruitDemand {
    padding: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .titleDetailRecruitDemand {
    padding: 0% 0% 3.05% 0%;
  }
}

.iconTitleDetailRecruitDemand {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 20px;
  width: 4px;
  aspect-ratio: 4/40;
}
@media screen and (max-width: 1199px) {
  .iconTitleDetailRecruitDemand {
    margin: 0% 1.66% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .iconTitleDetailRecruitDemand {
    width: 0.33%;
  }
}
@media screen and (max-width: 767px) {
  .iconTitleDetailRecruitDemand {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 10px;
    width: 3px;
    aspect-ratio: 3/30;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconTitleDetailRecruitDemand {
    margin: 0% 3.05% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconTitleDetailRecruitDemand {
    width: 0.91%;
  }
}

.h2TitleDetailRecruitDemand {
  font-size: 25px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h2TitleDetailRecruitDemand {
    font-size: 2.0850708924vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleDetailRecruitDemand {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleDetailRecruitDemand {
    font-size: 5.3333333333vw;
  }
}

.ulDetailRecruitDemand {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .ulDetailRecruitDemand {
    margin-top: 2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulDetailRecruitDemand {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulDetailRecruitDemand {
    margin-top: 4.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liDetailRecruitDemand {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 0px;
  padding-right: 0px;
  width: 386px;
  font-size: 20px;
  line-height: 1.55;
  letter-spacing: 0em;
  border-radius: 20px;
  /* CSS3草案 */
  -webkit-border-radius: 20px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;
  /* Firefox用 */
  background: #FFFAE2;
}
@media screen and (max-width: 1199px) {
  .liDetailRecruitDemand {
    padding: 2.5% 0% 2.5% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .liDetailRecruitDemand {
    width: 32.16%;
  }
}
@media screen and (max-width: 1199px) {
  .liDetailRecruitDemand {
    font-size: 1.6680567139vw;
  }
}
.liDetailRecruitDemand::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.55) * 0.5em);
  content: "";
}
.liDetailRecruitDemand::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.55) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .liDetailRecruitDemand {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
    line-height: 1.5625;
    letter-spacing: 0em;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liDetailRecruitDemand {
    padding: 4.58% 0% 4.58% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liDetailRecruitDemand {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .liDetailRecruitDemand::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5625) * 0.5em);
    content: "";
  }
  .liDetailRecruitDemand::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5625) * 0.5em);
    content: "";
  }
  .liDetailRecruitDemand:nth-child(n+2) {
    margin-top: 12px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liDetailRecruitDemand:nth-child(n+2) {
    margin-top: 3.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liDetailRecruitDemand:nth-child(n+2) {
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) and (max-width: 1199px) {
  .liDetailRecruitDemand:nth-child(n+2) {
    margin-top: 4.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.txtDetailRecruitDemandBtm {
  margin-top: 29px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1199px) {
  .txtDetailRecruitDemandBtm {
    margin-top: 2.41%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtDetailRecruitDemandBtm {
    font-size: 1.5012510425vw;
  }
}
@media screen and (max-width: 767px) {
  .txtDetailRecruitDemandBtm {
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtDetailRecruitDemandBtm {
    margin-top: 4.58%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtDetailRecruitDemandBtm {
    font-size: 4.2666666667vw;
  }
}

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

@media screen and (max-width: 767px) {
  .recruitBusinessWap {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .recruitBusinessWap {
    width: 87.2%;
  }
}

.txtRecruitBusiness {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 1199px) {
  .txtRecruitBusiness {
    margin-top: 2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtRecruitBusiness {
    font-size: 1.5012510425vw;
  }
}
@media screen and (max-width: 767px) {
  .txtRecruitBusiness {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtRecruitBusiness {
    margin-top: 4.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtRecruitBusiness {
    font-size: 4.2666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.recruitOutline {
  margin-top: 80px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .recruitOutline {
    margin-top: 4.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .recruitOutline {
    margin-top: 23.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .recruitOutline {
    width: 100%;
  }
}

.tableDetailRecruitOutlineWap {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .tableDetailRecruitOutlineWap {
    margin-top: 2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .tableDetailRecruitOutlineWap {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .tableDetailRecruitOutlineWap {
    margin-top: 4.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.tableDetailRecruitOutline {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ccc;
  vertical-align: middle;
}

.thDetailRecruitOutline {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 0px;
  padding-right: 0px;
  width: 148px;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.05em;
  border: 1px solid #ccc;
  text-align: middle;
}
@media screen and (max-width: 1199px) {
  .thDetailRecruitOutline {
    padding: 0.66% 0% 0.66% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .thDetailRecruitOutline {
    width: 12.33%;
  }
}
@media screen and (max-width: 1199px) {
  .thDetailRecruitOutline {
    font-size: 1.5012510425vw;
  }
}
@media screen and (max-width: 767px) {
  .thDetailRecruitOutline {
    padding: 2.64% 0% 2.36% 0%;
    vertical-align: middle;
    width: 79px;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .thDetailRecruitOutline {
    width: 24.15%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thDetailRecruitOutline {
    font-size: 3.7333333333vw;
  }
}

.tdDetailRecruitOutline {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 32px;
  padding-right: 32px;
  width: 1052px;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.05em;
  border: 1px solid #ccc;
  background: #EEF7FF;
}
@media screen and (max-width: 1199px) {
  .tdDetailRecruitOutline {
    padding: 0.66% 2.66% 0.66% 2.66%;
  }
}
@media screen and (max-width: 1199px) {
  .tdDetailRecruitOutline {
    width: 87.66%;
  }
}
@media screen and (max-width: 1199px) {
  .tdDetailRecruitOutline {
    font-size: 1.5012510425vw;
  }
}
@media screen and (max-width: 767px) {
  .tdDetailRecruitOutline {
    padding: 3% 2% 3.56% 3.44%;
    width: 246px;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .tdDetailRecruitOutline {
    width: 75.22%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tdDetailRecruitOutline {
    font-size: 3.7333333333vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.recruitCvn {
  margin-top: 90px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .recruitCvn {
    margin-top: 4.68%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .recruitCvn {
    margin-top: 27.06%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .recruitCvn {
    width: 87.2%;
  }
}

.h2RecruitCvn {
  font-size: 30px;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h2RecruitCvn {
    font-size: 2.5020850709vw;
  }
}
.h2RecruitCvn::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
.h2RecruitCvn::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2RecruitCvn {
    line-height: 1.5789473684;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2RecruitCvn {
    font-size: 5.0666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .h2RecruitCvn::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5789473684) * 0.5em);
    content: "";
  }
  .h2RecruitCvn::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5789473684) * 0.5em);
    content: "";
  }
}

.h3RecruitCvn {
  margin-top: 32px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 25px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h3RecruitCvn {
    margin-top: 2.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .h3RecruitCvn {
    font-size: 2.0850708924vw;
  }
}
@media screen and (max-width: 767px) {
  .h3RecruitCvn {
    margin-top: 5.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3RecruitCvn {
    font-size: 4.2666666667vw;
  }
}

.ulRecruitCvn {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 744px;
  justify-content: space-between;
}
@media screen and (max-width: 1199px) {
  .ulRecruitCvn {
    margin-top: 1.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .ulRecruitCvn {
    width: 62%;
  }
}
@media screen and (max-width: 767px) {
  .ulRecruitCvn {
    margin-top: 18px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulRecruitCvn {
    margin-top: 5.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulRecruitCvn {
    width: 91.74%;
  }
}

.liRecruitCvn {
  width: 360px;
}
@media screen and (max-width: 1199px) {
  .liRecruitCvn {
    width: 48.38%;
  }
}
@media screen and (max-width: 767px) {
  .liRecruitCvn {
    width: 100%;
  }
  .liRecruitCvn:nth-child(n+2) {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .liRecruitCvn:nth-child(n+2) {
    margin-top: 5.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnRecruitCvn01 {
  aspect-ratio: 360/80;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  font-size: 21px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .btnRecruitCvn01 {
    font-size: 1.7514595496vw;
  }
}
@media screen and (max-width: 767px) {
  .btnRecruitCvn01 {
    aspect-ratio: 300/60;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnRecruitCvn01 {
    font-size: 4.2666666667vw;
  }
}

.iconTelRecruitCvn {
  background: url(../img/recruit/iconTelRecruitCvn.svg) no-repeat -1% center;
  background-size: auto 55%;
  aspect-ratio: 222/36;
  margin: auto;
  width: 222px;
}
@media screen and (max-width: 1199px) {
  .iconTelRecruitCvn {
    width: 61.66%;
  }
}
@media screen and (max-width: 767px) {
  .iconTelRecruitCvn {
    background: url(../img/recruit/iconTelRecruitCvn.svg) no-repeat 0% center;
    background-size: auto 51%;
    aspect-ratio: 178/28;
    width: 75.33%;
  }
}

.titleTelRecruitCvn {
  font-size: 21px;
  line-height: normal;
  letter-spacing: 0.05em;
  text-align: right;
}
@media screen and (max-width: 1199px) {
  .titleTelRecruitCvn {
    font-size: 1.7514595496vw;
  }
}
@media screen and (max-width: 767px) {
  .titleTelRecruitCvn {
    padding: 0 0 0 20%;
    text-align: left;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .titleTelRecruitCvn {
    font-size: 4.2666666667vw;
  }
}

.numTelRecruitCvn {
  font-size: 21px;
  line-height: normal;
  letter-spacing: 0.1em;
  padding: 0 0 0 21%;
}
@media screen and (max-width: 1199px) {
  .numTelRecruitCvn {
    font-size: 1.7514595496vw;
  }
}
@media screen and (max-width: 767px) {
  .numTelRecruitCvn {
    line-height: normal;
    letter-spacing: 0.1em;
    padding: 0 0 0 1%;
    transform: translate(0px, -11%);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .numTelRecruitCvn {
    font-size: 4.2666666667vw;
  }
}

.iconForm {
  background: url(../img/recruit/iconForm.svg) no-repeat left center;
  background-size: auto 80%;
  aspect-ratio: 266/23;
  margin: auto;
  width: 266px;
  font-size: 21px;
  line-height: normal;
  letter-spacing: 0.05em;
  text-align: right;
}
@media screen and (max-width: 1199px) {
  .iconForm {
    width: 73.88%;
  }
}
@media screen and (max-width: 1199px) {
  .iconForm {
    font-size: 1.7514595496vw;
  }
}
@media screen and (max-width: 767px) {
  .iconForm {
    aspect-ratio: 222/17;
    line-height: normal;
    letter-spacing: 0.05em;
    width: 74.88%;
    padding: 0 0 0 13%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .iconForm {
    font-size: 4.2666666667vw;
  }
}

.liRecruitCvn .iconForm {
  background: url(../img/recruit/iconForm.svg) no-repeat left center;
  background-size: auto 80%;
  aspect-ratio: 266/23;
  margin: auto;
  width: 266px;
  font-size: 21px;
  line-height: normal;
  letter-spacing: 0.05em;
  text-align: right;
}
@media screen and (max-width: 1199px) {
  .liRecruitCvn .iconForm {
    width: 73.88%;
  }
}
@media screen and (max-width: 1199px) {
  .liRecruitCvn .iconForm {
    font-size: 1.7514595496vw;
  }
}
@media screen and (max-width: 767px) {
  .liRecruitCvn .iconForm {
    aspect-ratio: 222/17;
    line-height: normal;
    letter-spacing: 0.05em;
    width: 74.88%;
    padding: 0 3% 0 13%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .liRecruitCvn .iconForm {
    font-size: 4.2666666667vw;
  }
}

.textRecruitCvnBtm {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .textRecruitCvnBtm {
    margin-top: 2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .textRecruitCvnBtm {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .textRecruitCvnBtm {
    margin-top: 4.89%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.textRecruitCvnBtm {
  font-size: 17px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .textRecruitCvnBtm {
    font-size: 1.4178482068vw;
  }
}
@media screen and (max-width: 767px) {
  .textRecruitCvnBtm {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .textRecruitCvnBtm {
    font-size: 3.7333333333vw;
  }
}

.textRecruitCvnBtmLast {
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 21px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .textRecruitCvnBtmLast {
    margin-top: 2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .textRecruitCvnBtmLast {
    font-size: 1.7514595496vw;
  }
}
@media screen and (max-width: 767px) {
  .textRecruitCvnBtmLast {
    margin-top: 39px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .textRecruitCvnBtmLast {
    margin-top: 11.92%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .textRecruitCvnBtmLast {
    font-size: 4.2666666667vw;
  }
}

.mainshops + footer {
  margin-top: 172px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .mainshops + footer {
    margin-top: 8.95%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .mainshops + footer {
    margin-top: 37.93%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.faqNabCntLoop {
  margin-top: 56px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .faqNabCntLoop {
    margin-top: 2.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .faqNabCntLoop {
    margin-top: 8.13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .navFaq {
    width: 286px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .navFaq {
    width: 76.26%;
  }
}

@media screen and (max-width: 767px) {
  .ulNavFaq {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .ulNavFaq li {
    width: 138px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulNavFaq li {
    width: 48.25%;
  }
}
@media screen and (max-width: 767px) {
  .ulNavFaq li:nth-child(n+3) {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulNavFaq li:nth-child(n+3) {
    margin: 3.49% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .ulNavFaq .btnNavTop {
    aspect-ratio: 138/33;
  }
}
@media screen and (max-width: 767px) {
  .ulNavFaq .iconNavKidsSwimmingTop {
    width: 16px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .ulNavFaq .iconNavKidsSwimmingTop {
    width: 11.59%;
  }
}

.faqCntLoopLxn {
  margin-top: 136px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .faqCntLoopLxn {
    margin-top: 11.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .faqCntLoopLxn {
    width: 327px;
    margin-top: 49px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .faqCntLoopLxn {
    width: 87.2%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .faqCntLoopLxn {
    margin-top: 13.06%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.secFaqCntLoop {
  width: 1200px;
}
@media screen and (max-width: 1199px) {
  .secFaqCntLoop {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .secFaqCntLoop {
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secFaqCntLoop {
    width: 100%;
  }
}

.secFaqCntLoop02 {
  margin-top: 74px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .secFaqCntLoop02 {
    margin-top: 6.16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secFaqCntLoop02 {
    margin-top: 14.59%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.titleFaqCntLoop {
  padding-top: 0px;
  padding-bottom: 9px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .titleFaqCntLoop {
    padding: 0% 0% 0.75% 0%;
  }
}
@media screen and (max-width: 767px) {
  .titleFaqCntLoop {
    padding: 0% 0% 3.55% 0%;
  }
}

.iconTitleFaqCntLoopSec {
  width: 4px;
  aspect-ratio: 4/40;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 20px;
}
@media screen and (max-width: 1199px) {
  .iconTitleFaqCntLoopSec {
    width: 0.33%;
  }
}
@media screen and (max-width: 1199px) {
  .iconTitleFaqCntLoopSec {
    margin: 0% 1.66% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .iconTitleFaqCntLoopSec {
    width: 3px;
    aspect-ratio: 3/30;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconTitleFaqCntLoopSec {
    width: 0.91%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconTitleFaqCntLoopSec {
    margin: 0% 3.05% 0% 0%;
  }
}

.h2TitleFaqCntLoopSec {
  font-size: 25px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h2TitleFaqCntLoopSec {
    font-size: 2.0850708924vw;
  }
}
@media screen and (max-width: 767px) {
  .h2TitleFaqCntLoopSec {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2TitleFaqCntLoopSec {
    font-size: 5.3333333333vw;
  }
}

.secFaqCntLoopLxn {
  padding-top: 24px;
  padding-bottom: 9px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .secFaqCntLoopLxn {
    padding: 2% 0% 0.75% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secFaqCntLoopLxn {
    margin-top: 37px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secFaqCntLoopLxn {
    margin: 11.31% 0% 0% 0%;
  }
}

.secFaqLxn {
  width: 1200px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .secFaqLxn {
    width: 100%;
  }
}
@media screen and (max-width: 1199px) {
  .secFaqLxn {
    padding: 1.33% 0% 1.33% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secFaqLxn {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secFaqLxn {
    padding: 6.11% 0% 6.11% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secFaqLxn {
    width: 100%;
  }
}

.secFaqLxn01 {
  padding-top: 16px;
  padding-bottom: 13px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .secFaqLxn01 {
    padding: 1.33% 0% 1.08% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secFaqLxn01 {
    padding: 6.11% 0% 7.11% 0%;
  }
}

.secFaqLxn02 {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .secFaqLxn02 {
    margin: 1.33% 0% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .secFaqLxn02 {
    padding: 1.33% 0% 1.33% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secFaqLxn02 {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 6.11% 0% 8.11% 0%;
    width: 327px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secFaqLxn02 {
    margin: 3.05% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secFaqLxn02 {
    width: 100%;
  }
}

.secFaqMain {
  width: 1100px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .secFaqMain {
    width: 91.66%;
  }
}
@media screen and (max-width: 767px) {
  .secFaqMain {
    width: 287px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .secFaqMain {
    width: 87.76%;
  }
}

.titleFaqLxnMain {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .titleFaqLxnMain {
    padding: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .titleFaqLxnMain {
    align-items: flex-start;
  }
}
.titleFaqLxnMain .iconQGymnastics {
  width: 40px;
}
@media screen and (max-width: 1199px) {
  .titleFaqLxnMain .iconQGymnastics {
    width: 3.63%;
  }
}
@media screen and (max-width: 767px) {
  .titleFaqLxnMain .iconQGymnastics {
    width: 30px;
    transform: translate(0, 0vw);
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .titleFaqLxnMain .iconQGymnastics {
    width: 10.45%;
  }
}
.titleFaqLxnMain .h3FaqMain {
  width: 1004px;
}
@media screen and (max-width: 1199px) {
  .titleFaqLxnMain .h3FaqMain {
    width: 91.27%;
  }
}
@media screen and (max-width: 767px) {
  .titleFaqLxnMain .h3FaqMain {
    width: 219px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .titleFaqLxnMain .h3FaqMain {
    width: 76.3%;
  }
}
.titleFaqLxnMain .iconToggleGymnastics {
  width: 24px;
}
@media screen and (max-width: 1199px) {
  .titleFaqLxnMain .iconToggleGymnastics {
    width: 2.18%;
  }
}
@media screen and (max-width: 767px) {
  .titleFaqLxnMain .iconToggleGymnastics {
    width: 18px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .titleFaqLxnMain .iconToggleGymnastics {
    width: 6.27%;
  }
}
@media screen and (max-width: 767px) {
  .titleFaqLxnMain .iconToggle svg {
    transform: translate(0px, 1.5vw);
  }
}

@media screen and (max-width: 767px) {
  .titleFaqKidsSwimmingMain.off .iconToggle {
    transform: translate(0px, 2.5vw) rotate(180deg);
  }
}

@media screen and (max-width: 767px) {
  .titleFaqKidsSwimmingMain.on .iconToggle {
    transform: translate(0px, 0vw) rotate(0deg);
  }
}

.cntMainFaqLxn {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 16px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .cntMainFaqLxn {
    margin-top: 1.45%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .cntMainFaqLxn {
    padding: 1.45% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .cntMainFaqLxn {
    margin-top: 4.48%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding: 5.48% 0% 0% 0%;
  }
}

.cntMainFaqFx {
  width: 100%;
  padding-top: 0px;
  padding-bottom: 8px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .cntMainFaqFx {
    padding: 0% 0% 0.72% 0%;
  }
}
@media screen and (max-width: 767px) {
  .cntMainFaqFx {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .cntMainFaqFx {
    padding: 0% 0% 0% 0%;
  }
}
.cntMainFaqFx .iconAGymnastics {
  width: 40px;
}
@media screen and (max-width: 1199px) {
  .cntMainFaqFx .iconAGymnastics {
    width: 3.63%;
  }
}
@media screen and (max-width: 767px) {
  .cntMainFaqFx .iconAGymnastics {
    width: 30px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .cntMainFaqFx .iconAGymnastics {
    width: 10.45%;
  }
}
.cntMainFaqFx .cntMainFaqBox {
  width: 1044px;
}
@media screen and (max-width: 1199px) {
  .cntMainFaqFx .cntMainFaqBox {
    width: 94.9%;
  }
}
@media screen and (max-width: 767px) {
  .cntMainFaqFx .cntMainFaqBox {
    width: 247px;
    margin: 1vw 0 0 0;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .cntMainFaqFx .cntMainFaqBox {
    width: 86.06%;
  }
}

.mainInfoFaq + footer {
  margin-top: 221px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .mainInfoFaq + footer {
    margin-top: 11.51%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .mainInfoFaq + footer {
    margin-top: 104px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .mainInfoFaq + footer {
    margin-top: 27.73%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.testIndex {
  width: 500px;
}
@media screen and (max-width: 1199px) {
  .testIndex {
    width: 41.66%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.toFaqLinkContact {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .toFaqLinkContact {
    margin-top: 1.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .toFaqLinkContact {
    font-size: 1.6680567139vw;
  }
}
@media screen and (max-width: 767px) {
  .toFaqLinkContact {
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .toFaqLinkContact {
    margin-top: 2.13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .toFaqLinkContact {
    font-size: 3.7333333333vw;
  }
}

.formWap {
  width: 1000px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .formWap {
    width: 83.33%;
  }
}
@media screen and (max-width: 767px) {
  .formWap {
    width: 87.83%;
  }
}

.thisPageContact {
  margin-top: 45px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .thisPageContact {
    margin-top: 3.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .thisPageContact {
    margin-top: 74px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .thisPageContact {
    margin-top: 19.73%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.formTable {
  color: #3A3E46;
  width: 100%;
}

.thFormTable {
  width: 218px;
  padding-top: 22px;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .thFormTable {
    width: 21.8%;
  }
}
@media screen and (max-width: 1199px) {
  .thFormTable {
    padding: 2.2% 0% 2% 0%;
  }
}
@media screen and (max-width: 767px) {
  .thFormTable {
    display: block;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .thFormTable {
    padding: 0% 0% 0% 0%;
  }
}

.h3FormTable {
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h3FormTable {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 767px) {
  .h3FormTable {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3FormTable {
    font-size: 3.7333333333vw;
  }
}

.iconFormTable {
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0.05em;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 8px;
  margin-right: 0px;
}
@media screen and (max-width: 1199px) {
  .iconFormTable {
    font-size: 1.0008340284vw;
  }
}
@media screen and (max-width: 1199px) {
  .iconFormTable {
    margin: 0% 0% 0% 3.66%;
  }
}
@media screen and (max-width: 767px) {
  .iconFormTable {
    line-height: normal;
    letter-spacing: 0.05em;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 8px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .iconFormTable {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .iconFormTable {
    margin: 0% 0% 0% 2.44%;
  }
}

.tdFormTable {
  vertical-align: middle;
  width: 782px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .tdFormTable {
    width: 78.2%;
  }
}
@media screen and (max-width: 1199px) {
  .tdFormTable {
    padding: 1% 0% 1% 0%;
  }
}
@media screen and (max-width: 767px) {
  .tdFormTable {
    display: block;
    width: 100%;
    padding: 2.99% 0% 7.33% 0%;
  }
}

.tdFormTable .mwform-radio-field {
  width: fit-content;
}

.tdFormTable .mwform-radio-field-text {
  white-space: nowrap;
}

.radioWapContact {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1199px) {
  .radioWapContact {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 767px) {
  .radioWapContact {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .radioWapContact {
    font-size: 3.7333333333vw;
  }
}

.mw_wp_form .horizontal-item + .horizontal-item {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 39px;
  margin-right: 0px;
  white-space: nowrap;
}
@media screen and (max-width: 1199px) {
  .mw_wp_form .horizontal-item + .horizontal-item {
    margin: 0% 0% 0% 4.98%;
  }
}
@media screen and (max-width: 767px) {
  .mw_wp_form .horizontal-item + .horizontal-item {
    margin: 0% 0% 0% 9.33%;
  }
}

.mwform-checkbox-field label,
.mwform-radio-field label {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .mwform-checkbox-field label,
  .mwform-radio-field label {
    font-size: 1.3344453711vw;
  }
}
@media screen and (max-width: 767px) {
  .mwform-checkbox-field label,
  .mwform-radio-field label {
    line-height: normal;
    letter-spacing: 0.05em;
    white-space: nowrap;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mwform-checkbox-field label,
  .mwform-radio-field label {
    font-size: 3.7333333333vw;
  }
}

.mwform-checkbox-field input,
.mwform-radio-field input {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 8px;
  width: 27px;
  height: 27px;
  accent-color: #2F99F0;
}
@media screen and (max-width: 1199px) {
  .mwform-checkbox-field input,
  .mwform-radio-field input {
    margin: 0% 1.02% 0% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .mwform-checkbox-field input,
  .mwform-radio-field input {
    margin: 0% 0.5vw 0% 0%;
    width: 2.25vw;
    height: 2.25vw;
  }
}
@media screen and (max-width: 767px) {
  .mwform-checkbox-field input,
  .mwform-radio-field input {
    width: 7.2vw;
    height: 7.2vw;
    margin: 0 1.733333vw 0px 0;
  }
}

.inputW100 {
  border: 1px solid #989898;
  border-radius: 8px;
  /* CSS3草案 */
  -webkit-border-radius: 8px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 8px;
  /* Firefox用 */
  width: 100%;
  aspect-ratio: 782/54;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .inputW100 {
    padding: 2.04% 2.04% 2.04% 2.04%;
  }
}
@media screen and (max-width: 1199px) {
  .inputW100 {
    font-size: 1.1676396997vw;
  }
}
@media screen and (max-width: 767px) {
  .inputW100 {
    border-radius: 5px;
    /* CSS3草案 */
    -webkit-border-radius: 5px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;
    /* Firefox用 */
    aspect-ratio: 327/54;
    line-height: normal;
    letter-spacing: 0.05em;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .inputW100 {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .inputW100 {
    padding: 4.89% 4.89% 4.89% 4.89%;
  }
}

.txtW100 {
  border: 1px solid #989898;
  border-radius: 8px;
  /* CSS3草案 */
  -webkit-border-radius: 8px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 8px;
  /* Firefox用 */
  width: 100%;
  min-height: 162px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtW100 {
    padding: 2.04% 2.04% 2.04% 2.04%;
  }
}
@media screen and (max-width: 1199px) {
  .txtW100 {
    font-size: 1.1676396997vw;
  }
}
@media screen and (max-width: 767px) {
  .txtW100 {
    height: 33vw;
    border-radius: 5px;
    /* CSS3草案 */
    -webkit-border-radius: 5px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;
    /* Firefox用 */
    line-height: normal;
    letter-spacing: 0.05em;
    min-height: 126px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtW100 {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtW100 {
    padding: 4.89% 4.89% 4.89% 4.89%;
  }
}

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

.h2PrivacyArea {
  font-size: 16px;
  line-height: 2.25;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .h2PrivacyArea {
    font-size: 1.3344453711vw;
  }
}
.h2PrivacyArea::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2.25) * 0.5em);
  content: "";
}
.h2PrivacyArea::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2.25) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .h2PrivacyArea {
    line-height: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2PrivacyArea {
    font-size: 4vw;
  }
}

.cntprivacyAreaLxn {
  width: 900px;
  padding-top: 22px;
  padding-bottom: 18px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  aspect-ratio: 900/210;
  border: 1px solid #989898;
  overflow: auto;
}
@media screen and (max-width: 1199px) {
  .cntprivacyAreaLxn {
    width: 90%;
  }
}
@media screen and (max-width: 1199px) {
  .cntprivacyAreaLxn {
    padding: 2.2% 0% 1.8% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .cntprivacyAreaLxn {
    margin-top: 2.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .cntprivacyAreaLxn {
    width: 327px;
    padding: 6.5% 0% 5.5% 0%;
    margin-top: 6.95%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 327/210;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .cntprivacyAreaLxn {
    width: 100%;
  }
}

.secPrivacyArea {
  width: 838px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .secPrivacyArea {
    width: 93.11%;
  }
}
@media screen and (max-width: 767px) {
  .secPrivacyArea {
    width: 89.85%;
  }
}

.textPrivacyArea {
  font-size: 12px;
  line-height: 1.8333333333;
  letter-spacing: 0em;
  font-weight: 400;
}
@media screen and (max-width: 1199px) {
  .textPrivacyArea {
    font-size: 1.0008340284vw;
  }
}
.textPrivacyArea::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8333333333) * 0.5em);
  content: "";
}
.textPrivacyArea::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8333333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .textPrivacyArea {
    line-height: 1.8333333333;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .textPrivacyArea {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .textPrivacyArea::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.8333333333) * 0.5em);
    content: "";
  }
  .textPrivacyArea::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.8333333333) * 0.5em);
    content: "";
  }
}

.thisPageContact .btnToConfirmLxn {
  margin-top: 64px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 360px;
}
@media screen and (max-width: 1199px) {
  .thisPageContact .btnToConfirmLxn {
    margin-top: 6.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .thisPageContact .btnToConfirmLxn {
    width: 36%;
  }
}
@media screen and (max-width: 767px) {
  .thisPageContact .btnToConfirmLxn {
    margin-top: 42px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .thisPageContact .btnToConfirmLxn {
    margin-top: 12.84%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .thisPageContact .btnToConfirmLxn {
    width: 91.74%;
  }
}
.thisPageContact .btnToConfirm {
  cursor: pointer;
  aspect-ratio: 360/80;
  border: none;
  background: url(../img/contact/btnToConfirmPc.svg) no-repeat top center;
  background-size: cover;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .thisPageContact .btnToConfirm {
    aspect-ratio: 300/60;
    border: none;
    background: url(../img/contact/btnToConfirmSp.svg) no-repeat top center;
    background-size: cover;
  }
}

.thisPageContact .toThankBackLxn {
  display: none;
}

.mainshops + footer {
  margin-top: 112px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .mainshops + footer {
    margin-top: 5.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .mainshops + footer {
    margin-top: 37.73%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.mainContact .mw_wp_form .error {
  font-size: 14px;
  width: 100%;
}
@media screen and (max-width: 1199px) {
  .mainContact .mw_wp_form .error {
    font-size: 1.1676396997vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .mainContact .mw_wp_form .error {
    font-size: 3.7333333333vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.testIndex {
  width: 500px;
}
@media screen and (max-width: 1199px) {
  .testIndex {
    width: 41.66%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
@media screen and (max-width: 767px) {
  .thisPageConfirm {
    width: 93.03%;
  }
}
.thisPageConfirm .thFormTable {
  width: 218px;
  padding-top: 2px;
  padding-bottom: 52px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1199px) {
  .thisPageConfirm .thFormTable {
    width: 21.8%;
  }
}
@media screen and (max-width: 1199px) {
  .thisPageConfirm .thFormTable {
    padding: 0.2% 0% 5.2% 0%;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConfirm .thFormTable {
    display: block;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .thisPageConfirm .thFormTable {
    padding: 0% 0% 0% 0%;
  }
}
.thisPageConfirm .h3FormTable {
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .thisPageConfirm .h3FormTable {
    font-size: 1.1676396997vw;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConfirm .h3FormTable {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thisPageConfirm .h3FormTable {
    font-size: 3.7333333333vw;
  }
}
.thisPageConfirm .iconFormTable {
  display: none;
}
.thisPageConfirm .tdFormTable {
  vertical-align: middle;
  width: 782px;
  padding-top: 1px;
  padding-bottom: 49px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .thisPageConfirm .tdFormTable {
    width: 78.2%;
  }
}
@media screen and (max-width: 1199px) {
  .thisPageConfirm .tdFormTable {
    padding: 0.1% 0% 4.9% 0%;
  }
}
@media screen and (max-width: 1199px) {
  .thisPageConfirm .tdFormTable {
    font-size: 1.1676396997vw;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConfirm .tdFormTable {
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.05em;
    display: block;
    width: 100%;
    padding: 5.36% 0% 14.08% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thisPageConfirm .tdFormTable {
    font-size: 3.7333333333vw;
  }
}
.thisPageConfirm .inputW100 {
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.05em;
  padding: 0;
  font-weight: 400;
}
@media screen and (max-width: 1199px) {
  .thisPageConfirm .inputW100 {
    font-size: 1.1676396997vw;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConfirm .inputW100 {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thisPageConfirm .inputW100 {
    font-size: 4.2666666667vw;
  }
}
.thisPageConfirm .txtW100 {
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.05em;
  padding: 0;
  font-weight: 400;
}
@media screen and (max-width: 1199px) {
  .thisPageConfirm .txtW100 {
    font-size: 1.1676396997vw;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConfirm .txtW100 {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thisPageConfirm .txtW100 {
    font-size: 4.2666666667vw;
  }
}
.thisPageConfirm .privacyArea {
  display: none;
}
.thisPageConfirm .btnToConfirmLxn {
  display: none;
}
.thisPageConfirm .toThankBackLxn {
  width: 744px;
  margin-top: 56px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .thisPageConfirm .toThankBackLxn {
    width: 74.4%;
  }
}
@media screen and (max-width: 1199px) {
  .thisPageConfirm .toThankBackLxn {
    margin-top: 5.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConfirm .toThankBackLxn {
    width: 300px;
    margin-top: 41px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .thisPageConfirm .toThankBackLxn {
    width: 91.74%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .thisPageConfirm .toThankBackLxn {
    margin-top: 12.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.thisPageConfirm .toThankBackFx {
  width: 100%;
}
.thisPageConfirm .btnBackLxn {
  width: 360px;
}
@media screen and (max-width: 1199px) {
  .thisPageConfirm .btnBackLxn {
    width: 48.38%;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConfirm .btnBackLxn {
    width: 300px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .thisPageConfirm .btnBackLxn {
    width: 100%;
  }
}
.thisPageConfirm .btnBackLxn .btnBack {
  font-size: 21px;
  line-height: normal;
  letter-spacing: 0.05em;
  width: 100%;
  aspect-ratio: 360/80;
  border: none;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  cursor: pointer;
}
@media screen and (max-width: 1199px) {
  .thisPageConfirm .btnBackLxn .btnBack {
    font-size: 1.7514595496vw;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConfirm .btnBackLxn .btnBack {
    width: 300px;
    line-height: normal;
    letter-spacing: 0.05em;
    width: 100%;
    aspect-ratio: 300/60;
    border-radius: 50px;
    /* CSS3草案 */
    -webkit-border-radius: 50px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 50px;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .thisPageConfirm .btnBackLxn .btnBack {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thisPageConfirm .btnBackLxn .btnBack {
    font-size: 4.2666666667vw;
  }
}
.thisPageConfirm .btnToThanksLxn {
  width: 360px;
}
@media screen and (max-width: 1199px) {
  .thisPageConfirm .btnToThanksLxn {
    width: 48.38%;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConfirm .btnToThanksLxn {
    width: 300px;
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .thisPageConfirm .btnToThanksLxn {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .thisPageConfirm .btnToThanksLxn {
    margin-top: 5.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.thisPageConfirm .btnToThanksLxn .btnToThanks {
  font-size: 21px;
  line-height: normal;
  letter-spacing: 0.05em;
  width: 100%;
  aspect-ratio: 360/80;
  border: none;
  color: #3A3E46;
  cursor: pointer;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
}
@media screen and (max-width: 1199px) {
  .thisPageConfirm .btnToThanksLxn .btnToThanks {
    font-size: 1.7514595496vw;
  }
}
@media screen and (max-width: 767px) {
  .thisPageConfirm .btnToThanksLxn .btnToThanks {
    width: 300px;
    line-height: normal;
    letter-spacing: 0.05em;
    width: 100%;
    aspect-ratio: 300/60;
    border-radius: 50px;
    /* CSS3草案 */
    -webkit-border-radius: 50px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 50px;
    /* Firefox用 */
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .thisPageConfirm .btnToThanksLxn .btnToThanks {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .thisPageConfirm .btnToThanksLxn .btnToThanks {
    font-size: 4.2666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.contactCnt {
  margin-top: 56px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .contactCnt {
    margin-top: 2.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .contactCnt {
    margin-top: 32px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .contactCnt {
    margin-top: 8.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2ThanksPageTop {
  font-size: 30px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h2ThanksPageTop {
    font-size: 2.5020850709vw;
  }
}
@media screen and (max-width: 767px) {
  .h2ThanksPageTop {
    margin-top: 32px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .h2ThanksPageTop {
    margin-top: 8.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2ThanksPageTop {
    font-size: 6.1333333333vw;
  }
}

.textThanksPageTop {
  margin-top: 34px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .textThanksPageTop {
    margin-top: 2.83%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .textThanksPageTop {
    font-size: 1.6680567139vw;
  }
}
.textThanksPageTop::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.75) * 0.5em);
  content: "";
}
.textThanksPageTop::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.75) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .textThanksPageTop {
    margin-top: 7.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.9375;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .textThanksPageTop {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .textThanksPageTop::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.9375) * 0.5em);
    content: "";
  }
  .textThanksPageTop::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.9375) * 0.5em);
    content: "";
  }
}

.thanksCtn {
  margin-top: 81px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .thanksCtn {
    margin-top: 6.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .thanksCtn {
    margin-top: 14.53%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2ThanksCtn {
  font-size: 25px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .h2ThanksCtn {
    font-size: 2.0850708924vw;
  }
}
@media screen and (max-width: 767px) {
  .h2ThanksCtn {
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2ThanksCtn {
    font-size: 4.2666666667vw;
  }
}

.btnThanksCtn {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 624px;
  border-top: 1px solid #2F99F0;
  border-bottom: 1px solid #2F99F0;
  padding-top: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
  pointer-events: none;
}
@media screen and (max-width: 1199px) {
  .btnThanksCtn {
    margin-top: 1.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .btnThanksCtn {
    width: 52%;
  }
}
@media screen and (max-width: 1199px) {
  .btnThanksCtn {
    padding: 0% 0% 0.83% 0%;
  }
}
@media screen and (max-width: 767px) {
  .btnThanksCtn {
    margin-top: 2.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 324px;
    pointer-events: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnThanksCtn {
    width: 86.4%;
  }
}
.btnThanksCtn .iconTelTrialCvn {
  width: 62px;
  transform: translate(0, 4%);
}
@media screen and (max-width: 1199px) {
  .btnThanksCtn .iconTelTrialCvn {
    width: 9.93%;
  }
}
@media screen and (max-width: 767px) {
  .btnThanksCtn .iconTelTrialCvn {
    width: 36px;
    transform: translate(0, 4%);
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnThanksCtn .iconTelTrialCvn {
    width: 11.11%;
  }
}
.btnThanksCtn .iconTelTrialCvn svg {
  width: 100%;
  height: auto;
  display: block;
}
.btnThanksCtn .intTrialCvn {
  font-size: 60px;
  line-height: normal;
  letter-spacing: 0em;
  transform: translate(0px, 4%);
}
@media screen and (max-width: 1199px) {
  .btnThanksCtn .intTrialCvn {
    font-size: 5.0041701418vw;
  }
}
@media screen and (max-width: 767px) {
  .btnThanksCtn .intTrialCvn {
    transform: translate(0px, 4%);
    width: 281px;
    line-height: normal;
    letter-spacing: 0em;
    white-space: nowrap;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnThanksCtn .intTrialCvn {
    width: 86.72%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnThanksCtn .intTrialCvn {
    font-size: 8.2666666667vw;
  }
}

.txtThanksCtn {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 17px;
  line-height: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1199px) {
  .txtThanksCtn {
    margin-top: 1.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .txtThanksCtn {
    font-size: 1.4178482068vw;
  }
}
@media screen and (max-width: 767px) {
  .txtThanksCtn {
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .txtThanksCtn {
    margin-top: 2.13%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtThanksCtn {
    font-size: 3.7333333333vw;
  }
}

.btnThanksCtnLxnL {
  margin-top: 33px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 360px;
}
@media screen and (max-width: 1199px) {
  .btnThanksCtnLxnL {
    margin-top: 2.75%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .btnThanksCtnLxnL {
    width: 30%;
  }
}
@media screen and (max-width: 767px) {
  .btnThanksCtnLxnL {
    margin-top: 74px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnThanksCtnLxnL {
    margin-top: 19.73%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnThanksCtnLxnL {
    width: 80%;
  }
}

.btnThanksCtnL {
  width: 360px;
  aspect-ratio: 360/80;
  border-radius: 50px;
  /* CSS3草案 */
  -webkit-border-radius: 50px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50px;
  /* Firefox用 */
  font-size: 21px;
  line-height: normal;
  letter-spacing: 0.05em;
  text-decoration: none;
}
@media screen and (max-width: 1199px) {
  .btnThanksCtnL {
    width: 100%;
  }
}
@media screen and (max-width: 1199px) {
  .btnThanksCtnL {
    font-size: 1.7514595496vw;
  }
}
@media screen and (max-width: 767px) {
  .btnThanksCtnL {
    aspect-ratio: 360/75;
    border-radius: 50px;
    /* CSS3草案 */
    -webkit-border-radius: 50px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 50px;
    /* Firefox用 */
    line-height: normal;
    letter-spacing: 0.05em;
    width: 300px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnThanksCtnL {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btnThanksCtnL {
    width: 100%;
  }
}

/* ==========================================================================
Component
========================================================================== */
.bg_fff {
  background: #FFF;
}

.bg_F0FCFF {
  background: #F0FCFF;
}

.bg_FFF5F0 {
  background: #FFF5F0;
}

.bg_E8FDF8 {
  background: #E8FDF8;
}

.cl_12AE8A {
  color: #12AE8A;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 2022/09/08, 15:34:06
    Author     : SPG-1105
*/
.undernone {
  text-decoration: none;
}

.c_pointer {
  cursor: pointer;
}

.txtset {
  leading-trim: both;
  text-edge: cap;
}

.v_middle {
  vertical-align: middle;
}

.cl_3A3E46 {
  color: #3A3E46;
}

.cl_fff {
  color: #fff;
}

.cl_FF8D5C {
  color: #FF8D5C;
}

.cl_2F99F0 {
  color: #2F99F0;
}

.bg_FAFBF6 {
  background: #FAFBF6;
}

.bg_3A3E46 {
  background: #3A3E46;
}

.bg_06C755 {
  background: #06C755;
}

.bg_FF7EA4 {
  background: #FF7EA4;
}

.bg_EDF3F6 {
  background: #EDF3F6;
}

.bg_2F99F0 {
  background: #2F99F0;
}

.bg_E3FAFF {
  background: #E3FAFF;
}

.bg_FDE351 {
  background: #FDE351;
}

.bg_FF8D5C {
  background: #FF8D5C;
}

.bg_12AE8A {
  background: #12AE8A;
}

.bg_F2FFFC {
  background: #F2FFFC;
}

.bg_FFFAE2 {
  background: #FFFAE2;
}

.bg_0ED9AA {
  background: #0ED9AA;
}

.brd_FDE351 {
  border-bottom: 3px solid #FDE351;
}

.brd_b_2F99F0 {
  border-bottom: 1px solid #2F99F0;
}

.brd_b_FF8D5C {
  border-bottom: 1px solid #FF8D5C;
}

.brd_b_CCC {
  border-bottom: 1px solid #CCC;
}

.brd_b_1_2F99F0 {
  border-bottom: 1px solid #2F99F0;
}

.brd_1_3A3E46 {
  border-bottom: 1px solid #3A3E46;
}

.fill_2F99F0 {
  fill: #2F99F0;
}

.fill_FF8D5C {
  fill: #FF8D5C;
}

.fill_12AE8A {
  fill: #12AE8A;
}

.animsition,
.animsition-overlay {
  position: relative;
  opacity: 0;
  -webkit-animation-fill-mode: both;
  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;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-name: animsition-loading;
  animation-name: animsition-loading;
}

@-webkit-keyframes animsition-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes animsition-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fade-in {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
}

@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fade-out {
  -webkit-animation-name: fade-out;
  animation-name: fade-out;
}

@-webkit-keyframes fade-in-up {
  0% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-up {
  0% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-up {
  -webkit-animation-name: fade-in-up;
  animation-name: fade-in-up;
}

@-webkit-keyframes fade-out-up {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0;
  }
}
@keyframes fade-out-up {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0;
  }
}
.fade-out-up {
  -webkit-animation-name: fade-out-up;
  animation-name: fade-out-up;
}

@-webkit-keyframes fade-in-up-sm {
  0% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-up-sm {
  0% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-up-sm {
  -webkit-animation-name: fade-in-up-sm;
  animation-name: fade-in-up-sm;
}

@-webkit-keyframes fade-out-up-sm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
}
@keyframes fade-out-up-sm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
}
.fade-out-up-sm {
  -webkit-animation-name: fade-out-up-sm;
  animation-name: fade-out-up-sm;
}

@-webkit-keyframes fade-in-up-lg {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-up-lg {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-up-lg {
  -webkit-animation-name: fade-in-up-lg;
  animation-name: fade-in-up-lg;
}

@-webkit-keyframes fade-out-up-lg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
}
@keyframes fade-out-up-lg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
}
.fade-out-up-lg {
  -webkit-animation-name: fade-out-up-lg;
  animation-name: fade-out-up-lg;
}

@-webkit-keyframes fade-in-down {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-down {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-down {
  -webkit-animation-name: fade-in-down;
  animation-name: fade-in-down;
}

@-webkit-keyframes fade-out-down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0;
  }
}
@keyframes fade-out-down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0;
  }
}
.fade-out-down {
  -webkit-animation-name: fade-out-down;
  animation-name: fade-out-down;
}

@-webkit-keyframes fade-in-down-sm {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-down-sm {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-down-sm {
  -webkit-animation-name: fade-in-down-sm;
  animation-name: fade-in-down-sm;
}

@-webkit-keyframes fade-out-down-sm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
}
@keyframes fade-out-down-sm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
}
.fade-out-down-sm {
  -webkit-animation-name: fade-out-down-sm;
  animation-name: fade-out-down-sm;
}

@-webkit-keyframes fade-in-down-lg {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-down-lg {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-down-lg {
  -webkit-animation-name: fade-in-down;
  animation-name: fade-in-down;
}

@-webkit-keyframes fade-out-down-lg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
}
@keyframes fade-out-down-lg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
}
.fade-out-down-lg {
  -webkit-animation-name: fade-out-down-lg;
  animation-name: fade-out-down-lg;
}

@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-left {
  -webkit-animation-name: fade-in-left;
  animation-name: fade-in-left;
}

@-webkit-keyframes fade-out-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0;
  }
}
@keyframes fade-out-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0;
  }
}
.fade-out-left {
  -webkit-animation-name: fade-out-left;
  animation-name: fade-out-left;
}

@-webkit-keyframes fade-in-left-sm {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left-sm {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-left-sm {
  -webkit-animation-name: fade-in-left-sm;
  animation-name: fade-in-left-sm;
}

@-webkit-keyframes fade-out-left-sm {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
}
@keyframes fade-out-left-sm {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
}
.fade-out-left-sm {
  -webkit-animation-name: fade-out-left-sm;
  animation-name: fade-out-left-sm;
}

@-webkit-keyframes fade-in-left-lg {
  0% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left-lg {
  0% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-left-lg {
  -webkit-animation-name: fade-in-left-lg;
  animation-name: fade-in-left-lg;
}

@-webkit-keyframes fade-out-left-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0;
  }
}
@keyframes fade-out-left-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0;
  }
}
.fade-out-left-lg {
  -webkit-animation-name: fade-out-left-lg;
  animation-name: fade-out-left-lg;
}

@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-right {
  -webkit-animation-name: fade-in-right;
  animation-name: fade-in-right;
}

@-webkit-keyframes fade-out-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
    opacity: 0;
  }
}
@keyframes fade-out-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
    opacity: 0;
  }
}
.fade-out-right {
  -webkit-animation-name: fade-out-right;
  animation-name: fade-out-right;
}

@-webkit-keyframes fade-in-right-sm {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right-sm {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-right-sm {
  -webkit-animation-name: fade-in-right-sm;
  animation-name: fade-in-right-sm;
}

@-webkit-keyframes fade-out-right-sm {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}
@keyframes fade-out-right-sm {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}
.fade-out-right-sm {
  -webkit-animation-name: fade-out-right-sm;
  animation-name: fade-out-right-sm;
}

@-webkit-keyframes fade-in-right-lg {
  0% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right-lg {
  0% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-right-lg {
  -webkit-animation-name: fade-in-right-lg;
  animation-name: fade-in-right-lg;
}

@-webkit-keyframes fade-out-right-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0;
  }
}
@keyframes fade-out-right-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0;
  }
}
.fade-out-right-lg {
  -webkit-animation-name: fade-out-right-lg;
  animation-name: fade-out-right-lg;
}

@-webkit-keyframes rotate-in {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
@keyframes rotate-in {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
.rotate-in {
  -webkit-animation-name: rotate-in;
  animation-name: rotate-in;
}

@-webkit-keyframes rotate-out {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
@keyframes rotate-out {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
.rotate-out {
  -webkit-animation-name: rotate-out;
  animation-name: rotate-out;
}

@-webkit-keyframes rotate-in-sm {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
@keyframes rotate-in-sm {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
.rotate-in-sm {
  -webkit-animation-name: rotate-in-sm;
  animation-name: rotate-in-sm;
}

@-webkit-keyframes rotate-out-sm {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
@keyframes rotate-out-sm {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
.rotate-out-sm {
  -webkit-animation-name: rotate-out-sm;
  animation-name: rotate-out-sm;
}

@-webkit-keyframes rotate-in-lg {
  0% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
@keyframes rotate-in-lg {
  0% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
.rotate-in-lg {
  -webkit-animation-name: rotate-in-lg;
  animation-name: rotate-in-lg;
}

@-webkit-keyframes rotate-out-lg {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
@keyframes rotate-out-lg {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
.rotate-out-lg {
  -webkit-animation-name: rotate-out-lg;
  animation-name: rotate-out-lg;
}

@-webkit-keyframes flip-in-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
}
.flip-in-x {
  -webkit-animation-name: flip-in-x;
  animation-name: flip-in-x;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-out-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
}
.flip-out-x {
  -webkit-animation-name: flip-out-x;
  animation-name: flip-out-x;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-in-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
}
.flip-in-x-nr {
  -webkit-animation-name: flip-in-x-nr;
  animation-name: flip-in-x-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-out-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
}
.flip-out-x-nr {
  -webkit-animation-name: flip-out-x-nr;
  animation-name: flip-out-x-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-in-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
}
.flip-in-x-fr {
  -webkit-animation-name: flip-in-x-fr;
  animation-name: flip-in-x-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-out-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}
.flip-out-x-fr {
  -webkit-animation-name: flip-out-x-fr;
  animation-name: flip-out-x-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-in-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
}
.flip-in-y {
  -webkit-animation-name: flip-in-y;
  animation-name: flip-in-y;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-out-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
}
.flip-out-y {
  -webkit-animation-name: flip-out-y;
  animation-name: flip-out-y;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-in-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(100px) rotateY(0deg);
    transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(100px) rotateY(0deg);
    transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
}
.flip-in-y-nr {
  -webkit-animation-name: flip-in-y-nr;
  animation-name: flip-in-y-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-out-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(0deg);
    transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(0deg);
    transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
}
.flip-out-y-nr {
  -webkit-animation-name: flip-out-y-nr;
  animation-name: flip-out-y-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-in-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
}
.flip-in-y-fr {
  -webkit-animation-name: flip-in-y-fr;
  animation-name: flip-in-y-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-out-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
}
.flip-out-y-fr {
  -webkit-animation-name: flip-out-y-fr;
  animation-name: flip-out-y-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes zoom-in {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoom-in {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.zoom-in {
  -webkit-animation-name: zoom-in;
  animation-name: zoom-in;
}

@-webkit-keyframes zoom-out {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoom-out {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.zoom-out {
  -webkit-animation-name: zoom-out;
  animation-name: zoom-out;
}

@-webkit-keyframes zoom-in-sm {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoom-in-sm {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.zoom-in-sm {
  -webkit-animation-name: zoom-in-sm;
  animation-name: zoom-in-sm;
}

@-webkit-keyframes zoom-out-sm {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoom-out-sm {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.zoom-out-sm {
  -webkit-animation-name: zoom-out-sm;
  animation-name: zoom-out-sm;
}

@-webkit-keyframes zoom-in-lg {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoom-in-lg {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.zoom-in-lg {
  -webkit-animation-name: zoom-in-lg;
  animation-name: zoom-in-lg;
}

@-webkit-keyframes zoom-out-lg {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoom-out-lg {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.zoom-out-lg {
  -webkit-animation-name: zoom-out-lg;
  animation-name: zoom-out-lg;
}

@-webkit-keyframes overlay-slide-in-top {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
@keyframes overlay-slide-in-top {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
.overlay-slide-in-top {
  top: 0;
  height: 0;
  -webkit-animation-name: overlay-slide-in-top;
  animation-name: overlay-slide-in-top;
}

@-webkit-keyframes overlay-slide-out-top {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
@keyframes overlay-slide-out-top {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.overlay-slide-out-top {
  top: 0;
  height: 100%;
  -webkit-animation-name: overlay-slide-out-top;
  animation-name: overlay-slide-out-top;
}

@-webkit-keyframes overlay-slide-in-bottom {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
@keyframes overlay-slide-in-bottom {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
.overlay-slide-in-bottom {
  bottom: 0;
  height: 0;
  -webkit-animation-name: overlay-slide-in-bottom;
  animation-name: overlay-slide-in-bottom;
}

@-webkit-keyframes overlay-slide-out-bottom {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
@keyframes overlay-slide-out-bottom {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.overlay-slide-out-bottom {
  bottom: 0;
  height: 100%;
  -webkit-animation-name: overlay-slide-out-bottom;
  animation-name: overlay-slide-out-bottom;
}

@-webkit-keyframes overlay-slide-in-left {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
@keyframes overlay-slide-in-left {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
.overlay-slide-in-left {
  width: 0;
  -webkit-animation-name: overlay-slide-in-left;
  animation-name: overlay-slide-in-left;
}

@-webkit-keyframes overlay-slide-out-left {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes overlay-slide-out-left {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.overlay-slide-out-left {
  left: 0;
  width: 100%;
  -webkit-animation-name: overlay-slide-out-left;
  animation-name: overlay-slide-out-left;
}

@-webkit-keyframes overlay-slide-in-right {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
@keyframes overlay-slide-in-right {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
.overlay-slide-in-right {
  right: 0;
  width: 0;
  -webkit-animation-name: overlay-slide-in-right;
  animation-name: overlay-slide-in-right;
}

@-webkit-keyframes overlay-slide-out-right {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes overlay-slide-out-right {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.overlay-slide-out-right {
  right: 0;
  width: 100%;
  -webkit-animation-name: overlay-slide-out-right;
  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_top2 {
  0% {
    opacity: 0;
    transform: translate3d(0px, 20px, 0px);
  }
  70% {
    opacity: 1;
    transform: translate3d(0px, -10px, 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;
}
.opacity_0_fade_set.active {
  -webkit-animation: fadein_sc_top 0.75s ease 0.35s forwards alternate;
  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 {
  -webkit-animation: fadein_sc_left 0.75s ease 0.35s forwards alternate;
  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 {
  -webkit-animation: fadein_sc_right 0.75s ease 0.35s forwards alternate;
  animation: fadein_sc_right 0.75s ease 0.35s forwards alternate;
}

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

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

.listcnt .moveList {
  opacity: 0;
}
.listcnt.active .moveList:nth-child(1) {
  -webkit-animation: fadein_in 0.75s ease 0.15s forwards alternate;
  animation: fadein_in 0.75s ease 0.15s forwards alternate;
}
.listcnt.active .moveList:nth-child(2) {
  -webkit-animation: fadein_in 0.75s ease 0.3s forwards alternate;
  animation: fadein_in 0.75s ease 0.3s forwards alternate;
}
.listcnt.active .moveList:nth-child(3) {
  -webkit-animation: fadein_in 0.75s ease 0.45s forwards alternate;
  animation: fadein_in 0.75s ease 0.45s forwards alternate;
}
.listcnt.active .moveList:nth-child(4) {
  -webkit-animation: fadein_in 0.75s ease 0.6s forwards alternate;
  animation: fadein_in 0.75s ease 0.6s forwards alternate;
}
.listcnt.active .moveList:nth-child(5) {
  -webkit-animation: fadein_in 0.75s ease 0.75s forwards alternate;
  animation: fadein_in 0.75s ease 0.75s forwards alternate;
}
.listcnt.active .moveList:nth-child(6) {
  -webkit-animation: fadein_in 0.75s ease 0.9s forwards alternate;
  animation: fadein_in 0.75s ease 0.9s forwards alternate;
}
.listcnt.active .moveList:nth-child(7) {
  -webkit-animation: fadein_in 0.75s ease 1.05s forwards alternate;
  animation: fadein_in 0.75s ease 1.05s forwards alternate;
}
.listcnt.active .moveList:nth-child(8) {
  -webkit-animation: fadein_in 0.75s ease 1.2s forwards alternate;
  animation: fadein_in 0.75s ease 1.2s forwards alternate;
}
.listcnt.active .moveList:nth-child(9) {
  -webkit-animation: fadein_in 0.75s ease 1.35s forwards alternate;
  animation: fadein_in 0.75s ease 1.35s forwards alternate;
}
.listcnt.active .moveList:nth-child(10) {
  -webkit-animation: fadein_in 0.75s ease 1.5s forwards alternate;
  animation: fadein_in 0.75s ease 1.5s forwards alternate;
}

.listcntmainasu .moveList {
  opacity: 0;
}
.listcntmainasu.active .moveList:nth-child(1) {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 0.25s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 0.25s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(2) {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 0.5s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 0.5s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(3) {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 0.75s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 0.75s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(4) {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 1s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 1s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(5) {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 1.25s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 1.25s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(6) {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 1.5s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 1.5s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(7) {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 1.75s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 1.75s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(8) {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 2s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 2s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(9) {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 2.25s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 2.25s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(10) {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 2.5s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 2.5s forwards alternate;
}

.listcntmainasu .moveList1 {
  opacity: 0;
}

.listcntmainasu.active .moveList1 {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 0.25s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 0.25s forwards alternate;
}

.listcntmainasu .moveList2 {
  opacity: 0;
}

.listcntmainasu.active .moveList2 {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 0.5s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 0.5s forwards alternate;
}

.listcntmainasu .moveList3 {
  opacity: 0;
}

.listcntmainasu.active .moveList3 {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 0.75s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 0.75s forwards alternate;
}

.listcntmainasu .moveList4 {
  opacity: 0;
}

.listcntmainasu.active .moveList4 {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 1s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 1s forwards alternate;
}

.listcntmainasu .moveList5 {
  opacity: 0;
}

.listcntmainasu.active .moveList5 {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 1.25s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 1.25s forwards alternate;
}

.listcntmainasu .moveList6 {
  opacity: 0;
}

.listcntmainasu.active .moveList6 {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 1.5s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 1.5s forwards alternate;
}

.listcntmainasu .moveList7 {
  opacity: 0;
}

.listcntmainasu.active .moveList7 {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 1.75s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 1.75s forwards alternate;
}

.listcntmainasu .moveList8 {
  opacity: 0;
}

.listcntmainasu.active .moveList8 {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 2s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 2s forwards alternate;
}

.listcntmainasu .moveList9 {
  opacity: 0;
}

.listcntmainasu.active .moveList9 {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 2.25s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 2.25s forwards alternate;
}

.listcntmainasu .moveList10 {
  opacity: 0;
}

.listcntmainasu.active .moveList10 {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 2.5s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 2.5s forwards alternate;
}

.listcntmainasuLeft .moveList {
  opacity: 0;
}
.listcntmainasuLeft.active .moveList:nth-child(1) {
  -webkit-animation: fadein_sc_left 0.75s ease 0.15s forwards alternate;
  animation: fadein_sc_left 0.75s ease 0.15s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(2) {
  -webkit-animation: fadein_sc_left 0.75s ease 0.3s forwards alternate;
  animation: fadein_sc_left 0.75s ease 0.3s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(3) {
  -webkit-animation: fadein_sc_left 0.75s ease 0.45s forwards alternate;
  animation: fadein_sc_left 0.75s ease 0.45s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(4) {
  -webkit-animation: fadein_sc_left 0.75s ease 0.6s forwards alternate;
  animation: fadein_sc_left 0.75s ease 0.6s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(5) {
  -webkit-animation: fadein_sc_left 0.75s ease 0.75s forwards alternate;
  animation: fadein_sc_left 0.75s ease 0.75s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(6) {
  -webkit-animation: fadein_sc_left 0.75s ease 0.9s forwards alternate;
  animation: fadein_sc_left 0.75s ease 0.9s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(7) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.05s forwards alternate;
  animation: fadein_sc_left 0.75s ease 1.05s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(8) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.2s forwards alternate;
  animation: fadein_sc_left 0.75s ease 1.2s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(9) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.35s forwards alternate;
  animation: fadein_sc_left 0.75s ease 1.35s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(10) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.5s forwards alternate;
  animation: fadein_sc_left 0.75s ease 1.5s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(11) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.65s forwards alternate;
  animation: fadein_sc_left 0.75s ease 1.65s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(12) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.8s forwards alternate;
  animation: fadein_sc_left 0.75s ease 1.8s 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) {
  -webkit-animation: fadein_sc_left 0.75s ease 0.35s forwards alternate;
  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) {
  -webkit-animation: fadein_sc_left 0.75s ease 0.7s forwards alternate;
  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) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.05s forwards alternate;
  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) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.4s forwards alternate;
  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) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.75s forwards alternate;
  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) {
  -webkit-animation: fadein_sc_left 0.75s ease 2.1s forwards alternate;
  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) {
  -webkit-animation: fadein_sc_left 0.75s ease 2.45s forwards alternate;
  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) {
  -webkit-animation: fadein_sc_left 0.75s ease 2.8s forwards alternate;
  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) {
  -webkit-animation: fadein_sc_left 0.75s ease 3.15s forwards alternate;
  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) {
  -webkit-animation: fadein_sc_left 0.75s ease 3.5s forwards alternate;
  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) {
  -webkit-animation: fadein_sc_left 0.75s ease 3.85s forwards alternate;
  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) {
  -webkit-animation: fadein_sc_left 0.75s ease 4.2s forwards alternate;
  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) {
  -webkit-animation: fadein_sc_right 0.75s ease 0.35s forwards alternate;
  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) {
  -webkit-animation: fadein_sc_right 0.75s ease 0.7s forwards alternate;
  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) {
  -webkit-animation: fadein_sc_right 0.75s ease 1.05s forwards alternate;
  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) {
  -webkit-animation: fadein_sc_right 0.75s ease 1.4s forwards alternate;
  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) {
  -webkit-animation: fadein_sc_right 0.75s ease 1.75s forwards alternate;
  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) {
  -webkit-animation: fadein_sc_right 0.75s ease 2.1s forwards alternate;
  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) {
  -webkit-animation: fadein_sc_right 0.75s ease 2.45s forwards alternate;
  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) {
  -webkit-animation: fadein_sc_right 0.75s ease 2.8s forwards alternate;
  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) {
  -webkit-animation: fadein_sc_right 0.75s ease 3.15s forwards alternate;
  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) {
  -webkit-animation: fadein_sc_right 0.75s ease 3.5s forwards alternate;
  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) {
  -webkit-animation: fadein_sc_right 0.75s ease 3.85s forwards alternate;
  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) {
  -webkit-animation: fadein_sc_right 0.75s ease 4.2s forwards alternate;
  animation: fadein_sc_right 0.75s ease 4.2s forwards alternate;
}

.moveTopBtms {
  transition: 0.5s;
}
.moveTopBtms:hover {
  transform: translate(0px, -5px);
}

.scrollHarukazeFvPosta {
  animation: pathmove 2.4s ease-in-out infinite;
  opacity: 0;
}

@keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0;
  }
  30% {
    height: 100%;
    opacity: 1;
  }
  100% {
    height: 0;
    top: 110%;
    opacity: 0;
  }
}
/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  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;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  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;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  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;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  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%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-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;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: alpha(Opacity=100);
  opacity: 1;
}/*# sourceMappingURL=common.css.map */